@-webkit-keyframes progress-bar-stripes { 0% { background-position: 40px 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { 0% { background-position: 40px 0 } to { background-position: 0 0 } } @-webkit-keyframes shake { 10%,90% { transform: translate3d(-1px,0,0) } 20%,80% { transform: translate3d(2px,0,0) } 30%,60% { transform: translate3d(-3px,0,0) } 45% { transform: translate3d(3px,0,0) } } @-webkit-keyframes fade { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fade { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes spinner { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } @-webkit-keyframes quiz-checkmark { 0% { height: 0; width: 0 } 40% { height: 6px; width: 0 } to { height: 6px; width: 11px } } @keyframes quiz-checkmark { 0% { height: 0; width: 0 } 40% { height: 6px; width: 0 } to { height: 6px; width: 11px } } @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg) } } @keyframes spin { to { transform: rotate(360deg) } } @keyframes loading-stripes { 0% { background-position: 50px 0 } to { background-position: 0 0 } } @-webkit-keyframes loading-stripes { 0% { background-position: 50px 0 } to { background-position: 0 0 } } @keyframes spinner { 0% { transform: rotate(0deg) } to { transform: rotate(360deg) } } @-webkit-keyframes loader { 0% { width: 0 } 20% { width: 10% } 25% { width: 24% } 43% { width: 41% } 56% { width: 50% } 66% { width: 52% } 71% { width: 60% } 75% { width: 76% } 94% { width: 86% } to { width: 100% } } @keyframes loader { 0% { width: 0 } 20% { width: 10% } 25% { width: 24% } 43% { width: 41% } 56% { width: 50% } 66% { width: 52% } 71% { width: 60% } 75% { width: 76% } 94% { width: 86% } to { width: 100% } } @-webkit-keyframes increaseBackground { 50% { transform: scale(1.05) translate(5px,5px) } to { transform: scale(1) } } @keyframes increaseBackground { 50% { transform: scale(1.05) translate(5px,5px) } to { transform: scale(1) } } @-webkit-keyframes bounce { 0%,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); transform: translate3d(0,0,0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); transform: translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); transform: translate3d(0,-15px,0) } 90% { transform: translate3d(0,-4px,0) } } @keyframes bounce { 0%,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); transform: translate3d(0,0,0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); transform: translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); transform: translate3d(0,-15px,0) } 90% { transform: translate3d(0,-4px,0) } } @-webkit-keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } @-webkit-keyframes pulse { 0%,to { transform: scale3d(1,1,1) } 50% { transform: scale3d(1.05,1.05,1.05) } } @keyframes pulse { 0%,to { transform: scale3d(1,1,1) } 50% { transform: scale3d(1.05,1.05,1.05) } } @-webkit-keyframes rubber-band { 0%,to { transform: scale3d(1,1,1) } 30% { transform: scale3d(1.25,.75,1) } 40% { transform: scale3d(.75,1.25,1) } 50% { transform: scale3d(1.15,.85,1) } 65% { transform: scale3d(.95,1.05,1) } 75% { transform: scale3d(1.05,.95,1) } } @keyframes rubber-band { 0%,to { transform: scale3d(1,1,1) } 30% { transform: scale3d(1.25,.75,1) } 40% { transform: scale3d(.75,1.25,1) } 50% { transform: scale3d(1.15,.85,1) } 65% { transform: scale3d(.95,1.05,1) } 75% { transform: scale3d(1.05,.95,1) } } @keyframes shake { 0%,to { transform: translate3d(0,0,0) } 10%,30%,50%,70%,90% { transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { transform: translate3d(10px,0,0) } } @-webkit-keyframes swing { 20% { transform: rotate3d(0,0,1,15deg) } 40% { transform: rotate3d(0,0,1,-10deg) } 60% { transform: rotate3d(0,0,1,5deg) } 80% { transform: rotate3d(0,0,1,-5deg) } to { transform: rotate3d(0,0,1,0deg) } } @keyframes swing { 20% { transform: rotate3d(0,0,1,15deg) } 40% { transform: rotate3d(0,0,1,-10deg) } 60% { transform: rotate3d(0,0,1,5deg) } 80% { transform: rotate3d(0,0,1,-5deg) } to { transform: rotate3d(0,0,1,0deg) } } @-webkit-keyframes swing-in-down { 0% { transform: rotateX(-100deg); transform-origin: top; opacity: 0 } to { transform: rotateX(0deg); transform-origin: top; opacity: 1 } } @keyframes swing-in-down { 0% { transform: rotateX(-100deg); transform-origin: top; opacity: 0 } to { transform: rotateX(0deg); transform-origin: top; opacity: 1 } } @-webkit-keyframes swing-in-up { 0% { transform: rotateX(100deg); transform-origin: bottom; opacity: 0 } to { transform: rotateX(0); transform-origin: bottom; opacity: 1 } } @keyframes swing-in-up { 0% { transform: rotateX(100deg); transform-origin: bottom; opacity: 0 } to { transform: rotateX(0); transform-origin: bottom; opacity: 1 } } @-webkit-keyframes swing-in { 0% { transform: rotateY(100deg); transform-origin: left; opacity: 0 } to { transform: rotateY(0); transform-origin: left; opacity: 1 } } @keyframes swing-in { 0% { transform: rotateY(100deg); transform-origin: left; opacity: 0 } to { transform: rotateY(0); transform-origin: left; opacity: 1 } } @-webkit-keyframes swing-in-left { 0% { transform: rotateY(100deg); transform-origin: left; opacity: 0 } to { transform: rotateY(0); transform-origin: left; opacity: 1 } } @keyframes swing-in-left { 0% { transform: rotateY(100deg); transform-origin: left; opacity: 0 } to { transform: rotateY(0); transform-origin: left; opacity: 1 } } @-webkit-keyframes swing-in-right { 0% { transform: rotateY(-100deg); transform-origin: right; opacity: 0 } to { transform: rotateY(0); transform-origin: right; opacity: 1 } } @keyframes swing-in-right { 0% { transform: rotateY(-100deg); transform-origin: right; opacity: 0 } to { transform: rotateY(0); transform-origin: right; opacity: 1 } } @-webkit-keyframes tada { 0%,to { transform: scale3d(1,1,1) } 10%,20% { transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) } 30%,50%,70%,90% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) } 40%,60%,80% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) } } @keyframes tada { 0%,to { transform: scale3d(1,1,1) } 10%,20% { transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) } 30%,50%,70%,90% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) } 40%,60%,80% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) } } @-webkit-keyframes wobble { 0%,to { transform: none } 15% { transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 30% { transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 45% { transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 60% { transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 75% { transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } } @keyframes wobble { 0%,to { transform: none } 15% { transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 30% { transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 45% { transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 60% { transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 75% { transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } } @-webkit-keyframes jello { 0%,11.1%,to { transform: none } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { transform: skewX(.39062deg) skewY(.39062deg) } 88.8% { transform: skewX(-.19531deg) skewY(-.19531deg) } } @keyframes jello { 0%,11.1%,to { transform: none } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { transform: skewX(.39062deg) skewY(.39062deg) } 88.8% { transform: skewX(-.19531deg) skewY(-.19531deg) } } @-webkit-keyframes bounce-in { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: scale3d(.3,.3,.3) } 20% { transform: scale3d(1.1,1.1,1.1) } 40% { transform: scale3d(.9,.9,.9) } 60% { opacity: 1; transform: scale3d(1.03,1.03,1.03) } 80% { transform: scale3d(.97,.97,.97) } to { opacity: 1; transform: scale3d(1,1,1) } } @keyframes bounce-in { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: scale3d(.3,.3,.3) } 20% { transform: scale3d(1.1,1.1,1.1) } 40% { transform: scale3d(.9,.9,.9) } 60% { opacity: 1; transform: scale3d(1.03,1.03,1.03) } 80% { transform: scale3d(.97,.97,.97) } to { opacity: 1; transform: scale3d(1,1,1) } } @-webkit-keyframes bounce-in-down { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(0,-3000px,0) } 60% { opacity: 1; transform: translate3d(0,25px,0) } 75% { transform: translate3d(0,-10px,0) } 90% { transform: translate3d(0,5px,0) } to { transform: none } } @keyframes bounce-in-down { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(0,-3000px,0) } 60% { opacity: 1; transform: translate3d(0,25px,0) } 75% { transform: translate3d(0,-10px,0) } 90% { transform: translate3d(0,5px,0) } to { transform: none } } @-webkit-keyframes bounce-in-left { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(-3000px,0,0) } 60% { opacity: 1; transform: translate3d(25px,0,0) } 75% { transform: translate3d(-10px,0,0) } 90% { transform: translate3d(5px,0,0) } to { transform: none } } @keyframes bounce-in-left { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(-3000px,0,0) } 60% { opacity: 1; transform: translate3d(25px,0,0) } 75% { transform: translate3d(-10px,0,0) } 90% { transform: translate3d(5px,0,0) } to { transform: none } } @-webkit-keyframes bounce-in-right { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(3000px,0,0) } 60% { opacity: 1; transform: translate3d(-25px,0,0) } 75% { transform: translate3d(10px,0,0) } 90% { transform: translate3d(-5px,0,0) } to { transform: none } } @keyframes bounce-in-right { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(3000px,0,0) } 60% { opacity: 1; transform: translate3d(-25px,0,0) } 75% { transform: translate3d(10px,0,0) } 90% { transform: translate3d(-5px,0,0) } to { transform: none } } @-webkit-keyframes bounce-in-up { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(0,3000px,0) } 60% { opacity: 1; transform: translate3d(0,-20px,0) } 75% { transform: translate3d(0,10px,0) } 90% { transform: translate3d(0,-5px,0) } to { transform: translate3d(0,0,0) } } @keyframes bounce-in-up { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; transform: translate3d(0,3000px,0) } 60% { opacity: 1; transform: translate3d(0,-20px,0) } 75% { transform: translate3d(0,10px,0) } 90% { transform: translate3d(0,-5px,0) } to { transform: translate3d(0,0,0) } } @-webkit-keyframes bounce-out { 20% { transform: scale3d(.9,.9,.9) } 50%,55% { opacity: 1; transform: scale3d(1.1,1.1,1.1) } to { opacity: 0; transform: scale3d(.3,.3,.3) } } @keyframes bounce-out { 20% { transform: scale3d(.9,.9,.9) } 50%,55% { opacity: 1; transform: scale3d(1.1,1.1,1.1) } to { opacity: 0; transform: scale3d(.3,.3,.3) } } @-webkit-keyframes bounce-out-down { 20% { transform: translate3d(0,10px,0) } 40%,45% { opacity: 1; transform: translate3d(0,-20px,0) } to { opacity: 0; transform: translate3d(0,2000px,0) } } @keyframes bounce-out-down { 20% { transform: translate3d(0,10px,0) } 40%,45% { opacity: 1; transform: translate3d(0,-20px,0) } to { opacity: 0; transform: translate3d(0,2000px,0) } } @-webkit-keyframes bounce-out-left { 20% { opacity: 1; transform: translate3d(20px,0,0) } to { opacity: 0; transform: translate3d(-2000px,0,0) } } @keyframes bounce-out-left { 20% { opacity: 1; transform: translate3d(20px,0,0) } to { opacity: 0; transform: translate3d(-2000px,0,0) } } @-webkit-keyframes bounce-out-right { 20% { opacity: 1; transform: translate3d(-20px,0,0) } to { opacity: 0; transform: translate3d(2000px,0,0) } } @keyframes bounce-out-right { 20% { opacity: 1; transform: translate3d(-20px,0,0) } to { opacity: 0; transform: translate3d(2000px,0,0) } } @-webkit-keyframes bounce-out-up { 20% { transform: translate3d(0,-10px,0) } 40%,45% { opacity: 1; transform: translate3d(0,20px,0) } to { opacity: 0; transform: translate3d(0,-2000px,0) } } @keyframes bounce-out-up { 20% { transform: translate3d(0,-10px,0) } 40%,45% { opacity: 1; transform: translate3d(0,20px,0) } to { opacity: 0; transform: translate3d(0,-2000px,0) } } @-webkit-keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes fade-in-down { 0% { opacity: 0; transform: translate3d(0,-100%,0) } to { opacity: 1; transform: none } } @keyframes fade-in-down { 0% { opacity: 0; transform: translate3d(0,-100%,0) } to { opacity: 1; transform: none } } @-webkit-keyframes fade-in-down-big { 0% { opacity: 0; transform: translate3d(0,-2000px,0) } to { opacity: 1; transform: none } } @keyframes fade-in-down-big { 0% { opacity: 0; transform: translate3d(0,-2000px,0) } to { opacity: 1; transform: none } } @-webkit-keyframes fade-in-left { 0% { opacity: 0; transform: translate3d(-100%,0,0) } to { opacity: 1; transform: none } } @keyframes fade-in-left { 0% { opacity: 0; transform: translate3d(-100%,0,0) } to { opacity: 1; transform: none } } @-webkit-keyframes fade-in-left-big { 0% { opacity: 0; transform: translate3d(-2000px,0,0) } to { opacity: 1; transform: none } } @keyframes fade-in-left-big { 0% { opacity: 0; transform: translate3d(-2000px,0,0) } to { opacity: 1; transform: none } } @-webkit-keyframes fade-in-right { 0% { opacity: 0; transform: translate3d(100%,0,0) } to { opacity: 1; transform: none } } @keyframes fade-in-right { 0% { opacity: 0; transform: translate3d(100%,0,0) } to { opacity: 1; transform: none } } @-webkit-keyframes fade-in-right-big { 0% { opacity: 0; transform: translate3d(2000px,0,0) } to { opacity: 1; transform: none } } @keyframes fade-in-right-big { 0% { opacity: 0; transform: translate3d(2000px,0,0) } to { opacity: 1; transform: none } } @-webkit-keyframes fade-in-up { 0% { opacity: 0; transform: translate3d(0,100%,0) } to { opacity: 1; transform: none } } @keyframes fade-in-up { 0% { opacity: 0; transform: translate3d(0,100%,0) } to { opacity: 1; transform: none } } @-webkit-keyframes fade-in-up-big { 0% { opacity: 0; transform: translate3d(0,2000px,0) } to { opacity: 1; transform: none } } @keyframes fade-in-up-big { 0% { opacity: 0; transform: translate3d(0,2000px,0) } to { opacity: 1; transform: none } } @-webkit-keyframes fade-out { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fade-out { 0% { opacity: 1 } to { opacity: 0 } } @-webkit-keyframes fade-out-down { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0,100%,0) } } @keyframes fade-out-down { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0,100%,0) } } @-webkit-keyframes fade-out-down-big { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0,2000px,0) } } @keyframes fade-out-down-big { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0,2000px,0) } } @-webkit-keyframes fade-out-left { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(-100%,0,0) } } @keyframes fade-out-left { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(-100%,0,0) } } @-webkit-keyframes fade-out-left-big { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(-2000px,0,0) } } @keyframes fade-out-left-big { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(-2000px,0,0) } } @-webkit-keyframes fade-out-right { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(100%,0,0) } } @keyframes fade-out-right { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(100%,0,0) } } @-webkit-keyframes fade-out-right-big { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(2000px,0,0) } } @keyframes fade-out-right-big { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(2000px,0,0) } } @-webkit-keyframes fade-out-up { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0,-100%,0) } } @keyframes fade-out-up { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0,-100%,0) } } @-webkit-keyframes fade-out-up-big { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0,-2000px,0) } } @keyframes fade-out-up-big { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0,-2000px,0) } } @-webkit-keyframes flip { 0% { transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { transform: perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { transform: perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @-webkit-keyframes flip-in-hor { 0% { transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1 } 80% { transform: perspective(400px) rotate3d(1,0,0,-5deg) } to { transform: perspective(400px) } } @keyframes flip-in-hor { 0% { transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1 } 80% { transform: perspective(400px) rotate3d(1,0,0,-5deg) } to { transform: perspective(400px) } } @-webkit-keyframes flip-in { 0% { transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1 } 80% { transform: perspective(400px) rotate3d(1,0,0,-5deg) } to { transform: perspective(400px) } } @keyframes flip-in { 0% { transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1 } 80% { transform: perspective(400px) rotate3d(1,0,0,-5deg) } to { transform: perspective(400px) } } @-webkit-keyframes flip-in-ver { 0% { transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1 } 80% { transform: perspective(400px) rotate3d(0,1,0,-5deg) } to { transform: perspective(400px) } } @keyframes flip-in-ver { 0% { transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1 } 80% { transform: perspective(400px) rotate3d(0,1,0,-5deg) } to { transform: perspective(400px) } } @-webkit-keyframes flip-out-hor { 0% { transform: perspective(400px) } 30% { transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1 } to { transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0 } } @keyframes flip-out-hor { 0% { transform: perspective(400px) } 30% { transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1 } to { transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0 } } @-webkit-keyframes flip-out-ver { 0% { transform: perspective(400px) } 30% { transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1 } to { transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0 } } @keyframes flip-out-ver { 0% { transform: perspective(400px) } 30% { transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1 } to { transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0 } } @-webkit-keyframes light-speed-in { 0% { transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0 } 60% { transform: skewX(20deg); opacity: 1 } 80% { transform: skewX(-5deg); opacity: 1 } to { transform: none; opacity: 1 } } @keyframes light-speed-in { 0% { transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0 } 60% { transform: skewX(20deg); opacity: 1 } 80% { transform: skewX(-5deg); opacity: 1 } to { transform: none; opacity: 1 } } @-webkit-keyframes light-speed-out { 0% { opacity: 1 } to { transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } @keyframes light-speed-out { 0% { opacity: 1 } to { transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } @-webkit-keyframes rotate-in { 0% { transform-origin: center; transform: rotate3d(0,0,1,-200deg); opacity: 0 } to { transform-origin: center; transform: none; opacity: 1 } } @keyframes rotate-in { 0% { transform-origin: center; transform: rotate3d(0,0,1,-200deg); opacity: 0 } to { transform-origin: center; transform: none; opacity: 1 } } @-webkit-keyframes rotate-in-cw { 0% { transform-origin: center; transform: rotate3d(0,0,1,-200deg); opacity: 0 } to { transform-origin: center; transform: none; opacity: 1 } } @keyframes rotate-in-cw { 0% { transform-origin: center; transform: rotate3d(0,0,1,-200deg); opacity: 0 } to { transform-origin: center; transform: none; opacity: 1 } } @-webkit-keyframes rotate-in-ccw { 0% { transform-origin: center; transform: rotate3d(0,0,1,200deg); opacity: 0 } to { transform-origin: center; transform: none; opacity: 1 } } @keyframes rotate-in-ccw { 0% { transform-origin: center; transform: rotate3d(0,0,1,200deg); opacity: 0 } to { transform-origin: center; transform: none; opacity: 1 } } @-webkit-keyframes rotate-corner-in { 0% { transform-origin: left bottom; transform: rotate3d(0,0,1,-45deg); opacity: 0 } to { transform-origin: left bottom; transform: none; opacity: 1 } } @keyframes rotate-corner-in { 0% { transform-origin: left bottom; transform: rotate3d(0,0,1,-45deg); opacity: 0 } to { transform-origin: left bottom; transform: none; opacity: 1 } } @-webkit-keyframes rotate-corner-in-down-left { 0% { transform-origin: left bottom; transform: rotate3d(0,0,1,-45deg); opacity: 0 } to { transform-origin: left bottom; transform: none; opacity: 1 } } @keyframes rotate-corner-in-down-left { 0% { transform-origin: left bottom; transform: rotate3d(0,0,1,-45deg); opacity: 0 } to { transform-origin: left bottom; transform: none; opacity: 1 } } @-webkit-keyframes rotate-corner-in-down-right { 0% { transform-origin: right bottom; transform: rotate3d(0,0,1,45deg); opacity: 0 } to { transform-origin: right bottom; transform: none; opacity: 1 } } @keyframes rotate-corner-in-down-right { 0% { transform-origin: right bottom; transform: rotate3d(0,0,1,45deg); opacity: 0 } to { transform-origin: right bottom; transform: none; opacity: 1 } } @-webkit-keyframes rotate-corner-in-up-left { 0% { transform-origin: left bottom; transform: rotate3d(0,0,1,45deg); opacity: 0 } to { transform-origin: left bottom; transform: none; opacity: 1 } } @keyframes rotate-corner-in-up-left { 0% { transform-origin: left bottom; transform: rotate3d(0,0,1,45deg); opacity: 0 } to { transform-origin: left bottom; transform: none; opacity: 1 } } @-webkit-keyframes rotate-corner-in-up-right { 0% { transform-origin: right bottom; transform: rotate3d(0,0,1,-90deg); opacity: 0 } to { transform-origin: right bottom; transform: none; opacity: 1 } } @keyframes rotate-corner-in-up-right { 0% { transform-origin: right bottom; transform: rotate3d(0,0,1,-90deg); opacity: 0 } to { transform-origin: right bottom; transform: none; opacity: 1 } } @-webkit-keyframes rotate-out { 0% { transform-origin: center; opacity: 1 } to { transform-origin: center; transform: rotate3d(0,0,1,200deg); opacity: 0 } } @keyframes rotate-out { 0% { transform-origin: center; opacity: 1 } to { transform-origin: center; transform: rotate3d(0,0,1,200deg); opacity: 0 } } @-webkit-keyframes rotate-out-down-left { 0% { transform-origin: left bottom; opacity: 1 } to { transform-origin: left bottom; transform: rotate3d(0,0,1,45deg); opacity: 0 } } @keyframes rotate-out-down-left { 0% { transform-origin: left bottom; opacity: 1 } to { transform-origin: left bottom; transform: rotate3d(0,0,1,45deg); opacity: 0 } } @-webkit-keyframes rotate-out-down-right { 0% { transform-origin: right bottom; opacity: 1 } to { transform-origin: right bottom; transform: rotate3d(0,0,1,-45deg); opacity: 0 } } @keyframes rotate-out-down-right { 0% { transform-origin: right bottom; opacity: 1 } to { transform-origin: right bottom; transform: rotate3d(0,0,1,-45deg); opacity: 0 } } @-webkit-keyframes rotate-out-up-left { 0% { transform-origin: left bottom; opacity: 1 } to { transform-origin: left bottom; transform: rotate3d(0,0,1,-45deg); opacity: 0 } } @keyframes rotate-out-up-left { 0% { transform-origin: left bottom; opacity: 1 } to { transform-origin: left bottom; transform: rotate3d(0,0,1,-45deg); opacity: 0 } } @-webkit-keyframes rotate-out-up-right { 0% { transform-origin: right bottom; opacity: 1 } to { transform-origin: right bottom; transform: rotate3d(0,0,1,90deg); opacity: 0 } } @keyframes rotate-out-up-right { 0% { transform-origin: right bottom; opacity: 1 } to { transform-origin: right bottom; transform: rotate3d(0,0,1,90deg); opacity: 0 } } @-webkit-keyframes hinge { 0% { transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { transform: rotate3d(0,0,1,80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%,80% { transform: rotate3d(0,0,1,60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { transform: translate3d(0,700px,0); opacity: 0 } } @keyframes hinge { 0% { transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { transform: rotate3d(0,0,1,80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%,80% { transform: rotate3d(0,0,1,60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { transform: translate3d(0,700px,0); opacity: 0 } } @-webkit-keyframes roll-in { 0% { opacity: 0; transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) } to { opacity: 1; transform: none } } @keyframes roll-in { 0% { opacity: 0; transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) } to { opacity: 1; transform: none } } @-webkit-keyframes roll-out { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg) } } @keyframes roll-out { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg) } } @-webkit-keyframes zoom-in { 0% { opacity: 0; transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } @keyframes zoom-in { 0% { opacity: 0; transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } @-webkit-keyframes roll-in-blurred-down { 0% { transform: translateY(-800px) rotate(-720deg); filter: blur(50px); opacity: 0 } to { transform: translateY(0) rotate(0deg); filter: blur(0); opacity: 1 } } @keyframes roll-in-blurred-down { 0% { transform: translateY(-800px) rotate(-720deg); filter: blur(50px); opacity: 0 } to { transform: translateY(0) rotate(0deg); filter: blur(0); opacity: 1 } } @-webkit-keyframes roll-in-blurred-up { 0% { transform: translateY(800px) rotate(720deg); filter: blur(50px); opacity: 0 } to { transform: translateY(0) rotate(0deg); opacity: 1 } } @keyframes roll-in-blurred-up { 0% { transform: translateY(800px) rotate(720deg); filter: blur(50px); opacity: 0 } to { transform: translateY(0) rotate(0deg); opacity: 1 } } @-webkit-keyframes roll-in-blurred { 0% { transform: translateX(-1000px) rotate(-720deg); filter: blur(50px); opacity: 0 } to { transform: translateX(0) rotate(0deg); filter: blur(0); opacity: 1 } } @keyframes roll-in-blurred { 0% { transform: translateX(-1000px) rotate(-720deg); filter: blur(50px); opacity: 0 } to { transform: translateX(0) rotate(0deg); filter: blur(0); opacity: 1 } } @-webkit-keyframes roll-in-blurred-left { 0% { transform: translateX(-1000px) rotate(-720deg); filter: blur(50px); opacity: 0 } to { transform: translateX(0) rotate(0deg); filter: blur(0); opacity: 1 } } @keyframes roll-in-blurred-left { 0% { transform: translateX(-1000px) rotate(-720deg); filter: blur(50px); opacity: 0 } to { transform: translateX(0) rotate(0deg); filter: blur(0); opacity: 1 } } @-webkit-keyframes roll-in-blurred-right { 0% { transform: translateX(1000px) rotate(720deg); filter: blur(50px); opacity: 0 } to { transform: translateX(0) rotate(0deg); filter: blur(0); opacity: 1 } } @keyframes roll-in-blurred-right { 0% { transform: translateX(1000px) rotate(720deg); filter: blur(50px); opacity: 0 } to { transform: translateX(0) rotate(0deg); filter: blur(0); opacity: 1 } } @-webkit-keyframes zoom-in-down { 0% { opacity: 0; transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoom-in-down { 0% { opacity: 0; transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @-webkit-keyframes zoom-in-left { 0% { opacity: 0; transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoom-in-left { 0% { opacity: 0; transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @-webkit-keyframes zoom-in-right { 0% { opacity: 0; transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoom-in-right { 0% { opacity: 0; transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @-webkit-keyframes zoom-in-up { 0% { opacity: 0; transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoom-in-up { 0% { opacity: 0; transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @-webkit-keyframes zoom-out { 0% { opacity: 1 } 50% { opacity: 0; transform: scale3d(.3,.3,.3) } to { opacity: 0 } } @keyframes zoom-out { 0% { opacity: 1 } 50% { opacity: 0; transform: scale3d(.3,.3,.3) } to { opacity: 0 } } @-webkit-keyframes zoom-out-down { 40% { opacity: 1; transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoom-out-down { 40% { opacity: 1; transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @-webkit-keyframes zoom-out-left { 40% { opacity: 1; transform: scale3d(.475,.475,.475) translate3d(42px,0,0) } to { opacity: 0; transform: scale(.1) translate3d(-2000px,0,0); transform-origin: left center } } @keyframes zoom-out-left { 40% { opacity: 1; transform: scale3d(.475,.475,.475) translate3d(42px,0,0) } to { opacity: 0; transform: scale(.1) translate3d(-2000px,0,0); transform-origin: left center } } @-webkit-keyframes zoom-out-right { 40% { opacity: 1; transform: scale3d(.475,.475,.475) translate3d(-42px,0,0) } to { opacity: 0; transform: scale(.1) translate3d(2000px,0,0); transform-origin: right center } } @keyframes zoom-out-right { 40% { opacity: 1; transform: scale3d(.475,.475,.475) translate3d(-42px,0,0) } to { opacity: 0; transform: scale(.1) translate3d(2000px,0,0); transform-origin: right center } } @-webkit-keyframes zoom-out-up { 40% { opacity: 1; transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoom-out-up { 40% { opacity: 1; transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @-webkit-keyframes slide-in-down { 0% { transform: translate3d(0,-100%,0); visibility: hidden } to { transform: translate3d(0,0,0); visibility: visible } } @keyframes slide-in-down { 0% { transform: translate3d(0,-100%,0); visibility: hidden } to { transform: translate3d(0,0,0); visibility: visible } } @-webkit-keyframes slide-in-left { 0% { transform: translate3d(-100%,0,0); visibility: hidden } to { transform: translate3d(0,0,0); visibility: visible } } @keyframes slide-in-left { 0% { transform: translate3d(-100%,0,0); visibility: hidden } to { transform: translate3d(0,0,0); visibility: visible } } @-webkit-keyframes slide-in { 0% { transform: translate3d(-100%,0,0); visibility: hidden } to { transform: translate3d(0,0,0); visibility: visible } } @keyframes slide-in { 0% { transform: translate3d(-100%,0,0); visibility: hidden } to { transform: translate3d(0,0,0); visibility: visible } } @-webkit-keyframes slide-in-right { 0% { transform: translate3d(100%,0,0); visibility: hidden } to { transform: translate3d(0,0,0); visibility: visible } } @keyframes slide-in-right { 0% { transform: translate3d(100%,0,0); visibility: hidden } to { transform: translate3d(0,0,0); visibility: visible } } @-webkit-keyframes slide-in-up { 0% { transform: translate3d(0,100%,0); visibility: hidden } to { transform: translate3d(0,0,0); visibility: visible } } @keyframes slide-in-up { 0% { transform: translate3d(0,100%,0); visibility: hidden } to { transform: translate3d(0,0,0); visibility: visible } } @-webkit-keyframes slide-out-down { 0% { transform: translate3d(0,0,0) } to { visibility: hidden; transform: translate3d(0,100%,0) } } @keyframes slide-out-down { 0% { transform: translate3d(0,0,0) } to { visibility: hidden; transform: translate3d(0,100%,0) } } @-webkit-keyframes slide-out-left { 0% { transform: translate3d(0,0,0) } to { visibility: hidden; transform: translate3d(-100%,0,0) } } @keyframes slide-out-left { 0% { transform: translate3d(0,0,0) } to { visibility: hidden; transform: translate3d(-100%,0,0) } } @-webkit-keyframes slide-out-right { 0% { transform: translate3d(0,0,0) } to { visibility: hidden; transform: translate3d(100%,0,0) } } @keyframes slide-out-right { 0% { transform: translate3d(0,0,0) } to { visibility: hidden; transform: translate3d(100%,0,0) } } @-webkit-keyframes slide-out-up { 0% { transform: translate3d(0,0,0) } to { visibility: hidden; transform: translate3d(0,-100%,0) } } @keyframes slide-out-up { 0% { transform: translate3d(0,0,0) } to { visibility: hidden; transform: translate3d(0,-100%,0) } } @-webkit-keyframes slide-in-elliptic-down { 0% { transform: translateY(-600px) rotateX(-30deg) scale(0); transform-origin: 50% 100%; opacity: 0 } to { transform: translateY(0) rotateX(0) scale(1); transform-origin: 50% 1400px; opacity: 1 } } @keyframes slide-in-elliptic-down { 0% { transform: translateY(-600px) rotateX(-30deg) scale(0); transform-origin: 50% 100%; opacity: 0 } to { transform: translateY(0) rotateX(0) scale(1); transform-origin: 50% 1400px; opacity: 1 } } @-webkit-keyframes slide-in-elliptic-up { 0% { transform: translateY(600px) rotateX(30deg) scale(0); transform-origin: 50% 100%; opacity: 0 } to { transform: translateY(0) rotateX(0) scale(1); transform-origin: 50% -1400px; opacity: 1 } } @keyframes slide-in-elliptic-up { 0% { transform: translateY(600px) rotateX(30deg) scale(0); transform-origin: 50% 100%; opacity: 0 } to { transform: translateY(0) rotateX(0) scale(1); transform-origin: 50% -1400px; opacity: 1 } } @-webkit-keyframes slide-in-elliptic { 0% { transform: translateX(-800px) rotateY(30deg) scale(0); transform-origin: -100% 50%; opacity: 0 } to { transform: translateX(0) rotateY(0) scale(1); transform-origin: 1800px 50%; opacity: 1 } } @keyframes slide-in-elliptic { 0% { transform: translateX(-800px) rotateY(30deg) scale(0); transform-origin: -100% 50%; opacity: 0 } to { transform: translateX(0) rotateY(0) scale(1); transform-origin: 1800px 50%; opacity: 1 } } @-webkit-keyframes slide-in-elliptic-left { 0% { transform: translateX(-800px) rotateY(30deg) scale(0); transform-origin: -100% 50%; opacity: 0 } to { transform: translateX(0) rotateY(0) scale(1); transform-origin: 1800px 50%; opacity: 1 } } @keyframes slide-in-elliptic-left { 0% { transform: translateX(-800px) rotateY(30deg) scale(0); transform-origin: -100% 50%; opacity: 0 } to { transform: translateX(0) rotateY(0) scale(1); transform-origin: 1800px 50%; opacity: 1 } } @-webkit-keyframes slide-in-elliptic-right { 0% { transform: translateX(800px) rotateY(-30deg) scale(0); transform-origin: -100% 50%; opacity: 0 } to { transform: translateX(0) rotateY(0) scale(1); transform-origin: -1800px 50%; opacity: 1 } } @keyframes slide-in-elliptic-right { 0% { transform: translateX(800px) rotateY(-30deg) scale(0); transform-origin: -100% 50%; opacity: 0 } to { transform: translateX(0) rotateY(0) scale(1); transform-origin: -1800px 50%; opacity: 1 } } @-webkit-keyframes tilt-in-down { 0% { transform: rotateY(30deg) translateY(-300px) skewY(-30deg); opacity: 0 } to { transform: rotateY(0deg) translateY(0) skewY(0deg); opacity: 1 } } @keyframes tilt-in-down { 0% { transform: rotateY(30deg) translateY(-300px) skewY(-30deg); opacity: 0 } to { transform: rotateY(0deg) translateY(0) skewY(0deg); opacity: 1 } } @-webkit-keyframes tilt-in-up { 0% { transform: rotateY(30deg) translateY(300px) skewY(-30deg); opacity: 0 } to { transform: rotateY(0deg) translateY(0) skewY(0deg); opacity: 1 } } @keyframes tilt-in-up { 0% { transform: rotateY(30deg) translateY(300px) skewY(-30deg); opacity: 0 } to { transform: rotateY(0deg) translateY(0) skewY(0deg); opacity: 1 } } @-webkit-keyframes tilt-in-left { 0% { transform: rotateX(-30deg) translateX(-300px) skewX(-30deg); opacity: 0 } to { transform: rotateX(0deg) translateX(0) skewX(0deg); opacity: 1 } } @keyframes tilt-in-left { 0% { transform: rotateX(-30deg) translateX(-300px) skewX(-30deg); opacity: 0 } to { transform: rotateX(0deg) translateX(0) skewX(0deg); opacity: 1 } } @-webkit-keyframes tilt-in { 0% { transform: rotateX(-30deg) translateX(-300px) skewX(-30deg); opacity: 0 } to { transform: rotateX(0deg) translateX(0) skewX(0deg); opacity: 1 } } @keyframes tilt-in { 0% { transform: rotateX(-30deg) translateX(-300px) skewX(-30deg); opacity: 0 } to { transform: rotateX(0deg) translateX(0) skewX(0deg); opacity: 1 } } @-webkit-keyframes tilt-in-right { 0% { transform: rotateX(-30deg) translateX(300px) skewX(30deg); opacity: 0 } to { transform: rotateX(0deg) translateX(0) skewX(0deg); opacity: 1 } } @keyframes tilt-in-right { 0% { transform: rotateX(-30deg) translateX(300px) skewX(30deg); opacity: 0 } to { transform: rotateX(0deg) translateX(0) skewX(0deg); opacity: 1 } } @-webkit-keyframes puff-in { 0% { transform: scale(2); filter: blur(4px); opacity: 0 } to { transform: scale(1); filter: blur(0); opacity: 1 } } @keyframes puff-in { 0% { transform: scale(2); filter: blur(4px); opacity: 0 } to { transform: scale(1); filter: blur(0); opacity: 1 } } @-webkit-keyframes puff-in-hor { 0% { transform: scaleX(2); filter: blur(4px); opacity: 0 } to { transform: scaleX(1); filter: blur(0); opacity: 1 } } @keyframes puff-in-hor { 0% { transform: scaleX(2); filter: blur(4px); opacity: 0 } to { transform: scaleX(1); filter: blur(0); opacity: 1 } } @-webkit-keyframes puff-in-ver { 0% { transform: scaleY(2); filter: blur(4px); opacity: 0 } to { transform: scaleY(1); filter: blur(0); opacity: 1 } } @keyframes puff-in-ver { 0% { transform: scaleY(2); filter: blur(4px); opacity: 0 } to { transform: scaleY(1); filter: blur(0); opacity: 1 } } @-webkit-keyframes shine-animation { 0% { background-repeat: no-repeat; background-image: linear-gradient(to top left,rgba(255,255,255,0) 0,rgba(255,255,255,0) 45%,rgba(255,255,255,.5) 48%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.5) 52%,rgba(255,255,255,0) 57%,rgba(255,255,255,0) 100%); background-position: -250px -250px; background-size: 600px 600px } to { background-repeat: no-repeat; background-position: 250px 250px } } @keyframes shine-animation { 0% { background-repeat: no-repeat; background-image: linear-gradient(to top left,rgba(255,255,255,0) 0,rgba(255,255,255,0) 45%,rgba(255,255,255,.5) 48%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.5) 52%,rgba(255,255,255,0) 57%,rgba(255,255,255,0) 100%); background-position: -250px -250px; background-size: 600px 600px } to { background-repeat: no-repeat; background-position: 250px 250px } } .clearfix { *zoom:1} .clearfix:after,.clearfix:before { display: table; content: ""; line-height: 0 } .clearfix:after { clear: both } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .input-block-level { display: block; width: 100%; min-height: 30px; box-sizing: border-box } article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block } audio,canvas,video { display: inline-block; *display: inline; *zoom:1} audio:not([controls]) { display: none } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } a:active,a:hover { outline: 0 } sub,sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } button,img,input { vertical-align: middle } img { border: 0; -ms-interpolation-mode: bicubic } #map_canvas img,.google-maps img,.nav>li>a>img { max-width: none } button,input { margin: 0; *overflow: visible } select,textarea { margin: 0 } button.btn::-moz-focus-inner,button::-moz-focus-inner,input::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner { padding: 0; border: 0 } button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance: button } html input[type=button] { cursor: pointer } button,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],label,select { cursor: pointer } input[type=search] { box-sizing: content-box; -webkit-appearance: textfield } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance: none } textarea { overflow: auto } @media print { * { text-shadow: none!important; color: #000!important; background: 0 0!important; box-shadow: none!important } a,a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } .ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after { content: "" } blockquote,pre { border: 1px solid #999 } thead { display: table-header-group } blockquote,img,pre,tr { page-break-inside: avoid } img { max-width: 100%!important } @page { margin: .5cm } h2,h3,p { orphans: 3; widows: 3 } h2,h3 { page-break-after: avoid } } body { line-height: 20px; color: #111; background-color: #fff; font-family: Helvetica,Arial,sans-serif; font-size: 13px; overflow-y: scroll; overflow-x: auto; cursor: default; margin: 0; padding: 0; -webkit-font-smoothing: antialiased } a { color: #08c; text-decoration: none } a:focus,a:hover { color: #005580; text-decoration: underline } .img-rounded { border-radius: 6px } .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); box-shadow: 0 1px 3px rgba(0,0,0,.1) } .img-circle { border-radius: 500px } .row { margin-left: -20px; *zoom:1} .row:after,.row:before { display: table; content: ""; line-height: 0 } .row:after { clear: both } [class*=span] { float: left; min-height: 1px; margin-left: 20px } .container,.span12 { width: 940px } .span11 { width: 860px } .span10 { width: 780px } .span9 { width: 700px } .span8 { width: 620px } .span7 { width: 540px } .span6 { width: 460px } .span5 { width: 380px } .span4 { width: 300px } .span3 { width: 220px } .span2 { width: 140px } .span1 { width: 60px } .offset12 { margin-left: 980px } .offset11 { margin-left: 900px } .offset10 { margin-left: 820px } .offset9 { margin-left: 740px } .offset8 { margin-left: 660px } .offset7 { margin-left: 580px } .offset6 { margin-left: 500px } .offset5 { margin-left: 420px } .offset4 { margin-left: 340px } .offset3 { margin-left: 260px } .dl-horizontal dd,.offset2 { margin-left: 180px } .offset1 { margin-left: 100px } .row-fluid { width: 100%; *zoom:1} .row-fluid:after,.row-fluid:before { display: table; content: ""; line-height: 0 } .row-fluid:after { clear: both } .row-fluid [class*=span] { display: block; width: 100%; min-height: 30px; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383% } .row-fluid [class*=span]:first-child { margin-left: 0 } .row-fluid .controls-row [class*=span]+[class*=span] { margin-left: 2.127659574468085% } .row-fluid .span12 { width: 100%; *width: 99.94680851063829% } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594% } .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361% } .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126% } .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893% } .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659% } .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425% } .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192% } .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576% } .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233% } .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894% } .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553% } .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275% } .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467% } .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404% } .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232% } .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807% } .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999% } .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572% } .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764% } .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339% } .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553% } .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106% } .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297% } .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715% } .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063% } .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638% } .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383% } .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405% } .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596% } .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617% } .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618% } .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936% } .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278% } .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702% } .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938% } .row-fluid [class*=span].hide,[class*=span].hide { display: none } .row-fluid [class*=span].pull-right,[class*=span].pull-right { float: right } .container { margin-right: auto; margin-left: auto; *zoom:1} .container:after,.container:before { display: table; content: ""; line-height: 0 } .container:after { clear: both } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom:1} .container-fluid:after,.container-fluid:before { display: table; content: ""; line-height: 0 } .container-fluid:after { clear: both } p { margin: 0 0 10px } .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px } small { font-size: 85% } strong { font-weight: 700 } em { font-style: italic } cite { font-style: normal } .muted { color: #999 } a.muted:focus,a.muted:hover { color: gray } .text-warning { color: #c09853 } a.text-warning:focus,a.text-warning:hover { color: #a47e3c } .text-error { color: #b94a48 } a.text-error:focus,a.text-error:hover { color: #953b39 } .text-info { color: #3a87ad } a.text-info:focus,a.text-info:hover { color: #2d6987 } .text-success { color: #468847 } a.text-success:focus,a.text-success:hover { color: #356635 } .text-left { text-align: left } .text-right,blockquote.pull-right p,blockquote.pull-right small { text-align: right } .text-center { text-align: center } h1,h2,h3,h4,h5,h6 { font-family: inherit; color: inherit; text-rendering: auto } h3,h5,h6 { font-weight: 700 } .heading small,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small { font-weight: 400; line-height: 1; color: #999 } h1 { font-size: 38.5px } h2 { font-size: 31.5px } h1 small,h3 { font-size: 24.5px } h2 small { font-size: 17.5px } h3 small,h4 small,h5 { font-size: 14px } h6 { font-size: 11.9px } .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eee } ol,ul { padding: 0; margin: 0 0 10px 25px } blockquote p,ol ol,ol ul,ul ol,ul ul { margin-bottom: 0 } dd,dt,li { line-height: 20px } ol.inline,ol.unstyled,ul.inline,ul.unstyled { margin-left: 0; list-style: none } ol.inline>li,ul.inline>li { display: inline-block; *display: inline; *zoom:1;padding-left: 5px; padding-right: 5px } dl,pre.prettyprint { margin-bottom: 20px } dt { font-weight: 700 } .checkbox.inline+.checkbox.inline,.radio.inline+.radio.inline,dd { margin-left: 10px } .dl-horizontal { *zoom:1} .dl-horizontal:after,.dl-horizontal:before { display: table; content: ""; line-height: 0 } .dl-horizontal:after { clear: both } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff } abbr[data-original-title],abbr[title] { cursor: help; border-bottom: 1px dotted #999 } abbr.initialism { font-size: 90%; text-transform: uppercase } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eee } blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25 } address,blockquote small { display: block; line-height: 20px } blockquote small { color: #999 } blockquote small:before { content: '\2014 \00A0' } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0 } blockquote.pull-right small:before { content: '' } blockquote.pull-right small:after { content: '\00A0 \2014' } blockquote:after,blockquote:before,q:after,q:before { content: "" } address { margin-bottom: 20px; font-style: normal } code { font-size: 12px; border-radius: 3px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: nowrap } pre,pre code { white-space: pre-wrap } code,pre { font-family: Monaco,Menlo,Consolas,"Courier New",monospace } pre { color: #333; display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px } pre code { padding: 0; color: inherit; background-color: transparent; border: 0 } .pre-scrollable { max-height: 340px; overflow-y: scroll } .label,code { padding: 2px 4px } .badge,.label { display: inline-block; font-size: 11.844px; font-weight: 700; line-height: 14px; color: #fff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #999 } .label { border-radius: 3px } .badge { padding: 2px 9px; border-radius: 9px } .badge:empty,.label:empty { display: none } a.badge:focus,a.badge:hover,a.label:focus,a.label:hover { color: #fff; text-decoration: none; cursor: pointer } .badge-important,.label-important { background-color: #b94a48 } .badge-important[href],.label-important[href] { background-color: #953b39 } .badge-warning,.label-warning { background-color: #f89406 } .badge-warning[href],.label-warning[href] { background-color: #c67605 } .badge-success,.label-success { background-color: #468847 } .badge-success[href],.label-success[href] { background-color: #356635 } .badge-info,.label-info { background-color: #3a87ad } .badge-info[href],.label-info[href] { background-color: #2d6987 } .badge-inverse,.label-inverse { background-color: #333 } .badge-inverse[href],.label-inverse[href] { background-color: #1a1a1a } .btn .badge,.btn .label { position: relative; top: -1px } .btn-mini .badge,.btn-mini .label { top: 0 } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0 } .table { width: 100%; margin-bottom: 20px } .table td,.table th { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ddd } .table th { font-weight: 700 } .table thead th { vertical-align: bottom } .table caption+thead tr:first-child td,.table caption+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table thead:first-child tr:first-child td,.table thead:first-child tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+thead tr:first-child th,.table-bordered tbody:first-child tr:first-child td,.table-bordered tbody:first-child tr:first-child th,.table-bordered thead:first-child tr:first-child th { border-top: 0 } .table tbody+tbody { border-top: 2px solid #ddd } .table .table { background-color: #fff } .table-condensed td,.table-condensed th { padding: 4px 5px } .table-bordered { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; border-radius: 4px } .table-bordered td,.table-bordered th { border-left: 1px solid #ddd } .table-bordered caption+tbody tr:first-child td:first-child,.table-bordered caption+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child,.table-bordered tbody:first-child tr:first-child>th:first-child,.table-bordered thead:first-child tr:first-child>th:first-child { border-top-left-radius: 4px } .table-bordered caption+tbody tr:first-child td:last-child,.table-bordered caption+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child,.table-bordered tbody:first-child tr:first-child>th:last-child,.table-bordered thead:first-child tr:first-child>th:last-child { border-top-right-radius: 4px } .table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tbody:last-child tr:last-child>th:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>th:first-child,.table-bordered thead:last-child tr:last-child>th:first-child { border-bottom-left-radius: 4px } .table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tbody:last-child tr:last-child>th:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>th:last-child,.table-bordered thead:last-child tr:last-child>th:last-child { border-bottom-right-radius: 4px } .table-bordered tfoot+tbody:last-child tr:last-child td:first-child { border-bottom-left-radius: 0 } .table-bordered tfoot+tbody:last-child tr:last-child td:last-child { border-bottom-right-radius: 0 } .table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th { background-color: #f9f9f9 } .table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th { background-color: #f5f5f5 } .row-fluid table td[class*=span],.row-fluid table th[class*=span],table td[class*=span],table th[class*=span] { display: table-cell; float: none; margin-left: 0 } .table td.span1,.table th.span1 { float: none; width: 44px; margin-left: 0 } .table td.span2,.table th.span2 { float: none; width: 124px; margin-left: 0 } .table td.span3,.table th.span3 { float: none; width: 204px; margin-left: 0 } .table td.span4,.table th.span4 { float: none; width: 284px; margin-left: 0 } .table td.span5,.table th.span5 { float: none; width: 364px; margin-left: 0 } .table td.span6,.table th.span6 { float: none; width: 444px; margin-left: 0 } .table td.span7,.table th.span7 { float: none; width: 524px; margin-left: 0 } .table td.span8,.table th.span8 { float: none; width: 604px; margin-left: 0 } .table td.span9,.table th.span9 { float: none; width: 684px; margin-left: 0 } .table td.span10,.table th.span10 { float: none; width: 764px; margin-left: 0 } .table td.span11,.table th.span11 { float: none; width: 844px; margin-left: 0 } .table td.span12,.table th.span12 { float: none; width: 924px; margin-left: 0 } .table tbody tr.success>td { background-color: #dff0d8 } .table tbody tr.error>td { background-color: #f2dede } .table tbody tr.warning>td { background-color: #fcf8e3 } .table tbody tr.info>td { background-color: #d9edf7 } .table-hover tbody tr.success:hover>td { background-color: #d0e9c6 } .table-hover tbody tr.error:hover>td { background-color: #ebcccc } .table-hover tbody tr.warning:hover>td { background-color: #faf2cc } .table-hover tbody tr.info:hover>td { background-color: #c4e3f3 } form { margin: 0 0 20px } fieldset,legend { padding: 0; border: 0 } fieldset { margin: 0 } legend { display: block; width: 100%; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333; border-bottom: 1px solid #e5e5e5 } legend small { font-size: 15px; color: #999 } button,input,label { font-size: 14px; font-weight: 400; line-height: 20px } select,textarea { font-weight: 400 } button,input,select,textarea { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif } label { margin-bottom: 5px } .uneditable-input,select { display: inline-block; padding: 4px 6px; font-size: 14px; border-radius: 4px; vertical-align: middle } select { color: #555 } input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea { display: inline-block; padding: 4px 6px; font-size: 14px; line-height: 20px; color: #555; border-radius: 4px; vertical-align: middle } .uneditable-input { line-height: 20px; width: 206px; border: 1px solid #ccc; transition: border linear .2s,box-shadow linear .2s } input,textarea { width: 206px } select[multiple],select[size],textarea { height: auto } textarea { background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week] { background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border linear .2s,box-shadow linear .2s } .uneditable-input:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus { border-color: rgba(82,168,236,.8); outline: 0; outline: thin dotted \9; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6) } input[type=checkbox],input[type=radio] { margin: 4px 0 0; *margin-top: 0; margin-top: 1px \9; line-height: normal } input[type=button],input[type=checkbox],input[type=file],input[type=image],input[type=radio],input[type=reset],input[type=submit] { width: auto } input[type=file],select { *margin-top: 4px; line-height: 30px } select { width: 220px; border: 1px solid #ccc; background-color: #fff } input[type=file] { height: 30px } input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus,select:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .uneditable-input,.uneditable-textarea { color: #999; background-color: #fcfcfc; border-color: #ccc; box-shadow: inset 0 1px 2px rgba(0,0,0,.025); cursor: not-allowed } .uneditable-input { overflow: hidden; white-space: nowrap } .uneditable-textarea { width: auto; height: auto } input:-moz-placeholder,textarea:-moz-placeholder { color: #999 } input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #999 } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #999 } .checkbox,.radio { min-height: 20px; padding-left: 20px } .checkbox input[type=checkbox],.radio input[type=radio] { float: left; margin-left: -20px } .controls>.checkbox:first-child,.controls>.radio:first-child { padding-top: 5px } .checkbox.inline,.radio.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle } .input-mini { width: 60px } .input-small { width: 90px } .input-medium { width: 150px } .input-large { width: 210px } .input-xlarge { width: 270px } .input-xxlarge { width: 530px } .row-fluid .uneditable-input[class*=span],.row-fluid input[class*=span],.row-fluid select[class*=span],.row-fluid textarea[class*=span],.uneditable-input[class*=span],input[class*=span],select[class*=span],textarea[class*=span] { float: none; margin-left: 0 } .input-append .uneditable-input[class*=span],.input-append input[class*=span],.input-prepend .uneditable-input[class*=span],.input-prepend input[class*=span],.row-fluid .input-append [class*=span],.row-fluid .input-prepend [class*=span],.row-fluid .uneditable-input[class*=span],.row-fluid input[class*=span],.row-fluid select[class*=span],.row-fluid textarea[class*=span] { display: inline-block } .uneditable-input,input,textarea { margin-left: 0 } .controls-row [class*=span]+[class*=span] { margin-left: 20px } .uneditable-input.span12,input.span12,textarea.span12 { width: 926px } .uneditable-input.span11,input.span11,textarea.span11 { width: 846px } .uneditable-input.span10,input.span10,textarea.span10 { width: 766px } .uneditable-input.span9,input.span9,textarea.span9 { width: 686px } .uneditable-input.span8,input.span8,textarea.span8 { width: 606px } .uneditable-input.span7,input.span7,textarea.span7 { width: 526px } .uneditable-input.span6,input.span6,textarea.span6 { width: 446px } .uneditable-input.span5,input.span5,textarea.span5 { width: 366px } .uneditable-input.span4,input.span4,textarea.span4 { width: 286px } .uneditable-input.span3,input.span3,textarea.span3 { width: 206px } .uneditable-input.span2,input.span2,textarea.span2 { width: 126px } .uneditable-input.span1,input.span1,textarea.span1 { width: 46px } .controls-row { *zoom:1} .controls-row:after,.controls-row:before { display: table; content: ""; line-height: 0 } .controls-row:after { clear: both } .controls-row [class*=span],.nav-pills>li,.nav-tabs>li,.row-fluid .controls-row [class*=span] { float: left } .controls-row .checkbox[class*=span],.controls-row .radio[class*=span] { padding-top: 5px } input[disabled],select[disabled] { background-color: #eee } input[readonly],select[readonly],textarea[disabled],textarea[readonly] { cursor: not-allowed; background-color: #eee } input[type=checkbox][disabled],input[type=checkbox][readonly],input[type=radio][disabled],input[type=radio][readonly] { background-color: transparent } .control-group.warning .checkbox,.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea { color: #c09853 } .control-group.warning input,.control-group.warning select,.control-group.warning textarea { border-color: #c09853; box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus { border-color: #a47e3c; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #dbc59e } .control-group.warning .input-append .add-on,.control-group.warning .input-prepend .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853 } .control-group.error .checkbox,.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea { color: #b94a48 } .control-group.error input,.control-group.error select,.control-group.error textarea { border-color: #b94a48; box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus { border-color: #953b39; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d59392 } .control-group.error .input-append .add-on,.control-group.error .input-prepend .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48 } .control-group.success .checkbox,.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea { color: #468847 } .control-group.success input,.control-group.success select,.control-group.success textarea { border-color: #468847; box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus { border-color: #356635; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7aba7b } .control-group.success .input-append .add-on,.control-group.success .input-prepend .add-on { color: #468847; background-color: #dff0d8; border-color: #468847 } .control-group.info .checkbox,.control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea { color: #3a87ad } .control-group.info input,.control-group.info select,.control-group.info textarea { border-color: #3a87ad; box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus { border-color: #2d6987; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7ab5d3 } .control-group.info .input-append .add-on,.control-group.info .input-prepend .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad } input:focus:invalid,select:focus:invalid,textarea:focus:invalid { color: #b94a48; border-color: #ee5f5b } input:focus:invalid:focus,select:focus:invalid:focus,textarea:focus:invalid:focus { border-color: #e9322d; box-shadow: 0 0 6px #f8b9b7 } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom:1} .form-actions:after,.form-actions:before,.form-horizontal .control-group:after,.form-horizontal .control-group:before { display: table; content: ""; line-height: 0 } .form-actions:after,.form-horizontal .control-group:after { clear: both } .help-block,.help-inline { color: #373737 } .help-block { display: block; margin-bottom: 10px } .help-inline { display: inline-block; *display: inline; *zoom:1;vertical-align: middle; padding-left: 5px } .input-append,.input-prepend { display: inline-block; margin-bottom: 10px; vertical-align: middle; font-size: 0; white-space: nowrap } .input-append .dropdown-menu,.input-append .popover,.input-append .uneditable-input,.input-append input,.input-append select,.input-prepend .dropdown-menu,.input-prepend .popover,.input-prepend .uneditable-input,.input-prepend input,.input-prepend select { font-size: 14px } .input-append input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top } .input-prepend input { border-radius: 0 4px 4px 0 } .input-append select,.input-prepend input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top } .input-append .uneditable-input,.input-prepend .uneditable-input,.input-prepend select { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top } .input-prepend .uneditable-input,.input-prepend select { border-radius: 0 4px 4px 0 } .input-append .uneditable-input:focus,.input-append input:focus,.input-append select:focus,.input-prepend .uneditable-input:focus,.input-prepend input:focus,.input-prepend select:focus { z-index: 2 } .input-append .add-on,.input-prepend .add-on { display: inline-block; width: auto; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: 400; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #eee; border: 1px solid #ccc } .input-append .add-on,.input-append .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .add-on,.input-prepend .btn,.input-prepend .btn-group>.dropdown-toggle { vertical-align: top; border-radius: 0 } .input-append .active,.input-prepend .active { background-color: #a9dba9; border-color: #46a546 } .input-prepend .add-on,.input-prepend .btn { margin-right: -1px } .input-prepend .add-on:first-child,.input-prepend .btn:first-child { border-radius: 4px 0 0 4px } .input-append .uneditable-input,.input-append input,.input-append select { border-radius: 4px 0 0 4px } .input-append .add-on:last-child,.input-append .btn-group:last-child>.dropdown-toggle,.input-append .btn:last-child,.input-append .uneditable-input+.btn-group .btn:last-child,.input-append input+.btn-group .btn:last-child,.input-append select+.btn-group .btn:last-child { border-radius: 0 4px 4px 0 } .input-append .add-on,.input-append .btn,.input-append .btn-group { margin-left: -1px } .input-prepend.input-append .uneditable-input,.input-prepend.input-append input,.input-prepend.input-append select { border-radius: 0 } .input-prepend.input-append .uneditable-input+.btn-group .btn,.input-prepend.input-append input+.btn-group .btn,.input-prepend.input-append select+.btn-group .btn { border-radius: 0 4px 4px 0 } .input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child { margin-right: -1px; border-radius: 4px 0 0 4px } .input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child { margin-left: -1px; border-radius: 0 4px 4px 0 } .input-prepend.input-append .btn-group:first-child { margin-left: 0 } input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; margin-bottom: 0; border-radius: 15px } .form-search .input-append .search-query { border-radius: 14px 0 0 14px } .form-search .input-append .btn,.form-search .input-prepend .search-query { border-radius: 0 14px 14px 0 } .form-search .input-prepend .btn { border-radius: 14px 0 0 14px } .form-horizontal .help-inline,.form-horizontal .uneditable-input,.form-horizontal input,.form-horizontal select,.form-horizontal textarea,.form-inline .help-inline,.form-inline .uneditable-input,.form-inline input,.form-inline select,.form-inline textarea,.form-search .help-inline,.form-search .uneditable-input,.form-search input,.form-search select,.form-search textarea { display: inline-block; *display: inline; *zoom:1;margin-bottom: 0; vertical-align: middle } .form-inline .input-prepend,.form-search .input-prepend { display: inline-block; *display: inline; *zoom:1;vertical-align: middle } .form-horizontal .input-prepend { margin-bottom: 0 } .form-horizontal .input-append,.form-horizontal .input-prepend,.form-inline .input-append,.form-search .input-append { display: inline-block; *display: inline; *zoom:1;vertical-align: middle } .form-horizontal .input-append { margin-bottom: 0 } .form-horizontal .hide,.form-inline .hide,.form-search .hide { display: none } .form-inline .btn-group,.form-inline label,.form-search .btn-group,.form-search label { display: inline-block } .form-inline .input-append,.form-inline .input-prepend,.form-search .input-append,.form-search .input-prepend { margin-bottom: 0 } .form-inline .checkbox,.form-inline .radio,.form-search .checkbox,.form-search .radio { padding-left: 0; margin-bottom: 0; vertical-align: middle } .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio],.form-search .checkbox input[type=checkbox],.form-search .radio input[type=radio] { float: left; margin-right: 3px; margin-left: 0 } .control-group { margin-bottom: 10px } legend+.control-group { margin-top: 20px; -webkit-margin-top-collapse: separate } .form-horizontal .control-group { margin-bottom: 20px; *zoom:1} .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0 } .form-horizontal .controls:first-child { *padding-left: 180px } .btn,.form-horizontal .help-block { margin-bottom: 0 } .form-horizontal .input-append+.help-block,.form-horizontal .input-prepend+.help-block,.form-horizontal .uneditable-input+.help-block,.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block { margin-top: 10px } .form-horizontal .form-actions { padding-left: 180px } .btn { display: inline-block; *display: inline; *zoom:1;padding: 4px 12px; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255,255,255,.75); background-color: #f5f5f5; background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #ccc; *border: 0; border-bottom-color: #b3b3b3; border-radius: 4px; *margin-left: .3em; box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05) } .btn:focus,.btn:hover { background-color: #e6e6e6; *background-color: #d9d9d9 } .btn.active,.btn.disabled,.btn:active,.btn[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9 } .btn.active,.btn:active { background-color: #ccc \9 } .btn:first-child { *margin-left: 0 } .btn:focus,.btn:hover { color: #333; text-decoration: none; background-position: 0 -15px; transition: background-position .1s linear } .btn:focus { outline: 5px auto -webkit-focus-ring-color } .btn.active,.btn:active { background-image: none; outline: 0; box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05) } .btn.disabled,.btn[disabled] { cursor: default; background-image: none; opacity: .65; filter: alpha(opacity=65); box-shadow: none } .btn-large { padding: 11px 19px; font-size: 17.5px; border-radius: 6px } .btn-large [class*=" icon-"],.btn-large [class^=icon-] { margin-top: 4px } .btn-mini,.btn-small { padding: 2px 10px; font-size: 11.9px; border-radius: 3px } .btn-small [class*=" icon-"],.btn-small [class^=icon-] { margin-top: 0 } .btn-mini [class*=" icon-"],.btn-mini [class^=icon-] { margin-top: -1px } .btn-mini { padding: 0 6px; font-size: 10.5px } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; box-sizing: border-box } .btn-block+.btn-block { margin-top: 5px } input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block { width: 100% } .btn-danger.active,.btn-info.active,.btn-inverse.active,.btn-primary.active,.btn-success.active,.btn-warning.active { color: rgba(255,255,255,.75) } .btn-primary { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #006dcc; background-image: linear-gradient(to bottom,#08c,#04c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #04c #04c #002a80; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); *background-color: #04c; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) } .btn-primary.active,.btn-primary.disabled,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.btn-primary[disabled] { color: #fff; background-color: #04c; *background-color: #003bb3 } .btn-primary.active,.btn-primary:active { background-color: #039 \9 } .btn-warning { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #faa732; background-image: linear-gradient(to bottom,#fbb450,#f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); *background-color: #f89406; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) } .btn-warning.active,.btn-warning.disabled,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.btn-warning[disabled] { color: #fff; background-color: #f89406; *background-color: #df8505 } .btn-warning.active,.btn-warning:active { background-color: #c67605 \9 } .btn-danger { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #da4f49; background-image: linear-gradient(to bottom,#ee5f5b,#bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); *background-color: #bd362f; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) } .btn-danger.active,.btn-danger.disabled,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.btn-danger[disabled] { color: #fff; background-color: #bd362f; *background-color: #a9302a } .btn-danger.active,.btn-danger:active { background-color: #942a25 \9 } .btn-success { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #5bb75b; background-image: linear-gradient(to bottom,#62c462,#51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); *background-color: #51a351; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) } .btn-success.active,.btn-success.disabled,.btn-success:active,.btn-success:focus,.btn-success:hover,.btn-success[disabled] { color: #fff; background-color: #51a351; *background-color: #499249 } .btn-success.active,.btn-success:active { background-color: #408140 \9 } .btn-info { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #49afcd; background-image: linear-gradient(to bottom,#5bc0de,#2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); *background-color: #2f96b4; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) } .btn-info.active,.btn-info.disabled,.btn-info:active,.btn-info:focus,.btn-info:hover,.btn-info[disabled] { color: #fff; background-color: #2f96b4; *background-color: #2a85a0 } .btn-info.active,.btn-info:active { background-color: #24748c \9 } .btn-inverse { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #363636; background-image: linear-gradient(to bottom,#444,#222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); border-color: #222 #222 #000; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); *background-color: #222; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) } .btn-inverse.active,.btn-inverse.disabled,.btn-inverse:active,.btn-inverse:focus,.btn-inverse:hover,.btn-inverse[disabled] { color: #fff; background-color: #222; *background-color: #151515 } .btn-inverse.active,.btn-inverse:active { background-color: #080808 \9 } button.btn.btn-large,input[type=submit].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px } button.btn,button.btn.btn-small,input[type=submit].btn,input[type=submit].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px } button.btn.btn-mini,input[type=submit].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px } .btn-link,.btn-link:active,.btn-link[disabled] { background-color: transparent; background-image: none; box-shadow: none } .btn-link { border-color: transparent; cursor: pointer; color: #08c; border-radius: 0 } .btn-link:focus,.btn-link:hover { color: #005580; text-decoration: underline; background-color: transparent } .btn-link[disabled]:focus,.btn-link[disabled]:hover { color: #333; text-decoration: none } [class*=" icon-"],[class^=icon-] { display: inline-block; width: 14px; height: 14px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url(public_img/glyphicons-halflings.png); background-position: 14px 14px; background-repeat: no-repeat; margin-top: 1px } .dropdown-menu>.active>a>[class*=" icon-"],.dropdown-menu>.active>a>[class^=icon-],.dropdown-menu>li>a:focus>[class*=" icon-"],.dropdown-menu>li>a:focus>[class^=icon-],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^=icon-],.dropdown-submenu:focus>a>[class*=" icon-"],.dropdown-submenu:focus>a>[class^=icon-],.dropdown-submenu:hover>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^=icon-],.icon-white,.nav-list>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^=icon-],.nav-pills>.active>a>[class*=" icon-"],.nav-pills>.active>a>[class^=icon-],.navbar-inverse .nav>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^=icon-] { background-image: url(public_img/glyphicons-halflings-white.png) } .new_css .dropdown-menu>li>a:hover>[class^=icon-] { background-image: url(public_img/glyphicons-halflings.png) } .icon-glass { background-position: 0 0 } .icon-music { background-position: -24px 0 } .icon-search { background-position: -48px 0 } .icon-envelope { background-position: -72px 0 } .icon-heart { background-position: -96px 0 } .icon-star { background-position: -120px 0 } .icon-star-empty { background-position: -144px 0 } .icon-user { background-position: -168px 0 } .icon-film { background-position: -192px 0 } .icon-th-large { background-position: -216px 0 } .icon-th { background-position: -240px 0 } .icon-th-list { background-position: -264px 0 } .icon-ok { background-position: -288px 0 } .icon-remove { background-position: -312px 0 } .icon-zoom-in { background-position: -336px 0 } .icon-zoom-out { background-position: -360px 0 } .icon-off { background-position: -384px 0 } .icon-signal { background-position: -408px 0 } .icon-cog { background-position: -432px 0 } .icon-trash { background-position: -456px 0 } .icon-home { background-position: 0 -24px } .icon-file { background-position: -24px -24px } .icon-time { background-position: -48px -24px } .icon-road { background-position: -72px -24px } .icon-download-alt { background-position: -96px -24px } .icon-download { background-position: -120px -24px } .icon-upload { background-position: -144px -24px } .icon-inbox { background-position: -168px -24px } .icon-play-circle { background-position: -192px -24px } .icon-repeat { background-position: -216px -24px } .icon-refresh { background-position: -240px -24px } .icon-list-alt { background-position: -264px -24px } .icon-lock { background-position: -287px -24px } .icon-flag { background-position: -312px -24px } .icon-headphones { background-position: -336px -24px } .icon-volume-off { background-position: -360px -24px } .icon-volume-down { background-position: -384px -24px } .icon-volume-up { background-position: -408px -24px } .icon-qrcode { background-position: -432px -24px } .icon-barcode { background-position: -456px -24px } .icon-tag { background-position: 0 -48px } .icon-tags { background-position: -25px -48px } .icon-book { background-position: -48px -48px } .icon-bookmark { background-position: -72px -48px } .icon-print { background-position: -96px -48px } .icon-camera { background-position: -120px -48px } .icon-font { background-position: -144px -48px } .icon-bold { background-position: -167px -48px } .icon-italic { background-position: -192px -48px } .icon-text-height { background-position: -216px -48px } .icon-text-width { background-position: -240px -48px } .icon-align-left { background-position: -264px -48px } .icon-align-center { background-position: -288px -48px } .icon-align-right { background-position: -312px -48px } .icon-align-justify { background-position: -336px -48px } .icon-list { background-position: -360px -48px } .icon-indent-left { background-position: -384px -48px } .icon-indent-right { background-position: -408px -48px } .icon-facetime-video { background-position: -432px -48px } .icon-picture { background-position: -456px -48px } .icon-pencil { background-position: 0 -72px } .icon-map-marker { background-position: -24px -72px } .icon-adjust { background-position: -48px -72px } .icon-tint { background-position: -72px -72px } .icon-edit { background-position: -96px -72px } .icon-share { background-position: -120px -72px } .icon-check { background-position: -144px -72px } .icon-move { background-position: -168px -72px } .icon-step-backward { background-position: -192px -72px } .icon-fast-backward { background-position: -216px -72px } .icon-backward { background-position: -240px -72px } .icon-play { background-position: -264px -72px } .icon-pause { background-position: -288px -72px } .icon-stop { background-position: -312px -72px } .icon-forward { background-position: -336px -72px } .icon-fast-forward { background-position: -360px -72px } .icon-step-forward { background-position: -384px -72px } .icon-eject { background-position: -408px -72px } .icon-chevron-left { background-position: -432px -72px } .icon-chevron-right { background-position: -456px -72px } .icon-plus-sign { background-position: 0 -96px } .icon-minus-sign { background-position: -24px -96px } .icon-remove-sign { background-position: -48px -96px } .icon-ok-sign { background-position: -72px -96px } .icon-question-sign { background-position: -96px -96px } .icon-info-sign { background-position: -120px -96px } .icon-screenshot { background-position: -144px -96px } .icon-remove-circle { background-position: -168px -96px } .icon-ok-circle { background-position: -192px -96px } .icon-ban-circle { background-position: -216px -96px } .icon-arrow-left { background-position: -240px -96px } .icon-arrow-right { background-position: -264px -96px } .icon-arrow-up { background-position: -289px -96px } .icon-arrow-down { background-position: -312px -96px } .icon-share-alt { background-position: -336px -96px } .icon-resize-full { background-position: -360px -96px } .icon-resize-small { background-position: -384px -96px } .icon-plus { background-position: -408px -96px } .icon-minus { background-position: -433px -96px } .icon-asterisk { background-position: -456px -96px } .icon-exclamation-sign { background-position: 0 -120px } .icon-gift { background-position: -24px -120px } .icon-leaf { background-position: -48px -120px } .icon-fire { background-position: -72px -120px } .icon-eye-open { background-position: -96px -120px } .icon-eye-close { background-position: -120px -120px } .icon-warning-sign { background-position: -144px -120px } .icon-plane { background-position: -168px -120px } .icon-calendar { background-position: -192px -120px } .icon-random { background-position: -216px -120px; width: 16px } .icon-comment { background-position: -240px -120px } .icon-magnet { background-position: -264px -120px } .icon-chevron-up { background-position: -288px -120px } .icon-chevron-down { background-position: -313px -119px } .icon-retweet { background-position: -336px -120px } .icon-shopping-cart { background-position: -360px -120px } .icon-folder-close { background-position: -384px -120px; width: 16px } .icon-folder-open { background-position: -408px -120px; width: 16px } .icon-resize-vertical { background-position: -432px -119px } .icon-resize-horizontal { background-position: -456px -118px } .icon-hdd { background-position: 0 -144px } .icon-bullhorn { background-position: -24px -144px } .icon-bell { background-position: -48px -144px } .icon-certificate { background-position: -72px -144px } .icon-thumbs-up { background-position: -96px -144px } .icon-thumbs-down { background-position: -120px -144px } .icon-hand-right { background-position: -144px -144px } .icon-hand-left { background-position: -168px -144px } .icon-hand-up { background-position: -192px -144px } .icon-hand-down { background-position: -216px -144px } .icon-circle-arrow-right { background-position: -240px -144px } .icon-circle-arrow-left { background-position: -264px -144px } .icon-circle-arrow-up { background-position: -288px -144px } .icon-circle-arrow-down { background-position: -312px -144px } .icon-globe { background-position: -336px -144px } .icon-wrench { background-position: -360px -144px } .icon-tasks { background-position: -384px -144px } .icon-filter { background-position: -408px -144px } .icon-briefcase { background-position: -432px -144px } .icon-fullscreen { background-position: -456px -144px } .btn-group { position: relative; display: inline-block; *display: inline; *zoom:1;font-size: 0; vertical-align: middle; white-space: nowrap; *margin-left: .3em } .btn-group:first-child { *margin-left: 0 } .btn-group+.btn-group,.btn-toolbar>.btn+.btn,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-group+.btn { margin-left: 5px } .btn-toolbar { font-size: 0; margin-top: 10px; margin-bottom: 10px } .btn-group>.btn { position: relative; border-radius: 0; font-size: 14px } .btn-group>.btn+.btn { margin-left: -1px } .btn-group>.dropdown-menu,.btn-group>.popover { font-size: 14px } .btn-group>.btn-mini { font-size: 10.5px } .btn-group>.btn-small { font-size: 11.9px } .btn-group>.btn-large { font-size: 17.5px } .btn-group>.btn:first-child { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .btn-group>.btn:last-child,.btn-group>.dropdown-toggle { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .btn-group>.btn.large:first-child { margin-left: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px } .btn-group>.btn.large:last-child,.btn-group>.large.dropdown-toggle { border-top-right-radius: 6px; border-bottom-right-radius: 6px } .btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover { z-index: 2 } .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle { outline: 0 } .btn-group>.btn+.dropdown-toggle { padding-left: 8px; padding-right: 8px; box-shadow: inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05); *padding-top: 5px; *padding-bottom: 5px } .btn-group>.btn-mini+.dropdown-toggle { padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px } .btn-group>.btn-small+.dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px } .btn-group>.btn-large+.dropdown-toggle { padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px } .btn-group.open .dropdown-toggle { background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05) } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6 } .btn-group.open .btn-primary.dropdown-toggle { background-color: #04c } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406 } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351 } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4 } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222 } .btn .caret { margin-top: 8px; margin-left: 0 } .btn-large .caret { margin-top: 6px; border-left-width: 5px; border-right-width: 5px; border-top-width: 5px } .btn-mini .caret,.btn-small .caret { margin-top: 8px } .dropup .btn-large .caret { border-bottom-width: 5px } .btn-danger .caret,.btn-info .caret,.btn-inverse .caret,.btn-primary .caret,.btn-success .caret,.btn-warning .caret { border-top-color: #fff; border-bottom-color: #fff } .btn-group-vertical { display: inline-block; *display: inline; *zoom:1} .btn-group-vertical>.btn { display: block; float: none; max-width: 100%; border-radius: 0 } .btn-group-vertical>.btn+.btn { margin-left: 0; margin-top: -1px } .btn-group-vertical>.btn:first-child { border-radius: 4px 4px 0 0 } .btn-group-vertical>.btn:last-child { border-radius: 0 0 4px 4px } .btn-group-vertical>.btn-large:first-child { border-radius: 6px 6px 0 0 } .btn-group-vertical>.btn-large:last-child { border-radius: 0 0 6px 6px } .nav { margin-left: 0; margin-bottom: 20px; list-style: none } .nav>li>a { display: block } .nav>li>a:focus,.nav>li>a:hover { text-decoration: none; background-color: #eee } .nav>.pull-right { float: right } .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: 700; line-height: 20px; color: #999; text-shadow: 0 1px 0 rgba(255,255,255,.5); text-transform: uppercase } .nav li+.nav-header { margin-top: 9px } .nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0 } .nav-list .nav-header,.nav-list>li>a { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255,255,255,.5) } .nav-list>li>a { padding: 3px 15px } .nav-list>.active>a,.nav-list>.active>a:focus,.nav-list>.active>a:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.2); background-color: #08c } .nav-list [class*=" icon-"],.nav-list [class^=icon-] { margin-right: 2px } .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff } .nav-pills,.nav-tabs { *zoom:1} .nav-pills:after,.nav-pills:before,.nav-tabs:after,.nav-tabs:before { display: table; content: ""; line-height: 0 } .nav-pills:after,.nav-tabs:after { clear: both } .nav-pills>li>a,.nav-tabs>li>a { margin-right: 2px } .nav-pills>li>a { line-height: 14px } .nav-tabs { border-bottom: 1px solid #ddd } .nav-tabs>li { margin-bottom: -1px } .nav-tabs>li>a { padding: 8px 12px; line-height: 20px; border: 1px solid transparent; border-radius: 4px 4px 0 0 } .nav-tabs>li>a:focus,.nav-tabs>li>a:hover { border-color: #eee #eee #ddd } .nav-tabs>.active>a,.nav-tabs>.active>a:focus,.nav-tabs>.active>a:hover { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default } .nav-pills>li>a { padding: 8px 12px; margin-top: 2px; margin-bottom: 2px; border-radius: 5px } .nav-pills>.active>a,.nav-pills>.active>a:focus,.nav-pills>.active>a:hover { color: #fff; background-color: #08c } .nav-stacked>li { float: none } .nav-stacked>li>a { margin-right: 0 } .nav-tabs.nav-stacked { border-bottom: 0 } .nav-tabs.nav-stacked>li>a { border: 1px solid #ddd; border-radius: 0 } .nav-tabs.nav-stacked>li:first-child>a { border-top-right-radius: 4px; border-top-left-radius: 4px } .nav-tabs.nav-stacked>li:last-child>a { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .nav-tabs.nav-stacked>li>a:focus,.nav-tabs.nav-stacked>li>a:hover { border-color: #ddd; z-index: 2 } .nav-pills.nav-stacked>li>a { margin-bottom: 3px } .nav-pills.nav-stacked>li:last-child>a { margin-bottom: 1px } .nav-tabs .dropdown-menu { border-radius: 0 0 6px 6px } .nav-pills .dropdown-menu { border-radius: 6px } .nav .dropdown-toggle .caret { border-top-color: #08c; border-bottom-color: #08c; margin-top: 6px } .nav .dropdown-toggle:focus .caret,.nav .dropdown-toggle:hover .caret { border-top-color: #005580; border-bottom-color: #005580 } .nav-tabs .dropdown-toggle .caret { margin-top: 8px } .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff } .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555; border-bottom-color: #555 } .nav>.dropdown.active>a:focus,.nav>.dropdown.active>a:hover { cursor: pointer } .nav-pills .open .dropdown-toggle,.nav-tabs .open .dropdown-toggle,.nav>li.dropdown.open.active>a:focus,.nav>li.dropdown.open.active>a:hover { color: #fff; background-color: #999; border-color: #999 } .nav li.dropdown.open .caret,.nav li.dropdown.open a:focus .caret,.nav li.dropdown.open a:hover .caret,.nav li.dropdown.open.active .caret { border-top-color: #fff; border-bottom-color: #fff; opacity: 1; filter: alpha(opacity=100) } .tabs-stacked .open>a:focus,.tabs-stacked .open>a:hover { border-color: #999 } .tabbable { *zoom:1} .tabbable:after,.tabbable:before { display: table; content: ""; line-height: 0 } .tabbable:after { clear: both } .tab-content { overflow: auto } .tabs-below>.nav-tabs,.tabs-left>.nav-tabs,.tabs-right>.nav-tabs { border-bottom: 0 } .pill-content>.pill-pane,.tab-content>.tab-pane { display: none } .pill-content>.active,.tab-content>.active { display: block } .tabs-below>.nav-tabs { border-top: 1px solid #ddd } .tabs-below>.nav-tabs>li { margin-top: -1px; margin-bottom: 0 } .tabs-below>.nav-tabs>li>a { border-radius: 0 0 4px 4px } .tabs-below>.nav-tabs>li>a:focus,.tabs-below>.nav-tabs>li>a:hover { border-bottom-color: transparent; border-top-color: #ddd } .tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:focus,.tabs-below>.nav-tabs>.active>a:hover { border-color: transparent #ddd #ddd } .tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li { float: none } .tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a { min-width: 74px; margin-bottom: 3px } .tabs-right>.nav-tabs>li>a { margin-right: 0 } .tabs-left>.nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd } .tabs-left>.nav-tabs>li>a { margin-right: -1px; border-radius: 4px 0 0 4px } .tabs-left>.nav-tabs>li>a:focus,.tabs-left>.nav-tabs>li>a:hover { border-color: #eee #ddd #eee #eee } .tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:focus,.tabs-left>.nav-tabs .active>a:hover { border-color: #ddd transparent #ddd #ddd; *border-right-color: #fff } .tabs-right>.nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd } .tabs-right>.nav-tabs>li>a { margin-left: -1px; border-radius: 0 4px 4px 0 } .tabs-right>.nav-tabs>li>a:focus,.tabs-right>.nav-tabs>li>a:hover { border-color: #eee #eee #eee #ddd } .tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:focus,.tabs-right>.nav-tabs .active>a:hover { border-color: #ddd #ddd #ddd transparent; *border-left-color: #fff } .nav>.disabled>a { color: #999 } .nav>.disabled>a:focus,.nav>.disabled>a:hover { text-decoration: none; background-color: transparent; cursor: default } .navbar { overflow: visible; margin-bottom: 20px; *position: relative; *z-index: 2 } .navbar-inner { min-height: 40px; padding-left: 20px; background-color: #fafafa; background-image: linear-gradient(to bottom,#fff,#f2f2f2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); border: 1px solid #d4d4d4; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.065); *zoom:1} .navbar-inner:after,.navbar-inner:before { display: table; content: ""; line-height: 0 } .navbar-inner:after { clear: both } .navbar .container { width: auto } .nav-collapse.collapse { height: auto; overflow: visible } .navbar .brand { float: left; display: block; padding: 10px 20px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777; text-shadow: 0 1px 0 #fff } .navbar .brand:focus,.navbar .brand:hover { text-decoration: none } .navbar-text { margin-bottom: 0; line-height: 40px; color: #777 } .navbar-link { color: #777 } .navbar-link:focus,.navbar-link:hover { color: #333 } .navbar .divider-vertical { height: 40px; margin: 0 9px; border-left: 1px solid #f2f2f2; border-right: 1px solid #fff } .alert-block p+p,.navbar .btn,.navbar .btn-group,.navbar-form .checkbox,.navbar-form .radio,.navbar-form input,.navbar-form select { margin-top: 5px } .navbar .btn-group .btn,.navbar .input-append .btn,.navbar .input-append .btn-group,.navbar .input-prepend .btn,.navbar .input-prepend .btn-group { margin-top: 0 } .navbar-form { margin-bottom: 0; *zoom:1} .navbar-form:after,.navbar-form:before { display: table; content: ""; line-height: 0 } .navbar-form:after { clear: both } .navbar-form .btn,.navbar-form input,.navbar-form select { display: inline-block; margin-bottom: 0 } .navbar-form input[type=checkbox],.navbar-form input[type=image],.navbar-form input[type=radio] { margin-top: 3px } .navbar-form .input-append,.navbar-form .input-prepend { margin-top: 5px; white-space: nowrap } .navbar-form .input-append input,.navbar-form .input-prepend input { margin-top: 0 } .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0 } .navbar-search .search-query { margin-bottom: 0; padding: 4px 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; font-weight: 400; line-height: 1; border-radius: 15px } .navbar-static-top { position: static; margin-bottom: 0 } .navbar-static-top .navbar-inner { border-radius: 0 } .navbar-fixed-bottom,.navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0 } .navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner { border-width: 0 0 1px } .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0 } .navbar-fixed-bottom .navbar-inner,.navbar-fixed-top .navbar-inner { padding-left: 0; padding-right: 0; border-radius: 0 } .navbar-fixed-bottom .container,.navbar-fixed-top .container,.navbar-static-top .container { width: 940px } .navbar-fixed-top { top: 0 } .navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner { box-shadow: 0 1px 10px rgba(0,0,0,.1) } .navbar-fixed-bottom { bottom: 0 } .navbar-fixed-bottom .navbar-inner { box-shadow: 0 -1px 10px rgba(0,0,0,.1) } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0 } .navbar .nav.pull-right { float: right; margin-right: 0 } .navbar .nav>li { float: left } .navbar .nav>li>a { float: none; padding: 10px 15px; color: #777; text-decoration: none; text-shadow: 0 1px 0 #fff } .navbar .nav .dropdown-toggle .caret { margin-top: 8px } .navbar .nav>li>a:focus,.navbar .nav>li>a:hover { background-color: transparent; color: #333; text-decoration: none } .navbar .nav>.active>a,.navbar .nav>.active>a:focus,.navbar .nav>.active>a:hover { color: #555; text-decoration: none; background-color: #e5e5e5; box-shadow: inset 0 3px 8px rgba(0,0,0,.125) } .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-left: 5px; margin-right: 5px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #ededed; background-image: linear-gradient(to bottom,#f2f2f2,#e5e5e5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); *background-color: #e5e5e5; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075) } .navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar:active,.navbar .btn-navbar:focus,.navbar .btn-navbar:hover,.navbar .btn-navbar[disabled] { color: #fff; background-color: #e5e5e5; *background-color: #d9d9d9 } .navbar .btn-navbar.active,.navbar .btn-navbar:active { background-color: #ccc \9 } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; border-radius: 1px; box-shadow: 0 1px 0 rgba(0,0,0,.25) } .btn-navbar .icon-bar+.icon-bar { margin-top: 3px } .navbar .nav>li>.dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0,0,0,.2); position: absolute; top: -7px; left: 9px } .navbar .nav>li>.dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 10px } .navbar-fixed-bottom .nav>li>.dropdown-menu:before { border-top: 7px solid #ccc; border-top-color: rgba(0,0,0,.2); border-bottom: 0; bottom: -7px; top: auto } .navbar-fixed-bottom .nav>li>.dropdown-menu:after { border-top: 6px solid #fff; border-bottom: 0; bottom: -6px; top: auto } .navbar .nav li.dropdown>a:focus .caret,.navbar .nav li.dropdown>a:hover .caret { border-top-color: #333; border-bottom-color: #333 } .navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle,.navbar .nav li.dropdown.open>.dropdown-toggle { background-color: #e5e5e5; color: #555 } .navbar .nav li.dropdown>.dropdown-toggle .caret { border-top-color: #777; border-bottom-color: #777 } .navbar .nav li.dropdown.active>.dropdown-toggle .caret,.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret,.navbar .nav li.dropdown.open>.dropdown-toggle .caret { border-top-color: #555; border-bottom-color: #555 } .navbar .nav>li>.dropdown-menu.pull-right,.navbar .pull-right>li>.dropdown-menu { left: auto; right: 0 } .navbar .nav>li>.dropdown-menu.pull-right:before,.navbar .pull-right>li>.dropdown-menu:before { left: auto; right: 12px } .navbar .nav>li>.dropdown-menu.pull-right:after,.navbar .pull-right>li>.dropdown-menu:after { left: auto; right: 13px } .navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu,.navbar .pull-right>li>.dropdown-menu .dropdown-menu { left: auto; right: 100%; margin-left: 0; margin-right: -1px; border-radius: 6px 0 6px 6px } .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: linear-gradient(to bottom,#222,#111); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); border-color: #252525 } .navbar-inverse .brand,.navbar-inverse .nav>li>a { text-shadow: 0 -1px 0 rgba(0,0,0,.25) } .navbar-inverse .nav>li>a { color: #999 } .navbar-inverse .brand:focus,.navbar-inverse .brand:hover,.navbar-inverse .navbar-link:focus,.navbar-inverse .navbar-link:hover { color: #fff } .navbar-inverse .brand,.navbar-inverse .navbar-link,.navbar-inverse .navbar-text { color: #999 } .navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover { background-color: transparent; color: #fff } .navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:focus,.navbar-inverse .nav .active>a:hover { color: #fff; background-color: #111 } .navbar-inverse .divider-vertical { border-left-color: #111; border-right-color: #222 } .navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open>.dropdown-toggle { background-color: #111; color: #fff } .navbar-inverse .nav li.dropdown>a:focus .caret,.navbar-inverse .nav li.dropdown>a:hover .caret { border-top-color: #fff; border-bottom-color: #fff } .navbar-inverse .nav li.dropdown>.dropdown-toggle .caret { border-top-color: #999; border-bottom-color: #999 } .navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff } .navbar-inverse .navbar-search .search-query { color: #fff; background-color: #515151; border-color: #111; box-shadow: inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.15); transition: none } .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #ccc } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #ccc } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #ccc } .navbar-inverse .navbar-search .search-query.focused,.navbar-inverse .navbar-search .search-query:focus { padding: 5px 15px; color: #333; text-shadow: 0 1px 0 #fff; background-color: #fff; border: 0; box-shadow: 0 0 3px rgba(0,0,0,.15); outline: 0 } .navbar-inverse .btn-navbar { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #0e0e0e; background-image: linear-gradient(to bottom,#151515,#040404); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); border-color: #040404 #040404 #000; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); *background-color: #040404; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) } .navbar-inverse .btn-navbar.active,.navbar-inverse .btn-navbar.disabled,.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar:focus,.navbar-inverse .btn-navbar:hover,.navbar-inverse .btn-navbar[disabled] { color: #fff; background-color: #040404; *background-color: #000 } .navbar-inverse .btn-navbar.active,.navbar-inverse .btn-navbar:active { background-color: #000 \9 } .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px } .breadcrumb>li,.pagination ul { display: inline-block; *display: inline; *zoom:1} .breadcrumb>li { text-shadow: 0 1px 0 #fff } .breadcrumb>li>.divider { padding: 0 5px; color: #ccc } .breadcrumb>.active { color: #999 } .pagination { margin: 20px 0 } .pagination ul { margin-left: 0; margin-bottom: 0; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.05) } .pager li,.pagination ul>li { display: inline } .pagination ul>li>a,.pagination ul>li>span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-left-width: 0 } .pagination ul>.active>a,.pagination ul>.active>span,.pagination ul>li>a:focus,.pagination ul>li>a:hover { background-color: #f5f5f5 } .pagination ul>.active>a,.pagination ul>.active>span { color: #999; cursor: default } .pagination ul>.disabled>a,.pagination ul>.disabled>a:focus,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>span { color: #999; background-color: transparent; cursor: default } .pagination ul>li:first-child>a,.pagination ul>li:first-child>span { border-left-width: 1px; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination ul>li:last-child>a,.pagination ul>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-centered { text-align: center } .pagination-right { text-align: right } .pagination-large ul>li>a,.pagination-large ul>li>span { padding: 11px 19px; font-size: 17.5px } .pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span { border-top-left-radius: 6px; border-bottom-left-radius: 6px } .pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span { border-top-right-radius: 6px; border-bottom-right-radius: 6px } .pagination-mini ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>a,.pagination-small ul>li:first-child>span { border-top-left-radius: 3px; border-bottom-left-radius: 3px } .pagination-mini ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>a,.pagination-small ul>li:last-child>span { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .pagination-small ul>li>a,.pagination-small ul>li>span { padding: 2px 10px; font-size: 11.9px } .pagination-mini ul>li>a,.pagination-mini ul>li>span { padding: 0 6px; font-size: 10.5px } .pager { margin: 20px 0; list-style: none; text-align: center; *zoom:1} .pager:after,.pager:before { display: table; content: ""; line-height: 0 } .pager:after { clear: both } .pager li>a,.pager li>span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px } .pager li>a:focus,.pager li>a:hover { text-decoration: none; background-color: #f5f5f5 } .pager .next>a,.pager .next>span { float: right } .pager .previous>a,.pager .previous>span { float: left } .pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span { color: #999; background-color: #fff; cursor: default } .thumbnails { margin-left: -20px; list-style: none; *zoom:1} .thumbnails:after,.thumbnails:before { display: table; content: ""; line-height: 0 } .thumbnails:after { clear: both } .row-fluid .thumbnails { margin-left: 0 } .thumbnails>li { float: left; margin-bottom: 20px; margin-left: 20px } .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,.055); transition: all .2s ease-in-out } a.thumbnail:focus,a.thumbnail:hover { border-color: #08c; box-shadow: 0 1px 4px rgba(0,105,214,.25) } .thumbnail>img { display: block; max-width: 100%; margin-left: auto; margin-right: auto } .thumbnail .caption { padding: 9px; color: #555 } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255,255,255,.5); background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px; color: #c09853 } .alert h4 { color: #c09853; margin: 0 } .alert .close { line-height: 20px } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847 } .alert-success h4 { color: #468847 } .alert-danger,.alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48 } .alert-danger h4,.alert-error h4 { color: #b94a48 } .alert-info { background-color: #d9edf7; border-color: #bce8f1 } .alert-info,.alert-info h4 { color: #3a87ad } .alert-block { padding-top: 14px; padding-bottom: 14px } .alert-block>p,.alert-block>ul,.hero-unit h1 { margin-bottom: 0 } .progress,.progress .bar { background-repeat: repeat-x } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f7f7f7; background-image: linear-gradient(to bottom,#f5f5f5,#f9f9f9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); border-radius: 4px } .progress .bar { width: 0%; height: 100%; color: #fff; float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #0e90d2; background-image: linear-gradient(to bottom,#149bdf,#0480be); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-sizing: border-box; transition: width .6s ease } .progress .bar+.bar { box-shadow: inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15) } .progress-striped .bar { background-color: #149bdf; background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 40px 40px } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .progress .bar-danger,.progress-danger .bar { background-color: #dd514c; background-image: linear-gradient(to bottom,#ee5f5b,#c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0) } .progress-danger.progress-striped .bar,.progress-striped .bar-danger { background-color: #ee5f5b; background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .progress .bar-success,.progress-success .bar { background-color: #5eb95e; background-image: linear-gradient(to bottom,#62c462,#57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0) } .progress-striped .bar-success,.progress-success.progress-striped .bar { background-color: #62c462; background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .progress .bar-info,.progress-info .bar { background-color: #4bb1cf; background-image: linear-gradient(to bottom,#5bc0de,#339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0) } .progress-info.progress-striped .bar,.progress-striped .bar-info { background-color: #5bc0de; background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .progress .bar-warning,.progress-warning .bar { background-color: #faa732; background-image: linear-gradient(to bottom,#fbb450,#f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0) } .progress-striped .bar-warning,.progress-warning.progress-striped .bar { background-color: #fbb450; background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .hero-unit { padding: 60px; margin-bottom: 30px; font-size: 18px; font-weight: 200; color: inherit; background-color: #eee; border-radius: 6px } .hero-unit h1 { font-size: 60px; line-height: 1; color: inherit; letter-spacing: -1px } .hero-unit,.hero-unit li { line-height: 30px } .media,.media-body { overflow: hidden; *overflow: visible; zoom:1} .media,.media .media { margin-top: 15px } .media:first-child { margin-top: 0 } .media-object { display: block } .media-heading { margin: 0 0 5px } .media>.pull-left { margin-right: 10px } .media>.pull-right { margin-left: 10px } .media-list { margin-left: 0; list-style: none } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0) } .tooltip.in { opacity: .8; filter: alpha(opacity=80) } .tooltip.top { margin-top: -3px; padding: 5px 0 } .tooltip.right { margin-left: 3px; padding: 0 5px } .tooltip.bottom { margin-top: 3px; padding: 5px 0 } .tooltip.left { margin-left: -3px; padding: 0 5px } .tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000 } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0,0,0,.2); white-space: normal } .popover.top { margin-top: -10px } .popover.right { margin-left: 10px } .popover.bottom { margin-top: 10px } .popover.left { margin-left: -10px } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: 400; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 } .popover-title:empty { display: none } .popover-content { padding: 9px 14px } .popover .arrow,.popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .popover .arrow { border-width: 11px } .popover .arrow:after { border-width: 10px; content: "" } .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0,0,0,.25); bottom: -11px } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0,0,0,.25) } .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff } .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,.25); top: -11px } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,.25) } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop,.modal-backdrop.fade.in { opacity: .8; filter: alpha(opacity=80) } .modal { position: fixed; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,.3); *border: 1px solid #999; border-radius: 6px; box-shadow: 0 3px 7px rgba(0,0,0,.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: 0 } .modal.fade { transition: opacity .3s linear,top .3s ease-out; top: -25% } .modal,.modal.fade.in { top: 10% } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee } .modal-header .close { margin-top: 2px } .modal-header h3 { margin: 0; line-height: 30px } .modal-body { position: relative; overflow-y: auto; max-height: 400px; padding: 15px } .modal-footer,.modal-form { margin-bottom: 0 } .modal-footer { padding: 14px 15px 15px; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; border-radius: 0 0 6px 6px; box-shadow: inset 0 1px 0 #fff; *zoom:1} .modal-footer:after,.modal-footer:before { display: table; content: ""; line-height: 0 } .modal-footer:after { clear: both } .modal-footer .btn+.btn { margin-left: 5px; margin-bottom: 0 } .modal-footer .btn-group .btn+.btn { margin-left: -1px } .modal-footer .btn-block+.btn-block { margin-left: 0 } .dropdown,.dropup { position: relative } .dropdown-toggle { *margin-bottom: -3px } .dropdown-toggle:active,.open .dropdown-toggle { outline: 0 } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; content: "" } .dropdown .caret { margin-top: 8px; margin-left: 2px } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); *border-right-width: 2px; *border-bottom-width: 2px; border-radius: 6px; box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box } .dropdown-menu.pull-right { right: 0; left: auto } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff } .dropdown-menu>li>a { display: block; clear: both; font-weight: 400; line-height: 20px; color: #333; white-space: nowrap } .dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.dropdown-submenu:focus>a,.dropdown-submenu:hover>a { text-decoration: none; color: #fff; background-color: #0081c2; background-image: linear-gradient(to bottom,#08c,#0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0) } .dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover { outline: 0 } .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover { color: #999 } .dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: default } .open { *z-index: 1000 } .open>.dropdown-menu { display: block } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990 } .pull-right>.dropdown-menu { right: 0; left: auto } .dropup .caret,.navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000; content: "" } .dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px } .dropdown-submenu { position: relative } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; border-radius: 0 6px 6px 6px } .dropdown-submenu:hover>.dropdown-menu { display: block } .dropup .dropdown-submenu>.dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; border-radius: 5px 5px 5px 0 } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #ccc; margin-top: 5px; margin-right: -10px } .dropdown-submenu:hover>a:after { border-left-color: #fff } .dropdown-submenu.pull-left { float: none } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; border-radius: 6px 0 6px 6px } .dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px } .typeahead { z-index: 1051; margin-top: 2px; border-radius: 4px } .accordion { margin-bottom: 20px } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; border-radius: 4px } .accordion-heading { border-bottom: 0 } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px } .accordion-toggle { cursor: pointer } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5 } .carousel { position: relative; margin-bottom: 20px; line-height: 1 } .carousel-inner { overflow: hidden; width: 100%; position: relative } .carousel-inner>.item { display: none; position: relative; transition: .6s ease-in-out left } .carousel-inner>.item>a>img,.carousel-inner>.item>img { display: block; line-height: 1 } .carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev { display: block } .carousel-inner>.active,.carousel-inner>.next.left,.carousel-inner>.prev.right { left: 0 } .carousel-inner>.next,.carousel-inner>.prev { position: absolute; top: 0; width: 100% } .carousel-inner>.next { left: 100% } .carousel-inner>.active.left,.carousel-inner>.prev { left: -100% } .carousel-inner>.active.right { left: 100% } .carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #fff; text-align: center; background: #222; border: 3px solid #fff; border-radius: 23px; opacity: .5; filter: alpha(opacity=50) } .carousel-control.right { left: auto; right: 15px } .carousel-control:focus,.carousel-control:hover { color: #fff; text-decoration: none; opacity: .9; filter: alpha(opacity=90) } .carousel-indicators { position: absolute; top: 15px; right: 15px; z-index: 5; margin: 0; list-style: none } .carousel-indicators li { display: block; float: left; width: 10px; height: 10px; margin-left: 5px; text-indent: -999px; background-color: #ccc; background-color: rgba(255,255,255,.25); border-radius: 5px } .carousel-indicators .active { background-color: #fff } .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: #333; background: rgba(0,0,0,.75) } .carousel-caption h4,.carousel-caption p { color: #fff; line-height: 20px } .carousel-caption h4 { margin: 0 0 5px } .carousel-caption p { margin-bottom: 0 } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.05) } .well blockquote { border-color: #ddd; border-color: rgba(0,0,0,.15) } .well-large { padding: 24px; border-radius: 6px } .well-small { padding: 9px; border-radius: 3px } .pull-right { float: right } .pull-left { float: left } .hide { display: none } .open_popup #popup_list .blk-section--ms-popup.open,.show { display: block } .invisible,.product-image-viewer__list-item--loading img,body.non-pc #site_wrapper1 #fixed-sections .blk_section.section_menu .map-bg,body.non-pc #site_wrapper1 #fixed-sections .blk_section.section_menu .section-blackout,body.non-pc #site_wrapper1 #fixed-sections .blk_section.section_menu .section-gradient,body.non-pc #site_wrapper1 #fixed-sections .blk_section.section_menu .section-image__svg,body.non-pc #site_wrapper1 #fixed-sections .blk_section.section_menu .section-slider,body.non-pc #site_wrapper1 #fixed-sections .blk_section.section_menu .section-video,body.non-pc #site_wrapper1 #fixed-sections .blk_section.section_menu .section_image_container,body.non-pc #site_wrapper1 #fixed-sections .blk_section.section_menu .trans_down,body.non-pc #site_wrapper1 #fixed-sections .blk_section.section_menu .trans_up,body.non-pc #site_wrapper1 #sections_list .blk_section.section_menu .map-bg,body.non-pc #site_wrapper1 #sections_list .blk_section.section_menu .section-blackout,body.non-pc #site_wrapper1 #sections_list .blk_section.section_menu .section-gradient,body.non-pc #site_wrapper1 #sections_list .blk_section.section_menu .section-image__svg,body.non-pc #site_wrapper1 #sections_list .blk_section.section_menu .section-slider,body.non-pc #site_wrapper1 #sections_list .blk_section.section_menu .section-video,body.non-pc #site_wrapper1 #sections_list .blk_section.section_menu .section_image_container,body.non-pc #site_wrapper1 #sections_list .blk_section.section_menu .trans_down,body.non-pc #site_wrapper1 #sections_list .blk_section.section_menu .trans_up { visibility: hidden } .affix { position: fixed } .fade { opacity: 0; transition: opacity .15s linear } .fade.in { opacity: 1 } .collapse { position: relative; height: 0; overflow: hidden; transition: height .35s ease } .collapse.in { height: auto } @-ms-viewport { width: device-width } .hidden-desktop,.visible-phone,.visible-tablet { display: none!important } .visible-desktop { display: inherit!important } .close-modal__cross { position: absolute; right: -34px; width: 35px; height: 30px; top: -26px; font-size: 23px; cursor: pointer; text-align: center } .close-modal__cross:hover { color: #eae4e4 } .ms-text-field { color: #000 } .ms-text-field h1,.ms-text-field h2,.ms-text-field h3,.ms-text-field h4,.ms-text-field h5,.ms-text-field h6 { font-size: inherit; font-family: inherit; font-weight: inherit; font-style: inherit; margin: 0 } .ms-text-field a,.ms-text-field p { font-size: inherit!important; font-family: inherit!important; font-weight: inherit!important; font-style: inherit!important; margin: 0!important } .ms-slot { position: relative } .ms-slot__cell { line-height: 13px } .ms-slot__cell>:first-child { margin-top: 0 } .ms-slot--empty .ms-slot__cell { height: 50px } .blk-section--ms-popup.blk_section { background: #fff; margin: 100px auto 0; overflow: visible } .open-popup-ms #popup_list { overflow-y: auto } .ms-popup-section__close { position: absolute; cursor: pointer; background: no-repeat center center url(data:image/svg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAALVBMVEUAAAA3SU83R045R1U3SFA3R1A2R089SVU3Rk8zTU03R083R042Q1E3R083R08Gf0yjAAAADnRSTlMAKrYSvc3OFdIU0dATz5UJOWkAAABkSURBVHgBhdJLDoAgDAbhH4qID3v/41qT7iaNLudLUGnVugmP9abhG8SmD+3Lp6GvQ5ToZ/QUdEj065Yg2SHZIdGf6JCvB1NmHghhJ/wfxZfXn8sfRIfwEsXOcUCq0dbLUK3PC6MfBoUe3cfsAAAAAElFTkSuQmCC); height: 28px; width: 28px; padding: 0; margin: -14px -14px 0 0; top: 32px; right: 32px; opacity: 1; background-size: 60% } .blk-section--ms-product-popup-mobile-panel { margin: 0!important; width: 100%!important; max-width: 100% } .blk-section--ms-product-popup-mobile-panel .ms-popup-section__close { display: none } .blk-section--html { min-height: 120px } .menu-bar { display: none; position: fixed; top: 0; right: 0; left: 0; z-index: 9990; height: 0 } .menu-bar__button { height: 48px; width: 48px; border-radius: 50%; background-size: 70%; margin: 20px; float: right; cursor: pointer; text-align: center; padding: 10px 0 0 } .menu-bar__menu-icon { display: inline-block } .menu-bar__close-icon,body.non-pc #site_wrapper1 .menu-bar--full .menu-bar__menu-icon { display: none } .blk_section.section_menu { background-color: #fff } body.non-pc #site_wrapper1 .menu-bar--full { top: 0; right: 0; left: 0; background-color: #2c3139 } body.non-pc #site_wrapper1 .menu-bar--full .menu-bar__close-icon { display: inline-block } body.non-pc #site_wrapper1 #fixed-sections .blk_section.section_menu,body.non-pc #site_wrapper1 #sections_list .blk_section.section_menu { position: fixed!important; top: 0; bottom: 0; left: -1000px; overflow-x: hidden; overflow-y: auto; z-index: 1000; width: 100%; margin-left: 0 } body.non-pc #site_wrapper1 #fixed-sections .blk_section.section_menu--visible,body.non-pc #site_wrapper1 #sections_list .blk_section.section_menu--visible { right: 0; left: 0 } .blk_text .blk-data,.ms-panel-text-editor,.ms-text-field:not(.ms-text-field--disable-font-settings) { line-height: 1.4; font-family: Helvetica,Arial,sans-serif; font-size: 13px } .blk_text .blk-data,.ms-panel-text-editor,.ms-text-field,.text-field { word-wrap: break-word } .blk_text .blk-data sub,.ms-panel-text-editor sub,.ms-text-field sub,.text-field sub { vertical-align: sub } .blk_text .blk-data sup,.ms-panel-text-editor sup,.ms-text-field sup,.text-field sup { vertical-align: super } .blk_text .blk-data sub,.blk_text .blk-data sup,.ms-panel-text-editor sub,.ms-panel-text-editor sup,.ms-text-field sub,.ms-text-field sup,.text-field sub,.text-field sup { top: auto; font-size: smaller; line-height: inherit } .blk_text .blk-data ol,.blk_text .blk-data ul,.ms-panel-text-editor ol,.ms-panel-text-editor ul,.ms-text-field ol,.ms-text-field ul,.text-field ol,.text-field ul { margin-bottom: 0; margin-left: 0; list-style-type: none } .blk_text .blk-data li,.blk_text .blk-data ol,.blk_text .blk-data ul,.ms-panel-text-editor li,.ms-panel-text-editor ol,.ms-panel-text-editor ul,.ms-text-field li,.ms-text-field ol,.ms-text-field ul,.text-field li,.text-field ol,.text-field ul { line-height: inherit; text-align: inherit } .blk_text .blk-data ol,.blk_text .blk-data ol>li,.ms-panel-text-editor ol,.ms-panel-text-editor ol>li,.ms-text-field ol,.ms-text-field ol>li,.text-field ol,.text-field ol>li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9 } .blk_text .blk-data ol>li,.ms-panel-text-editor ol>li,.ms-text-field ol>li,.text-field ol>li { counter-increment: list-num } .blk_text .blk-data ol>li::before,.ms-panel-text-editor ol>li::before,.ms-text-field ol>li::before,.text-field ol>li::before { content: counter(list-num,decimal) ". " } .blk_text .blk-data ul>li:before,.ms-panel-text-editor ul>li:before,.ms-text-field ul>li:before,.text-field ul>li:before { content: "\2022 " } .blk_text .blk-data .li-indent-1,.ms-panel-text-editor .li-indent-1,.ms-text-field .li-indent-1,.text-field .li-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-1; margin-left: 40px } .blk_text .blk-data .li-indent-2,.ms-panel-text-editor .li-indent-2,.ms-text-field .li-indent-2,.text-field .li-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-2; margin-left: 80px } .blk_text .blk-data .li-indent-3,.ms-panel-text-editor .li-indent-3,.ms-text-field .li-indent-3,.text-field .li-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-3; margin-left: 120px } .blk_text .blk-data .li-indent-4,.ms-panel-text-editor .li-indent-4,.ms-text-field .li-indent-4,.text-field .li-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; counter-increment: list-4; margin-left: 160px } .blk_text .blk-data .li-indent-5,.ms-panel-text-editor .li-indent-5,.ms-text-field .li-indent-5,.text-field .li-indent-5 { counter-reset: list-6 list-7 list-8 list-9; counter-increment: list-5; margin-left: 200px } .blk_text .blk-data .li-indent-6,.ms-panel-text-editor .li-indent-6,.ms-text-field .li-indent-6,.text-field .li-indent-6 { counter-reset: list-7 list-8 list-9; counter-increment: list-6; margin-left: 240px } .blk_text .blk-data .li-indent-7,.ms-panel-text-editor .li-indent-7,.ms-text-field .li-indent-7,.text-field .li-indent-7 { counter-reset: list-8 list-9; counter-increment: list-7; margin-left: 280px } .blk_text .blk-data .li-indent-8,.ms-panel-text-editor .li-indent-8,.ms-text-field .li-indent-8,.text-field .li-indent-8 { counter-reset: list-9; counter-increment: list-8; margin-left: 320px } .blk_text .blk-data .li-indent-9,.ms-panel-text-editor .li-indent-9,.ms-text-field .li-indent-9,.text-field .li-indent-9 { counter-increment: list-9; margin-left: 360px } .blk_text .blk-data ol .li-indent-1:before,.ms-panel-text-editor ol .li-indent-1:before,.ms-text-field ol .li-indent-1:before,.text-field ol .li-indent-1:before { content: counter(list-1,lower-alpha) ". " } .blk_text .blk-data ol .li-indent-2:before,.ms-panel-text-editor ol .li-indent-2:before,.ms-text-field ol .li-indent-2:before,.text-field ol .li-indent-2:before { content: counter(list-2,lower-roman) ". " } .blk_text .blk-data ol .li-indent-3:before,.ms-panel-text-editor ol .li-indent-3:before,.ms-text-field ol .li-indent-3:before,.text-field ol .li-indent-3:before { content: counter(list-3,decimal) ". " } .blk_text .blk-data ol .li-indent-4:before,.ms-panel-text-editor ol .li-indent-4:before,.ms-text-field ol .li-indent-4:before,.text-field ol .li-indent-4:before { content: counter(list-4,lower-alpha) ". " } .blk_text .blk-data ol .li-indent-5:before,.ms-panel-text-editor ol .li-indent-5:before,.ms-text-field ol .li-indent-5:before,.text-field ol .li-indent-5:before { content: counter(list-5,lower-roman) ". " } .blk_text .blk-data ol .li-indent-6:before,.ms-panel-text-editor ol .li-indent-6:before,.ms-text-field ol .li-indent-6:before,.text-field ol .li-indent-6:before { content: counter(list-6,decimal) ". " } .blk_text .blk-data ol .li-indent-7:before,.ms-panel-text-editor ol .li-indent-7:before,.ms-text-field ol .li-indent-7:before,.text-field ol .li-indent-7:before { content: counter(list-7,lower-alpha) ". " } .blk_text .blk-data ol .li-indent-8:before,.ms-panel-text-editor ol .li-indent-8:before,.ms-text-field ol .li-indent-8:before,.text-field ol .li-indent-8:before { content: counter(list-8,lower-roman) ". " } .blk_text .blk-data ol .li-indent-9:before,.ms-panel-text-editor ol .li-indent-9:before,.ms-text-field ol .li-indent-9:before,.text-field ol .li-indent-9:before { content: counter(list-9,decimal) ". " } .blk_text div,.blk_text h1,.blk_text h2,.blk_text h3,.blk_text h4,.blk_text h5,.blk_text h6 { margin: 0; padding: 0 } .blk_text p { padding: 0 } .blk_text h1,.blk_text h2,.blk_text h3,.blk_text h4,.blk_text h5,.blk_text h6 { font-family: inherit; color: inherit; line-height: 1 } .blk_text h1,.blk_text h2,.blk_text h4 { font-weight: 400 } .blk_text h1 { font-size: 38.5px } .blk_text h2 { font-size: 31.5px } .blk_text h3,.heading.heading--rank-1 small { font-size: 24.5px } .blk_text h4 { font-size: 16px } .blk_text h5 { font-size: 14px } .blk_text h6 { font-size: 11.9px } .blk_text .bold,.blk_text b,.blk_text h3,.blk_text h5,.blk_text h6,.blk_text strong { font-weight: 700 } .blk_video { line-height: 1 } .user-video { -o-object-fit: contain; object-fit: contain; display: block; max-width: 100% } .blk_video_data_wrap { font-size: 0 } .blk_section.is_absolute .blk.blk_video:not(.ms-slot__cell--table .blk.blk_video) { min-height: 50px; min-width: 50px } .blk_section.is_absolute .blk_video_data_wrap .video_container .user-video:not(.ms-slot__cell--table .user-video),.blk_section.is_absolute .blk_video_data_wrap .video_container .video:not(.ms-slot__cell--table .video),.blk_section.is_absolute .blk_video_data_wrap .video_container:not(.ms-slot__cell--table .video_container),.blk_section.is_absolute .blk_video_data_wrap.empty .video_empty:not(.ms-slot__cell--table .video_empty),.blk_section.is_absolute .blk_video_data_wrap.empty:not(.ms-slot__cell--table .blk_video_data_wrap.empty),.blk_section.is_absolute .blk_video_data_wrap:not(.ms-slot__cell--table .blk_video_data_wrap) { height: 100%; width: 100% } .blk_section.is_absolute:not(.hybrid-block-converting) .blk_video .user-video,.blk_section.is_absolute:not(.hybrid-block-converting) .blk_video iframe:not(.ms-slot__cell--table iframe) { height: 100%!important; width: 100%!important } .video__overlay--user-file { background-image: none!important } .video__overlay--user-file .video__play-btn { display: none } .blk,.blk_container { margin: 0 } .blk_container~.blk,.blk_container~.blk_container,.blk~.blk,.blk~.blk_container { margin-top: 3% } .blk.checkbox { display: flex; cursor: pointer; column-gap: 8px; align-items: center; } .blk.checkbox input { margin-bottom: 3px; } .blk.checkbox input.error { appearance: none; height: 13px; width: 13px; border: 1px solid tomato; border-radius: 3px; } .blk.checkbox a { color: #2C83ED; } @media all and (max-width: 800px) { .blk_container:not(.v3) .row-splitter { clear:both } } .mha>.tpl_cell>.blk_container.v3 { margin-left: 3%; margin-right: 3% } .margin-v2 .mha>.tpl_cell>.blk_container.v3 { margin: 32px 32px 0 } .blocks-with-indent>div:first-child,.margin-v2 .blk_section .mha .tpl_cell .blk_container.v3:first-child { margin-top: 0 } @media all and (max-width: 960px) { .margin-v2 .mha>.tpl_cell>.blk_container.v3 { margin:20px 20px 0 } } @media all and (max-width: 800px) { body.margin-v2 .blk_container>.blk_container_cells_wrap { margin:0 -10px } } .ms-active-string { display: inline-block; min-width: 12px } .cart-is-empty .hide-if-cart-empty { display: none } #shopCartModal.cart-popup.wind .btn.btn-primary,.cart-popup-form-field__input .promo-input-btn,.cart-popup-product__counter .promo-input-btn { color: #fff; background-color: #1890ff; transition: background .1s ease!important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } #shopCartModal.cart-popup.wind .btn.btn-primary[disabled],.cart-popup-form-field__input .promo-input-btn[disabled],.cart-popup-product__counter .promo-input-btn[disabled] { pointer-events: none } #shopCartModal.cart-popup.wind .btn.btn-primary:hover,.cart-popup-form-field__input .promo-input-btn:hover,.cart-popup-product__counter .promo-input-btn:hover { background-color: #2c9aff } #shopCartModal.cart-popup.wind .btn.btn-primary:active,.cart-popup-form-field__input .promo-input-btn:active,.cart-popup-product__counter .promo-input-btn:active { background-color: #0486ff } #shopCartModal.cart-popup.wind { width: 760px; position: relative; color: #333; background-color: #fff; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; border-radius: 12px; height: auto; touch-action: pan-x pan-y } #shopCartModal.cart-popup.wind .wind-header { margin: 0; padding: 0; height: 0; background-color: #fff; border: 0; border-radius: 0 } #shopCartModal.cart-popup.wind .wind-header .wind-close { height: 28px; width: 28px; padding: 0; margin: -14px -14px 0 0; top: 32px; right: 32px; background: no-repeat center center url(data:image/svg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAALVBMVEUAAAA3SU83R045R1U3SFA3R1A2R089SVU3Rk8zTU03R083R042Q1E3R083R08Gf0yjAAAADnRSTlMAKrYSvc3OFdIU0dATz5UJOWkAAABkSURBVHgBhdJLDoAgDAbhH4qID3v/41qT7iaNLudLUGnVugmP9abhG8SmD+3Lp6GvQ5ToZ/QUdEj065Yg2SHZIdGf6JCvB1NmHghhJ/wfxZfXn8sfRIfwEsXOcUCq0dbLUK3PC6MfBoUe3cfsAAAAAElFTkSuQmCC); background-size: 60% } #shopCartModal.cart-popup.wind .wind-body { padding: 50px } #shopCartModal.cart-popup.wind .wind-footer { display: flex; justify-content: space-between; align-items: baseline; padding: 0 50px 50px; background: 0 0; box-shadow: none } #shopCartModal.cart-popup.wind .btn.btn-primary { font-size: 17px; width: 100%; border-radius: 8px; box-shadow: 0 4px 8px rgba(24,144,255,.25); border: 0; height: 60px; line-height: 60px; padding: 0 16px; overflow: hidden; white-space: normal; font-family: inherit } #shopCartModal.cart-popup.wind .cart-popup__regulation-checkbox { min-width: 13px; width: 13px; height: 13px; -webkit-appearance: none; position: relative; border-radius: 2px; transition: background-color .3s ease,border-color .3s ease; border: 1px solid #858585; margin-right: 5px; margin-top: 0 } #shopCartModal.cart-popup.wind .cart-popup__regulation-checkbox__invalid { border-color: #e9322d } #shopCartModal.cart-popup.wind .cart-popup__regulation-checkbox:checked { background-color: var(--checkbox-bg-color, #1890ff); border-color: var(--checkbox-bg-color, #1890ff) } #shopCartModal.cart-popup.wind .cart-popup__regulation-checkbox:checked:before { content: ''; position: absolute; top: 5px; left: 1px; width: 8px; height: 5px; box-sizing: border-box; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); transform-origin: left top } #shopCartModal .wind-header.hilighted { box-shadow: 0 8px 8px -4px rgba(0,0,0,.05),inset 0 -3px 0 -2px rgba(0,0,0,.08) } .wind-header__mobile-text { opacity: 0; transition: opacity .1s ease; display: none; pointer-events: none; height: 100%; line-height: 60px; color: #111; font-weight: 700; font-size: 15px; text-align: center; position: absolute; top: 0; width: 100% } .blocks-with-indent>div,.cart-popup-indent { margin-top: 50px } .cart-popup-block__head { font-size: 20px; font-weight: 700; line-height: 1 } .cart-popup-block__main-header { font-weight: 700; line-height: 1; font-size: 26px } .cart-popup-block__body { margin-top: 20px } .cart-popup__final-screen { min-height: 132px; text-align: center; font-size: 24px; line-height: 1.6 } .cart-popup__final-screen button,.cart-popup__final-screen>div { margin-top: 32px } .cart-popup__product-list-stub { text-align: center; line-height: 1.4; padding: 48px 16px; font-size: 15px } .cart-popup__product-list { display: table; width: 100% } .cart-popup-product { display: table-row; font-size: 15px; color: #111 } .cart-popup-product>div { padding: 30px 0 30px 20px; display: table-cell; vertical-align: top; border-bottom: 1px solid rgba(0,0,0,.04) } .blk_container_tr>td.cell:first-child,.cart-popup-product>div:first-child,.redesign .iblk .iblk_header td:first-child { padding-left: 0 } .cart-popup-sum-row { padding: 24px 0 0; border: 0; white-space: nowrap; text-align: right; font-size: 15px } .cart-popup-product__image { text-align: left; width: 1% } .cart-popup-product__image div { height: 64px; width: 64px; border-radius: 8px; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMSkiPgo8cGF0aCBkPSJNMTcuNjM3NSAyMC44OTQ3QzE3LjYzNzUgMjEuNDExNiAxNy4yMTg1IDIxLjgzMDUgMTYuNzAxOCAyMS44MzA1SDMuNzQyNjhDMS42Nzg4OSAyMS44MzA1IDAgMjAuMTUxNCAwIDE4LjA4NzZWNy4zMjc0NUMwIDYuNTM4MDkgMC4yNDI5ODEgNS43ODI5NiAwLjcwMjk0MiA1LjE0MzU1QzEuMDA0NyA0LjcyNDA2IDEuNTg5MzYgNC42Mjg4NSAyLjAwODg1IDQuOTMwNDJDMi40MjgzNCA1LjIzMjE4IDIuNTIzNzQgNS44MTcwMiAyLjIyMTk4IDYuMjM2NTFDMS45OTI1NSA2LjU1NTQ4IDEuODcxMzQgNi45MzI2OCAxLjg3MTM0IDcuMzI3NDVWMTguMDg3NkMxLjg3MTM0IDE5LjExOTYgMi43MTA4OCAxOS45NTkgMy43NDI2OCAxOS45NTlIMTYuNzAxOEMxNy4yMTg1IDE5Ljk1OSAxNy42Mzc1IDIwLjM3NzkgMTcuNjM3NSAyMC44OTQ3Wk03LjM0MjM1IDEwLjQ3NTZDNi44MzI1OCAxMC4zODc1IDYuMzQ5IDEwLjcyOTIgNi4yNjA5MyAxMS4yMzg0QzYuMjA0MTYgMTEuNTY2OSA2LjE3NTQyIDExLjkwMzggNi4xNzU0MiAxMi4yMzk4QzYuMTc1NDIgMTUuNDY0MyA4Ljc5ODc3IDE4LjA4NzYgMTIuMDIzNCAxOC4wODc2QzEyLjQwNyAxOC4wODc2IDEyLjc5MDggMTguMDUwMyAxMy4xNjQyIDE3Ljk3NjNDMTMuNjcxIDE3Ljg3NiAxNC4wMDA2IDE3LjM4MzYgMTMuOTAwMyAxNi44NzY4QzEzLjc5OTkgMTYuMzY5OCAxMy4zMDc2IDE2LjA0MDIgMTIuODAwNyAxNi4xNDA3QzEyLjU0NjggMTYuMTkwOSAxMi4yODUzIDE2LjIxNjMgMTIuMDIzNCAxNi4yMTYzQzkuODMwNzUgMTYuMjE2MyA4LjA0Njc1IDE0LjQzMjUgOC4wNDY3NSAxMi4yMzk4QzguMDQ2NzUgMTIuMDEwNCA4LjA2NjM1IDExLjc4MDggOC4xMDQ5OCAxMS41NTdDOC4xOTMwNSAxMS4wNDc4IDcuODUxNTYgMTAuNTYzNyA3LjM0MjM1IDEwLjQ3NTZWMTAuNDc1NlpNMjMuNzI2MSAyMi42NzkyQzIzLjU0MzMgMjIuODYxOSAyMy4zMDM4IDIyLjk1MzMgMjMuMDY0MyAyMi45NTMzQzIyLjgyNDggMjIuOTUzMyAyMi41ODUzIDIyLjg2MTkgMjIuNDAyNiAyMi42NzkyTDAuMzIwODAxIDAuNTk3NDEyQy0wLjA0NDY3NzcgMC4yMzE5MzQgLTAuMDQ0Njc3NyAtMC4zNjA1OTYgMC4zMjA4MDEgLTAuNzI1ODkxQzAuNjg2Mjc5IC0xLjA5MTM3IDEuMjc4NjMgLTEuMDkxMzcgMS42NDQxIC0wLjcyNTg5MUw1LjczOTI2IDMuMzY5MjZDNS44NjYxNSAzLjI2Mzk4IDUuOTY1MDMgMy4xMjU1NSA2LjAyMjM0IDIuOTY2OThMNi4zNDYyNSAyLjA2OTk1QzYuNzQ2NTIgMC45NjEyNDMgNy44MDc2MiAwLjIxNjM3IDguOTg2NDUgMC4yMTYzN0gxNC45NjM5QzE2LjE2NiAwLjIxNjM3IDE3LjIzMzkgMC45ODEwMTggMTcuNjIxMyAyLjExOTAyTDE3LjkwNDQgMi45NTA2OEMxOC4wMzM1IDMuMzI5OSAxOC4zODk1IDMuNTg0NzggMTguNzkwMSAzLjU4NDc4SDIwLjIxMDRDMjIuMjc0MiAzLjU4NDc4IDIzLjk1MzEgNS4yNjM4NSAyMy45NTMxIDcuMzI3NDVWMTMuNDA5M0MyMy45NTMxIDEzLjkyNjIgMjMuNTM0NCAxNC4zNDUgMjMuMDE3NSAxNC4zNDVDMjIuNTAwNyAxNC4zNDUgMjIuMDgxOCAxMy45MjYyIDIyLjA4MTggMTMuNDA5M1Y3LjMyNzQ1QzIyLjA4MTggNi4yOTU2NSAyMS4yNDI0IDUuNDU2MTIgMjAuMjEwNCA1LjQ1NjEySDE4Ljc5MDFDMTcuNTg4MiA1LjQ1NjEyIDE2LjUyMDEgNC42OTE2NSAxNi4xMzI5IDMuNTUzNjVMMTUuODQ5NiAyLjcyMTk4QzE1LjcyMDUgMi4zNDI1OSAxNS4zNjQ2IDIuMDg3NzEgMTQuOTYzOSAyLjA4NzcxSDguOTg2NDVDOC41OTM1MSAyLjA4NzcxIDguMjM5NzUgMi4zMzYgOC4xMDYyNiAyLjcwNTUxTDcuNzgyMzUgMy42MDI1NEM3LjYzMDc0IDQuMDIyNTggNy4zODE3MSA0LjM5NTAyIDcuMDYzODQgNC42OTM4NUw5LjM4ODczIDcuMDE4NzRDMTAuMjAyMyA2LjYwNzg1IDExLjEwMjggNi4zOTE3OCAxMi4wMjM0IDYuMzkxNzhDMTUuMjQ3OSA2LjM5MTc4IDE3Ljg3MTMgOS4wMTUxNCAxNy44NzEzIDEyLjIzOThDMTcuODcxMyAxMy4xNjI4IDE3LjY1NTkgMTQuMDYxNSAxNy4yNDQ3IDE0Ljg3NDdMMjEuNjUyMiAxOS4yODIyQzIxLjkyNzEgMTguOTUyMSAyMi4wODE4IDE4LjUzNDIgMjIuMDgxOCAxOC4wODc2QzIyLjA4MTggMTcuNTcwOSAyMi41MDA3IDE3LjE1MiAyMy4wMTc1IDE3LjE1MkMyMy41MzQ0IDE3LjE1MiAyMy45NTMxIDE3LjU3MDkgMjMuOTUzMSAxOC4wODc2QzIzLjk1MzEgMTkuMDQxNiAyMy42MDEgMTkuOTMxIDIyLjk3OTYgMjAuNjA5NkwyMy43MjYxIDIxLjM1NTlDMjQuMDkxNCAyMS43MjE0IDI0LjA5MTQgMjIuMzEzOSAyMy43MjYxIDIyLjY3OTJWMjIuNjc5MlpNMTAuODE5MyA4LjQ0OTM0TDE1LjgxMzkgMTMuNDQzOUMxNS45MzY0IDEzLjA1NzYgMTUuOTk5OSAxMi42NTIzIDE1Ljk5OTkgMTIuMjM5OEMxNS45OTk5IDEwLjA0NzEgMTQuMjE2MSA4LjI2MzEyIDEyLjAyMzQgOC4yNjMxMkMxMS42MTE2IDguMjYzMTIgMTEuMjA2MSA4LjMyNjY2IDEwLjgxOTMgOC40NDkzNFY4LjQ0OTM0WiIgZmlsbD0iI0VFRUVFRSIvPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDEiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0xKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: 40%; background-position: center center; background-color: rgba(0,0,0,.02); box-shadow: inset 0 0 0 1px rgba(0,0,0,.08) } .cart-popup-product__image .cart-popup-product__image-cutlery { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxOSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk2NDg0NCA1LjYwMDM0VjAuOTE0NTUxSDIuNDY0ODRMMi40NjQ4NCA3LjU2NDhMMi40NjQ4NCA4LjA5NTA2QzIuNDY0ODQgOC44MTU0NCAzLjA0ODgyIDkuMzk5NDEgMy43NjkyIDkuMzk5NDFIMy45MTE4N0wzLjkxMTg3IDAuOTE0NTUxSDUuNDExODdMNS40MTE4NyA5LjQ2NzI5SDUuNTU0NTNDNi4yNzQ5MSA5LjQ2NzI5IDYuODU4ODkgOC44ODMzMSA2Ljg1ODg5IDguMTYyOTNWNy42MzMxNlY1LjY2ODIxVjAuOTgyOTFMOC4zNTg4OSAwLjk4MjkxVjUuNjY4MjFWNy42MzMxNlY4LjE2MjkzQzguMzU4ODkgOS43MTE3MyA3LjEwMzM0IDEwLjk2NzMgNS41NTQ1MyAxMC45NjczSDUuNDExODdMNS40MTE4NyAyMC45MTQ2SDMuOTExODdMMy45MTE4NyAxMC44OTk0SDMuNzY5MkMyLjIyMDQgMTAuODk5NCAwLjk2NDg0NCA5LjY0Mzg2IDAuOTY0ODQ0IDguMDk1MDZWNy41NjQ4VjUuNjAwMzRaTTE3LjU5NDYgMC45Nzk0OTJWMC45ODM5MTdMMTguODgzMyAwLjk4MTUwOUwxOC45MjA3IDIwLjk4MTVMMTcuNDIwNyAyMC45ODQzTDE3LjQwNjEgMTMuMTYxMUgxNC4zMDQ2VjExLjY4MjZMMTQuMzA0IDQuNTgzMDFWMy43ODM4NEMxNC4zMDQgMi4yMzUwNCAxNS41NTk1IDAuOTc5NDkyIDE3LjEwODMgMC45Nzk0OTJIMTcuNTk0NlpNMTcuMTA4MyAyLjQ3OTQ5SDE3LjM4NjFMMTcuNDAzMyAxMS42NjExSDE1LjgwNFY0LjU4MzAxVjMuNzgzODRDMTUuODA0IDMuMDYzNDcgMTYuMzg3OSAyLjQ3OTQ5IDE3LjEwODMgMi40Nzk0OVoiIGZpbGw9IiMyMTIxMjEiLz4KPC9zdmc+Cg==); background-size: 24px 24px } .cart-popup-product__name,.cart-popup-product__price { line-height: 1.4 } .cart-popup-product__modifier,.cart-popup-product__params { color: rgba(0,0,0,.62); font-size: 12px } .cart-popup-product__subitems { display: flex; align-items: center; justify-content: flex-start; margin-top: 16px } .cart-popup-product__subitems>*~* { margin-left: 12px } .cart-popup-product__out-of-stock { color: #ccc } .cart-popup-product__out-of-stock,.cart-popup-product__price { white-space: nowrap; float: right; padding: 0 0 8px 16px } .cart-popup-product__old-price { text-decoration: line-through; font-weight: 500; color: #ccc; font-size: 14px } .cart-popup__price-val { font-weight: 700; line-height: 1.4 } .cart-popup__currency { color: #999 } .cart-popup-product__remove { color: #999; cursor: pointer; transition: all .1s ease; height: 36px; line-height: 36px; padding: 0 22px; border-radius: 8px; background: 0 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .cart-popup-product__remove:hover { color: #ec5858; background: rgba(236,88,88,.15) } .cart-popup-product__remove:active { color: #ec5858; background: rgba(236,88,88,.2) } .cart-popup-product__remove-icon { display: none; opacity: .5; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZGF0YS1uYW1lPSJMYXllciA0MSIgaWQ9IkxheWVyXzQxIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMTAxMDE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZS8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDQsMTBIMzVWOC42QTYuNiw2LjYsMCwwLDAsMjguNCwySDIxLjZBNi42LDYuNiwwLDAsMCwxNSw4LjZWMTBINmEyLDIsMCwwLDAsMCw0SDlWNDEuNEE2LjYsNi42LDAsMCwwLDE1LjYsNDhIMzQuNEE2LjYsNi42LDAsMCwwLDQxLDQxLjRWMTRoM0EyLDIsMCwwLDAsNDQsMTBaTTE5LDguNkEyLjYsMi42LDAsMCwxLDIxLjYsNmg2LjhBMi42LDIuNiwwLDAsMSwzMSw4LjZWMTBIMTlWOC42Wk0zNyw0MS40QTIuNiwyLjYsMCwwLDEsMzQuNCw0NEgxNS42QTIuNiwyLjYsMCwwLDEsMTMsNDEuNFYxNEgzN1Y0MS40WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIwLDE4LjVhMiwyLDAsMCwwLTIsMnYxOGEyLDIsMCwwLDAsNCwwdi0xOEEyLDIsMCwwLDAsMjAsMTguNVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zMCwxOC41YTIsMiwwLDAsMC0yLDJ2MThhMiwyLDAsMSwwLDQsMHYtMThBMiwyLDAsMCwwLDMwLDE4LjVaIi8+PC9zdmc+); background-size: 16px 16px; background-repeat: no-repeat; background-position: 50% 50%; width: 36px; height: 36px; transition: opacity .1s ease } .cart-popup-product__remove-icon:hover { opacity: 1 } .cart-popup-product__bonus-label { min-width: 122px } .cart-popup-product__bonus-label span { color: #377e52; font-weight: 700 } .cart-popup-product__amount { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; justify-content: center; align-items: center; gap: 6px } .cart-popup-product__amount-button { display: block; height: 36px; width: 36px; border-radius: 8px; cursor: pointer; transition: all .1s ease; background: rgba(0,0,0,.04) } .cart-popup-product__amount-button:hover { background: rgba(0,0,0,.12) } .cart-popup-product__amount-button:hover::after,.cart-popup-product__amount-button:hover::before { background: #7a7a7a } .cart-popup-product__amount-button:active { background: rgba(0,0,0,.16) } .cart-popup-product__amount-button:active::after,.cart-popup-product__amount-button:active::before { background: #5c5c5c } .cart-popup-product__counter { margin: 0 } .cart-popup-product__amount-button--less,.cart-popup-product__amount-button--more { position: relative } .cart-popup-product__amount-button--less::after,.cart-popup-product__amount-button--less::before,.cart-popup-product__amount-button--more::after,.cart-popup-product__amount-button--more::before { position: absolute; background: #999; transition: background .1s ease; content: ""; top: 50%; left: 50%; transform: translate(-50%,-50%) } .cart-popup-product__amount-button--less::after { width: 11px; height: 2px } .cart-popup-product__amount-button--more::before { width: 2px; height: 11px } .cart-popup-product__amount-button--more::after { width: 11px; height: 2px } .cart-popup-product__amount-button--disabled { opacity: .48 } .cart-popup-product__amount-button--disabled:hover { background: rgba(0,0,0,.04) } .cart-popup-product__amount-button--disabled:hover::after,.cart-popup-product__amount-button--disabled:hover::before { background: #999 } .cart-popup-calculation__row { font-size: 15px; margin-top: 6px; display: flex; justify-content: space-between; align-items: baseline; color: #333; transition: opacity .1s ease; opacity: .6 } .cart-popup-calculation__row:first-child { margin-top: 0 } .cart-popup-calculation__row:hover,.cart-popup-form-field__radio.is_checked label .cart-radio-button__box:after { opacity: 1 } .cart-popup-calculation__error { color: red } .cart-popup-calculation__row--itogo { border-top: 1px solid rgba(0,0,0,.08); margin-top: 11px; padding-top: 9px; opacity: 1 } .cart-popup-calculation__row--itogo .cart-popup-calculation__definition,.cart-popup-calculation__row--itogo .cart-popup__price-val { font-weight: 700 } .cart-popup-calculation__row--total-price>div { font-size: 16px; color: #000; border-top: 1px solid #e0e0e0; padding-top: 16px } .cart-popup-form { padding: 0; margin: 0 } .cart-popup-form-field,.promo-wrap { margin-top: 16px } .cart-popup-form-field__title { font-size: 12px; margin-bottom: 4px } .cart-popup-product__counter input[type=email] { font-size: 16px; -moz-appearance: none } .cart-popup-product__counter input[type=email],.cart-popup-product__counter input[type=number] { -webkit-appearance: none; appearance: none; background-clip: padding-box } .cart-popup-form-field__input input[type=email],.cart-popup-form-field__input input[type=number],.cart-popup-form-field__input input[type=password],.cart-popup-form-field__input input[type=search],.cart-popup-form-field__input input[type=tel],.cart-popup-form-field__input input[type=text],.cart-popup-form-field__input input[type=url],.cart-popup-form-field__input textarea,.cart-popup-product__counter input[type=password],.cart-popup-product__counter input[type=search],.cart-popup-product__counter input[type=tel],.cart-popup-product__counter input[type=text],.cart-popup-product__counter input[type=url],.cart-popup-product__counter textarea { font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box } .cart-popup-form-field__input select,.cart-popup-product__counter select { font-size: 16px } .cart-popup-form-field__input input,.cart-popup-form-field__input select,.cart-popup-form-field__input textarea,.cart-popup-product__counter input,.cart-popup-product__counter select,.cart-popup-product__counter textarea { border-radius: 8px; width: 100%; box-shadow: none; border: 1px solid rgba(0,0,0,.08); background: rgba(0,0,0,.02); transition: background-color .1s ease,border .1s ease,box-shadow .1s ease!important; color: #333 } .cart-popup-form-field__input input:hover,.cart-popup-form-field__input select:hover,.cart-popup-form-field__input textarea:hover,.cart-popup-product__counter input:hover,.cart-popup-product__counter select:hover,.cart-popup-product__counter textarea:hover { border: 1px solid rgba(0,0,0,.16); color: #333 } .cart-popup-form-field__input input:focus,.cart-popup-form-field__input select:focus,.cart-popup-form-field__input textarea:focus,.cart-popup-product__counter input:focus,.cart-popup-product__counter select:focus,.cart-popup-product__counter textarea:focus { border: 1px solid rgba(0,0,0,.32); background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,.08); color: #333 } .cart-popup-form-field__input input[type=tel],.cart-popup-form-field__input input[type=text],.cart-popup-form-field__input select,.cart-popup-product__counter input[type=tel],.cart-popup-product__counter input[type=text],.cart-popup-product__counter select { height: 50px; padding: 0 0 0 16px; line-height: 1 } .cart-popup-form-field__input textarea,.cart-popup-product__counter textarea { padding: 16px; line-height: 1.4; resize: vertical } .cart-popup-form-field__input a,.cart-popup-product__counter a { font-size: 12px; cursor: pointer; outline: 0; text-decoration: none } .cart-popup-form-field__input a:hover,.cart-popup-product__counter a:hover { text-decoration: underline } .cart-popup-form-field__input .promo-input,.cart-popup-product__counter .promo-input { position: relative } .cart-popup-form-field__input .promo-input-btn,.cart-popup-product__counter .promo-input-btn { position: absolute; top: 4px; right: 4px; bottom: 4px; cursor: pointer; text-align: center; border-radius: 4px; padding: 0 20px; line-height: 42px } .cart-popup-form-field__input .toggle-promo,.cart-popup-product__counter .toggle-promo { text-align: center; line-height: 1 } .cart-popup-form-field__input .toggle-promo a,.cart-popup-product__counter .toggle-promo a { color: #888; border: 0; transition: background .1s ease; height: 30px; line-height: 30px; background: 0 0; padding: 0 16px; display: inline-block; border-radius: 8px } .cart-popup-form-field__input .toggle-promo a:hover,.cart-popup-product__counter .toggle-promo a:hover { text-decoration: none; background: rgba(0,0,0,.04) } .input-errors-wrapper { padding: 10px 12px 0; color: red } .input-success-wrapper { padding: 10px 12px 0; color: green } .cart-popup-product__counter input[type=number] { text-align: center; display: block; height: 36px; line-height: 36px; margin: 2px 0; padding: 2px; color: #333; max-width: 38px; min-width: 38px; font-size: 14px; background: 0 0; border: 0; box-shadow: none; -moz-appearance: textfield } .cart-popup-product__counter input[type=number]:invalid:not(:focus) { border-style: solid; border-width: 1px } .cart-popup-product__counter input[type=number]::-webkit-inner-spin-button,.cart-popup-product__counter input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .cart-popup-form-field__select { overflow: hidden; position: relative } .cart-popup-form-field__select select { -webkit-appearance: none; -moz-appearance: none; appearance: none } .cart-popup-form-field__select:after { content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjg5NjkyIDAuMjQ4MDQ2QzEuODIxOTcgMC4xNzA0NDUgMS43MzIzMSAwLjEwODU0OCAxLjYzMzE4IDAuMDY1OTY1M0MxLjUzNDA2IDAuMDIzMzgyMiAxLjQyNzQ0IDAuMDAwOTY1MzYzIDEuMzE5NTYgMy4wOTkwM2UtMDVDMS4yMTE2NyAtMC4wMDA5MTE1MDggMS4xMDQ2OCAwLjAxOTY1MjggMS4wMDQ4MyAwLjA2MDUwNTJDMC45MDQ5OCAwLjEwMTM1OCAwLjgxNDI2NSAwLjE2MTY4NiAwLjczNzk3MSAwLjIzNzk3MUMwLjY2MTY4NiAwLjMxNDI2NSAwLjYwMTM1OCAwLjQwNDk4IDAuNTYwNTA1IDAuNTA0ODM2QzAuNTE5NjUzIDAuNjA0Njg0IDAuNDk5MDg4IDAuNzExNjc0IDAuNTAwMDMxIDAuODE5NTU3QzAuNTAwOTY1IDAuOTI3NDQxIDAuNTIzMzgyIDEuMDM0MDYgMC41NjU5NjUgMS4xMzMxOEMwLjYwODU0OCAxLjIzMjMxIDAuNjcwNDQ1IDEuMzIxOTcgMC43NDgwNDYgMS4zOTY5Mkw3LjAwOTk4IDcuNjU4ODVMMTMuMjcxOSAxLjM5NjkyQzEzLjQxOTkgMS4yNDM2OCAxMy41MDE4IDEuMDM4NDQgMTMuNSAwLjgyNTQwN0MxMy40OTgxIDAuNjEyMzcgMTMuNDEyNiAwLjQwODU4OCAxMy4yNjIgMC4yNTc5NDJDMTMuMTExNCAwLjEwNzI5NyAxMi45MDc2IDAuMDIxODQ2NiAxMi42OTQ1IDAuMDE5OTk0MUMxMi40ODE1IDAuMDE4MTQ5NyAxMi4yNzYzIDAuMTAwMDQyIDEyLjEyMyAwLjI0ODA0Nkw3LjAwOTk4IDUuMzYxMTFMMS44OTY5MiAwLjI0ODA0NloiIGZpbGw9IiNCRkJGQkYiLz4KPC9zdmc+Cg==); position: absolute; right: 14px; top: 50%; z-index: 1; text-align: center; height: 20px; pointer-events: none; margin-top: -10px } .cart-radio-button__description { display: flex } .cart-popup-form-field__radio { width: 100%; cursor: pointer; margin: 16px 0 0 } .cart-popup-form-field__radio:first-child { margin: 0 } .cart-popup-form-field__radio input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box } .cart-popup-form-field__radio label { width: 100%; margin: 0; display: flex; align-items: center } .cart-popup-form-field__radio label .cart-radio-button__title { font-size: 16px; padding-left: .6em } .cart-popup-form-field__radio label .cart-radio-button__box { display: block; width: 16px; height: 16px; border-radius: 50px; transition: background-color .1s ease; background-color: transparent; border: 1px solid #ccc; overflow: hidden } .cart-popup-form-field__radio label .cart-radio-button__box:after { top: 50%; left: 50%; position: absolute; display: block; width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; opacity: 0; content: ""; z-index: 2; box-sizing: border-box; background: #fff; border-radius: 50px; transition: opacity .1s ease } .cart-popup-form-field__radio:hover label .cart-radio-button__box { border-color: #006df0; background: rgba(255,255,255,.2) } .cart-popup-form-field__radio:active label .cart-radio-button__box { transform: scale(.9) } .cart-popup-form-field__radio.is_checked label .cart-radio-button__box { transform: scale(1); background-color: #006df0; border-color: #006df0 } .cart-popup-form-field__radio.disabled { cursor: not-allowed; pointer-events: none; color: #999 } .cart-popup-form-field__hint { font-size: 13px; line-height: 1.2; color: #666; margin: 8px 0 0 16px; padding-bottom: 4px } .cart-popup__advertisement,.cart-popup__offer,.cart-popup__regulation { font-size: 12px; line-height: 1.4; color: #999; display: flex; align-items: center } .blocks-with-indent .cart-popup__regulation,.blocks-with-indent>div.cart-popup__min-amount-info,.blocks-with-indent>div.cart-popup__open-hours-info { margin-top: 16px } .blocks-with-indent .cart-popup__advertisement,.blocks-with-indent .cart-popup__offer { margin-top: 8px } .cart-popup__delivery-info { background-color: #fff; margin-top: 16px; text-align: center; color: #aaa } .cart-popup-err { background: #ffbab5; color: #c32c62; padding: 16px; border-radius: 8px } .cart-popup-warn { background: #fde7ce; color: #d6a174; padding: 16px; border-radius: 8px } .cart-popup__min-amount-info,.cart-popup__open-hours-info { padding: 16px; text-align: center } .cart-popup__total-price { font-size: 18px; font-weight: 600; white-space: nowrap } .input-with-suggestions { position: relative } .input-with-suggestions .dropdown-suggestions { position: absolute; top: 50px; left: 0; z-index: 10; width: 100%; background-color: #fff; border-radius: 8px; border: 1px solid rgba(0,0,0,.08); box-shadow: 0 5px 10px rgba(0,0,0,.2) } .input-with-suggestions .dropdown-suggestions .dropdown-suggestions__suggestion { padding: 16px; width: 100%; cursor: pointer; border-bottom: 1px solid #eee; vertical-align: middle } .input-with-suggestions .dropdown-suggestions .dropdown-suggestions__suggestion:hover { background: rgba(0,0,0,.02) } .input-with-suggestions .dropdown-suggestions .dropdown-suggestions__suggestion p { font-size: 17px; margin: 0 } .input-with-suggestions .dropdown-suggestions .dropdown-suggestions__suggestion span { margin-top: 1em; font-size: 13px; color: #aaa } .input-with-suggestions .dropdown-suggestions .dropdown-suggestions__suggestion:first-child { border-radius: 8px 8px 0 0 } .input-with-suggestions .dropdown-suggestions .dropdown-suggestions__suggestion:last-child { border-radius: 0 0 8px 8px; border-bottom: none } .input-with-suggestions .dropdown-suggestions .dropdown-suggestions__suggestion.active { background-color: #ccc } .cart-popup-form-field__row { display: flex } .cart-popup-form-field__row .cart-popup-form-field__input { width: 50% } .cart-popup-form-field__row .cart-popup-form-field__input:first-child { margin-right: 16px } @media screen and (max-width: 824px) { #shopCartModal.cart-popup.wind { width:660px } } @media screen and (max-width: 724px) { #shopCartModal.cart-popup.wind { width:560px } } @media screen and (max-width: 624px) { #shopCartModal.cart-popup.wind { width:460px } .cart-popup-product__image div { width: 48px; height: 48px; border-radius: 4px } .cart-popup-product__image .cart-popup-product__image-cutlery { background-size: 20px 20px } } @media screen and (max-width: 560px) { .cart-popup__form-screen { padding-bottom:8px } .wind-header__mobile-text { display: block } .wind-header.show-mobile-text .wind-header__mobile-text { opacity: 1 } .wind-wrap.wrap-for-shopCartModal { overflow: hidden } .cart-popup-indent { margin-top: 32px } #shopCartModal.cart-popup.wind .wind-header .wind-close { top: 50%; opacity: 1 } #shopCartModal.cart-popup.wind { width: 100%; height: 100%; margin: 0; border-radius: 0 } #shopCartModal.cart-popup.wind .wind-body,#shopCartModal.cart-popup.wind .wind-footer,.cart-popup__product-list-stub { padding: 24px } #shopCartModal.cart-popup.wind .wind-header { background: #fff; position: absolute; left: 0; right: 0; top: 0; height: 60px } #shopCartModal.cart-popup.wind .wind-body { position: absolute; left: 0; right: 0; top: 60px; bottom: 0; overflow-x: hidden; overflow-y: auto } .cart-popup-product:first-child>div { padding-top: 8px } .cart-popup-product>div { padding-top: 24px; padding-bottom: 24px } .cart-popup-product__subitems { justify-content: space-between } .cart-popup-product__remove { padding: 0; background: rgba(0,0,0,.04) } .cart-popup-product__remove-text { display: none } .cart-popup-product__remove-icon { display: block } } @media screen and (max-width: 400px) { #shopCartModal.cart-popup.wind .wind-body,#shopCartModal.cart-popup.wind .wind-footer,.cart-popup__product-list-stub { padding:16px } } input:focus:invalid:focus,textarea:focus:invalid:focus { border: 1px solid rgba(0,0,0,.32); background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,.08); color: #333 } .cart-popup-form-field .cart-popup-form-field-html--invalid,.cart-popup-product__counter input:invalid,.cart-popup-product__counter input:invalid:focus,input.cart-popup-form-field--invalid:invalid,input.cart-popup-form-field--invalid:invalid:focus,textarea.cart-popup-form-field--invalid:invalid,textarea.cart-popup-form-field--invalid:invalid:focus { border-color: #e9322d; box-shadow: 0 0 6px #f8b9b7 } .cart-upsell-wrapper { position: relative; width: 100% } @media screen and (min-width: 560px) { .cart-upsell-wrapper { margin-left:-50px; padding: 0 50px; width: calc(100% + 100px) } } .cart-upsell-rail { position: relative } .cart-upsell-rail::-webkit-scrollbar { display: none } .cart-upsell-rail__arrow { position: absolute; width: 40px; height: 100px; top: 20px; background-color: #f3f3f3; background-size: auto; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS42MzI4MiAwLjI3ODQxN0w3LjcxOTg1IDYuMzI3ODRDOC4wOTMzOCA2LjY5OTA2IDguMDkzMzggNy4zMDA5NCA3LjcxOTg1IDcuNjcyMTZMMS42MzI4MiAxMy43MjE2QzEuMjU5MjkgMTQuMDkyOCAwLjY1MzY3OCAxNC4wOTI4IDAuMjgwMTQ4IDEzLjcyMTZDLTAuMDkzMzgyNiAxMy4zNTA0IC0wLjA5MzM4MjYgMTIuNzQ4NSAwLjI4MDE0OCAxMi4zNzczTDUuNjkwODQgN0wwLjI4MDE0OCAxLjYyMjczQy0wLjA5MzM4MjYgMS4yNTE1MSAtMC4wOTMzODI2IDAuNjQ5NjQgMC4yODAxNDggMC4yNzg0MTdDMC42NTM2NzggLTAuMDkyODA1NyAxLjI1OTI5IC0wLjA5MjgwNTcgMS42MzI4MiAwLjI3ODQxN1oiIGZpbGw9IiM5RDlEQTYiLz4KPC9zdmc+Cg==); border-radius: 16px 0 0 16px; cursor: pointer; z-index: 1 } .cart-upsell-rail__arrow:after { content: ""; position: absolute; top: 0; height: 100%; width: 150%; right: 0; transition: .2s; pointer-events: none; background: linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 100%) } @media screen and (max-width: 560px) { .cart-upsell-rail__arrow { display:none } } .cart-upsell-rail__arrow:hover:after { opacity: 0 } .cart-upsell-rail__arrow--left { left: 0; transform: rotateY(180deg) } .cart-upsell-rail__arrow--right { right: 0 } .cart-upsell-rail__inner { display: flex; min-height: 100px; align-items: stretch; margin-left: -50px; width: calc(100% + 100px); padding: 20px 50px 50px; overflow-x: auto; -ms-scroll-snap-type: x proximity; scroll-snap-type: x proximity; scroll-padding: 50px } .cart-upsell-rail__inner::-webkit-scrollbar { display: none } .cart-upsell-product { margin-right: 16px; width: 320px; min-width: 320px; max-width: 320px; flex: 1 1 320px; padding: 12px; border-radius: 16px; background-color: #fff; box-shadow: 3px 4px 28px -4px rgba(0,0,0,.1); transition: .2s ease-in-out; display: flex; cursor: pointer; scroll-snap-align: start end } .cart-upsell-product:last-child { margin-right: 0 } .cart-upsell-product:last-child:after { content: ""; position: relative; width: 50px; right: -66px; height: 100% } @media screen and (max-width: 560px) { .cart-upsell-product { width:300px; min-width: 300px; max-width: 300px; flex: 1 1 300px; scroll-snap-align: center } } .cart-upsell-product__image { position: relative; min-width: 76px; max-width: 76px; height: 76px; border-radius: 16px; background-color: rgba(0,0,0,.04); background-size: 40%; background-position: 50% 50%; background-repeat: no-repeat; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMSkiPgo8cGF0aCBkPSJNMTcuNjM3NSAyMC44OTQ3QzE3LjYzNzUgMjEuNDExNiAxNy4yMTg1IDIxLjgzMDUgMTYuNzAxOCAyMS44MzA1SDMuNzQyNjhDMS42Nzg4OSAyMS44MzA1IDAgMjAuMTUxNCAwIDE4LjA4NzZWNy4zMjc0NUMwIDYuNTM4MDkgMC4yNDI5ODEgNS43ODI5NiAwLjcwMjk0MiA1LjE0MzU1QzEuMDA0NyA0LjcyNDA2IDEuNTg5MzYgNC42Mjg4NSAyLjAwODg1IDQuOTMwNDJDMi40MjgzNCA1LjIzMjE4IDIuNTIzNzQgNS44MTcwMiAyLjIyMTk4IDYuMjM2NTFDMS45OTI1NSA2LjU1NTQ4IDEuODcxMzQgNi45MzI2OCAxLjg3MTM0IDcuMzI3NDVWMTguMDg3NkMxLjg3MTM0IDE5LjExOTYgMi43MTA4OCAxOS45NTkgMy43NDI2OCAxOS45NTlIMTYuNzAxOEMxNy4yMTg1IDE5Ljk1OSAxNy42Mzc1IDIwLjM3NzkgMTcuNjM3NSAyMC44OTQ3Wk03LjM0MjM1IDEwLjQ3NTZDNi44MzI1OCAxMC4zODc1IDYuMzQ5IDEwLjcyOTIgNi4yNjA5MyAxMS4yMzg0QzYuMjA0MTYgMTEuNTY2OSA2LjE3NTQyIDExLjkwMzggNi4xNzU0MiAxMi4yMzk4QzYuMTc1NDIgMTUuNDY0MyA4Ljc5ODc3IDE4LjA4NzYgMTIuMDIzNCAxOC4wODc2QzEyLjQwNyAxOC4wODc2IDEyLjc5MDggMTguMDUwMyAxMy4xNjQyIDE3Ljk3NjNDMTMuNjcxIDE3Ljg3NiAxNC4wMDA2IDE3LjM4MzYgMTMuOTAwMyAxNi44NzY4QzEzLjc5OTkgMTYuMzY5OCAxMy4zMDc2IDE2LjA0MDIgMTIuODAwNyAxNi4xNDA3QzEyLjU0NjggMTYuMTkwOSAxMi4yODUzIDE2LjIxNjMgMTIuMDIzNCAxNi4yMTYzQzkuODMwNzUgMTYuMjE2MyA4LjA0Njc1IDE0LjQzMjUgOC4wNDY3NSAxMi4yMzk4QzguMDQ2NzUgMTIuMDEwNCA4LjA2NjM1IDExLjc4MDggOC4xMDQ5OCAxMS41NTdDOC4xOTMwNSAxMS4wNDc4IDcuODUxNTYgMTAuNTYzNyA3LjM0MjM1IDEwLjQ3NTZWMTAuNDc1NlpNMjMuNzI2MSAyMi42NzkyQzIzLjU0MzMgMjIuODYxOSAyMy4zMDM4IDIyLjk1MzMgMjMuMDY0MyAyMi45NTMzQzIyLjgyNDggMjIuOTUzMyAyMi41ODUzIDIyLjg2MTkgMjIuNDAyNiAyMi42NzkyTDAuMzIwODAxIDAuNTk3NDEyQy0wLjA0NDY3NzcgMC4yMzE5MzQgLTAuMDQ0Njc3NyAtMC4zNjA1OTYgMC4zMjA4MDEgLTAuNzI1ODkxQzAuNjg2Mjc5IC0xLjA5MTM3IDEuMjc4NjMgLTEuMDkxMzcgMS42NDQxIC0wLjcyNTg5MUw1LjczOTI2IDMuMzY5MjZDNS44NjYxNSAzLjI2Mzk4IDUuOTY1MDMgMy4xMjU1NSA2LjAyMjM0IDIuOTY2OThMNi4zNDYyNSAyLjA2OTk1QzYuNzQ2NTIgMC45NjEyNDMgNy44MDc2MiAwLjIxNjM3IDguOTg2NDUgMC4yMTYzN0gxNC45NjM5QzE2LjE2NiAwLjIxNjM3IDE3LjIzMzkgMC45ODEwMTggMTcuNjIxMyAyLjExOTAyTDE3LjkwNDQgMi45NTA2OEMxOC4wMzM1IDMuMzI5OSAxOC4zODk1IDMuNTg0NzggMTguNzkwMSAzLjU4NDc4SDIwLjIxMDRDMjIuMjc0MiAzLjU4NDc4IDIzLjk1MzEgNS4yNjM4NSAyMy45NTMxIDcuMzI3NDVWMTMuNDA5M0MyMy45NTMxIDEzLjkyNjIgMjMuNTM0NCAxNC4zNDUgMjMuMDE3NSAxNC4zNDVDMjIuNTAwNyAxNC4zNDUgMjIuMDgxOCAxMy45MjYyIDIyLjA4MTggMTMuNDA5M1Y3LjMyNzQ1QzIyLjA4MTggNi4yOTU2NSAyMS4yNDI0IDUuNDU2MTIgMjAuMjEwNCA1LjQ1NjEySDE4Ljc5MDFDMTcuNTg4MiA1LjQ1NjEyIDE2LjUyMDEgNC42OTE2NSAxNi4xMzI5IDMuNTUzNjVMMTUuODQ5NiAyLjcyMTk4QzE1LjcyMDUgMi4zNDI1OSAxNS4zNjQ2IDIuMDg3NzEgMTQuOTYzOSAyLjA4NzcxSDguOTg2NDVDOC41OTM1MSAyLjA4NzcxIDguMjM5NzUgMi4zMzYgOC4xMDYyNiAyLjcwNTUxTDcuNzgyMzUgMy42MDI1NEM3LjYzMDc0IDQuMDIyNTggNy4zODE3MSA0LjM5NTAyIDcuMDYzODQgNC42OTM4NUw5LjM4ODczIDcuMDE4NzRDMTAuMjAyMyA2LjYwNzg1IDExLjEwMjggNi4zOTE3OCAxMi4wMjM0IDYuMzkxNzhDMTUuMjQ3OSA2LjM5MTc4IDE3Ljg3MTMgOS4wMTUxNCAxNy44NzEzIDEyLjIzOThDMTcuODcxMyAxMy4xNjI4IDE3LjY1NTkgMTQuMDYxNSAxNy4yNDQ3IDE0Ljg3NDdMMjEuNjUyMiAxOS4yODIyQzIxLjkyNzEgMTguOTUyMSAyMi4wODE4IDE4LjUzNDIgMjIuMDgxOCAxOC4wODc2QzIyLjA4MTggMTcuNTcwOSAyMi41MDA3IDE3LjE1MiAyMy4wMTc1IDE3LjE1MkMyMy41MzQ0IDE3LjE1MiAyMy45NTMxIDE3LjU3MDkgMjMuOTUzMSAxOC4wODc2QzIzLjk1MzEgMTkuMDQxNiAyMy42MDEgMTkuOTMxIDIyLjk3OTYgMjAuNjA5NkwyMy43MjYxIDIxLjM1NTlDMjQuMDkxNCAyMS43MjE0IDI0LjA5MTQgMjIuMzEzOSAyMy43MjYxIDIyLjY3OTJWMjIuNjc5MlpNMTAuODE5MyA4LjQ0OTM0TDE1LjgxMzkgMTMuNDQzOUMxNS45MzY0IDEzLjA1NzYgMTUuOTk5OSAxMi42NTIzIDE1Ljk5OTkgMTIuMjM5OEMxNS45OTk5IDEwLjA0NzEgMTQuMjE2MSA4LjI2MzEyIDEyLjAyMzQgOC4yNjMxMkMxMS42MTE2IDguMjYzMTIgMTEuMjA2MSA4LjMyNjY2IDEwLjgxOTMgOC40NDkzNFY4LjQ0OTM0WiIgZmlsbD0iI0VFRUVFRSIvPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDEiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0xKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) } .cart-upsell-product__image div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat } .cart-upsell-product__content { margin-left: 16px; display: flex; width: 100%; min-width: 200px; max-width: 200px; flex-direction: column; justify-content: space-between; align-items: stretch } @media screen and (max-width: 560px) { .cart-upsell-product__content { min-width:180px; max-width: 180px } } .cart-upsell-product__info { height: 34px; display: flex; align-items: center } .cart-upsell-product__info .cart-upsell-product__title { margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 600; font-size: 14px; line-height: 17px; max-height: 34px; overflow: hidden; padding-right: 8px } .cart-upsell-product__controls { display: flex; justify-content: space-between; align-items: center; color: #858585 } .cart-upsell-product__price { display: inline-block; font-size: 14px; line-height: 17px; padding-right: 8px } .cart-upsell-product__add-btn { color: #858585; text-decoration: none!important; min-width: 36px; height: 36px; border-radius: 150px; background-color: rgba(0,0,0,.04); display: flex; align-items: center; justify-content: center; gap: 3px; text-align: center; padding: 0 8px; transition: background-color .1s ease-in-out } .cart-upsell-product__add-btn span { display: none } .cart-upsell-product__add-btn svg { width: 15px; height: 15px } .cart-upsell-product__add-btn:hover { background-color: rgba(0,0,0,.08) } @media screen and (max-width: 560px) { .cart-upsell-product__add-btn { height:35px; min-width: 90px } .cart-upsell-product__add-btn span { display: inline } .cart-upsell-product__add-btn svg { width: 14px; height: 14px } } .cart-popup-pvz-info { font-size: 15px; margin-top: 20px } .cart-popup-pvz-info__title { font-weight: 700 } .cart-map { width: 100%; height: 400px; margin-top: 16px } #shopCartModal.cart-popup.wind .cdek-pvz--choose.btn.btn-primary,#shopCartModal.cart-popup.wind .pickup-pvz--choose.btn.btn-primary { width: auto; height: 40px; line-height: 40px; margin-top: 4px; font-size: 15px } .cart-popup-pvz-map--show { font-style: italic; text-decoration: underline; cursor: pointer } .cart-popup-map { width: 100%; height: 240px; margin: 20px 0 } .cart-autocomplete { position: relative } .cart-autocomplete__selected { min-height: 50px; font-size: 16px; padding: 14px 36px 12px 16px; border: 1px solid rgba(0,0,0,.08); background: rgba(0,0,0,.02); border-radius: 8px; cursor: pointer; transition: background-color .1s ease,border .1s ease,box-shadow .1s ease!important } .cart-autocomplete__selected:hover { border: 1px solid rgba(0,0,0,.16) } .cart-autocomplete__list { margin: 10px 0 30px; z-index: 10; width: 100%; max-height: 400px; overflow-y: auto; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 8px } .cart-autocomplete__list .item { min-height: 50px; display: flex; align-items: center; width: 100%; font-size: 16px; padding: 12px 16px } .cart-autocomplete__list .item:hover { background-color: #f2f2f2 } #shopCartModal.tg-cart-popup.wind { background-color: var(--tg-theme-secondary-bg-color); color: var(--tg-theme-text-color) } #shopCartModal.tg-cart-popup.wind .wind-body { top: 0 } #shopCartModal.tg-cart-popup.wind .btn.btn-primary { background: var(--tg-theme-button-color); color: var(--tg-theme-text-color) } .tg-cart-popup .cart-is-empty { background-color: var(--tg-theme-bg-color); border-radius: 8px; padding: 16px; align-self: center } .tg-cart-popup .cart-popup__wrapper { display: flex } .tg-cart-popup .cart-popup-block { background: var(--tg-theme-bg-color); padding: 16px; border-radius: 8px } .tg-cart-popup .cart-popup-product,.tg-cart-popup .cart-popup-product__counter input[type=number] { color: var(--tg-theme-text-color) } .tg-cart-popup .cart-popup-product__amount-button { background: var(--tg-theme-button-color) } .tg-cart-popup .cart-popup-product__amount-button::after,.tg-cart-popup .cart-popup-product__amount-button::before { background: var(--tg-theme-button-text-color) } .tg-cart-popup .cart-popup-product__remove-icon { background-color: var(--tg-theme-destructive-text-color); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZGF0YS1uYW1lPSJMYXllciA0MSIgaWQ9IkxheWVyXzQxIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZS8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDQsMTBIMzVWOC42QTYuNiw2LjYsMCwwLDAsMjguNCwySDIxLjZBNi42LDYuNiwwLDAsMCwxNSw4LjZWMTBINmEyLDIsMCwwLDAsMCw0SDlWNDEuNEE2LjYsNi42LDAsMCwwLDE1LjYsNDhIMzQuNEE2LjYsNi42LDAsMCwwLDQxLDQxLjRWMTRoM0EyLDIsMCwwLDAsNDQsMTBaTTE5LDguNkEyLjYsMi42LDAsMCwxLDIxLjYsNmg2LjhBMi42LDIuNiwwLDAsMSwzMSw4LjZWMTBIMTlWOC42Wk0zNyw0MS40QTIuNiwyLjYsMCwwLDEsMzQuNCw0NEgxNS42QTIuNiwyLjYsMCwwLDEsMTMsNDEuNFYxNEgzN1Y0MS40WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIwLDE4LjVhMiwyLDAsMCwwLTIsMnYxOGEyLDIsMCwwLDAsNCwwdi0xOEEyLDIsMCwwLDAsMjAsMTguNVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zMCwxOC41YTIsMiwwLDAsMC0yLDJ2MThhMiwyLDAsMSwwLDQsMHYtMThBMiwyLDAsMCwwLDMwLDE4LjVaIi8+PC9zdmc+); border-radius: 8px; opacity: .7 } .tg-cart-popup .cart-popup-product__remove-icon:hover { opacity: 1 } .tg-cart-popup .cart-popup-product__modifier,.tg-cart-popup .cart-popup-product__params { color: var(--tg-theme-hint-color) } .tg-cart-popup .cart-autocomplete__selected,.tg-cart-popup .cart-popup-form-field__input input,.tg-cart-popup .cart-popup-form-field__input select,.tg-cart-popup .cart-popup-form-field__input textarea,.tg-cart-popup .cart-popup-product__counter input,.tg-cart-popup .cart-popup-product__counter select,.tg-cart-popup .cart-popup-product__counter textarea { background: var(--tg-theme-secondary-bg-color); border: 2px solid lch(from var(--tg-theme-hint-color) calc(l - 20) c h); color: var(--tg-theme-text-color) } .tg-cart-popup .cart-autocomplete__selected:focus,.tg-cart-popup .cart-popup-form-field__input input:focus,.tg-cart-popup .cart-popup-form-field__input select:focus,.tg-cart-popup .cart-popup-form-field__input textarea:focus,.tg-cart-popup .cart-popup-product__counter input:focus,.tg-cart-popup .cart-popup-product__counter select:focus,.tg-cart-popup .cart-popup-product__counter textarea:focus { background-color: lch(from var(--tg-theme-bg-color) calc(l + 10) c h) } .tg-cart-popup input:focus:invalid:focus,.tg-cart-popup textarea:focus:invalid:focus { background-color: lch(from var(--tg-theme-bg-color) calc(l + 20) c h); color: var(--tg-theme-text-color) } .tg-cart-popup .cart-popup-form-field .cart-popup-form-field-html--invalid,.tg-cart-popup .cart-popup-product__counter input:invalid,.tg-cart-popup .cart-popup-product__counter input:invalid:focus,.tg-cart-popup input.cart-popup-form-field--invalid:invalid,.tg-cart-popup input.cart-popup-form-field--invalid:invalid:focus,.tg-cart-popup textarea.cart-popup-form-field--invalid:invalid,.tg-cart-popup textarea.cart-popup-form-field--invalid:invalid:focus { box-shadow: none; border-color: var(--tg-theme-destructive-text-color) } .tg-cart-popup .cart-popup-block__main-header { margin: 16px 0 } .tg-cart-popup .blocks-with-indent>div { margin-top: 25px } .tg-cart-popup .cart-autocomplete__list,.tg-cart-popup .input-with-suggestions .dropdown-suggestions { background-color: lch(from var(--tg-theme-bg-color) calc(l + 10) c h) } .tg-cart-popup .cart-autocomplete__list .item:hover,.tg-cart-popup .input-with-suggestions .dropdown-suggestions .dropdown-suggestions__suggestion:hover { background-color: lch(from var(--tg-theme-bg-color) calc(l + 20) c h) } .tg-cart-popup .input-with-suggestions .dropdown-suggestions { border-bottom: lch(from var(--tg-theme-bg-color) calc(l + 20) c h) } .tg-cart-popup .cart-popup-form-field__hint { color: var(--tg-theme-hint-color) } .tg-cart-popup .cart-popup-calculation__row { color: var(--tg-theme-text-color) } .tg-cart-popup .cart-popup__final-screen { display: flex; flex-direction: column; height: 100%; gap: 32px; justify-content: center; align-items: center; background: var(--tg-theme-bg-color); border-radius: 12px; color: var(--tg-theme-text-color) } .tg-cart-popup .cart-popup__final-screen>div { min-width: 50% } .tg-cart-popup .cart-popup__final-screen button { background-color: var(--tg-theme-button-color); color: var(--tg-theme-button-text-color) } .tg-cart-popup .cart-popup__form-screen { width: 100% } .tg-cart-popup .cart-upsell-rail__inner { padding: 20px 50px } .tg-cart-popup .cart-upsell-product { background-color: lch(from var(--tg-theme-bg-color) calc(l + 10) c h) } .tg-cart-popup .cart-upsell-product__image { background-color: var(--tg-theme-bg-color) } .tg-cart-popup .cart-upsell-product__add-btn { background: var(--tg-theme-button-color); color: var(--tg-theme-button-text-color) } .tg-cart-popup .cart-upsell-product__controls { color: var(--tg-theme-hint-color) } .tg-cart-popup .cart-popup-form-field__input input { scroll-margin-top: 48px } .product-image-viewer__pagination { position: relative; bottom: inherit; margin-top: 20px; height: 12px; transition: .3s opacity,.2s transform; overflow: hidden; font-size: 0; left: 50%; white-space: nowrap } .product-image-viewer__pagination-item { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; cursor: pointer; transition: .2s transform; margin: 0 4px; transform: scale(0) } .product-image-viewer__pagination-item--active { background: #307aff; opacity: 1; transform: scale(1) } .product-image-viewer__pagination-item--near { transform: scale(.66) } .product-image-viewer__pagination-item--near-near { transform: scale(.33) } .product-image-viewer__list-item--loading { background-repeat: no-repeat; background-position: 50% 50%; background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==) } .mobile-panel .product-image-viewer { overflow: hidden; margin-top: 0 } .mobile-panel .product-image-viewer__magnifier,.product-popup__price-title { display: none } .mobile-panel .product-image-viewer__list { margin-top: 0; transition: transform 0ms ease 0s; width: 100%; height: 100%; display: flex } .mobile-panel .product-image-viewer__list-item { flex-shrink: 0; width: 100%; position: relative; border-radius: 0; padding: 0; margin: 0; box-shadow: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .mobile-panel .product-image-viewer__list-item:hover { box-shadow: none } .wind-wrap.wrap-for-product-popup { background: #fff } html.wind_opened body.non-pc.fix-window-scroll #site_wrapper1 { height: 100px; overflow: hidden } .product-popup.wind { width: 100%; min-height: 100%; line-height: normal; border-radius: 0; margin: 0; font-size: 13px } .product-popup.wind .wind-close { position: absolute; top: 16px; right: 16px } .product-popup.wind .wind-body { padding: 0 } .product-popup.wind,.product-popup.wind button { font-family: "Open Sans",Helvetica,Arial,sans-serif } .product-popup--loading.wind { background-repeat: no-repeat; background-position: 50% 50%; background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==) } .product-popup--loading.wind .wind-body,.product-popup--loading.wind .wind-footer { visibility: hidden } .product-popup .wind-footer { border-radius: 0; display: none; position: absolute; bottom: 0; left: 0; right: 0; padding: 0!important; padding-bottom: env(safe-area-inset-bottom)!important; background: #fff; box-shadow: inset 0 -3px 0 -2px rgba(0,0,0,.08),0 -4px 8px 0 rgba(0,0,0,.05)!important } .product-popup .wind-footer .wind-footer__controls { padding: 8px 16px } .product-popup .wind-footer .wind-footer__info { padding: 8px 16px; border-bottom: 1px solid #efefef; width: 100%; display: flex; justify-content: space-between; gap: 16px; align-items: center } .product-popup .wind-footer .wind-footer__info .product-popup__name { font-size: 13px } .product-popup .wind-footer .wind-footer__info .product-popup__price-wrapper { margin: 0; font-size: 13px; padding: 0 } .product-popup .wind-footer .product-popup__price-wrapper { text-align: left } .product-popup .wind-footer .product-popup__add-wrapper { margin: 0; gap: 16px } .m-popup-modifier-wrap input,.product-popup .wind-footer .product-popup__add-btn.btn.btn-primary { margin: 0 } .product-popup__info-block { width: 100%; margin-top: 40px; padding-left: 12px; padding-right: 12px } .product-popup--slide-show .product-image-viewer__magnifier .product-image-viewer__image,.product-popup__info-block.attr--empty.desc--empty { display: none } .product-info-tabs { display: flex; list-style: none; padding: 0; margin: 0; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #efefef } .product-info-tabs__tab { display: flex; padding: 0 8px; margin: 0; height: 32px; justify-content: center; align-items: center; color: #000; font-size: 14px; cursor: pointer } .product-info[data-value=attr] .product-info-tabs__tab[data-value=attr],.product-info[data-value=desc] .product-info-tabs__tab[data-value=desc] { border-bottom: 2px solid #000; font-weight: 600; height: 30px } #product-popup.product-popup .wind-header .wind-close { height: 28px; width: 28px; padding: 0; background: no-repeat center center url(data:image/svg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAALVBMVEUAAAA3SU83R045R1U3SFA3R1A2R089SVU3Rk8zTU03R083R042Q1E3R083R08Gf0yjAAAADnRSTlMAKrYSvc3OFdIU0dATz5UJOWkAAABkSURBVHgBhdJLDoAgDAbhH4qID3v/41qT7iaNLudLUGnVugmP9abhG8SmD+3Lp6GvQ5ToZ/QUdEj065Yg2SHZIdGf6JCvB1NmHghhJ/wfxZfXn8sfRIfwEsXOcUCq0dbLUK3PC6MfBoUe3cfsAAAAAElFTkSuQmCC); background-size: 60%; position: static; top: auto; right: auto; margin: 0 2px 0 0 } #product-popup.product-popup .wind-header { position: fixed; display: flex; justify-content: space-between; gap: 16px; align-items: center; min-height: 50px; width: 100%; max-width: 1224px; margin: 0 auto; left: 0; right: 0; background: #fff; z-index: 20; padding: 20px 0 24px } #product-popup.product-popup--slide-show .wind-header { max-width: none; background: 0 0; padding: 20px 15px; pointer-events: none } #product-popup.product-popup--slide-show .wind-header .product-popup__back-link,#product-popup.product-popup--slide-show .wind-header .wind-close { background-color: #fff; border-radius: 150px; padding: 8px; pointer-events: auto } #product-popup.product-popup--slide-show .wind-header .wind-close { width: 32px; height: 32px; top: 28px; right: 28px; background-size: 50% } .product-popup__back-link { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .product-popup__back-link,.product-popup__back-link:active,.product-popup__back-link:visited { text-decoration: none; color: #a9a9a9 } .product-popup__back-link:hover { text-decoration: none } .product-popup--slide-show .product-popup__wrapper,.product-popup__wrapper { grid-template-columns: 1fr; width: 100% } .product-popup--slide-show .product-popup__left-half { position: absolute; top: 50px; right: 0; bottom: 0; left: 0 } .product-popup--slide-show .product-image-viewer { height: 100%; display: flex; flex-direction: column } .product-popup--slide-show .product-image-viewer__magnifier { height: 100%; flex-grow: 2 } .product-popup--slide-show .product-image-viewer__magnifier .product-image-viewer__slide { display: block } .product-popup--slide-show .product-image-viewer__magnifier-content { height: 100% } .product-popup--slide-show .product-image-viewer__list { height: 40px } .product-popup--slide-show .product-image-viewer__list .product-image-viewer__list-item,.product-popup--slide-show .product-popup__right-half { display: none } .product-popup__wrapper { display: grid; justify-content: space-between; -moz-column-gap: 60px; column-gap: 60px; max-width: 624px; margin: 0 auto; padding: 100px 0 20px } .product-popup__wrapper--two-columns { grid-template-columns: 1fr 370px; width: 100%; max-width: 1224px } .product-popup__head { display: none } .product-popup__right-half { text-align: left; word-break: break-word } .product-popup__right-half .product-popup__sku-wrapper { margin-top: 0 } .product-popup__param-value input[type=radio],.product-popup__right-half .product-popup__info-block,.product-popup__right-half .product-popup__recommended-products { display: none } .product-popup__right-half .product-popup__info-block--no-images,.product-popup__right-half .product-popup__recommended-products--no-images { display: block } .product-popup__right-half .recommended-products__content { max-width: 624px } .product-popup__right-half .recommended-products__content .recommended-product-card { width: 141px; min-width: 141px; max-width: 141px } .product-popup__add-btn-wrapper { flex: 1 1 50% } .product-popup__name { font-size: 28px; font-weight: 600; line-height: 1 } .product-popup__param-values { font-size: 16px; font-weight: 500; padding-top: 6px } .product-popup__params-name { font-size: 13px; margin-top: 10px; margin-bottom: 10px; font-weight: 600 } .product-popup__params-wrap { display: flex; flex-flow: row wrap; width: 350px; gap: 16px } .m-popup-modifier-wrap { display: flex; gap: 16px } .product-popup__modifiers { position: relative; margin: 20px auto; padding: 20px 12px 0; width: 100%; max-width: calc(100vw - 32px) } .product-popup__modifiers:before { content: ""; display: block; position: absolute; top: 0; width: calc(100% - 2*12px); height: 2px; background: #f5f5f5 } .m-popup-modifier-wrap { flex-flow: row nowrap; width: 100%; min-height: 34px; margin-top: 15px; align-items: center; justify-content: flex-start; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; flex: 1 1 100%; font-size: 13px; cursor: pointer } .m-popup-modifier-wrap img { width: 32px; height: 32px; border-radius: 5px; -o-object-fit: cover; object-fit: cover } .m-popup-modifier--checkbox { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 15px; gap: 16px } .m-popup-modifier--checkbox .m-popup-modifier-wrap,.popover-form.quiz-form .user_form_regulation p,h1,h2,h3,h4,h5,h6 { margin: 0 } .m-popup-modifier--checkbox input { margin: 0; min-width: 35px } .m-popup-modifier--checkbox input[type=checkbox]:checked,.m-popup-modifier--checkbox input[type=checkbox]:not(:checked),.m-popup-modifier--checkbox input[type=radio]:checked,.m-popup-modifier--checkbox input[type=radio]:not(:checked) { position: absolute; left: -9999px } .m-popup-modifier--checkbox input[type=checkbox]:checked+label,.m-popup-modifier--checkbox input[type=checkbox]:not(:checked)+label,.m-popup-modifier--checkbox input[type=radio]:checked+label,.m-popup-modifier--checkbox input[type=radio]:not(:checked)+label { display: inline-flex; justify-content: space-between; position: relative; padding-right: 51px; line-height: 34px; cursor: pointer } .m-popup-modifier--checkbox input[type=checkbox]:checked+label:before,.m-popup-modifier--checkbox input[type=checkbox]:not(:checked)+label:before { content: ""; position: absolute; right: 7px; top: calc(50% - 10px); width: 18px; height: 18px; border: 1px solid #ccc; background-color: #fff; transition: background-color ease-in-out .1s; border-radius: 4px } .m-popup-modifier--checkbox input[type=checkbox]:checked+label:before { background-color: #111; border: 1px solid #111 } .m-popup-modifier--checkbox input[type=checkbox]:checked+label:after,.m-popup-modifier--checkbox input[type=checkbox]:not(:checked)+label:after,.m-popup-modifier--checkbox input[type=radio]:checked+label:after,.m-popup-modifier--checkbox input[type=radio]:not(:checked)+label:after { content: ""; position: absolute; transition: all .2s ease } .m-popup-modifier--checkbox input[type=checkbox]:checked+label:after,.m-popup-modifier--checkbox input[type=checkbox]:not(:checked)+label:after { right: 11px; top: calc(50% - 5px); width: 10px; height: 5px; border-radius: 1px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg) } .m-popup-modifier--checkbox input[type=radio]:checked+label:after,.m-popup-modifier--checkbox input[type=radio]:not(:checked)+label:after { right: 11px; top: calc(50% - 5px); width: 10px; height: 10px; border-radius: 100%; background-color: #e145a3 } .m-popup-modifier--checkbox input[type=checkbox]:not(:checked)+label:after,.m-popup-modifier--checkbox input[type=radio]:not(:checked)+label:after { opacity: 0 } .m-popup-modifier--checkbox input[type=checkbox]:checked+label:after,.m-popup-modifier--checkbox input[type=radio]:checked+label:after { opacity: 1 } .m-popup-modifier__name { flex: 1 1; font-size: 14px } .m-popup-modifier-wrap--switch { width: 100%; display: flex; align-items: center; justify-content: space-between } .m-popup-modifier-wrap--group { flex: 1 1 100%; display: block; margin: 40px auto } .m-popup-modifier-wrap--group>.m-popup-modifier__name { font-weight: 600 } .m-popup-modifier__group-option { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 8px; min-height: 50px; border: 2px solid #eee; border-radius: 8px; font-size: 13px } .m-popup-modifier__group-option .m-popup-modifier { margin-right: 8px } .m-popup-modifier__group-option input { opacity: 0; position: absolute; width: 0; height: 0; left: -9999px } .m-popup-modifier__group-option--checked { border: 2px solid #111 } .m-popup-modifier__price { font-weight: 700 } .m-cart-popup-switch { width: 35px; height: 20px; padding: 2px; border-radius: 40px; background: silver; border: 0; outline: 0; position: relative; transition: background-color .2s ease-in-out } .m-cart-popup-switch:active .m-cart-popup-switch__circle { width: 14px } .m-cart-popup-switch__circle { position: absolute; left: 2px; top: 2px; background: #fff; border-radius: 150px; width: 16px; height: 16px; transition: all .2s ease-in-out } .m-cart-popup-switch--active { background: #111 } .m-cart-popup-switch--active .m-cart-popup-switch__circle { right: 2px; left: auto } .m-popup-modifier-wrap--counter { cursor: default } .m-cart-popup-modifier__counter { display: flex; flex-flow: row nowrap; gap: 12px; align-items: center; font-size: 13px; font-weight: 700 } .m-cart-popup-modifier__counter-btn { width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 150px; color: #111; position: relative; transition: all .2s ease-in-out; cursor: pointer } .m-cart-popup-modifier__counter-btn:hover { background-color: #dedede } .m-cart-popup-modifier__counter-btn--minus:before,.m-cart-popup-modifier__counter-btn--plus:after,.m-cart-popup-modifier__counter-btn--plus:before { content: ""; background: #111; position: absolute } .m-cart-popup-modifier__counter-btn--minus:before,.m-cart-popup-modifier__counter-btn--plus:before { width: 8px; height: 2px; left: calc(50% - 4px); top: calc(50% - 1px) } .m-cart-popup-modifier__counter-btn--plus:after { width: 2px; height: 8px; left: calc(50% - 1px); top: calc(50% - 4px) } .product-popup__params { padding-left: 12px; padding-right: 12px } .product-popup__params>div { padding-top: 25px } .product-popup__params>div:first-child { padding-top: 0 } select.product-popup__params-wrap { font-size: 14px; height: 40px; border: 0; background: #f1f1f1; border-radius: 8px; padding: 0 4px } .product-popup__param-value { display: inherit } .product-popup__param-value .tooltip { font-size: 13px; font-weight: 400 } .product-popup__param-value--inactive { opacity: .6 } .product-popup__param-value label { position: relative; height: 40px; min-width: 40px; font-size: 13px; text-align: center; line-height: 40px; margin: 0; padding: 0 10px; border: 2px solid transparent; border-radius: 8px; cursor: pointer; background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; justify-content: center; align-items: center; font-weight: 600; background-color: #f1f1f2 } .product-popup__param-value input:checked+label { border-color: #000; background-color: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.12) } .product-popup__param-value input+label:hover,.product-popup__param-value input:focus+label,select.product-popup__params-wrap:focus,select.product-popup__params-wrap:hover { border-color: #333 } .product-popup__sku-wrapper { font-size: 16px; color: #a9a9a9; font-weight: 100; margin-top: 8px } .product-info-content { margin-top: 20px } .product-popup__description { font-size: 13px; color: #a9a9a9 } .product-popup__product-info { position: sticky; top: 0; z-index: 20; pointer-events: none; padding: 20px 12px; margin-left: -1px; background: #fff; background: linear-gradient(0deg,rgba(255,255,255,.1),#fff 22px,#fff); margin-bottom: 20px } .product-popup__product-info .product-popup__name { width: 100%; padding-right: 10%; display: inline-block } .product-popup__product-info .product-popup__sku-wrapper { padding-right: 10%; background-color: #fff; display: inline-block; width: 100% } .product-popup__product-info .product-popup__wrapper--available,.product-popup__product-info .product-popup__wrapper--unavailable { pointer-events: auto; display: inline-block; width: 100%; border-radius: 0 0 8px 8px } .product-popup__product-info .product-popup__wrapper--unavailable.product-popup__params-name { margin: 0; padding: 20px 0 15px } .product-popup__product-info .product-popup__wrapper--unavailable.hidden { display: none } .product-popup__product-info .product-popup__order-out-of-stock { display: inline; background: #f1f1f1; padding: 8px 30px; border-radius: 100px; cursor: pointer; margin-left: 40px; font-weight: 700 } .product-popup__product-info .product-popup__order-out-of-stock:hover { background-color: #dedede } .product-popup__product-info .product-popup__order-out-of-stock.hidden { display: none } .product-popup__price-wrapper { padding-top: 20px; font-size: 20px; white-space: nowrap } .product-popup__price { color: #000; font-weight: 600 } .product-popup__old-price { color: #a9a9a9; font-weight: 100; text-decoration: line-through; padding-left: 10px } .product-popup__amount-wrapper { white-space: nowrap; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; flex: 1 1 50%; display: flex; justify-content: space-between; gap: 8px; height: 40px; background: #f1f1f1; width: 100%; border-radius: 8px; font-size: 16px } .product-popup__amount-wrapper>span { display: inline-block; font-size: 13px } .product-popup__counter { min-width: 12px; padding: 0; margin: 0; display: flex; justify-content: center; align-items: center } .product-popup__amount-button { height: 40px; width: 40px; cursor: pointer; transition: all ease .2s; text-align: center; display: flex; justify-content: center; align-items: center; color: #000; border-radius: 8px } .product-popup__amount-button:hover { background: #dedede } .product-popup__amount-button--disabled { opacity: .48 } .product-popup__add-wrapper { display: flex; gap: 32px; justify-content: space-between; align-items: center; margin-top: 10px } .product-popup__add-btn.btn.btn-primary { margin: 0; padding: 11px 20px; color: #fff; background-color: #000; background-image: none; text-shadow: none; line-height: 18px; font-size: 13px; font-weight: 600; border-radius: 10px; transition: all .5s ease!important; white-space: nowrap; width: 100%; border: 0 } .product-popup__add-btn.btn.btn-primary:hover { color: #fff; background-color: #333 } .product-image-viewer { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .product-image-viewer__magnifier { text-align: center } .product-image-viewer__magnifier-content { width: 100%; height: 450px; border-radius: 3px; transition: box-shadow .3s ease; margin: 0 auto } .product-image-viewer__list { margin-top: 8px; text-align: center } .product-image-viewer__list-item { height: 56px; width: 56px; display: inline-block; border-radius: 3px; margin: 4px; transition: box-shadow .3s ease; vertical-align: middle } .product-image-viewer__list-item:hover { box-shadow: inset 0 0 0 1px #909090 } .product-image-viewer__image { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; cursor: zoom-in } .product-image-viewer__image img { max-width: 100%; max-height: 100%; vertical-align: middle; border-style: none } .non-pc .product-popup.wind .product-popup__info-block,.non-pc .product-popup.wind .product-popup__recommended-products,.product-image-viewer__hide,.product-image-viewer__list-item--tpl { display: none } .product-image-viewer__slide { position: relative; background-position: center center; background-repeat: no-repeat; background-size: contain; height: 100%; display: none } .product-image-viewer__slide-left,.product-image-viewer__slide-right { position: absolute; top: 50%; margin-top: -25px; left: 50px; right: auto; height: 50px; width: 50px; border-radius: 50%; color: #000; cursor: pointer; line-height: 100%; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDc3LjE3NSA0NzcuMTc1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NzcuMTc1IDQ3Ny4xNzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0xNDUuMTg4LDIzOC41NzVsMjE1LjUtMjE1LjVjNS4zLTUuMyw1LjMtMTMuOCwwLTE5LjFzLTEzLjgtNS4zLTE5LjEsMGwtMjI1LjEsMjI1LjFjLTUuMyw1LjMtNS4zLDEzLjgsMCwxOS4xbDIyNS4xLDIyNQ0KCQljMi42LDIuNiw2LjEsNCw5LjUsNHM2LjktMS4zLDkuNS00YzUuMy01LjMsNS4zLTEzLjgsMC0xOS4xTDE0NS4xODgsMjM4LjU3NXoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K); background-color: rgba(255,255,255,.75); background-repeat: no-repeat; background-position: 45% center; background-size: 50%; box-shadow: 0 0 5px 0 rgba(0,0,0,.3) } .product-image-viewer__slide-right { right: 50px; left: auto; background-position: 55% center; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDc3LjE3NSA0NzcuMTc1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NzcuMTc1IDQ3Ny4xNzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zNjAuNzMxLDIyOS4wNzVsLTIyNS4xLTIyNS4xYy01LjMtNS4zLTEzLjgtNS4zLTE5LjEsMHMtNS4zLDEzLjgsMCwxOS4xbDIxNS41LDIxNS41bC0yMTUuNSwyMTUuNQ0KCQljLTUuMyw1LjMtNS4zLDEzLjgsMCwxOS4xYzIuNiwyLjYsNi4xLDQsOS41LDRjMy40LDAsNi45LTEuMyw5LjUtNGwyMjUuMS0yMjUuMUMzNjUuOTMxLDI0Mi44NzUsMzY1LjkzMSwyMzQuMjc1LDM2MC43MzEsMjI5LjA3NXoNCgkJIi8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==) } @media screen and (max-width: 1300px) { .product-popup__wrapper--two-columns { width:800px } } @media screen and (max-width: 900px) { .product-image-viewer { margin-top:8px } .product-image-viewer__list-item:first-child { margin-left: 0 } .product-image-viewer__list-item:last-child { margin-right: 0 } .product-popup__param-value .tooltip { display: none!important } .product-popup__wrapper { display: block; padding: 0 16px } .product-popup__wrapper--two-columns { width: auto } select.product-popup__params-wrap { height: 36px } .product-popup__param-value label { height: 36px; min-width: 36px } .m-cart-popup-modifier__counter-btn { width: 36px; height: 36px } .m-cart-popup-switch { height: 18px } .m-cart-popup-switch__circle { width: 14px; height: 14px; left: 2px; top: 2px } .product-popup.wind .wind-header { padding: 0 16px; height: 50px } .product-image-viewer__slide-right,.product-popup--slide-show .product-popup__head { display: none } .product-image-viewer__slide-left { background: 0 0; top: 0; right: 0; bottom: 0; left: 0; box-shadow: none; border-radius: 0; padding: 0; margin: 0; height: auto; width: auto } .product-image-viewer__magnifier-content { max-height: 500px; height: 500px } .product-image-viewer__magnifier-content img { max-height: 500px } .product-popup--slide-show .product-image-viewer { margin-top: 0 } .product-popup--slide-show .product-image-viewer__magnifier-content { max-height: none } } @media screen and (max-width: 500px) { .product-popup__params-wrap { width:100% } } .non-pc .product-popup.wind { position: relative } .non-pc .product-popup.wind .wind-header { flex-direction: row-reverse; padding: 20px 16px 24px } .non-pc .product-popup.wind .wind-footer { display: block } .mobile-panel .product-popup .wind-header,.mobile-panel-open #sections_list #aaa111,.non-pc .product-popup.wind .product-popup__back-link { display: none!important } .non-pc .product-popup.wind .product-popup__amount-wrapper { font-size: 13px } .non-pc .product-popup.wind .product-popup__right-half .product-popup__info-block:not(.desc--empty.attr--empty),.non-pc .product-popup.wind .product-popup__right-half .product-popup__recommended-products:not(.hidden) { display: block } .non-pc .product-popup.wind .product-popup__right-half .product-popup__info-block:not(.desc--empty.attr--empty) .product-popup__sku-wrapper,.non-pc .product-popup.wind .product-popup__right-half .product-popup__recommended-products:not(.hidden) .product-popup__sku-wrapper { display: block; margin-bottom: 20px; font-size: 13px } .non-pc .product-popup.wind .product-popup__right-half .product-popup__info-block:not(.desc--empty.attr--empty) .product-popup__sku,.non-pc .product-popup.wind .product-popup__right-half .product-popup__recommended-products:not(.hidden) .product-popup__sku { font-weight: 400 } .non-pc .product-popup.wind .product-popup__right-half .product-info-tabs { border: 0 } .mobile-panel .product-popup .product-popup__right-half .product-info[data-value=attr] .product-info-tabs__tab[data-value=attr],.mobile-panel .product-popup .product-popup__right-half .product-info[data-value=desc] .product-info-tabs__tab[data-value=desc],.non-pc .product-popup.wind .product-popup__right-half .product-info[data-value=attr] .product-info-tabs__tab[data-value=attr],.non-pc .product-popup.wind .product-popup__right-half .product-info[data-value=desc] .product-info-tabs__tab[data-value=desc] { border-bottom-color: transparent } .non-pc .product-popup.wind .wind-body { position: absolute; top: 50px; right: 0; bottom: 100px; left: 0; overflow-x: hidden; overflow-y: auto; padding-bottom: 40px } .mobile-panel .product-popup .wind-close,.non-pc .product-popup.wind .wind-body .product-popup__head { display: none } .non-pc .product-popup.wind .wind-body .product-image-viewer__magnifier-content { height: auto } .non-pc .product-popup.wind .wind-body .product-popup__right-half .product-popup__product-info { display: none; z-index: 10 } .mobile-panel .product-popup__param-value label,.non-pc .product-popup.wind .wind-body .product-popup__param-value label { border-radius: 150px } .mobile-panel .product-popup__param-value input:checked+label,.non-pc .product-popup.wind .wind-body .product-popup__param-value input:checked+label { border-color: #fff; background-color: #f1f1f1; box-shadow: 0 3.375px 18px -2.25px rgba(0,0,0,.24) } .non-pc .product-popup.wind .wind-body .recommended-product-card__price { flex-direction: column } .mobile-panel .product-popup { line-height: normal; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" } .mobile-panel .product-popup .wind-footer { position: absolute; left: 0; right: 0; bottom: 0; display: block } .mobile-panel .product-popup .product-popup__info-block,.mobile-panel .product-popup .product-popup__recommended-products,.mobile-panel .product-popup .product-popup__right-half .product-popup__product-info { display: none } .mobile-panel .product-popup .product-popup__amount-wrapper { font-size: 13px } .mobile-panel .product-popup .product-popup__right-half .product-popup__info-block:not(.desc--empty.attr--empty),.mobile-panel .product-popup .product-popup__right-half .product-popup__recommended-products:not(.hidden) { display: block } .mobile-panel .product-popup .product-popup__right-half .product-popup__info-block .product-popup__sku-wrapper { display: block; margin-bottom: 20px; font-size: 13px } .mobile-panel .product-popup .product-popup__right-half .product-popup__info-block .product-popup__sku { font-weight: 400 } .mobile-panel .product-popup .product-popup__right-half .product-info-tabs { border: 0 } .mobile-panel .product-popup .wind-body { padding-bottom: 100px } .mobile-panel .product-popup .wind-body .product-image-viewer__magnifier-content { height: auto } .mobile-panel .product-popup__wrapper { display: grid; grid-template-columns: 100%; padding: 0; width: 100% } .mobile-panel .product-popup__head { display: none } .mobile-panel .product-popup__right-half { margin-top: 10px; padding: 0 16px } .mobile-panel .product-popup__right-half .product-popup__name,.mobile-panel .product-popup__right-half .product-popup__sku-wrapper { display: block } .mobile-panel .product-popup__right-half .product-popup__recommended-products { margin-bottom: 20px } .mobile-panel .product-info-content { margin-top: 12px; margin-bottom: 32px } .mobile-panel .product-popup__description { font-size: 14px; line-height: 1.4; font-weight: 400 } .mobile-panel .product-popup__price-title { display: inline-block; color: #aaa; font-weight: 400 } .mobile-panel .product-popup__sku-hint { color: #aaa; font-weight: 400 } .mobile-panel .product-popup__price-wrapper { font-size: 14px; line-height: 1.4; font-weight: 400; padding-top: 10px } .mobile-panel .product-popup__add-wrapper { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 16px } .mobile-panel .product-popup__amount-wrapper--min-value .product-popup__amount-button--less { opacity: .4 } .mobile-panel .product-popup__right-half .recommended-products__content .recommended-product-card,.non-pc .product-popup__right-half .recommended-products__content .recommended-product-card { width: var(--width); min-width: var(--width); max-width: var(--width) } .mobile-panel .recommended-products__arrows.hidden-on-desktop:not(.hidden-on-mobile),.non-pc .recommended-products__arrows.hidden-on-desktop:not(.hidden-on-mobile),.product-popup__info-block:not(.desc--attr) .product-info[data-value=attr] .product-popup__attributes,.product-popup__info-block:not(.desc--empty) .product-info[data-value=desc] .product-popup__description { display: flex } #product-popup.tg-popup .wind-header,.tg-popup,.tg-popup.wind { background: var(--tg-theme-bg-color) } .tg-popup .wind-footer { background: var(--tg-theme-secondary-bg-color); padding-bottom: calc(env(safe-area-inset-bottom) + 36px)!important } .tg-popup .product-popup__price { color: var(--tg-theme-text-color); font-size: 18px } .tg-popup .product-popup__old-price { color: var(--tg-theme-subtitle-text-color) } #shopCartModal .shop-cart-confirm strong,.tg-popup .wind-footer .wind-footer__info .product-popup__name { font-size: 16px } .tg-popup .product-popup__param-values { font-size: 13px } .tg-popup select.product-popup__params-wrap { font-size: 14px; min-height: 48px; padding: 0 14px; color: var(--tg-theme-button-text-color); border: 2px solid lch(from var(--tg-theme-button-color) calc(l + 30) c h); background: var(--tg-theme-button-color); -webkit-appearance: none; -moz-appearance: none; appearance: none } .tg-popup .product-popup__modifiers:before { background: var(--tg-theme-hint-color); height: 1px; width: 100%; left: 0 } .tg-popup .product-popup__modifiers { width: 100%; padding: 1px 0 } .tg-popup .product-popup__description,.tg-popup .product-popup__sku-wrapper { color: var(--tg-theme-text-color) } .tg-popup .product-info-tabs__tab { color: var(--tg-theme-subtitle-text-color) } .tg-popup .product-popup__add-btn.btn.btn-primary { background-color: var(--tg-theme-button-color)!important; color: var(--tg-theme-button-text-color)!important } .tg-popup .product-popup__add-btn-wrapper { flex: 1 1 65% } .tg-popup .product-popup__amount-wrapper { background: var(--tg-theme-bg-color); color: var(--tg-theme-text-color) } .tg-popup .product-popup__amount-button { background: var(--tg-theme-button-color); color: var(--tg-theme-button-text-color) } .tg-popup .wind-footer .wind-footer__info { border-bottom: 1px solid var(--tg-theme-subtitle-text-color) } .tg-popup .product-popup__product-info { padding: 20px 0 } .tg-popup .product-popup__params { padding: 0 } .tg-popup .product-popup__param-value label { background-color: transparent; border: 2px solid var(--tg-theme-hint-color); color: var(--tg-theme-text-color) } .tg-popup .product-popup__param-value label:hover { border: 2px solid var(--tg-theme-text-color) } .tg-popup .m-popup-modifier-wrap--group { margin: 20px auto } .tg-popup .m-popup-modifier__group-option { border: 2px solid var(--tg-theme-hint-color); opacity: .7 } .tg-popup .m-popup-modifier__group-option--checked { border: 2px solid lch(from var(--tg-theme-button-color) calc(l + 30) c h); opacity: 1 } .tg-popup .m-cart-popup-modifier__counter-btn,.tg-popup .m-popup-modifier__group-option--checked { background-color: var(--tg-theme-button-color); color: var(--tg-theme-button-text-color) } .tg-popup .m-cart-popup-modifier__counter-btn--minus:before,.tg-popup .m-cart-popup-modifier__counter-btn--plus:after,.tg-popup .m-cart-popup-modifier__counter-btn--plus:before { background: var(--tg-theme-button-text-color) } .tg-popup .m-popup-modifier--checkbox input[type=checkbox]:checked+label:before { background-color: var(--tg-theme-button-color) } .tg-popup .m-cart-popup-switch--active { background-color: var(--tg-theme-button-color) } .tg-popup .wind-footer .wind-footer__info .product-popup__price-wrapper { display: flex; flex-direction: column-reverse; align-items: flex-end; justify-content: center } .tg-popup .product-popup__right-half .product-info .product-info-tabs__tab { border: 1px solid transparent; height: 30px; border-radius: 8px } .tg-popup .product-popup__attributes .attribute { color: var(--tg-theme-subtitle-text-color); border-bottom-color: var(--tg-theme-subtitle-text-color) } .tg-popup .product-popup__attributes .attribute__value { color: var(--tg-theme-text-color) } .tg-popup .recommended-products__arrow { background: var(--tg-theme-button-color); color: var(--tg-theme-button-text-color) } .tg-popup .recommended-product-card__buttons .button { background-color: transparent; border: 1px solid var(--tg-theme-button-color); color: var(--tg-theme-text-color) } .tg-popup .recommended-product-card__buttons .button__add-to-cart { background-color: var(--tg-theme-button-color)!important; color: var(--tg-theme-button-text-color)!important } .non-pc .tg-popup.wind .wind-body { bottom: 130px; padding-bottom: 50px; top: 0; padding-top: 15px } .non-pc .tg-popup.wind .wind-body .product-popup__param-value input:checked+label { background-color: var(--tg-theme-button-color); border: 2px solid lch(from var(--tg-theme-button-color) calc(l + 30) c h); color: var(--tg-theme-button-text-color) } .non-pc .tg-popup.wind .wind-body .product-popup__right-half .product-info[data-value=attr] .product-info-tabs__tab[data-value=attr],.non-pc .tg-popup.wind .wind-body .product-popup__right-half .product-info[data-value=desc] .product-info-tabs__tab[data-value=desc] { color: var(--tg-theme-text-color); border: 1px solid var(--tg-theme-button-color) } .product-popup__recommended-products { position: relative; width: 100%; margin-top: 40px; padding-left: 12px; padding-right: 12px } .product-popup__recommended-products.hidden,.recommended-products__arrows.hidden-on-desktop { display: none } .recommended-products__title { font-size: 14px; font-weight: 600; line-height: 30px } .recommended-products__arrows { position: absolute; top: 3px; right: 12px; display: flex; gap: 32px } .recommended-products__arrow { width: 24px; height: 24px; border-radius: 50px; background: #e6e6e6; cursor: pointer } .recommended-products__arrow--right { transform: rotate(180deg) } .recommended-products__arrow--disabled { cursor: default; pointer-events: none; opacity: .5 } .recommended-products__content { max-width: 770px; display: flex; gap: 20px; overflow-x: auto; overflow-y: hidden; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory } .recommended-products__content::-webkit-scrollbar { display: none } @supports (-moz-appearance: none) { .recommended-products__content { scrollbar-width:none } } .recommended-product-card { display: flex; flex-direction: column; width: 178px; min-width: 178px; max-width: 178px; padding: 8px; scroll-snap-align: start } .products-card__image,.products-card__image--empty { width: 100%; aspect-ratio: 1 } .products-card__image { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } .products-card__image--empty { background-color: #fff; color: #9697a0; display: flex; justify-content: center; align-items: center; border: 1px solid #f4f4f4; border-radius: 8px } .recommended-product-card__title { font-weight: 600; font-size: 15px; margin-top: 12px; line-height: 1.4; flex-grow: 1 } .recommended-product-card__price { display: flex; gap: 4px; margin-top: 24px } .recommended-product-card__price .price { font-size: 13px; line-height: 18px } .recommended-product-card__price .price--old { font-weight: 400; color: #a9a9a9; text-decoration: line-through } .recommended-product-card__price .price--actual { font-weight: 600 } .recommended-product-card__buttons { margin-top: 16px } .recommended-product-card__buttons .button { padding: 11px 20px; font-weight: 600; border-radius: 10px; transition: background-color .5s ease,color .5s ease,box-shadow .5s ease,opacity .5s; white-space: nowrap; width: 100%; text-align: center } .recommended-product-card__buttons .button:hover { opacity: .7; cursor: pointer } .recommended-product-card__buttons .button__add-to-cart { color: #fff; background-color: #000 } .recommended-product-card__buttons .button__show-more { color: #000; background-color: #eee } .product-popup__attributes,.recommended-product-card__buttons { display: flex; flex-direction: column; gap: 8px } .product-popup__attributes .attribute { display: flex; justify-content: space-between; border-bottom: 1px dashed #eee; color: #000; word-break: keep-all } .product-popup__attributes .attribute__value { color: #a9a9a9; text-align: end } .attr--empty .product-info-tabs__tab[data-value=attr],.desc--empty .product-info-tabs__tab[data-value=desc],.product-popup__attributes,.product-popup__description { display: none } .mobile-cart-button-enabled { padding-bottom: 76px } #shop-cart-btn.shop-cart-btn--mobile-button.visible { top: auto; right: 16px; bottom: 16px; left: 16px; width: auto; height: auto; opacity: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .cart-btn { height: 60px; line-height: 60px; font-size: 17px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" } .mobile-panel,.mobile-panel__bg { position: fixed; left: 0; right: 0; bottom: 0 } .mobile-panel { visibility: hidden; overflow: hidden; z-index: 9990; top: 0 } .mobile-panel__bg { background-color: rgba(0,0,0,.6); opacity: 0; top: -1px } .mobile-panel__container { position: fixed; top: auto; left: 0; right: 0; bottom: 0; overflow: hidden; background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,.1); min-height: 64px; border-radius: 12px 12px 0 0; transform: translate3d(0,100%,0) } .mobile-panel__close { top: 12px; width: 40px; right: 12px; height: 40px; position: absolute; z-index: 100; box-shadow: 0 4px 12px 0 rgba(0,0,0,.07); border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIvPgogICAgICAgIDxnIGZpbGw9IiMwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgNCkiPgogICAgICAgICAgICA8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMiIgeD0iLTIiIHk9IjciIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4IDgpIi8+CiAgICAgICAgICAgIDxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyIiB4PSItMiIgeT0iNyIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKDEzNSA4IDgpIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K) } .mobile-panel__header { width: 100% } .mobile-panel__content { overflow: auto } .mobile-panel-open { overflow: hidden } .mobile-panel-open :not(input):not(textarea) { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .blk_ms>.block-content { display: grid; justify-content: center } .popover-form.quiz-form { max-width: 100%; margin: 0; height: 100%; width: 100% } .popover-form.quiz-form .user_form { width: 100%; height: 100%; position: relative; border-radius: 0!important; background: #fff } .popover-form.quiz-form .wind-header { position: absolute; background: #fff; z-index: 3; transition: box-shadow .5s; top: 0; left: 0; right: 0; padding: 0 } .popover-form.quiz-form .wind-header.shadow { box-shadow: rgba(0,0,0,.5) 0 0 10px } .popover-form.quiz-form .wind-header .wind-close { width: 70px; height: 70px; padding: 0; position: relative; opacity: .4; transition: opacity .3s ease } .popover-form.quiz-form .wind-header .wind-close div { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; width: 16px; height: 16px; background: 0 0 } .popover-form.quiz-form .wind-header .wind-close div svg { width: 100%; height: 100% } .popover-form.quiz-form .wind-header .wind-close:hover { opacity: 1 } .popover-form.quiz-form .wind-body { padding: 0; overflow-y: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .popover-form.quiz-form .body_content { padding: 70px 20px 0; width: 100%; min-height: 100%; display: flex; justify-content: center; align-items: center; flex-flow: column } .popover-form.quiz-form .user_form_fields_list { width: 100% } .popover-form.quiz-form .wind-footer { width: 100%; background: #fff; border-radius: 0; z-index: 1; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 } .popover-form.quiz-form .user_form_regulation { padding: 0!important; margin-top: 20px } .popover-form.quiz-form .user_form_regulation .field_wrap,.quiz-step-settings input[type=checkbox] { margin-top: 0 } .popover-form.quiz-form.quiz-form--v1 .user_form,.quiz-form--v1 .user_form { background: 0 0; width: 100%; height: 100%; position: relative; z-index: 1 } .popover-form.quiz-form.quiz-form--v1 .wind-header,.quiz-form--v1 .wind-header { z-index: 3; background: 0 0; transition: none } .popover-form.quiz-form.quiz-form--v1 .wind-header.shadow,.quiz-form--v1 .wind-header.shadow { box-shadow: none } .popover-form.quiz-form.quiz-form--v1 .wind-body,.quiz-form--v1 .wind-body,body.open_popup .blk_section#aaa111 .mha { z-index: 1 } .popover-form.quiz-form.quiz-form--v1 .wind-footer,.quiz-form--v1 .wind-footer { z-index: 1; background: 0 0; box-shadow: none } .quiz-form__layer-for-bg-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; opacity: .25; background-size: cover; background-repeat: no-repeat; background-position: center } .popover-form.quiz-form.quiz-form--light,.quiz-form--light { color: #1c1c1c; background: #fff } .popover-form.quiz-form.quiz-form--dark,.quiz-form--dark { background: #202225 } .popover-form.quiz-form.quiz-form--bg-img,.quiz-form--bg-img { background: #000 } .popover-form.quiz-form.quiz-form--bg-img,.popover-form.quiz-form.quiz-form--dark,.quiz-form--bg-img,.quiz-form--dark { color: #fff } .popover-form.quiz-form.quiz-form--bg-img .wind-header .wind-close,.popover-form.quiz-form.quiz-form--dark .wind-header .wind-close,.quiz-form--bg-img .wind-header .wind-close,.quiz-form--dark .wind-header .wind-close { opacity: .6 } #wind_container .wind.quiz-form .user_form .wind-footer { padding: 20px!important } .quiz-form { position: relative } .quiz-form .field_wrap { margin: 30px auto 0 } .quiz-form .field_wrap .quiz__input-field,.quiz-form .field_wrap input.inp,.quiz-form .field_wrap select,.quiz-form .field_wrap textarea { padding: 0 1.2em; width: 400px } .quiz-form .field_wrap .quiz__input-field:focus,.quiz-form .field_wrap input.inp:focus,.quiz-form .field_wrap select:focus,.quiz-form .field_wrap textarea:focus { box-shadow: none } .quiz-form .quiz-step__label .label_txt { font-size: 26px; line-height: 1.2; font-weight: 700; display: block; max-width: 600px; padding: 0 20px; margin: 0 auto; text-align: center } .quiz-form .quiz-step__description { max-width: 600px; padding: 0 20px; margin: 30px auto 0; line-height: 1.3; opacity: .5; text-align: center } .quiz-form.quiz-form--v1 .field_wrap .inp,.quiz-form.quiz-form--v1 .field_wrap .quiz__input-field,.quiz-form.quiz-form--v1 .field_wrap select,.quiz-form.quiz-form--v1 .field_wrap textarea { width: 506px; font-size: 18px; box-shadow: none } .quiz-form.quiz-form--v1 .field_wrap .inp:focus,.quiz-form.quiz-form--v1 .field_wrap .inp:hover,.quiz-form.quiz-form--v1 .field_wrap .quiz__input-field:focus,.quiz-form.quiz-form--v1 .field_wrap .quiz__input-field:hover,.quiz-form.quiz-form--v1 .field_wrap select:focus,.quiz-form.quiz-form--v1 .field_wrap select:hover,.quiz-form.quiz-form--v1 .field_wrap textarea:focus,.quiz-form.quiz-form--v1 .field_wrap textarea:hover { filter: contrast(.88) } .quiz-form.quiz-form--v1 .quiz-step__label .label_txt { font-size: 32px } .quiz-form.quiz-form--v1 .quiz-step__description { font-size: 17px } #shopCartModal .form-field__value input,#shopCartModal .form-field__value select,#shopCartModal .form-field__value textarea,.mobile370 .quiz-form.quiz-form--v1 .field_wrap .quiz__input-field,.mobile370 .quiz-form.quiz-form--v1 .field_wrap input.inp,.mobile370 .quiz-form.quiz-form--v1 .field_wrap select,.mobile370 .quiz-form.quiz-form--v1 .field_wrap textarea { width: 100% } .quiz-popup-header { display: table; width: 100% } .quiz-popup-header__cell { display: table-cell; vertical-align: middle; box-sizing: border-box } .quiz-popup-header__cell:first-of-type,.quiz-popup-header__cell:last-of-type { width: 25% } .quiz__nav { cursor: pointer; text-decoration: none; transition: all .2s } .quiz__nav_prev { border: 0; background: 0 0; color: #222; white-space: nowrap; height: 70px; line-height: 70px; opacity: 1; transition: opacity .5s ease; padding: 0 1.5em; font-size: 16px } .quiz__nav_prev.quiz__disabled { opacity: 0 } .quiz__nav_prev svg { width: 16px; height: 16px; margin-top: 27px; float: left; fill: #222 } .quiz__nav_prev:hover { text-decoration: none; color: #2084d6 } .quiz__nav_prev:hover svg { fill: #2084d6 } .quiz__nav_prev span { display: block; margin-left: 26px } .quiz-nav-indicator { display: none; text-align: center } .quiz-nav-indicator.is_active,.quiz__progress_container.is_active { display: table-cell } .quiz-nav-indicator__text { line-height: 1; font-size: 14px; letter-spacing: 1px; color: #222 } .quiz__progress_container { display: none; text-align: center } .quiz-step-details__dot,.quiz__progress_dot { background: rgba(0,0,0,.23); border-radius: 50%; margin: 0 3px; width: 8px; height: 8px; display: inline-block } .quiz-step-details__dot--active,.quiz__progress_dot.active { background: rgba(0,0,0,.5) } .quiz-form .field.quiz,.quiz-form .ui_error.hidden,.quiz-form.quiz-form--v1 .ui_error { display: none } .quiz-form .field.quiz.active,.quiz-form .ui_error { justify-content: center; align-items: center; width: 100%; display: flex } .quiz-form .field.quiz.active { border: 0; -webkit-animation: fade .8s; animation: fade .8s; flex-flow: column } .quiz-form .ui_error { color: red; margin: 0; text-align: center } .quiz-form.quiz-form--v1 .user_form select.inp { background-image: none } .quiz-form.quiz-form--v1 .user_form .select-inp { position: relative } .quiz-form.quiz-form--v1 .user_form .select-inp:after { content: " "; position: absolute; top: 50%; margin-top: -.4375em; right: 1.125em; display: block; height: .625em; width: .625em; pointer-events: none; border: 3px solid #a7a7a7; border-radius: 2px; border-right: 0; border-top: 0; transform: rotate(-45deg); transform-origin: center } .quiz-form.quiz-form--v1 .quiz__nav-prev--footer { display: inline-block; width: 44px; height: 44px; padding: 0 1.4em; position: relative; margin-right: 10px; border-radius: 10px; background-color: #fff; pointer-events: all } .quiz-form.quiz-form--v1 .quiz__nav-prev--footer::before { content: ""; display: block; position: absolute; z-index: 0; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 10px; background: #428ceb; opacity: .2 } .quiz-form.quiz-form--v1 .quiz__nav-prev--footer svg { position: absolute; z-index: 0; left: 13px; top: 13px; width: 17px; height: 17px; margin: 0; fill: #428ceb } .blk-no-pointer-event,.quiz-form.quiz-form--v1 .wind-footer { pointer-events: none } .quiz-form.quiz-form--v1 .wind-footer .btn-new { border-radius: 10px; min-width: 232px; pointer-events: all } .quiz-form.quiz-form--v1 .wind-footer .user_form_regulation { pointer-events: all } .quiz-form--light .quiz-nav-indicator__text { color: #1c1c1c } .quiz-form--light .wind-close svg { fill: #1c1c1c } .quiz-form--light .label_wrap label { color: #1c1c1c!important } .quiz-form--bg-img .quiz-nav-indicator__text,.quiz-form--dark .quiz-nav-indicator__text { color: #fff } .quiz-form--bg-img .quiz__nav-prev--footer svg,.quiz-form--bg-img .wind-close svg,.quiz-form--dark .quiz__nav-prev--footer svg,.quiz-form--dark .wind-close svg { fill: #fff } .quiz-form--bg-img .label_wrap label,.quiz-form--dark .label_wrap label { color: #fff!important } .quiz-form--bg-img .quiz__nav-prev--footer::before,.quiz-form--dark .quiz__nav-prev--footer::before { background: #428ceb } .blk_form .blk_form_wrap.quiz-form.quiz-form--v1 .btn-form-popover,.quiz-form.quiz-form--v1 .btn-submit,.quiz-form.quiz-form--v1 .quiz__nav_next { border-radius: 6px; background: #428ceb; padding: 12px 36px } .field--has-error.field--error-animation .field_wrap { -webkit-animation: shake .5s ease 1 both .2s; animation: shake .5s ease 1 both .2s } @media screen and (max-width: 800px) { .quiz__nav_prev svg { margin:0 } .quiz__nav_prev span { display: none } .popover-form.quiz-form { width: 100%!important } .popover-form.quiz-form .wind-footer .btn-new { width: 100% } .popover-form.quiz-form.quiz-form--v1 .wind-footer { display: flex; flex-flow: row wrap; justify-content: space-between } .popover-form.quiz-form.quiz-form--v1 .wind-footer .btn-new { width: unset; flex-grow: 1 } .popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-center,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-left,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-right { width: 100%; max-width: initial } .popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap .inp,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap .quiz__input-field,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap .select-inp,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap select,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap textarea,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-center .inp,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-center .quiz__input-field,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-center .select-inp,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-center select,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-center textarea,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-left .inp,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-left .quiz__input-field,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-left .select-inp,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-left select,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-left textarea,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-right .inp,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-right .quiz__input-field,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-right .select-inp,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-right select,.popover-form.quiz-form.quiz-form--v1 .quiz .field_wrap.quiz-field__align-right textarea { width: 100% } #wind_container .wind.quiz-form .user_form_regulation { margin-bottom: 10px } .quiz-form--v1 .field_wrap .quiz-field .quiz-field__cover { padding: 4px } .quiz-form--v1 .field_wrap .quiz-field__descr { height: 56px; padding: 0 16px 0 56px } .quiz-form--v1 .field_wrap .quiz-field__descr:after { line-height: 56px } .quiz-form--v1 .field_wrap .quiz-field--no-image .quiz-field--check { left: 14px } .quiz-form--v1 .field_wrap .quiz-field--no-image .quiz-field__descr { height: unset; padding: 0 0 0 54px } .quiz-form--v1 .field_wrap .quiz-field--no-image .quiz-field__descr:after { line-height: 52px } .quiz-form--v1 .quiz.fcheckbox .field_wrap.quiz-field__align-center,.quiz-form--v1 .quiz.fcheckbox .field_wrap.quiz-field__align-left,.quiz-form--v1 .quiz.fcheckbox .field_wrap.quiz-field__align-right,.quiz-form--v1 .quiz.fradio .field_wrap.quiz-field__align-center,.quiz-form--v1 .quiz.fradio .field_wrap.quiz-field__align-left,.quiz-form--v1 .quiz.fradio .field_wrap.quiz-field__align-right { max-width: 100% } } @media screen and (max-width: 500px) { .quiz-mobile-view .quiz-form--v1 .field_wrap .quiz-field__mob-col-2:not(.quiz-field--no-image) .quiz-field__descr,.quiz-mobile-view .quiz-form--v1 .field_wrap .quiz-field__mob-col-3:not(.quiz-field--no-image) .quiz-field__descr { display:flex; flex-direction: column-reverse; align-items: center; padding: 0; height: auto } .quiz-mobile-view .quiz-form--v1 .field_wrap .quiz-field__mob-col-2:not(.quiz-field--no-image) .quiz-field--check,.quiz-mobile-view .quiz-form--v1 .field_wrap .quiz-field__mob-col-3:not(.quiz-field--no-image) .quiz-field--check { position: relative; left: 0; min-width: 24px; min-height: 24px; transform: none; margin-top: 8px } .quiz-mobile-view .quiz-form--v1 .field_wrap .quiz-field__mob-col-2:not(.quiz-field--no-image) .quiz-field__descr:after,.quiz-mobile-view .quiz-form--v1 .field_wrap .quiz-field__mob-col-3:not(.quiz-field--no-image) .quiz-field__descr:after { line-height: 0 } } @media screen and (max-width: 440px) { .popover-form.quiz-form .quiz .field_wrap,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-center,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-left,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-right { width:100%; max-width: initial } .popover-form.quiz-form .quiz .field_wrap .inp,.popover-form.quiz-form .quiz .field_wrap .quiz__input-field,.popover-form.quiz-form .quiz .field_wrap .select-inp,.popover-form.quiz-form .quiz .field_wrap select,.popover-form.quiz-form .quiz .field_wrap textarea,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-center .inp,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-center .quiz__input-field,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-center .select-inp,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-center select,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-center textarea,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-left .inp,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-left .quiz__input-field,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-left .select-inp,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-left select,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-left textarea,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-right .inp,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-right .quiz__input-field,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-right .select-inp,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-right select,.popover-form.quiz-form .quiz .field_wrap.quiz-field__align-right textarea { width: 100% } } #fixed-sections { position: sticky; top: 0; left: 0; width: 100%; z-index: 999 } .open_popup #fixed-sections { z-index: 5 } .heading { margin: 10px 0; font-family: inherit; font-weight: 700; line-height: 1; color: inherit; text-rendering: auto } .heading.heading--rank-1,.heading.heading--rank-2 { font-weight: 400 } .heading.heading--rank-1 { font-size: 38.5px } .heading.heading--rank-2 { font-size: 31.5px } .heading.heading--rank-3 { font-size: 24.5px } .heading.heading--rank-2 small,.heading.heading--rank-4 { font-size: 17.5px } .heading.heading--rank-3 small,.heading.heading--rank-4 small,.heading.heading--rank-5 { font-size: 14px } .heading.heading--rank-6 { font-size: 11.9px } .scss-published { zoom:1} #tr-popup { display: none!important } .form_int_popup { background: #fff; line-height: 1.6; font-size: 14px; padding: 20px; position: absolute; border: 1px solid #ccc; box-shadow: 0 0 20px 1px rgba(0,0,0,.13); top: 25px; left: -79px; z-index: 1000; text-align: left; border-radius: 5px; width: auto; min-width: 290px; display: none } .field-settings-panel { position: static; border: 0; border-radius: 0; height: 100%; overflow: auto; background-color: transparent } .new-field-popup { background: #f5f5f5; border: 0; bottom: 0; display: none; left: 0; padding: 0; position: absolute; top: 0; right: 0; z-index: 2; overflow: auto } .new-field-popup--visible,.user_form_preview .wrap_edit_header:hover .del,.user_form_preview .wrap_edit_header:hover .overlay_edit,.user_form_preview .wrap_edit_header:hover .overlay_settings_word,label.radio { display: block } .form_new .user_form_preview .user_form_fields_list.have_lonely_field .del,.form_new .user_form_preview .user_form_fields_list.have_lonely_field .move,.user_form_preview .field.edit .overlay_settings_word,.user_form_preview .field.edit:hover .overlay_settings_word,.user_form_preview .wrap_edit_header.edit .overlay_edit,.user_form_preview .wrap_edit_header.edit .overlay_settings_word,.user_form_preview .wrap_edit_header.edit:hover .overlay_edit,.user_form_preview .wrap_edit_header.edit:hover .overlay_settings_word,.user_form_preview.configure_form_design .wrap_add_field,.user_form_preview.configure_form_design .wrap_edit_header:hover .del,.user_form_preview.configure_form_design .wrap_edit_header:hover .overlay_edit,.user_form_preview.configure_form_design .wrap_edit_header:hover .overlay_settings_word { display: none } .new-field-popup__header { line-height: 1; padding: 30px 0 0 30px } .new-field-popup__body { margin: auto; text-align: center; padding: 0 0 30px } .new-field-popup__subtitle,.new-field-popup__title { text-align: center; width: 100% } .new-field-popup__title { display: block; color: #717171; margin-bottom: 24px; margin-top: 40px } .new-field-popup__subtitle { display: block; font-size: 24px } .new-field-popup__item { background: #fff; border: 1px solid rgba(0,0,0,.13); border-radius: 6px; box-shadow: 0 1px 2px rgba(0,0,0,.13); cursor: pointer; margin: 30px 10px 0!important; padding: 15px; text-align: center; transform: translateY(0); transition: transform .4s ease,box-shadow .4s ease; display: inline-block; width: 140px } .quiz-form-editor .new-field-popup__item { width: 200px } .new-field-popup__item--small { margin: 0 15px } .new-field-popup__item:hover { box-shadow: 0 10px 15px rgba(0,0,0,.2); transform: translateY(-5px) } .new-field-popup__icon { background: center no-repeat; background-size: 144px; height: 160px; width: 160px; margin: 0 auto 4px } .new-field-popup__item--small .new-field-popup__icon { background-size: auto; height: 80px; width: 80px } .form_int_popup#header_change_form { left: 424px; top: 54px } .form_int_popup#header_change_form>.popup-arrow { transform: rotate(45deg); top: 32px; left: -1px } .form_int_popup#header_change_form .first_label { padding-top: 0 } .change_field { left: 414px!important; top: 30px } .form_int_popup .w_full tr:not(:last-child) td { padding-bottom: 10px } .user_form_preview:not(.quiz-form) .field_wrap label { background-image: none!important } .form_new .user_form_preview .user_form_fields_list.have_lonely_field .field:hover { border-color: #3288e6 } .form_new .user_form_preview .del,.form_new .user_form_preview .move { display: none; position: absolute; top: -2px; bottom: -2px; padding: 4px 6px; background: #3288e6; width: 40px; opacity: .9; z-index: 19 } .form_new .user_form_preview .del { right: -40px; cursor: pointer; background: #3288e6 url(public_img/garbage21.png) no-repeat 50% 50%/16px; border-radius: 0 4px 4px 0 } .form_new .user_form_preview .move { left: -40px; cursor: move; background: #3288e6 url(public_img/move14.png) no-repeat 50% 50%/16px; border-radius: 4px 0 0 4px } .form_new .user_form_preview:not(.quiz-form):not(.configure_form_design) .field:not(.edit):hover { border: 2px dashed #3288e6; border-left-color: transparent; border-right-color: transparent } .form_new .overlay_edit,.overlay_settings_word { position: absolute; right: 0; display: none; cursor: pointer } .form_new .overlay_edit { top: 0; left: 0; bottom: 0; margin: auto; background: rgba(253,209,21,.55); opacity: .5; z-index: 18 } .overlay_settings_word { top: 50%; left: 50%; width: 120px; height: 24px; line-height: 24px; border-radius: 13px; margin: -12px auto auto -50px; color: #555; text-align: center; z-index: 19 } .form_new .user_form_preview .wrap_edit_header { padding: 5px 0; margin: 0 -2px; border: 2px solid transparent; position: relative; min-height: 35px } .form_new .user_form_preview:not(.quiz-form):not(.configure_form_design) .wrap_edit_header:hover { border: 2px dashed #3288e6 } .user_form_preview .field.edit,.user_form_preview .field.edit:hover,.user_form_preview .wrap_edit_header.edit { border: 2px dashed #3288e6 } .user_form_preview .field.edit .overlay_edit { display: block; background: rgba(255,255,255,.55) } #label_txt,.checkbox .field-variant-text,.radio .field-variant-text,.user_form .field_wrap .hint { word-break: break-word } .form_field_name { font-size: 20px; font-weight: 400 } .user_form_preview .frm_lead .wind-header { position: relative; margin: 0; padding: 0 } .user_form_preview .frm_lead .wind-header a { display: block; padding: 8px; cursor: pointer; position: absolute; right: 10px; top: 10px } .user_form_preview .frm_lead .wind-body { padding: 20px 20px 0 } .user_form_preview:not(.quiz-form) .user_form { padding: 20px!important; width: 100%!important; max-width: 400px; margin: 0 auto } .user_form_preview .user_form .user_form_submit { padding-top: 20px } .form_new.dark_style { background-color: #212121 } .form_new.dark_style label { color: #777 } .form_new.dark_style .header_description,.form_new.dark_style .header_text,.form_new.dark_style .userfiles_selected_text { color: #bbb } .form_new.dark_style .inp { background: #000; border-color: #333; color: #bbb } .form_new.dark_style .wind-footer { box-shadow: none } .non-pc form.horizontal .field,.non-pc form.horizontal .user_form_submit { float: none; clear: left; width: 100%!important } .non-pc form.horizontal .field:not(:first-child) { padding: 7px 0!important } .non-pc form.horizontal .field:first-child { padding: 0 0 7px!important } @media (max-width: 1440px) { .form-editor:not(.quiz-form-editor) new-field-popup__item { min-width:120px; max-width: 120px; padding: 5px } .new-field-popup__item--small { margin: 0 10px } } @media (max-height: 650px) { .new-field-popup__item--small .new-field-popup__icon { background-size:auto; height: 60px; width: 60px } .new-field-popup__item { min-width: 100px } } .fotorama__nav__frame:focus .fotorama__dot:after { position: absolute; width: 100%; height: 100%; right: 0; bottom: 0 } .fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0 } .fotorama--fullscreen,.fotorama__img { max-width: 99999px!important; max-height: 99999px!important; min-width: 0!important; min-height: 0!important; border-radius: 0!important; box-shadow: none!important; padding: 0!important } .fotorama__wrap .fotorama__grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .fotorama__grabbing * { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing } .fotorama__spinner { position: absolute!important; top: 50%!important; left: 50%!important } .fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-play { transform: translate3d(0,0,0) } .fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame { transform: translateZ(0) } .fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame { outline: 0 } .fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after { content: ''; border-radius: inherit; background-color: rgba(0,175,234,.5) } .fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft { transform: none!important } .fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border { transition-property: transform,width; transition-timing-function: cubic-bezier(.1,0,.25,1); transition-duration: 0ms } .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fotorama__select { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text } .fotorama__nav,.fotorama__nav__frame { margin: auto; padding: 0 } .fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft { display: inline-block; vertical-align: middle; *display: inline; *zoom:1} .fotorama__nav__frame,.fotorama__thumb-border { box-sizing: content-box } .fotorama__caption__wrap { box-sizing: border-box } .fotorama--hidden,.fotorama__load { position: absolute; left: -99999px; top: -99999px; z-index: -1 } .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play { -webkit-tap-highlight-color: transparent } .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play { background: url(public_img/fotorama.png) no-repeat } @media (-webkit-min-device-pixel-ratio: 1.5),(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) { .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play { background:url(public_img/fotorama@2x.png) 0 0/96px 160px no-repeat } } .fotorama__thumb { background-color: #7f7f7f; background-color: rgba(127,127,127,.2) } @media print { .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play { background: 0 0!important } } .fotorama { min-width: 1px; overflow: hidden } .fotorama:not(.fotorama--unobtrusive)>:not(:first-child) { display: none } .fotorama--fullscreen,.fullscreen { background: #000; width: 100%!important; height: 100%!important; margin: 0!important } .fullscreen { max-width: 100%!important; max-height: 100%!important; padding: 0!important; overflow: hidden!important } .fotorama--fullscreen { position: absolute!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; float: none!important; z-index: 2147483647!important } .fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage { background: #000 } .fotorama__wrap { -webkit-text-size-adjust: 100%; position: relative; direction: ltr; z-index: 0; margin: 0 auto } .fotorama__wrap--rtl .fotorama__stage__frame { direction: rtl } .fotorama__nav,.fotorama__stage { overflow: hidden; position: relative; max-width: 100% } .fotorama__wrap--pan-y { -ms-touch-action: pan-y } .fotorama__wrap .fotorama__pointer { cursor: pointer } .fotorama__wrap--slide .fotorama__stage__frame { opacity: 1!important } .fotorama__stage__frame,body.open_popup,html.wind_opened,html.wind_opened body { overflow: hidden } .fotorama__stage__frame.fotorama__active { z-index: 8 } .fotorama__wrap--fade .fotorama__stage__frame { display: none } .fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active { display: block; left: 0; top: 0 } .fotorama__wrap--fade .fotorama__fade-front { z-index: 8 } .fotorama__wrap--fade .fotorama__fade-rear { z-index: 7 } .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active { z-index: 9 } .fotorama__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border: 0!important } .fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img { -ms-filter: "alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full,.fotorama__wrap--fade .fotorama__stage .fotorama__shadow { display: none } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full { display: block } .fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage { max-width: 99999px!important } .fotorama__wrap--only-active .fotorama__stage__frame { visibility: hidden } .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active { visibility: visible } .fotorama__nav { font-size: 0; line-height: 0; text-align: center; display: none; white-space: nowrap; z-index: 5 } .fotorama__nav__shaft { position: relative; left: 0; top: 0; text-align: left } .fotorama__nav__frame { position: relative; cursor: pointer } #shop-cart-btn.visible,#shopCartModal .slider .slide.visible,.fotorama__nav--dots,.fotorama__nav--thumbs { display: block } .fotorama__nav--dots .fotorama__nav__frame { width: 18px; height: 30px } .fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border { display: none } .fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 0!important } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 0!important } .fotorama__nav--thumbs .fotorama__nav__frame--dot { display: none } .fotorama__dot { display: block; width: 4px; height: 4px; position: relative; top: 12px; left: 6px; border-radius: 6px; border: 1px solid #7f7f7f } .fotorama__nav__frame:focus .fotorama__dot:after { padding: 1px; top: -1px; left: -1px } .fotorama__nav__frame.fotorama__active .fotorama__dot { width: 0; height: 0; border-width: 3px } .fotorama__nav__frame.fotorama__active .fotorama__dot:after { padding: 3px; top: -3px; left: -3px } .fotorama__thumb { overflow: hidden; position: relative; width: 100%; height: 100% } .fotorama__nav__frame:focus .fotorama__thumb { z-index: 2 } .fotorama__thumb-border { position: absolute; z-index: 9; top: 0; left: 0; border-style: solid; border-color: #00afea; background-image: linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1)) } .fotorama__caption { position: absolute; z-index: 12; bottom: 0; left: 0; right: 0; font-size: 14px; line-height: 1.5; color: #000 } .fotorama__caption a { text-decoration: none; color: #000; border-bottom: 1px solid; border-color: rgba(0,0,0,.5) } .fotorama__caption a:hover { color: #333; border-color: rgba(51,51,51,.5) } .fotorama__wrap--rtl .fotorama__caption { left: auto; right: 0 } .fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption { display: none } .fotorama__caption__wrap { background-color: #fff; background-color: rgba(255,255,255,.9); padding: 5px 10px } .fotorama__wrap--css3 .fotorama__spinner { -webkit-animation: spinner 24s infinite linear; animation: spinner 24s infinite linear } .fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img { transition-property: opacity; transition-timing-function: linear; transition-duration: .3s } .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0 } .fotorama__select { cursor: auto } .fotorama__video { top: 32px; right: 0; bottom: 0; left: 0; position: absolute; z-index: 10 } @-moz-document url-prefix() { .fotorama__active { box-shadow: 0 0 0 transparent } } .fotorama__arr { z-index: 11; cursor: pointer } .fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play { position: absolute; cursor: pointer } .fotorama__video-play { z-index: 11 } .fotorama__arr { position: absolute; width: 32px; height: 32px; top: 50%; margin-top: -16px } .fotorama__arr--prev { left: 2px; background-position: 0 0 } .fotorama__arr--next { right: 2px; background-position: -32px 0 } .fotorama__arr--disabled { pointer-events: none; cursor: default; *display: none; opacity: .1 } .fotorama__fullscreen-icon { width: 32px; height: 32px; top: 2px; right: 2px; background-position: 0 -32px; z-index: 20 } .fotorama__arr:focus,.fotorama__fullscreen-icon:focus { border-radius: 50% } .fotorama--fullscreen .fotorama__fullscreen-icon { background-position: -32px -32px } .fotorama__video-play { width: 96px; height: 96px; left: 50%; top: 50%; margin-left: -48px; margin-top: -48px; background-position: 0 -64px; opacity: 0 } .fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play { display: none } .fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play { opacity: 1; display: block } .fotorama__nav__frame .fotorama__video-play { width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; background-position: -64px -32px } .fotorama__video-close { width: 32px; height: 32px; top: 0; right: 0; background-position: -64px 0; z-index: 20; opacity: 0 } .fotorama__wrap--css2 .fotorama__video-close { display: none } .fotorama__wrap--css3 .fotorama__video-close { transform: translate3d(32px,-32px,0) } .fotorama__wrap--video .fotorama__video-close { display: block; opacity: 1 } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close { transform: translate3d(0,0,0) } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 0 } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { opacity: 1 } .fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon { opacity: 0!important } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { display: none } #shopCartModal .form-field__value input:focus+span,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { display: block } .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon,[v-cloak] { display: none!important } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { transform: translate3d(32px,-32px,0) } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) { transform: translate3d(-48px,0,0) } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { transform: translate3d(48px,0,0) } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon { transform: translate3d(32px,-32px,0)!important } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev { transform: translate3d(-48px,0,0)!important } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next { transform: translate3d(48px,0,0)!important } .fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus) { transition-property: transform,opacity; transition-duration: .3s } .fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before { content: ""; display: block; position: absolute; text-decoration: none; top: 0; bottom: 0; width: 10px; height: auto; z-index: 10; pointer-events: none; background-repeat: no-repeat; background-size: 1px 100%,5px 100% } .fotorama__nav:before,.fotorama__stage:before { background-image: linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent); background-position: 0 0,0 0; left: -10px } .fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before { left: 0 } .fotorama__nav:after,.fotorama__stage:after { background-image: linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent); background-position: 100% 0,100% 0; right: -10px } .fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after { right: 0 } .fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before { display: none } .pc .section-slider .fotorama__img { height: auto!important } .pc .section-slider[slider_full_height="0"] .fotorama__img { left: 0!important; max-width: 100%!important } #shopCartModal .slider .slide { display: none; position: relative } #shopCartModal .slider .slide.last-slide { min-height: 300px } #shopCartModal .slide.visible.goods-list { display: table } #shop-cart-animate-btn-wrap { position: absolute; top: 0; left: 0; height: 0; width: 0 } #shop-cart-btn { color: #fff; cursor: pointer; fill: #fff; font-size: 13px; height: 75px; opacity: .9; position: fixed; right: 50px; text-align: center; top: 50px; width: 75px; z-index: 1000; display: none } .open_popup #shop-cart-btn { z-index: 0 } #shop-cart-btn.white { background-color: #fff; border: 1px solid #e4eaec; color: #555; fill: #555 } #shop-cart-btn.black { background-color: #000 } #shop-cart-btn.red { background-color: #f96868 } #shop-cart-btn.blue { background-color: #62a8ea } #shop-cart-btn.orange { background-color: #f2a654 } #shop-cart-btn.green { background-color: #4caf50 } #shop-cart-btn #shopCartAmount { background-color: red; border-radius: 150px; top: -5px; font-weight: 700; transform: translateX(50%); right: 0; height: 30px; padding: 5px; position: absolute; color: #fff; min-width: 30px } .non-pc #shop-cart-btn { height: 48px; width: 48px; top: 20px; right: 20px } .non-pc #shop-cart-btn #shopCartAmount { top: -10px; right: 0; min-width: 22px; height: 22px; line-height: 22px; padding: 0 4px } .non-pc #shop-cart-btn.circle #shopCartAmount { top: -5px } #shop-cart-btn .cart-ico { height: 40px; left: 50%; margin: -20px 0 0 -20px; position: absolute; top: 50%; width: 40px } .non-pc #shop-cart-btn .cart-ico { height: 34px; width: 34px; margin: -15px 0 0 -17px } #shop-cart-btn.square { border-radius: 4px } #shop-cart-btn.circle { border-radius: 50% } #shopCartAmount .shop-cart-popover { background-color: rgba(0,0,0,.9); border-radius: 5px; color: #fff; right: 300px; opacity: 0; padding: 10px; position: absolute; top: 20px; white-space: nowrap; display: none } #shopCartAmount .shop-cart-popover.block { display: block } #shopCartAmount .shop-cart-popover.visible { opacity: .8; right: 95px; transition: opacity .3s,right .3s } #shopCartAmount .shop-cart-popover::after { content: ''; height: 0; margin-right: -5px; position: absolute; right: -5px; width: 0; border: 5px solid transparent; border-left-color: rgba(0,0,0,.9); top: 15px } #shopCartModal { position: relative; width: 700px } .shopCartModal__header { font-size: 16px; height: 16px; text-align: center; line-height: 1 } #shopCartModal .wind-header { background-color: #f5f5f5; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom: 1px solid #eee; padding: 30px 0; position: relative } #shopCartModal .wind-header .wind-close { padding: 0 3px; opacity: .2; transition: all .5s ease; position: absolute; top: 50%; margin-top: -11px; right: 24px } #shopCartModal .wind-header .wind-close:hover { opacity: .8 } #shopCartModal .wind-header .wind-close svg { display: block; width: 16px } #shopCartModal .wind-header h3 { color: #7b7f82; font-family: inherit; font-size: 24px; text-align: center; margin: 0 40px 0 30px } #shopCartModal .wind-header .return { float: left; font-size: 24px; display: none } #shopCartModal .wind-body { padding: 0 } #shopCartModal .goods-list { display: table; list-style: none; margin: 0; padding: 0; width: 100% } #shopCartModal .goods-item .product:first-child { padding-left: 30px } #shopCartModal .goods-list>p { color: #7b7f82; display: table-cell; font-size: 24px; text-align: center; width: 100% } #shopCartModal .goods-list-empty { padding: 70px 30px 70px 0; text-align: center } #shopCartModal .goods-list-empty p { font-size: 18px; margin: 0 } #shopCartModal .goods-item { display: table-row } #shopCartModal .goods-item:first-child .product { border-top: none } #shopCartModal .product { border-top: 1px solid #eee; display: table-cell; padding: 24px 30px 24px 0; height: 80px; vertical-align: middle } #shopCartModal .product__photo { overflow: hidden; text-align: center; width: 80px } #shopCartModal .product__photo img { background-color: #eee; height: 100% } #shopCartModal .product__title { color: #434443; font-size: 16px } #shopCartModal .product__amount { width: 150px } #shopCartModal .product__amount-wrapper { display: inline-block } .product__amount_value { display: inline-block; width: 30px; text-align: center; margin: 0 10px; border: 0; background: 0 0; box-shadow: none; font-size: 16px; vertical-align: middle } @media screen and (max-width: 769px) { .product__amount_value { margin:0 } } #shopCartModal .product__amount button { height: 26px; width: 26px; border: 1px solid #e6e6e6; border-radius: 30px; background: 0 0; position: relative } #shopCartModal .product__amount button:hover { background: #f3f3f3 } #shopCartModal .product__amount button:active { background: #e2e2e2 } .product__amount--less:before,.product__amount--more:after,.product__amount--more:before { content: ''; display: block; position: absolute; height: 2px; width: 12px; background: #666; top: 50%; left: 50%; margin: -1px 0 0 -6px } .product__amount--more:after { height: 12px; width: 2px; margin: -6px 0 0 -1px } .product__amount_disabled { opacity: .4; cursor: default } #shopCartModal .product__price { font-size: 16px; width: 120px; text-align: right } .product__price-value { color: #434443 } .product__price-currency { color: #888; font-size: 14px } #shopCartModal .product__remove { width: 16px } #shopCartModal .product__remove-btn { cursor: pointer; width: 16px; height: 16px; padding: 3px } #shopCartModal .product__remove-btn svg { display: block; width: 10px; height: 10px; transition: all .5s ease; fill: #a2a2a2 } #shopCartModal .product__remove-btn:hover svg { fill: #f33109 } #shopCartModal .product__remove-btn .product__remove--popover { position: absolute; bottom: 100%; left: 0 } #shopCartModal .form-field__value span,#shopCartModal .shop-cart-confirm { background-color: #fff; border: 1px solid #eee; border-radius: 5px; display: none; position: absolute; z-index: 1 } #shopCartModal .shop-cart-confirm { box-shadow: 0 3px 30px rgba(0,0,0,.5); left: 50%; padding: 20px; text-align: center; top: 50%; transform: translate(-50%,-50%) } #shopCartModal .shop-cart-confirm p { line-height: 2; margin-bottom: 10px } #shopCartModal .shop-cart-confirm button+button { margin-left: 30px } #shopCartModal .shop-cart-confirm--shadow.visible,#shopCartModal .shop-cart-confirm.visible { display: block } #shopCartModal .shop-cart-confirm--shadow { background-color: rgba(0,0,0,.2); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0 } #shopCartModal .shop-cart-form { padding: 30px } #shopCartModal .shop-cart-form form { display: table; margin: 0 auto } #shopCartModal .form-field { display: table-row } #shopCartModal .form-field__title { display: table-cell; min-width: 150px; padding-bottom: 20px } #shopCartModal .form-field__value { display: table-cell; position: relative } #shopCartModal .required span::after { color: red; content: ' *' } #shopCartModal .form-field__value span { top: 0; box-shadow: 0 3px 10px rgba(0,0,0,.5); left: 200px; padding: 5px; width: 165px } #shopCartModal .shop-cart-after { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; width: 90%; line-height: 1.4 } #shopCartModal .shop-cart-after p { font-size: 24px } #shopCartModal .wind-footer { padding: 0 } #shopCartModal .wind-footer .slide { background-color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: 1px solid #eee; display: none; padding: 20px 15px 20px 30px; width: 100% } #shopCartModal .wind-footer .slide.visible { display: table } #shopCartModal .wind-footer--left { color: #8f9399; display: table-cell; font-size: 14px; vertical-align: middle; width: 50%; line-height: 34px } #shopCartModal .wind-footer--center,#shopCartModal .wind-footer--right { display: table-cell; text-align: right; vertical-align: middle; width: 50% } #shopCartModal .wind-footer--center { text-align: center; width: 40% } #shopCartModal .wind-footer--center p { margin: 0; font-size: 10px; line-height: 1.2; color: #76838f } #shopCartModal .wind-footer--shorten { width: 25% } #shopCartModal .wind-footer--right a { display: inline; float: none } .cart-itogo-money__value { color: #434443; font-size: 16px } .non-pc #shopCartModal { border-radius: 0; height: 100%; margin: 0; position: relative; width: 100% } .non-pc #shopCartModal .wind-header .return { display: flex; position: absolute; top: 0; bottom: 0; padding-left: 20px; align-items: center } .wind-footer .btn.btn-link { text-decoration: none; padding: 6px 15px } #shopCartModal .btn.btn-primary { padding: 0 24px; color: #fff; background-color: #62a8ea; border-color: #62a8ea; background-image: none; text-shadow: none; height: 50px; line-height: 48px; font-size: 16px } @media screen and (max-width: 769px) { #shopCartModal .slide.visible.goods-list { display:block } #shopCartModal .goods-item { display: block; border: 0; padding-top: 14px } #shopCartModal .goods-item .product__title { display: block; font-weight: 700; height: auto; padding-bottom: 0; border-top: 1px solid #eee; padding-top: 24px } #shopCartModal .goods-item .product__amount { padding-left: 30px } } .quiz-form-settings { position: relative } #form_preview_wrap1 .wind-close,.quiz .hint { display: none } .quiz-steps { background-color: #fafafa; overflow-y: auto; padding: 24px 15px 15px; margin-right: 420px; height: inherit } .quiz-settings__close-icon,.quiz-steps__close-icon { color: #c6c6c6; cursor: pointer; display: none; position: absolute; right: 15px; top: 15px } .quiz-settings__close-icon:hover,.quiz-steps__close-icon:hover { color: #e74d1d } .quiz-steps__title { font-size: 16px; font-weight: 700; text-align: center; margin: 20px 0 } .quiz-steps__list { margin: 0 auto; position: relative; width: 420px } .quiz-steps__add-field { margin: 25px 0 10px; text-align: center; position: relative } .quiz-new-popup { top: 0; bottom: 0; left: 0; opacity: 0; right: 0; transition: opacity .3s ease-out,z-index .1s ease-out .3s; z-index: -1; display: none; background: #f5f5f5; border: 0; box-shadow: none; overflow: auto; padding: 0 0 40px } .quiz-new-popup--visible { opacity: 1; transition: opacity .3s ease-out; z-index: 1; display: block } .quiz-new-popup__header { line-height: 1; padding: 30px 0 0 30px } .quiz-new-popup__body { align-content: center; align-items: center; display: flex; flex-wrap: wrap; justify-content: center; margin: auto } .quiz-new-popup__body .quiz-new-popup__subtitle { margin-bottom: 64px; text-align: center; width: 100% } .quiz-new-popup__body .quiz-new-popup__title { display: block; text-align: center; width: 100%; color: #717171; margin-bottom: 24px } .quiz-new-popup__body .quiz-new-popup__subtitle { display: block; font-size: 24px } .quiz-new-popup__item { border: 1px solid rgba(0,0,0,.13); border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,.13),0 1px 3px rgba(0,0,0,.13); cursor: pointer; margin: 0 32px; padding: 15px; text-align: center; transform: translateY(0); transition: transform .4s ease,box-shadow .4s ease; background: #fff } .quiz-new-popup__item:hover { box-shadow: 0 10px 15px rgba(0,0,0,.2); transform: translateY(-5px) } .quiz-new-popup__icon { background: center no-repeat; background-size: 144px; height: 160px; width: 160px; margin: 0 auto 4px } .quiz-new-popup__icon--hybrid { background-image: url(public_img/quiz-icon__hybrid.svg) } .quiz-new-popup__icon--select { background-image: url(public_img/quiz-icon__select.svg) } .quiz-new-popup__icon--text { background-image: url(public_img/quiz-icon__text.svg); background-position-y: 53% } .quiz-step { list-style: none; margin: 0 25px; position: relative } .quiz-step--dragged { background-color: transparent!important } .quiz-step__inner { background-color: #fff; border-radius: 4px; list-style: none; margin: 0 25px; position: relative; border: 1px solid rgba(0,0,0,.12); box-shadow: none; transition: box-shadow .4s ease,border .4s ease } .quiz-step__inner--active { border: 1px solid #2c9cdb } .quiz-step__short-title { cursor: pointer; padding: 12px 15px 12px 37px; color: #222; transition: color .4s ease } .quiz-step__inner--active .quiz-step__short-title { color: #2c9cdb } .quiz-step+.quiz-step,.quiz-step+.quiz-step__shadow,.quiz-step__shadow+.quiz-step { margin-top: 10px } .quiz-step__hidden-icon { display: block; height: 40px; line-height: 40px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 25px; opacity: 0; transition: opacity .8s ease } .quiz-step__action-icon { color: #777; display: block; float: left; margin: 15px 0 0 15px; transition: color .4s ease } .quiz-step__inner--active .quiz-step__action-icon { color: #2c9cdb } .quiz-step__drag-icon { cursor: move } .quiz-step__arrow-icon { color: #2c9cdb; position: absolute; right: 16px; top: 48%; transform: translateY(-50%); opacity: 0; display: block; transition: right .4s ease,opacity .4s ease } .quiz-step__inner--active .quiz-step__arrow-icon { right: 8px; opacity: 1 } .quiz-step__remove-icon { cursor: pointer; right: -26px; padding-left: 10px } .quiz-step__drag-icon { left: -26px } .quiz-step:not(.quiz-step__shadow):hover .quiz-step__inner,.quiz-step__inner--active { box-shadow: 0 4px 6px rgba(0,0,0,.15) } .quiz-step:not(.quiz-step__shadow):hover .quiz-step__hidden-icon { opacity: 1 } .quiz-step__shadow { list-style: none; min-height: 40px } .quiz-step__shadow .quiz-step__inner { border: 1px solid transparent; background-color: rgba(0,0,0,.04); box-shadow: inset 0 4px 5px 0 rgba(0,0,0,.15); transition: none } .quiz-step__shadow .quiz-step__action-icon,.quiz-step__shadow .quiz-step__arrow-icon { display: none } .quiz-step__shadow .quiz-step__short-title { color: transparent } .quiz-step-details { overflow: hidden; position: relative; height: inherit } .quiz-step-details__header { width: 100% } .quiz-step-details__header .t-cell { width: 33%; vertical-align: middle; text-align: center } .quiz-step-details__header .t-cell:first-child { text-align: left } .quiz-step-details__header .t-cell:last-child { text-align: right } .quiz-step-details__progress { margin-bottom: 10px } .quiz-step-details__progress-bar { display: flex; align-items: center; justify-content: center } .quiz-step-details__step-label { background-color: #454545; border-radius: 14px; color: #fff; padding: 5px 15px } .quiz-step-details__config-btn { background-color: #c1c1c1; border: 0; border-radius: 50%; height: 44px; padding: 0; position: relative; width: 44px; z-index: 2 } .quiz-step-details__config-btn--green { background-color: #2ba760 } .quiz-step-details__icon { background-color: #0d0d0d; display: block; height: 44px; -webkit-mask: none no-repeat 50% 50%; mask: none no-repeat 50% 50%; -webkit-mask-size: 25px; mask-size: 25px; width: 44px } .quiz-step-details__list-icon { background-color: #fff; -webkit-mask-image: url(public_img/menu.svg); mask-image: url(public_img/menu.svg); -webkit-mask-size: 20px; mask-size: 20px } .quiz-step-details__gear-icon { -webkit-mask-image: url(public_img/gear.svg); mask-image: url(public_img/gear.svg); -webkit-mask-size: 30px; mask-size: 30px } .quiz-details__nav { position: absolute; top: 0; bottom: 0; padding: 6px 15px; width: 120px } .quiz-details__nav:hover { cursor: pointer; background-color: #eee } .quiz-details__nav--next { right: 0 } .quiz-details__nav--prev { left: 0 } .quiz-details__nav-icon { background: center no-repeat; display: none; height: 26px; opacity: .3; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); vertical-align: middle; width: 26px } .quiz-details__nav:hover .quiz-details__nav-icon { display: inline-block } .quiz-details__nav-icon--prev { background-image: url(public_img/prev-arrow.svg); left: 50%; transform: translateX(-50%) } .quiz-details__nav-icon--add,.quiz-details__nav-icon--next { background-image: url(public_img/next-arrow.svg); right: 50%; transform: translateX(50%) } .quiz-details__nav-icon--add { background-image: url(public_img/add.svg) } .quiz-step-details__title { font-size: 20px; font-weight: 700; margin-top: 20px; text-align: center } .quiz-step-details__description { font-size: 14px; margin-top: 10px; text-align: center } .quiz-step-details__buttons { align-items: center; display: flex; justify-content: center; margin-top: 20px } .quiz-step-details__back-btn { border: 0; background: 0 0; color: #2084d6; cursor: pointer; font-size: 14px; font-weight: 400; line-height: 20px; padding: 10px 20px; text-decoration: none } .quiz-step-details__forward-btn,.quiz-step-details__submit-btn { background: #2084d6; border: 0; border-radius: 5px; color: #fff; cursor: pointer; font-weight: 300; font-style: normal; font-size: 20px; line-height: 1; padding: 10px 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; white-space: nowrap } .quiz-step-details__regulation { text-align: center; margin-top: 20px } .quiz-step-settings { background-color: #f5f5f5; float: right; height: inherit; overflow-y: auto; padding: 24px 56px; transition: background .1s ease; width: 420px; box-shadow: 0 0 30px rgba(0,0,0,.17) } .quiz-step-settings--highlight { background-color: #fff; transition: background .1s ease } .quiz-step-settings__header { font-size: 16px; font-weight: 700; margin-bottom: 15px } .quiz-step-settings__item { position: relative } .quiz-step-settings__item+.quiz-step-settings__item { margin-top: 15px } .items-per-row__select-wrap>p,.quiz-step-settings__item>p { margin-bottom: 5px } .quiz-step-settings__options { margin: 0 } .quiz-step-settings__option-item { display: block; list-style: none; position: relative } .quiz-step-settings__option-item+.quiz-step-settings__option-item { margin-top: 10px } .quiz-full-width-control,.quiz-step-settings__no-text-hint--wrap.quiz-step-settings__no-text-hint--show .quiz-step-settings__no-text-hint,.quiz-step-settings__option-item--with-image .quiz-step-settings__option-img { display: block } .quiz-full-width-control input,.quiz-full-width-control select { display: block; width: 100% } .items-per-row__wrap { display: flex; justify-content: space-between } .items-per-row__select-wrap { width: 48% } .quiz-step-settings__option-input { width: 200px } .quiz-step-settings__no-text-hint { position: absolute; display: none; top: 0; left: 0; bottom: 0; right: 0; background: rgba(95,76,79,.17) } .quiz-step-settings__option-img { background-repeat: no-repeat; background-size: cover; border-radius: 2px; display: none; cursor: pointer; height: 30px; width: 30px; float: left } .quiz-step-settings__option-item--with-image .quiz-full-width-control { margin-left: 40px } .quiz-step-settings__options-item--shadow { border-radius: 4px; background-color: rgba(0,0,0,.04); box-shadow: inset 0 2px 6px 0 rgba(0,0,0,.23) } .quiz-step-settings__options-item--shadow .quiz-step-settings__option-img,.quiz-step-settings__options-item--shadow i { display: none } .quiz-step-settings__options-item--shadow input { visibility: hidden } .quiz-step-settings__add-option-btn { border: 1px solid #c1c1c1; border-radius: 15px; cursor: pointer; height: 30px; line-height: 28px; text-align: center; transition: border .5s ease } .quiz-step-settings__add-option-btn i { opacity: .5 } .btn-group.open>button.btn-link,.quiz-step-settings__add-option-btn:hover { border: 1px solid #9c9c9c } .quiz-step-settings__drag-icon,.quiz-step-settings__remove-icon { height: 30px; line-height: 30px; text-align: center; width: 30px; transition: .5s ease; opacity: .3 } .quiz-step-settings__remove-icon { cursor: pointer; opacity: 0; position: absolute; right: -30px; top: 0 } .quiz-step-settings__option-item:hover .quiz-step-settings__drag-icon,.quiz-step-settings__option-item:hover .quiz-step-settings__remove-icon { opacity: 1 } .quiz-step-settings__drag-icon { left: -30px; position: absolute; top: 0; cursor: move } .quiz-switchers { display: none } .settings-form__hide-quiz-design { float: right; text-transform: uppercase; margin-right: 10px } .table-form-editor:not(.quiz-form-editor) .quiz-visible { display: none } .quiz-form .field .quiz-hidden,.quiz-form .field .ui_required.quiz-hidden,.quiz-form .quiz-hidden,.quiz-form-editor .field .del.quiz-hidden,.quiz-form-editor .field .move.quiz-hidden,.quiz-form-editor .field .overlay_edit.quiz-hidden,.quiz-form-editor .field .overlay_settings_word.quiz-hidden,.quiz-form-editor .field .quiz-hidden,.quiz-form-editor .quiz-hidden,.quiz-form-editor .title.quiz-hidden { display: none } .quiz-step-view { margin: 0 auto; width: 75% } .field_wrap .quiz-field { background-position: center; background-size: cover; border-radius: 4px; display: inline-block; height: 25vw; margin: 0 20px 40px; overflow: hidden; position: relative; padding: 0; vertical-align: top } .quiz-form--v1 .field_wrap .quiz-field { height: unset; border-radius: 12px } .quiz-form--v1 .field_wrap .quiz-field:hover { box-shadow: 0 12px 47px -4px #e0e0e0; background-color: #fff } .quiz-form--v1.quiz-form--bg-img .field_wrap .quiz-field:hover,.quiz-form--v1.quiz-form--dark .field_wrap .quiz-field:hover { box-shadow: none; background-color: rgba(255,255,255,.2) } .user_form_preview:not(.quiz-form--v1) .field_wrap .quiz-field { height: 150px } body .user_form_preview .field_wrap .quiz-field.quiz-field--no-image { height: auto } .quiz-step-view--no-image .quiz-step-view__cell { width: 100% } .quiz-step-view__ghost { background: url(public_img/plus.svg) center no-repeat #eee; border-radius: 4px; cursor: pointer; min-height: 135px } .quiz-step-view--no-image .quiz-step-view__ghost { min-height: 45px } .quiz-field__img { display: none } .quiz-field .quiz-field__img,.quiz-step-view__image { border-radius: 4px; display: block; margin: 0 auto } .field_wrap .quiz-field__col-1 { display: block; margin: 20px auto } .quiz-field__col-1,.quiz-field__col-3 { width: 25% } .quiz-field__col-2 { width: 33% } .quiz-field__col-4 { width: 20% } .quiz-field__col-5 { width: 15% } .quiz-step-view.quiz-step-view--no-image .quiz-step-view__add-new-btn,.quiz-step-view__add-new-btn { width: 100% } .quiz-step-view__label { border-radius: 4px; display: block; overflow: hidden; position: relative } .quiz-step-view__input { display: none } .quiz-step-view__select { -webkit-appearance: none; background: url(public_img/arrow-down.svg) 100% 50% no-repeat no-repeat } .quiz-step-view .quiz-step-view__text,.quiz-step-view__select,.quiz-step-view__textarea { display: block; margin: 0 auto; width: 400px } .quiz-form:not(.quiz-form--v1) .quiz-field__descr,.quiz-step-view__descr { display: inline-block; line-height: 1.5; margin-left: 20px; min-height: 40px; padding: 10px 10px 10px 30px; position: relative } .quiz-form:not(.quiz-form--v1) .quiz.fcheckbox .field_wrap:not(.quiz-field__align-right) .quiz-field__descr,.quiz-form:not(.quiz-form--v1) .quiz.fradio .field_wrap:not(.quiz-field__align-right) .quiz-field__descr { text-align: left } .quiz-field__align-right .quiz-step-view__descr,.quiz-form:not(.quiz-form--v1) .quiz-field__align-right .quiz-field__descr { margin-left: auto; margin-right: 20px; padding: 10px 30px 10px 10px } .quiz-form:not(.quiz-form--v1) .quiz-field--no-descr .quiz-field__descr,.quiz-step-view--no-descr .quiz-step-view__descr { overflow: hidden; text-indent: 100%; white-space: nowrap } .quiz-form:not(.quiz-form--v1) .quiz-field--no-descr .quiz-field__descr::before,.quiz-step-view--no-descr .quiz-step-view__descr::before { transform: translateY(-50%) translateX(-50%); left: 50% } .quiz-form:not(.quiz-form--v1) .quiz-field:not(.quiz-field--no-image) .quiz-field__descr,.quiz-step-view:not(.quiz-step-view--no-image) .quiz-step-view__descr { background-color: rgba(0,0,0,.5); bottom: 0; color: #fff; left: 0; padding: 10px 10px 10px 50px; position: absolute; right: 0; text-align: left } .quiz-step-view:not(.quiz-step-view--no-image) .quiz-step-view__descr { margin: 0 } .quiz-form:not(.quiz-form--v1) .quiz-field__descr::before,.quiz-step-view__descr::before { background-color: transparent; border: 2px solid #8a938e; border-radius: 3px; content: ""; height: 14px; left: 15px; position: absolute; top: 50%; transform: translateY(-50%); width: 14px } .quiz-field__align-right .quiz-step-view__descr::before,.quiz-form:not(.quiz-form--v1) .quiz-field__align-right .quiz-field__descr::before { left: auto; right: 15px } .quiz-form:not(.quiz-form--v1) input[type=radio]+.quiz-field__descr::before,input[type=radio]+.quiz-step-view__descr::before { border-radius: 50% } .quiz-field__cover { display: none; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0,0,0,.5); border-radius: 4px } .quiz-form--v1 .quiz-field .quiz-field__cover { display: block; position: unset; padding: 4px; background-color: unset } .quiz-form--v1 .quiz-field--no-image .quiz-field__input:checked~.quiz-field__cover { background-color: unset } .blk_section.is_absolute:not(.is_gap) .blk:not(.ms-slot__cell--table .blk).blk-in-abs>.block-content>.m-block-wrapper[data-size=no-size] .b-resize-item,.quiz-form:not(.quiz-form--v1) .quiz-field--no-image .quiz-field__cover { display: none!important } .quiz-form--v1 .quiz-field--no-image .quiz-field-img { display: none } .quiz-field__input:checked~.quiz-field__cover,.quiz-step-view__input:checked~.quiz-field__cover { display: block } .quiz-field-img { width: 100%; border-radius: 8px; background-size: cover; margin-bottom: 8px } .quiz-field-img:before { content: ''; display: block; padding-top: 100% } .quiz-form--v1 .quiz-field__descr { display: inline-block; height: 72px; position: relative; font-size: 18px; padding: 0 16px 0 58px; vertical-align: middle } .quiz-form--v1 .quiz-field__descr:after { content: "\00A0"; display: inline-block; width: 0; line-height: 72px; overflow: hidden; vertical-align: middle } .quiz-form--v1 .quiz-field--no-descr .quiz-field__descr { padding: 0 } .quiz-form--v1 .quiz-field--check { content: ''; width: 24px; height: 24px; position: absolute; top: 50%; left: 16px; transform: translate(0,-50%); box-shadow: inset 0 0 0 2px #c5c7cb } .quiz-form--v1 .quiz-field--no-image .quiz-field__descr { height: 56px } .quiz-form--v1 .quiz-field--no-image .quiz-field__descr:after { line-height: 56px } .quiz-form--v1 .quiz-field--no-descr .quiz-field--check { left: -12px } .quiz-form--v1 input[type=radio]~.quiz-field__cover .quiz-field--check { transition: box-shadow .3s ease; border-radius: 50% } .quiz-form--v1 input[type=checkbox]:not(:checked)~.quiz-field__cover .quiz-field--check { transition: box-shadow .3s ease,background .3s ease } .quiz-form--v1 input[type=checkbox]~.quiz-field__cover .quiz-field--check { border-radius: 6px } .quiz-form--v1 .quiz-field:hover input[type=radio]~.quiz-field__cover .quiz-field--check { box-shadow: inset 0 0 0 2px #5387ed } .quiz-form--v1.quiz-form--bg-img .quiz-field:hover input[type=radio]~.quiz-field__cover .quiz-field--check,.quiz-form--v1.quiz-form--dark .quiz-field:hover input[type=radio]~.quiz-field__cover .quiz-field--check { box-shadow: inset 0 0 0 2px #fff } .quiz-form--v1 .quiz-field input[type=radio]:checked~.quiz-field__cover .quiz-field--check,.quiz-form--v1.quiz-form--bg-img .quiz-field input[type=radio]:checked~.quiz-field__cover .quiz-field--check,.quiz-form--v1.quiz-form--dark .quiz-field input[type=radio]:checked~.quiz-field__cover .quiz-field--check { box-shadow: inset 0 0 0 7px #5387ed; background: #fff; background: radial-gradient(#fff 50%,transparent 80%) } .quiz-form--v1 .quiz-field:hover input[type=checkbox]~.quiz-field__cover .quiz-field--check { box-shadow: inset 0 0 0 2px #5387ed } .quiz-form--v1.quiz-form--bg-img .quiz-field:hover input[type=checkbox]:not(:checked)~.quiz-field__cover .quiz-field--check,.quiz-form--v1.quiz-form--dark .quiz-field:hover input[type=checkbox]:not(:checked)~.quiz-field__cover .quiz-field--check { box-shadow: inset 0 0 0 2px #fff } .quiz-form--v1 input[type=checkbox]:checked~.quiz-field__cover .quiz-field--check { box-shadow: inset 0 0 0 2px #5387ed; background: #5387ed } .quiz-form--v1 input[type=checkbox]:checked~.quiz-field__cover .quiz-field--check:before { content: ''; position: absolute; top: 12px; left: 5px; width: 11px; height: 6px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); -webkit-animation: quiz-checkmark .15s ease; animation: quiz-checkmark .15s ease; transform-origin: left top } .quiz-form--v1 .quiz-field__descr div { display: inline-block; vertical-align: middle; text-align: left } .quiz-form:not(.quiz-form--v1) .quiz-field--no-image .quiz-field__descr::before,.quiz-step-view--no-image .quiz-step-view__descr::before { display: block; vertical-align: middle; left: 0; top: 11px; transform: none; position: absolute } .quiz-field__align-right .quiz-step-view--no-image .quiz-step-view__descr::before,.quiz-form:not(.quiz-form--v1) .quiz-field__align-right .quiz-field--no-image .quiz-field__descr::before { left: auto; right: 0 } .quiz-form:not(.quiz-form--v1) .quiz-field__input:checked~.quiz-field__descr::before,.quiz-step-view__input:checked~.quiz-step-view__descr::before { border-color: #1ea86d } .quiz-form:not(.quiz-form--v1) input[type=checkbox].quiz-field__input:checked~.quiz-field__descr::before,input[type=checkbox].quiz-step-view__input:checked~.quiz-step-view__descr::before { background: url(public_img/check.svg) center no-repeat #1ea86d } .quiz-form:not(.quiz-form--v1) input[type=radio].quiz-field__input:checked~.quiz-field__descr::before,input[type=radio].quiz-step-view__input:checked~.quiz-step-view__descr::before { background: url(public_img/radio.svg) center no-repeat; background-size: 12px } .quiz-field--no-descr .quiz-field__descr { font-size: 0 } .quiz-form:not(.quiz-form--v1) .quiz-field:not(.quiz-field--no-image) .quiz-field__descr { margin: 0; z-index: 1 } .quiz-step-view--no-image .quiz-step-view__cell { display: inline-block; margin: 0 auto; padding: 0 } .quiz-step-view--no-image .quiz-step-view__image,.quiz-step-view--no-image .quiz-step-view__remove-icon { display: none!important } .field_wrap .quiz-field--no-image { background-image: none!important; display: block; height: auto; margin: 0 auto; overflow: hidden; padding: 0; width: auto } .quiz-form--v1 .field_wrap .quiz-field--no-image { transition: background-color .3s ease; margin: 0 auto 4px } .quiz-field--no-image .quiz-field__img { display: none } .quiz-step-view__remove-icon { display: none; position: absolute; right: 3px; top: 3px } .quiz-step-view__label:hover .quiz-step-view__remove-icon { background-color: #dadada; border-radius: 3px; display: block; height: 24px; padding: 5px; top: 5px; right: 5px; width: 24px } .quiz.fcheckbox .field_wrap.quiz-field__align-center,.quiz.fcheckbox .field_wrap.quiz-field__align-left,.quiz.fcheckbox .field_wrap.quiz-field__align-right,.quiz.fradio .field_wrap.quiz-field__align-center,.quiz.fradio .field_wrap.quiz-field__align-left,.quiz.fradio .field_wrap.quiz-field__align-right { display: inline-block; width: auto; max-width: 70% } .quiz.fcheckbox .field_wrap.quiz-field__align-left,.quiz.fradio .field_wrap.quiz-field__align-left { text-align: left } .quiz.fcheckbox .field_wrap.quiz-field__align-center,.quiz.fradio .field_wrap.quiz-field__align-center { text-align: center } .quiz.fcheckbox .field_wrap.quiz-field__align-right,.quiz.fradio .field_wrap.quiz-field__align-right { text-align: right } .quiz.fcheckbox .field_wrap,.quiz.fradio .field_wrap { text-align: center; width: 100% } .quiz__navs { display: flex; justify-content: space-around; align-items: center; margin-top: 20px } .quiz__disabled { display: none!important } .form-editor .quiz-popup-header__cell.is_active { cursor: pointer } .form-editor .quiz-popup-header__cell.is_active:hover { background: rgba(253,209,21,.55); opacity: .5 } .form-editor .wind-footer { padding-top: 15px } .blk_form_wrap:not(.quiz-form) .quiz-step__description,.blk_section.is_absolute .blk.blk_image .blk_image_data_wrap.empty .img_container:not(.ms-slot__cell--table .img_container),.form-editor:not(.quiz-form-editor) .quiz-step__description,.is_popover .quiz-step__description { display: none } .quiz-form .quiz-step__description { display: block; font-size: 14px; font-weight: 400; margin-top: 15px } .quiz-form input.quiz-field__input { display: none; float: none; margin-left: 0; margin-right: 10px } .user_form .user_form_regulation .field_wrap .quiz-step__description { color: initial } .quiz-nav-indicator__btn-next { display: block; margin: 0 auto; cursor: pointer } .quiz-nav-indicator__btn-next:hover { background: #fef2be } .quiz-mobile-view .quiz-form .field_wrap { display: inline-block; width: 100% } .quiz-mobile-view .btn-submit,.quiz-mobile-view .quiz__nav_next { width: 100%; white-space: normal; word-break: break-all } .mobile370 .quiz-form .quiz-field { height: 14vw } .mobile370 .quiz-form .quiz-field.quiz-field--no-image { height: auto } .quiz-mobile-view { position: fixed } .quiz-form .error_wrapper.floated-error { position: fixed; height: 43px; width: 100%; display: flex; justify-content: center; z-index: 3; color: #fff; left: 0 } .quiz-form .error_wrapper.floated-error .error_centered { display: flex; justify-content: center; align-items: center; width: 40%; background: rgba(255,0,0,.74) } .quiz-mobile-view .error_wrapper.floated-error .error_centered { width: 100% } .quiz-form .error_wrapper.floated-error .ui_error { color: #fff } .quiz-statistic-menu { float: left; min-width: 210px } .quiz-step__stat,.quiz-step__stat--info { position: absolute; top: 12px; left: 380px; width: 270px } .quiz-step__stat--info { top: 0 } .quiz-step__stat-count { font-size: 12px; margin-right: 10px } .quiz-step__uber-stat-bar { display: inline-block; margin-right: 10px } .quiz-step__stat-bar { display: flex } .quiz-step__stat-bar,.quiz-step__uber-stat-bar { width: 180px } .quiz-step__stat-finish { display: inline-block; color: #00803b; text-align: left } .quiz-step__stat-bar-finish { background: #63c988 } .quiz-step__stat-outflow { display: inline-block; color: #db3309; text-align: right } .quiz-step__stat-finish,.quiz-step__stat-outflow { width: 50%; font-size: 11px } .quiz-step__stat-bar-outflow { background: #db3309 } .quiz-step__stat-bar-space { background: #e6e6e6 } .quiz-step__stat-bar-finish,.quiz-step__stat-bar-outflow,.quiz-step__stat-bar-space { height: 8px } .quiz-steps--with-statistic .quiz-steps__title { margin: 30px auto 20px; max-width: 400px } .quiz-steps--with-statistic .quiz-steps__add-field { margin: 25px auto 30px; width: 300px } .quiz-statistic-legend { background: #fff; margin-top: 20px; border-radius: 5px } .quiz-statistic-legend-finish { color: #00803b; padding: 10px 0 5px } .quiz-statistic-legend-outflow { color: #db3309; padding: 5px 0 10px } .quiz-statistic-btn { color: #828d9e; cursor: pointer } .quiz-statistic-switch { display: flex } .quiz-statistic-switch .quiz-statistic-view__btn { padding: 8px 24px } .quiz-statistic-switch__label { line-height: 20px; margin-left: 20px } .quiz-statistic-form { background: #fff; border-radius: 4px; border: 1px solid #e5eaec; margin-top: 10px } .quiz-statistic-date-field { padding: 14px } .quiz-statistic-date-field__input { width: 180px } .quiz-statistic-form__bar { background: #f5f5f6; border-top: 1px solid #e5eaec; height: 32px; line-height: 32px; border-radius: 0 0 4px 4px } .quiz-statistic-form__bar-btn { cursor: pointer; text-align: center; color: #b9b9b9; font-size: 12px } .quiz-statistic-form__bar-btn--active { color: #47a9f8 } .quiz-statistic-version-dropdown { border-top: 1px solid #e5eaec; box-shadow: 0 1px 3px rgba(0,0,0,.26) } .quiz-statistic-version { cursor: pointer; padding: 14px 9px; color: #333; font-size: 12px; min-width: 200px } .quiz-statistic-version--selected { background: #f1f1f2; color: #47a9f8; border-radius: 4px } .quiz-statistic-btn__expander { display: inline-block; line-height: 14px; height: 14px; width: 12px; float: right } .quiz-statistic-btn__expander--active { transform: rotate(180deg) } .quiz-statistic-view { display: flex; background: #f1f1f2; border-radius: 8px; padding: 2px } .quiz-statistic-view__btn { border-radius: 6px; color: #adadad; text-align: center; font-size: 11px; padding: 8px; width: 50%; cursor: pointer } .quiz-statistic-view__btn--active { background: #fff; color: #47a9f8 } .quiz-statistic-icon-small { width: 12px; height: 12px; display: inline-block; margin-right: 6px } .quiz-statistic-icon-question { width: 18px; height: 18px; display: inline-block; vertical-align: text-top } .quiz-statistic-version__check { display: none; line-height: 14px; height: 14px; width: 12px; float: right } .quiz-statistic-version--selected .quiz-statistic-version__check { display: inline-block } @media screen and (max-width: 1400px) { .wrap-for-formEditor .wind.form_new.form-editor.quiz-form-editor { border-radius:0; margin: 0; overflow: hidden; position: relative; width: 100% } .quiz-new-popup__body .quiz-new-popup__title { margin-bottom: 16px } .quiz-new-popup__body .quiz-new-popup__subtitle { margin-bottom: 48px } .quiz-form-settings { position: static } .tab-form { height: calc(100vh - 160px) } .tab-form,.wind-wrap { overflow: auto } } @media only screen and (max-width: 800px) { .quiz-form:not(.user_form_preview) .quiz-field { display:flex; height: 50vw; margin: 20px auto } .quiz-form--v1:not(.user_form_preview) .quiz-field { display: inline-block } .quiz-form--v1.quiz-form:not(.user_form_preview) .quiz-field { height: unset } .quiz-form--v1.quiz-form:not(.user_form_preview) .quiz-field.quiz-field--no-image { width: auto; display: block } .quiz-form--v1.quiz-form:not(.user_form_preview) .quiz-field__cover { width: 100% } .quiz-form:not(.user_form_preview) .quiz-field.quiz-field--no-image { height: auto; margin: 10px auto } .quiz-field,.quiz-field__mob-col-1 { width: 100% } .quiz-field__mob-col-2 { width: 50% } .quiz-field__mob-col-3 { width: 33% } } .blk_section.is_hidden,.non-pc #sign_popup img { display: none } .non-pc #button_up_wrap.button_up.left { bottom: 15px; left: 15px } .non-pc .widget_preview_wrapper { width: 100%; left: 0; top: 0 } .non-pc .blk_text .blk-data .heading.heading--rank-1,.non-pc .blk_text .blk-data .heading.heading--rank-2,.non-pc .blk_text .blk-data .heading.heading--rank-3,.non-pc .blk_text .blk-data .heading.heading--rank-4,.non-pc .blk_text .blk-data .heading.heading--rank-5,.non-pc .blk_text .blk-data .heading.heading--rank-6,.non-pc .blk_text .blk-data a,.non-pc .blk_text .blk-data h1,.non-pc .blk_text .blk-data h2,.non-pc .blk_text .blk-data h3,.non-pc .blk_text .blk-data h4,.non-pc .blk_text .blk-data h5,.non-pc .blk_text .blk-data h6,.non-pc .blk_text .blk-data p { font-size: inherit!important } .non-pc .is_parallax .section-image,.non-pc .is_parallax .section-image-2 { background-attachment: scroll; background-size: cover } @supports (-webkit-touch-callout:none) { .blk_section.is_parallax .section-image,.blk_section.is_parallax .section-image-2 { background-attachment: scroll; background-size: cover } } .non-pc #sign_popup img.inline-only-for-non-pc,.non-pc .inline-only-for-non-pc,label { display: inline } #sign_cont:hover #sign_popup,.non-pc .block-only-for-non-pc,label.checkbox { display: block } .success-label.block{display: block !important;} .non-pc #sign_popup { width: 264px; margin-left: -132px } .non-pc #fixed-sections .btn-new,.non-pc #sections_list .btn-new { white-space: normal } .non-pc #fixed-sections>.blk_section.is_absolute .btn-new,.non-pc #sections_list>.blk_section.is_absolute .btn-new { white-space: nowrap } .blk_container.v3 .blk-container__del-cell { display: none } .blk_container>.blk_container_cells_wrap>.blk_container_cells>.td_container_cell.blk-container__empty-cell>.cell.empty_cell,.blk_container[data-id]>.blk_container_cells>.cell.container_cell.empty_cell { background-color: transparent } #button_up_wrap.button_up { display: none; width: 70px; height: 70px; text-align: center; font-size: 12px; opacity: .9; position: fixed; cursor: pointer; z-index: 100 } #button_up_wrap.button_up.left { bottom: 50px; left: 50px } #button_up_wrap.button_up.right { right: 50px; bottom: 50px } #button_up_wrap .scrollup { width: 38%; display: block; margin: 15% auto 3% } #button_up_wrap.button_up.lg { width: 85px; height: 85px; font-size: 14px } #button_up_wrap.button_up.sm { width: 65px; height: 65px; font-size: 12px } #button_up_wrap.button_up.md { width: 75px; height: 75px; font-size: 13px } #button_up_wrap.white { border: 1px solid #e4eaec; background: #fff; color: #555 } #button_up_wrap.white .scrollup { fill: #555 } #button_up_wrap.button_up.black { background: #000; color: #fff } #button_up_wrap.button_up.black .scrollup,#button_up_wrap.button_up.blue .scrollup,#button_up_wrap.button_up.green .scrollup,#button_up_wrap.button_up.red .scrollup,#button_up_wrap.button_up.yellow .scrollup { fill: #fff } #button_up_wrap.button_up.red { background: #f96868; color: #fff } #button_up_wrap.button_up.blue { background: #62a8ea; color: #fff } #button_up_wrap.button_up.yellow { background: #f2a654; color: #fff } #button_up_wrap.button_up.green { background: #4caf50; color: #fff } #button_up_wrap.button_up.square { border-radius: 4px } #button_up_wrap.button_up.circle { border-radius: 50% } .mobile-cart-button-enabled #button_up_wrap,html.wind_opened #sections_list #aaa111 { display: none!important } h1,h2,h3,h4,h5,h6 { line-height: 1 } h1,h2 { font-weight: 400 } a:focus { outline: 0 } :focus { outline: 0!important } ::-moz-focus-inner { border: 0 } html * { -webkit-print-color-adjust: exact; box-sizing: border-box } .jqstooltip { box-sizing: content-box } .btn:focus { outline: 0; outline-offset: 0 } .pos_rel { position: relative } .alert .close,.pos_abs { position: absolute } .alert,body .blk_section,body.body_pages_edit .blk_section { position: relative } .alert .close { top: 5px; right: 7px; padding: 3px; cursor: pointer } .alert .close i { opacity: .3 } .navbar-fixed-top { box-shadow: 0 0 10px #aaa } html a { color: #3288e6 } html a:hover { color: #196fcc } h4 { font-size: 16px; font-weight: 400 } .pt05 { padding-top: 5px } .pr05,i.fa { padding-right: 5px } .pb05 { padding-bottom: 5px } .pl05 { padding-left: 5px } .mt05 { margin-top: 5px } .mr05 { margin-right: 5px } .mb05 { margin-bottom: 5px } .ml05 { margin-left: 5px } .pt0 { padding-top: 0 } .pti0 { padding-top: 0!important } .pr0 { padding-right: 0 } .pri0 { padding-right: 0!important } .pb0 { padding-bottom: 0 } .pbi0 { padding-bottom: 0!important } .pl0 { padding-left: 0 } .pli0 { padding-left: 0!important } .ph0 { padding-right: 0; padding-left: 0 } .phi0 { padding-right: 0!important; padding-left: 0!important } .pv0 { padding-top: 0; padding-bottom: 0 } .pvi0 { padding-top: 0!important; padding-bottom: 0!important } .p0,table td,table th { padding: 0 } .pi0 { padding: 0!important } .mt0 { margin-top: 0 } .mti0 { margin-top: 0!important } .mr0 { margin-right: 0 } .mri0 { margin-right: 0!important } .blk.blk_text.blk_text__mtr-85 ol,.blk.blk_text.blk_text__mtr-85 ul,.mb0 { margin-bottom: 0 } .mbi0 { margin-bottom: 0!important } .ml0 { margin-left: 0 } .mli0 { margin-left: 0!important } .mh0 { margin-right: 0; margin-left: 0 } .mhi0 { margin-right: 0!important; margin-left: 0!important } .mv0 { margin-top: 0; margin-bottom: 0 } .mvi0 { margin-top: 0!important; margin-bottom: 0!important } .m0 { margin: 0 } .mi0 { margin: 0!important } .pt1 { padding-top: 10px } .pti1 { padding-top: 10px!important } .pr1 { padding-right: 10px } .pri1 { padding-right: 10px!important } .pb1,label.t-cell { padding-bottom: 10px } .pbi1 { padding-bottom: 10px!important } .pl1 { padding-left: 10px } .pli1 { padding-left: 10px!important } .ph1 { padding-right: 10px; padding-left: 10px } .phi1 { padding-right: 10px!important; padding-left: 10px!important } .pv1 { padding-top: 10px; padding-bottom: 10px } .pvi1 { padding-top: 10px!important; padding-bottom: 10px!important } .p1 { padding: 10px } .pi1 { padding: 10px!important } .mt1 { margin-top: 10px } .mti1 { margin-top: 10px!important } .mr1 { margin-right: 10px } .mri1 { margin-right: 10px!important } .mb1 { margin-bottom: 10px } .mbi1 { margin-bottom: 10px!important } .ml1 { margin-left: 10px } .mli1 { margin-left: 10px!important } .mh1 { margin-right: 10px; margin-left: 10px } .mhi1 { margin-right: 10px!important; margin-left: 10px!important } .mv1 { margin-top: 10px; margin-bottom: 10px } .mvi1 { margin-top: 10px!important; margin-bottom: 10px!important } .m1 { margin: 10px } .mi1 { margin: 10px!important } .pt2 { padding-top: 20px } .pti2 { padding-top: 20px!important } .pr2 { padding-right: 20px } .pri2 { padding-right: 20px!important } .pb2 { padding-bottom: 20px } .pbi2 { padding-bottom: 20px!important } .pl2 { padding-left: 20px } .pli2 { padding-left: 20px!important } .ph2 { padding-right: 20px; padding-left: 20px } .phi2 { padding-right: 20px!important; padding-left: 20px!important } .pv2 { padding-top: 20px; padding-bottom: 20px } .pvi2 { padding-top: 20px!important; padding-bottom: 20px!important } .p2 { padding: 20px } .pi2 { padding: 20px!important } .mt2 { margin-top: 20px } .mti2 { margin-top: 20px!important } .mr2 { margin-right: 20px } .mri2 { margin-right: 20px!important } .mb2 { margin-bottom: 20px } .mbi2 { margin-bottom: 20px!important } .ml2 { margin-left: 20px } .mli2 { margin-left: 20px!important } .mh2 { margin-right: 20px; margin-left: 20px } .mhi2 { margin-right: 20px!important; margin-left: 20px!important } .mv2 { margin-top: 20px; margin-bottom: 20px } .mvi2 { margin-top: 20px!important; margin-bottom: 20px!important } .m2 { margin: 20px } .mi2 { margin: 20px!important } .pt3 { padding-top: 30px } .pti3 { padding-top: 30px!important } .pr3 { padding-right: 30px } .pri3 { padding-right: 30px!important } .pb3 { padding-bottom: 30px } .pbi3 { padding-bottom: 30px!important } .pl3 { padding-left: 30px } .pli3 { padding-left: 30px!important } .ph3 { padding-right: 30px; padding-left: 30px } .phi3 { padding-right: 30px!important; padding-left: 30px!important } .pv3 { padding-top: 30px; padding-bottom: 30px } .pvi3 { padding-top: 30px!important; padding-bottom: 30px!important } .p3 { padding: 30px } .pi3 { padding: 30px!important } .mt3 { margin-top: 30px } .mti3 { margin-top: 30px!important } .mr3 { margin-right: 30px } .mri3 { margin-right: 30px!important } .mb3 { margin-bottom: 30px } .mbi3 { margin-bottom: 30px!important } .ml3 { margin-left: 30px } .mli3 { margin-left: 30px!important } .mh3 { margin-right: 30px; margin-left: 30px } .mhi3 { margin-right: 30px!important; margin-left: 30px!important } .mv3 { margin-top: 30px; margin-bottom: 30px } .mvi3 { margin-top: 30px!important; margin-bottom: 30px!important } .m3 { margin: 30px } .mi3 { margin: 30px!important } .pt4 { padding-top: 40px } .pti4 { padding-top: 40px!important } .pr4 { padding-right: 40px } .pri4 { padding-right: 40px!important } .pb4 { padding-bottom: 40px } .pbi4 { padding-bottom: 40px!important } .pl4 { padding-left: 40px } .pli4 { padding-left: 40px!important } .ph4 { padding-right: 40px; padding-left: 40px } .phi4 { padding-right: 40px!important; padding-left: 40px!important } .pv4 { padding-top: 40px; padding-bottom: 40px } .pvi4 { padding-top: 40px!important; padding-bottom: 40px!important } .p4 { padding: 40px } .pi4 { padding: 40px!important } .mt4,.wind-wrap>.wind.iblk { margin-top: 40px } .mti4 { margin-top: 40px!important } .mr4 { margin-right: 40px } .mri4 { margin-right: 40px!important } .mb4 { margin-bottom: 40px } .mbi4 { margin-bottom: 40px!important } .ml4 { margin-left: 40px } .mli4 { margin-left: 40px!important } .mh4 { margin-right: 40px; margin-left: 40px } .mhi4 { margin-right: 40px!important; margin-left: 40px!important } .mv4 { margin-top: 40px; margin-bottom: 40px } .mvi4 { margin-top: 40px!important; margin-bottom: 40px!important } .m4 { margin: 40px } .mi4 { margin: 40px!important } .pt5 { padding-top: 50px } .pti5 { padding-top: 50px!important } .pr5 { padding-right: 50px } .pri5 { padding-right: 50px!important } .pb5 { padding-bottom: 50px } .pbi5 { padding-bottom: 50px!important } .pl5 { padding-left: 50px } .pli5 { padding-left: 50px!important } .ph5 { padding-right: 50px; padding-left: 50px } .phi5 { padding-right: 50px!important; padding-left: 50px!important } .pv5 { padding-top: 50px; padding-bottom: 50px } .pvi5 { padding-top: 50px!important; padding-bottom: 50px!important } .p5 { padding: 50px } .pi5 { padding: 50px!important } .mt5 { margin-top: 50px } .mti5 { margin-top: 50px!important } .mr5 { margin-right: 50px } .mri5 { margin-right: 50px!important } .mb5 { margin-bottom: 50px } .mbi5 { margin-bottom: 50px!important } .ml5 { margin-left: 50px } .mli5 { margin-left: 50px!important } .mh5 { margin-right: 50px; margin-left: 50px } .mhi5 { margin-right: 50px!important; margin-left: 50px!important } .mv5 { margin-top: 50px; margin-bottom: 50px } .mvi5 { margin-top: 50px!important; margin-bottom: 50px!important } .m5 { margin: 50px } .mi5 { margin: 50px!important } .mha { margin-right: auto; margin-left: auto } .w1 { width: 10px } .w2 { width: 20px } .w3 { width: 30px } .w4 { width: 40px } .w5 { width: 50px } .w6 { width: 60px } .w7 { width: 70px } .w8 { width: 80px } .w9 { width: 90px } .w10 { width: 100px } .w11 { width: 110px } .w12 { width: 120px } .w13 { width: 130px } .w14 { width: 140px } .w15 { width: 150px } .w16 { width: 160px } .w17 { width: 170px } .w18 { width: 180px } .w19 { width: 190px } .w20 { width: 200px } .w21 { width: 210px } .w22 { width: 220px } .w23 { width: 230px } .w24 { width: 240px } .w25 { width: 250px } .w26 { width: 260px } .w27 { width: 270px } .w28 { width: 280px } .w29 { width: 290px } .w30 { width: 300px } .w31 { width: 310px } .w32 { width: 320px } .w33 { width: 330px } .w34 { width: 340px } .w35 { width: 350px } .w36 { width: 360px } .w37 { width: 370px } .w38 { width: 380px } .w39 { width: 390px } .w40 { width: 400px } .w41 { width: 410px } .w42 { width: 420px } .w43 { width: 430px } .w44 { width: 440px } .w45 { width: 450px } .w46 { width: 460px } .w47 { width: 470px } .w48 { width: 480px } .w49 { width: 490px } .w50 { width: 500px } .w51 { width: 510px } .w52 { width: 520px } .w53 { width: 530px } .w54 { width: 540px } .w55 { width: 550px } .w56 { width: 560px } .w57 { width: 570px } .w58 { width: 580px } .w59 { width: 590px } .w60 { width: 600px } .w61 { width: 610px } .w62 { width: 620px } .w63 { width: 630px } .w64 { width: 640px } .w65 { width: 650px } .w66 { width: 660px } .w67 { width: 670px } .w68 { width: 680px } .w69 { width: 690px } .w70 { width: 700px } .vat,table.vat>tbody>tr>td,table.vat>tr>td,table>tbody>tr.vat>td,table>tr.vat>td,td.vat { vertical-align: top } .vam,table.vam>tbody>tr>td,table.vam>tr>td,table>tbody>tr.vam>td,table>tr.vam>td,td.vam { vertical-align: middle } .vab,table.vab>tbody>tr>td,table.vab>tr>td,table>tbody>tr.vab>td,table>tr.vab>td,td.vab { vertical-align: bottom } table td.narrow,table td.td_narrow { width: 2% } .l_float { float: left } .r_float { float: right } .l_text { text-align: left } .r_text { text-align: right } .c_text { text-align: center } .w_full { width: 100% } .h_full { height: 100% } .fs10 { font-size: 10px } .fs12 { font-size: 12px } .fs14 { font-size: 14px } .fs15 { font-size: 15px } .fs16 { font-size: 16px } .fs17 { font-size: 17px } .fs18 { font-size: 18px } .fs20 { font-size: 20px } .fs22 { font-size: 22px } .fs24 { font-size: 24px } .fs26 { font-size: 26px } .fnt_roboto { font-family: 'Roboto Condensed',Arial,sans-serif } .ls1 { letter-spacing: 1px } .lh1-5 { line-height: 1.5 } .brd_b { border-bottom: 1px solid #333 } .hidden { display: none; visibility: visible } .nowp { white-space: nowrap } .novis { visibility: hidden } .noborder { border: 0 } .no_text { font-size: 0!important; line-height: 0; color: transparent } .bold,.fw_bold { font-weight: 700 } .fw_norm { font-weight: 400 } .no_sel { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } #wind_container.wind-container-white,.no_bg { background: 0 0 } .no_underline,.no_underline * { text-decoration: none!important } .hilight { background-color: #fff195 } .cur_help { cursor: help } .cur_def { cursor: default } .cur_move { cursor: move } .blk_image img.has_enlarger,.cur_point { cursor: pointer } .cur_text { cursor: text } .navbar-inner { padding-right: 0 } .btn,input,textarea { transition: none!important } input,textarea { resize: none; -webkit-transition: none!important; -moz-transition: none!important; -o-transition: none!important; margin-bottom: 0 } .uneditable-input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select { height: 30px; margin-bottom: 0 } .input-append .add-on,.input-prepend .add-on { height: 30px } .popover { font-size: 12px!important; font-weight: 400; line-height: 1.3 } .dropdown .dropdown-toggle { white-space: nowrap } .date_smart { color: #888 } .dropdown-menu>li>a { padding: 3px 10px } .dropdown-menu>li>a:hover>.icon-copy,.icon-copy { background: url(public_img/icon_copy.png) no-repeat 0 0 } .icon-pencil2 { background: url(public_img/icon_pencil2.png) no-repeat 0 0 } .icon-cog2 { background: url(public_img/cog.png) no-repeat 0 0; width: 16px; height: 16px } .dropdown-menu>li>a:hover>.icon-copy { background-position: 0 -14px } .caret { border-top: 5px solid #000; border-right: 5px solid transparent; border-left: 5px solid transparent } .btn-border-green { border: 1px solid #46ce44 } #wind_container,.wind-wrap { position: fixed; top: 0; width: 100%; height: 100% } #wind_container { left: 0; display: block; z-index: 9991 } .wind-wrap { background: rgba(0,0,0,.6); overflow-y: auto } .wind-wrap-white { background: 0 0 } .wind { margin: 40px auto; background: var(--background); border-radius: 5px; box-shadow: 0 20px 30px rgba(0,0,0,.1); width: 600px } .blk_button .btn p,.wind.m0 { margin: 0 } .wind.hidden { display: none } .wind .wind-header { padding: 20px 15px 24px 30px } .wind .wind-header .div_h3,.wind .wind-header h3 { margin: 0 40px 0 0; font-weight: 400; font-size: 26px; font-family: Tahoma; line-height: 1 } .wind .wind-close { display: block; padding: 8px; float: right; cursor: pointer } .wind .wind-close>div { background: url(public_img/wind_close.png) no-repeat 0 0 #eee; width: 12px; height: 12px } .wind .dark_style .wind-close>div { background: url(public_img/white_close.png) no-repeat 0 0/contain; opacity: .75 } .wind .dark_style { border: 1px solid #383838!important } .wind .dark_style .wind-close:hover>div { opacity: 1; background-position: 0 0 } .wind .wind-close:hover>div { background-position: -12px 0 } .wind .wind-body { padding: 0 30px } .wind.bp0 .wind-body { padding: 0 } .wind .wind-footer { padding: 30px 30px 15px; margin-bottom: 0; border-radius: 0 0 5px 5px; box-shadow: inset 0 1px 0 #fff } .wind .wind-footer .btn-wind-cancel { margin-left: 10px } #container1,.container1 { margin-top: 100px } .top-line .container1 { margin-top: 126px } .fnt2 { font-family: 'Trebuchet MS','Helvetica',sans-serif } .fnt3 { font-family: Arial,sans-serif; font-size: 15px; line-height: 24px; color: #0e9858 } .fnt4 { font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif } table.highlighted_source { border-collapse: collapse; border-spacing: 0 } table.highlighted_source td { vertical-align: middle; font-size: 13px; font-family: Monaco,Menlo,Consolas,"Courier New",monospace!important } table.highlighted_source td code { padding: 0; border: 0; background: 0 0 } table.highlighted_source td:first-child { padding: 1px 8px; border-right: 1px solid #e5e5e5; color: #b7b7b7; text-align: right } table.highlighted_source td:last-child { padding: 1px 0 1px 15px } table.highlighted_source tr.selected { background: #fbfab2 } table.highlighted_source tr.selected td:first-child { font-weight: 700; color: #444 } .blured .container,.blured .top_menu { filter: blur(3px); filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=3) } .dropdown-fullwidth .dropdown-toggle { width: 100%; height: 28px; padding: 0; position: relative } .dropdown-fullwidth .dropdown-toggle .dropdown_name { height: 26px; line-height: 26px; display: block; padding: 0 22px 0 12px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .dropdown-fullwidth .dropdown-toggle .caret { margin-top: -2px; position: absolute; right: 8px; top: 50% } .rotating { -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite } .rotate90deg { transform: rotate(0deg); transition: transform .2s ease } .rotate90deg:hover { transform: rotate(90deg) } .welcome-banner { position: fixed; width: 400px; height: 280px; left: 50%; top: 50%; margin: -140px 0 0 -200px } .wi-btn { border: 5px solid #2ab574; padding: 0 20px; line-height: 40px; font-size: 16px; font-family: Arial,Helvetica,Sans-Serif; cursor: pointer; display: inline-block } .sign-design { padding: 3px 12px; border-radius: 20px; background: #fff; display: inline-block } .btn-new { display: inline-block; cursor: pointer; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-decoration: none!important; padding: 10px 20px; color: #000; box-sizing: border-box; transform: scale(1); transition: transform .1s ease; line-height: 1 } .btn-new:active { transform: scale(.97) } .i-like { background: #fff } .i-like .i-cont { padding: 0 0 20px 30px; background: #fff } .i-like .radio-btn { margin: 0; position: relative; top: -2px } .i-cont .dropdown-toggle.btn { height: 30px } .i-cont .ui-spinner { border: 0 } .btn_loading { color: #111!important; background-color: #fff!important; -webkit-animation: loading-stripes 2s linear infinite; animation: loading-stripes 2s linear infinite; background-image: linear-gradient(-45deg,rgba(150,150,150,.4) 25%,transparent 25%,transparent 50%,rgba(150,150,150,.4) 50%,rgba(150,150,150,.4) 75%,transparent 75%,transparent)!important; background-size: 50px 50px!important; opacity: .5!important; cursor: default!important; pointer-events: none; box-shadow: 0 0 0 1px rgba(0,0,0,.2)!important; text-shadow: none!important } html.wind_opened,html:has(body.open_popup) { scrollbar-gutter: stable } input[disabled],select[disabled] { cursor: default } .mag_img { position: absolute; left: -999px } .blk_button .btn { padding: .5em .8em } .blk_section .blk_section_inner .tpl_cell,.blk_section .ms-slot .tpl_cell { padding-bottom: 0; min-height: 32px; width: 100% } .blk_section#aaa111 { background: #111; overflow: visible } #site_wrapper1 .blk_section.brand-header { height: 48px; padding: 0; background: #fff } @media all and (max-width: 960px) { #site_wrapper1 .blk_section.brand-header { display:none } } .blk_section.brand-header .brand-header__wrap { display: flex; justify-content: center; align-items: center; margin-top: 8px } .blk_section.brand-header .brand-header__text { font-family: Jost,Arial,sans-serif; font-weight: 300; font-size: 16px; line-height: 26px; margin: 0 10px 0 0 } .blk_section.brand-header .brand-header__title { margin-right: 6px } .blk_section.brand-header .brand-header__text-link { background: #006df0; padding: 3px 17px; border-radius: 8px; color: #fff; text-decoration: none } .blk_section.brand-header .brand-header__wrap-vitamin .brand-header__text-link { background: #9e6acf } .blk_section.brand-header .brand-header__img { width: 62px; margin-right: 0 } .blk_section.brand-header .brand-header__wrap-vitamin .brand-header__img { width: 89px } .blk_section#aaa111 .blk_section_inner .tpl_cell { min-height: 1px; padding: 0 } .blk_section#aaa111 .mha { padding: 11px 0 10px; position: relative; width: 200px; background: 0 0; text-align: center; z-index: 999999999 } #sign_cont { position: relative; line-height: 25px; height: 25px; color: #fff; display: inline-block; width: 200px; margin: 0 auto } #sign_cont>a { color: #fff; text-decoration: none } #sign_cont>a span.lined { border-bottom: 1px dotted #fff } #sign_cont:hover>a span { border-bottom: 1px solid #fff } #sign_popup { top: -278px; position: absolute; width: 500px; height: 278px; overflow: hidden; left: 50%; margin-left: -250px; border-radius: 3px; display: none } .blk_section>.blk_section_inner>.tpl_cell>.blk { margin-left: 3%; margin-right: 3% } .margin-v2 .blk_section>.blk_section_inner>.tpl_cell>.blk { margin: 32px 32px 0 } .margin-v2.non-pc .blk_section>.blk_section_inner>.tpl_cell>.blk { margin: 20px 20px 0 } .body_pages_edit.non-pc .blk_section { overflow: visible } @media all and (max-width: 960px) { .margin-v2 .blk_section>.blk_section_inner>.tpl_cell>.blk { margin-top:20px; margin-left: 20px; margin-right: 20px } } #popup_list .blk_section>.blk_section_inner>.tpl_cell>.blk { margin-left: 0; margin-right: 0 } .blk_container .container_cell { margin-left: 3% } .blk_container .empty_cell { margin-top: 1px } .blk_container_tr>td.cell:last-child { padding-right: 0 } .blk_container table td.blk_container_spacer div { height: 10px; width: 3% } .blk { border: 0 } .blk_image_ext .blk_image_data_wrap { line-height: 0 } .blk_box .blk:first-child,.blk_section>.blk_section_inner>.tpl_cell>.blk:first-child,.blk_text p:first-child,.margin-v2 .blk_section>.blk_section_inner>.tpl_cell>.blk:first-child,.slide .blk:first-child { margin-top: 0 } .admin#site_wrapper1 { margin-top: 43px } #popover_btn_preview1 .btn-new,#site_wrapper1 { line-height: 1 } #skip_metrika_counter { position: fixed; top: 10%; left: 0; padding: 3px 5px; background: #f9e456; border: 1px solid #e3c818; border-top-right-radius: 5px; border-bottom-right-radius: 5px } .ui_error { margin-top: 3px; font-size: 14px; color: #c00; line-height: 1.3 } .ui_error a { color: red; text-decoration: underline } .ui_error_summary { background: #fde4d8; border: 1px solid #ff9462; color: #912f02; padding: 10px 15px; border-radius: 4px } .field .ui_required { display: none; color: #c00; font-family: Tahoma,sans-serif; font-size: 14px; line-height: 1px; cursor: help } .field.is_required .ui_required,.user_form .field.is_required span.required { display: inline } .user_form { margin: 0; padding: 15px; background: #fff } .user_form_preview.is_popover .user_form { padding: 0!important } .new_css .btn-icon i.fa,.user_form.is_popover { padding: 0 } .user_form .popover_head .wind-header { border-top-left-radius: 5px; border-top-right-radius: 5px } .user_form .popover_head .wind-header h3 { font-family: Arial,sans-serif; font-size: 18px; font-weight: 400 } .user_form .popover_head .wind-header .wind-close { position: relative; top: -3px } .user_form .field,.user_form .user_form_submit { margin: 0 auto; padding: 7px 0 } .user_form .user_form_regulation { clear: both; color: #9b9b9a; font-size: 12px; line-height: 1.2; margin-top: 10px; padding: 5px 0 } #tabEditFrom .user_form .user_form_regulation,#tabEditFrom .user_form_regulation:hover .overlay_edit,.user_form { display: block } .regulation-editor-textarea .cke_contents { min-height: 400px } .user_form .user_form_fields_list .field:first-child { padding-top: 0 } .user_form .user_form_submit { padding-bottom: 0 } .user_form:not(.horizontal) .user_form_submit { -webkit-margin-before: 4px; padding-bottom: 0 } #wind_container .wind .user_form .wind-footer { padding-bottom: 25px!important } .user_form .inp { width: 100%; margin: 0; font-family: Helvetica,Arial,sans-serif; padding-left: 10px } .user_form .header_text { -webkit-margin-after: 18px } .user_form .userfiles_input,.user_form input.inp { height: 30px } .user_form select.inp { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(public_img/arrow-down.svg); background-position: 100% 50%; background-repeat: no-repeat; padding-top: 0 } .user_form textarea.inp { resize: none; height: auto!important; font-family: Helvetica,Arial,sans-serif } .user_form .del,.user_form .move { display: none } .user_form.labels_left .label_wrap { width: 149px } .user_form .labels_left .wind-footer .btn,.user_form.labels_left .field_wrap { margin-left: 150px } .user_form.labels_left .user_form_regulation .field_wrap,.user_form.labels_left .user_form_submit .field_wrap { margin-left: 0 } .user_form.labels_inner .l_float,.user_form.labels_top .l_float { float: none!important } .user_form .field span.required,.user_form .field_wrap .hint.empty,.user_form.labels_inner .femail .l_float,.user_form.labels_inner .fname .l_float,.user_form.labels_inner .fphone .l_float,.user_form.labels_inner .fselect .l_float,.user_form.labels_inner .ftextarea .l_float,.user_form.labels_inner .ftextbox .l_float,.user_form.labels_inner .fuserfiles .l_float { display: none } .user_form .fcheckbox input[type=checkbox],.user_form .fradio input[type=radio] { height: 14px!important } .user_form .field_wrap .hint { color: #777; font-size: 12px; margin-top: 4px } #formPopover .wind-footer .btn,#popover_btn_preview1 button,.blk_form_wrap .btn,.btn-frm-cancel,.user_form .user_form_submit input.btn { line-height: 1.2; height: auto; padding: .4em .7em; font-size: 20px } .blk .btn:active,.blk_form_wrap .btn:active,.user_form .user_form_submit input.btn:active { box-shadow: inset 0 .1em .3em rgba(0,0,0,.3)!important } .blk_form_wrap .btn-form-popover,.blk_form_wrap.is_popover form.user_form { display: none } .blk_form_wrap.is_popover .btn-form-popover { display: inline-block } #formPopover { border-radius: 6px } #formPopover.quiz-form.quiz-form--v1 { border-radius: 0 } .popover-form { width: 400px } .mobile370 .popover-form { width: 300px } #formPopover form { border: 0!important; padding: 0!important; border-radius: 6px } #wind_container .wind#formPopover .wind-footer { padding: 20px 30px 15px } #wind_container .wind#formPopover .user_form .field { padding: 7px 0 } .blk_form_wrap .user_form { text-align: left; display: block; max-width: 100%; overflow: hidden; position: relative } .blk_form_wrap.l_text .user_form { float: left } .blk_form_wrap.r_text .user_form { float: right } .blk_form_wrap.c_text .user_form { margin: 0 auto } .btn-frm-cancel { display: none; font-weight: 400; color: #bbb } .is_popover .btn-frm-cancel,picture { display: inline-block } .frm-hint { margin-bottom: 15px } .user_form_preview .frm-hint { padding: 0 30px } .frm-hint.empty { margin: 0 } .user_form.hilight { outline: 5px dashed #ffc119 } .blk_text p~p { margin-top: 12px } .blk_text p { margin: 0 } .blk_divider .blk_divider_self.no_divider_line { background: 0 0!important } .blk ol,.blk ul { padding: 0; margin: 0 0 10px 25px } .blk_text.blk_text__mtr-85 .blk-data .heading.heading--rank-1,.blk_text.blk_text__mtr-85 .blk-data .heading.heading--rank-2,.blk_text.blk_text__mtr-85 .blk-data .heading.heading--rank-3,.blk_text.blk_text__mtr-85 .blk-data .heading.heading--rank-4,.blk_text.blk_text__mtr-85 .blk-data .heading.heading--rank-5,.blk_text.blk_text__mtr-85 .blk-data .heading.heading--rank-6,.blk_text.blk_text__mtr-85 .blk-data a,.blk_text.blk_text__mtr-85 .blk-data h1,.blk_text.blk_text__mtr-85 .blk-data h2,.blk_text.blk_text__mtr-85 .blk-data h3,.blk_text.blk_text__mtr-85 .blk-data h4,.blk_text.blk_text__mtr-85 .blk-data h5,.blk_text.blk_text__mtr-85 .blk-data h6,.blk_text.blk_text__mtr-85 .blk-data p { font-size: inherit!important; font-family: inherit!important; font-weight: inherit!important; font-style: inherit!important; margin: 0!important } .blk_text.blk_text__mtr-85 .heading.heading--rank-1.blk-data,.blk_text.blk_text__mtr-85 .heading.heading--rank-2.blk-data,.blk_text.blk_text__mtr-85 .heading.heading--rank-3.blk-data,.blk_text.blk_text__mtr-85 .heading.heading--rank-4.blk-data,.blk_text.blk_text__mtr-85 .heading.heading--rank-5.blk-data,.blk_text.blk_text__mtr-85 .heading.heading--rank-6.blk-data,.blk_text.blk_text__mtr-85 h1.blk-data,.blk_text.blk_text__mtr-85 h2.blk-data,.blk_text.blk_text__mtr-85 h3.blk-data,.blk_text.blk_text__mtr-85 h4.blk-data,.blk_text.blk_text__mtr-85 h5.blk-data,.blk_text.blk_text__mtr-85 h6.blk-data { font-size: inherit; font-family: inherit; font-style: inherit; margin: 0!important } .blk_text.blk_text__mtr-85 .heading.heading--rank-1.blk-data:not([data-gs-fonts]),.blk_text.blk_text__mtr-85 .heading.heading--rank-2.blk-data:not([data-gs-fonts]),.blk_text.blk_text__mtr-85 .heading.heading--rank-3.blk-data:not([data-gs-fonts]),.blk_text.blk_text__mtr-85 .heading.heading--rank-4.blk-data:not([data-gs-fonts]),.blk_text.blk_text__mtr-85 .heading.heading--rank-5.blk-data:not([data-gs-fonts]),.blk_text.blk_text__mtr-85 .heading.heading--rank-6.blk-data:not([data-gs-fonts]),.blk_text.blk_text__mtr-85 h1.blk-data:not([data-gs-fonts]),.blk_text.blk_text__mtr-85 h2.blk-data:not([data-gs-fonts]),.blk_text.blk_text__mtr-85 h3.blk-data:not([data-gs-fonts]),.blk_text.blk_text__mtr-85 h4.blk-data:not([data-gs-fonts]),.blk_text.blk_text__mtr-85 h5.blk-data:not([data-gs-fonts]),.blk_text.blk_text__mtr-85 h6.blk-data:not([data-gs-fonts]) { font-weight: inherit!important } .blk_section,.blk_section .blk_section_inner { background-image: none; background-repeat: no-repeat; background-position: 0 0 } .blk_section { overflow: hidden; overflow: clip } .blk_section .blk_section_inner { position: relative; z-index: 6 } .img_container img,img { height: auto; max-width: 100% } img { width: auto \9 } #image-enlarge-cont { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,.7); z-index: 1000000000 } #image-enlarge-cont img { box-shadow: 0 0 20px #444; cursor: pointer } .blk_section.is_cover,.blk_section.is_cover .section-image,.blk_section.is_cover .section-image-2 { background-size: cover } .blk_section.is_parallax { background-attachment: fixed } .blk_text.blk-no-bg-lpm-449 .blk-data { background: 0 0!important; border: 0!important } .blk_text .blk-data { color: #111 } .blk_text .blk-data.align-left { text-align: left } .blk_text .blk-data.align-center { text-align: center } .blk_text .blk-data.align-right,table.iblk_cont th.r_text { text-align: right } .blk_form.blk-no-bg form.user_form,.blk_text.blk-no-bg .blk-data { background: 0 0!important; border: 0!important; padding: 0!important } .blk_form.blk-no-border .user_form,.user_form.blk-no-border { border: 0!important } .spinner { position: absolute; display: inline-block; visibility: hidden; color: transparent; background-image: url(//yastatic.net/images-islands/_/lMheXM1Y3XcixfNpGnrupH6cjfc.gif); background-image: linear-gradient(to top,transparent,transparent) } .spinner:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: 2px solid #fc0; border-right-color: transparent; border-bottom-color: transparent; border-radius: 1000px } .spinner:after { visibility: hidden; content: "\00A0" } .spinner_progress_yes { position: relative; visibility: visible; -webkit-animation: spinner 1s infinite linear; animation: spinner 1s infinite linear; -webkit-backface-visibility: hidden; backface-visibility: hidden } .spinner_size_m { width: 32px; height: 32px; line-height: 32px; background-position: 0 -71px } .minicolors-theme-bootstrap.minicolors-swatch-position-right .minicolors-input { padding-right: 25px; width: 95px } .minicolors-swatch span { box-shadow: none!important; cursor: pointer } .blk_divider_self,.wrp { position: relative; overflow: hidden } .blk_divider_self .divider-line { position: absolute; top: 50%; left: 0; right: 0 } .blk_divider_self.d-l-vertical .divider-line { top: 0; bottom: 0 } .blk_divider_self.d-l-vertical .divider-line.d-l-v-l { left: 0; right: auto } .blk_divider_self.d-l-vertical .divider-line.d-l-v-c { left: 50%; right: auto } .blk_divider_self.d-l-vertical .divider-line.d-l-v-r { left: auto; right: 0 } .no_divider_line .divider-line,.video--play .video__overlay { display: none } .wrp { max-width: 100% } .wrp>*,.wrp>noscript,.wrp>noscript>* { position: absolute; top: 0; left: 0; width: 100% } .img_container,.video_container { display: inline-block; max-width: 100% } .img_container img { width: 100%; line-height: 1 } .video_container { position: relative } .video_container iframe { max-width: 100%; border: 0 } .blk_video:not(.video--play) .video__overlay { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; display: block; background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer } .video__play-btn { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; z-index: 1; pointer-events: none } .video__play-btn-svg { height: 100%; left: 0; position: absolute; top: 0; width: 100%; pointer-events: none } .video__play-btn-bg { fill: #212121; fill-opacity: .8 } .video__overlay:hover .video__play-btn-bg { fill: red; fill-opacity: 1 } .locker,.locker .locker-background { top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100% } .locker { position: fixed; z-index: 10000; cursor: progress } .locker .locker-background { position: absolute; background-color: #000; opacity: .3 } .locker.locker-white .locker-background { background-color: #fff; opacity: .5; color: #49423d } .locker,.locker .locker-animation,.locker .locker-close-btn,.locker .locker-content,.locker .locker-text,.locker .locker-timer { display: none } .locker.l-show-animation .locker-animation,.locker.l-show-btn-close .locker-close-btn,.locker.l-show-content .locker-content,.locker.l-show-text .locker-text,.locker.l-show-timer .locker-timer { display: block } .locker .locker-content { background-color: var(--locker-bg, #fff); opacity: .9; border-radius: 7px; width: 240px; min-height: 50px; position: absolute; top: 40%; left: 50%; margin-left: -120px; cursor: auto } .locker.locker-white .locker-content { background-color: #eeedec; opacity: .9 } .locker .locker-text { text-align: center; margin: 10px 10px 15px; font-size: 16px; line-height: 1.4 } .locker .locker-animation { height: 50px; background: url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==) no-repeat center center } .locker .locker-btn-list { margin: 8px 8px 0 0; height: 15px } .locker .locker-close-btn { height: 15px; width: 15px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAYCAYAAADOMhxqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASZJREFUeNp8kkFqwzAQRWWlOKtQMIZ6VegqOAtfIJtAnWVP23Wh0JzA0DrJAUK9MVR0I2Lj/CFKsUeaDnyQNe+j8ZeiYRg+lFIJ9Ax9q3Bl0BvUKhj2w7U+oQxSTJnrUe1vG5JpAtP3uMFNHkwsP3ps8mBu4CYPJulAIr2wvtY/PxgMQkxDSk+CxfQiWmCyFXSANnmeT267rmu65XdoCX3pvu+NtfYYgqnc3oaYrutMVJblNkmS+6qqXtGwwluaF0Xx0rbtzyyO46emae6w+QCdAlHOoTUxxhhL97CDfqEFNRwwgV2PmJ12Y4RMHkzsLE3T242e3LtfuPEeOUzg+GnwkzyYG/5ei7D2DHzmYBBaSkNKT0tpSOlpAZaCWJPhLMAh0/kiwACwJLb6m2uKJAAAAABJRU5ErkJggg==) no-repeat center -11px; cursor: pointer; float: right } .editor_lock_sceen .bar { background: rgba(0,0,0,.075) } .editor_lock_sceen .progress { -webkit-animation: loader 8s ease infinite; animation: loader 8s ease infinite; background: #0c63f6; color: #fff; padding: 3px; width: 0; border-radius: 0 } .editor_lock_sceen .img-logo { width: 300px } .editor_lock_sceen .beeline-logo { display: flex; flex-wrap: nowrap } .editor_lock_sceen .beeline-logo__img { background: 0 0; height: 35px; width: 100px; max-width: 100px; overflow: hidden; margin-right: 10px; flex-shrink: 0; display: flex; flex-wrap: nowrap } .editor_lock_sceen .beeline-logo__img img { width: auto; max-width: 40px; height: 35px } .editor_lock_sceen .beeline-logo__img img:nth-child(2) { margin: 0 16px } .editor_lock_sceen .beeline-logo__text { display: inline-block; font-size: 38px; font-weight: 500; white-space: nowrap; letter-spacing: -.01em; line-height: 1 } .editor_lock_sceen .beeline-logo__text mark { color: #f0b900; background-color: transparent } .screen-lock { position: fixed; top: 0; left: 0; bottom: 0; right: 0; display: none; z-index: 9999999999 } .screen-lock__loader { display: block; background-image: url(public_img/Eclipse.svg); width: 135px; height: 135px; background-size: contain } .screen-lock__text { font-size: 16px; color: #efefef } .screen-lock__loader-wrap { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba(27,22,22,.58); flex-direction: column } .layout-fixed { table-layout: fixed } .t-grid { display: table; width: 100% } .t-grid-fixed { table-layout: fixed } .t-grid.width-auto { width: auto } .t-row { display: table-row } .t-cell { display: table-cell; vertical-align: middle; box-sizing: border-box } input.t-cell { margin-bottom: 10px } .width-1p { width: 1%; white-space: nowrap } #j_lead_alert { box-shadow: none; cursor: default } .j_alert.quiz--v1 #j_lead_alert { border-radius: 18px } #j_lead_alert .wind_close_wrap { position: relative } #j_lead_alert .wind_close_wrap .wind-close { position: absolute; top: 18px; right: 18px; background: 0 0!important } #j_lead_alert .wind_close_wrap .wind-close svg { display: block; fill: #b6b9c4 } #j_lead_alert .wind_close_wrap .wind-close:hover svg { fill: #3a425f } #j_lead_alert .checkmark { padding-top: 45px; text-align: center } .j_alert.quiz--v1 #j_lead_alert .checkmark { padding-top: 64px } #j_lead_alert .checkmark .form-check svg { fill: rgba(20,193,139,.7) } .j_alert.quiz--v1 #j_lead_alert .checkmark .quiz-check { background: #e8e8e8; display: inline-block; padding: 23px 23px 20px 27px; border-radius: 50% } #j_lead_alert .checkmark .quiz-check,.custom-site-demo-alert .checkmark .form-check,.custom-site-demo-alert .checkmark>svg,.j_alert.quiz--v1 #j_lead_alert .checkmark .form-check { display: none } #j_lead_alert #jAlertBody { margin: 20px 45px 0; font: 20px/1.6 Arial,"Helvetica Neue",Helvetica,FreeSans,sans-serif; padding: 0; text-align: center } #wind_container #j_lead_alert .wind-footer { padding: 30px 45px } #wind_container.j_alert.quiz--v1 #j_lead_alert .wind-footer { padding: 48px 64px 64px } #j_lead_alert .wind-footer .wind-btn-apply { font-size: 15px; padding: .7em 2em; text-shadow: none; background: #f3f3f3; color: #444; box-shadow: 0 1px 0 rgba(0,0,0,.3),0 3px 3px rgba(0,0,0,.1); border: 1px solid #cacaca } .j_alert.quiz--v1 #j_lead_alert .wind-footer .wind-btn-apply { background: #5387ed; font-size: 16px; color: #fff; line-height: normal; padding: 15px 42px; border: 0; border-radius: 10px; box-shadow: none } #j_lead_alert .wind-footer .wind-btn-apply:active { box-shadow: inset 0 2px 5px rgba(0,0,0,.1)!important } .custom-site-demo-alert .checkmark { width: 64px; height: 100px; background: url(public_img/warning.png) no-repeat 0 100%; margin: 0 auto } #wind_container.j_alert { z-index: 2147483647 } .gradient_p_b { background: #a177ff; background: linear-gradient(to right,#a177ff 0,#02ceff 100%) } .change-email-line,.change-password-line,.email-confirm-line { display: block; background: #006df0; color: #fff } .change-email-line a,.change-email-line a:hover,.change-password-line a,.change-password-line a:hover,.email-confirm-line a,.email-confirm-line a:hover { text-decoration: underline; color: #fff } .new_css .btn { border: 1px solid transparent; text-align: center; vertical-align: middle; cursor: pointer; padding: 6px 15px; font-size: 14px; line-height: 1.5714; border-radius: 3px; transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear; -webkit-font-smoothing: subpixel-antialiased } .new_css .btn.disabled,.new_css .btn[disabled] { cursor: default } .new_css .btn:hover { text-decoration: none } .new_css .btn-default { color: #76838f; background-color: transparent; border-color: #dadada; background-image: none; text-shadow: none } .new_css .btn-default:focus,.new_css .btn-default:hover { background-color: rgba(226,226,226,.45); border-color: #d0d0d0 } .btn-default:active,.btn-default:active:focus { background-color: #dedede } .new_css .btn-outline.btn-default { background-color: transparent; color: #76838f } .new_css .btn-outline.btn-default.active,.new_css .btn-outline.btn-default:active,.new_css .btn-outline.btn-default:focus,.new_css .btn-outline.btn-default:hover,.open>.dropdown-toggle.btn-outline.btn-default { color: #76838f; background-color: rgba(118,131,143,.1); border-color: #e4eaec } .new_css .btn-primary { color: #fff; background-color: #62a8ea; border-color: #62a8ea; background-image: none; text-shadow: none } .new_css .btn-primary.focus,.new_css .btn-primary:focus,.new_css .btn-primary:hover { background-color: #89bceb; border-color: #89bceb; color: #fff } .new_css .btn-primary:active:focus { background-color: #4e97d9; border-color: #4e97d9 } .new_css #frmlogin__btn_submit.btn-auth,.new_css #frmreg2__btn_submit,.new_css .btn-blue { background-color: #2373f7; border-color: #2373f7; background-image: none; box-shadow: none } .new_css #frmlogin__btn_submit.btn-auth:hover,.new_css #frmreg2__btn_submit:hover,.new_css .btn-blue:hover { background-color: #5693f9; border-color: #5693f9 } .new_css #frmreg2__btn_submit.btn-reg,.new_css .btn-danger { border-color: #19cfa8; background-image: none } .new_css .btn-danger { color: #fff; background-color: #f96868; border-color: #f96868; text-shadow: none } .new_css .btn-danger.focus,.new_css .btn-danger:focus,.new_css .btn-danger:hover { background-color: #fa7a7a; border-color: #fa7a7a } .new_css .btn-lg { padding: 10px 18px; font-size: 18px; line-height: 1.3333; border-radius: 4px } .new_css .btn-round { border-radius: 1000px } .new_css .btn-success { color: #fff; background-color: #46be8a; border-color: #46be8a; background-image: none; text-shadow: none } .new_css .btn-success.focus,.new_css .btn-success:focus,.new_css .btn-success:hover { background-color: #5cd29d; border-color: #5cd29d } .new_css .btn-icon { padding: 10px; line-height: 1em } .new_css .btn-icon i { width: 14px } .new_css .dropdown-menu { position: absolute; top: 100%; z-index: 9992; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #e4eaec; border-radius: 3px; box-shadow: 0 6px 12px rgba(0,0,0,.175) } .new_css .open>.dropdown-menu { display: block } .new_css .dropdown-menu>li { padding: 0 5px; margin: 2px 0 } .new_css .dropdown-menu>li>a { display: block; padding: 8px 15px; clear: both; font-weight: 400; line-height: 1.5714; color: #76838f; white-space: nowrap; border-radius: 3px; transition: background-color .25s } .new_css .blk_basic_tabs a { border: 0; background: 0 0; color: #76838f; font-size: 14px; margin-left: 0 } .new_css .blk_basic_tabs a:hover { background: rgba(255,255,255,.5) } .new_css .blk_basic_tabs a.active { border: 0; background: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #76838f } .new_css .blk_basic_tabs { border-bottom: none!important } .new_css .breadcrumb { padding: 6px 0 } .new_css .table,.notify_popup small { color: #76838f } .new_css .table>tfoot>tr>th,.table>thead>tr>th { font-weight: 400; color: #526069 } .new_css .table>thead>tr>th { border-bottom: 1px solid #e4eaec } .new_css .table>thead:first-child>tr:first-child>td,.new_css .table>thead:first-child>tr:first-child>th { border-top: 0; font-weight: 600 } .new_css .table>tbody>tr>td,.new_css .table>tbody>tr>th,.new_css .table>tfoot>tr>td,.new_css .table>tfoot>tr>th,.new_css .table>thead>tr>td,.new_css .table>thead>tr>th { padding: 8px; line-height: 1.5714; vertical-align: top; border-top: 1px solid #e4eaec } .new_css table>tbody>tr.even,.new_css table>tr.even { background: 0 0 } .new_css .table-hover>tbody>tr:hover { background-color: #f3f7f9 } .new_css .alert { text-shadow: none; border-radius: 12px; border: 1px solid rgba(0,0,0,.04); padding: 19px } .new_css .alert-success { background: #e3f4d2 } .new_css .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f7f8f9; border: 1px solid rgba(0,0,0,.04); border-radius: 12px; box-shadow: inset 0 0 1px rgba(0,0,0,.02) } .new_css .btn-warning { color: #fff; background-color: #f2a654; border-color: #f2a654; background-image: none; text-shadow: none } .new_css .btn-warning.focus,.new_css .btn-warning:focus,.new_css .btn-warning:hover { background-color: #f4b066; border-color: #f4b066 } .new_css .btn-outline.btn-primary { color: #62a8ea; background-color: transparent } .btn-outline.btn-primary:active,.btn-outline.btn-primary:focus,.btn-outline.btn-primary:hover,.new_css .btn-outline.btn-primary.active,.open>.dropdown-toggle.btn-outline.btn-primary { color: #fff; background-color: #62a8ea; border-color: #62a8ea } .new_css .btn-sm { padding: 6px 13px; font-size: 12px; line-height: 1.5 } .custom-dropdown,.custom-dropup { position: relative } .custom-dropdown.open>.custom-dropdown-menu,.custom-dropup.open>.custom-dropdown-menu { display: block } .custom-dropup .custom-dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px } .custom-dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1200; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #e4eaec; border-radius: 3px; box-shadow: 0 6px 12px rgba(0,0,0,.175) } .custom-dropdown-menu.leads_dropdown_filter { padding: 20px; left: auto; right: 0 } .new_css .dropdown-menu>li.active a { background: 0 0; color: #0081c2; font-weight: 700 } .new_css .dropdown-menu>li>a:focus,.new_css .dropdown-menu>li>a:hover { color: #76838f; text-decoration: none; background-color: #f3f7f9; background-image: none } .new_css .switch:after { content: ""; position: absolute; top: 0; width: 24px; height: 24px; background: #fff; border-radius: 100%; box-shadow: 0 1px 3px rgba(0,0,0,.4) } .new_css .switch:hover { display: block; cursor: pointer } .new_css .switch { position: relative; display: inline-block; width: 45px; height: 24px; box-sizing: content-box; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-clip: content-box; border: 1px solid #e4eaec; border-radius: 20px } .new_css .btn-primary.disabled,.new_css .btn-primary.disabled:hover { background: rgba(98,168,234,.4); border-color: transparent } .custom-dropup .caret { border-top: 0; border-bottom: 4px solid #000; content: "" } .dropdown-menu.notify_popup { width: 370px; top: 53px; left: -322px; padding: 20px; border-radius: 4px; box-shadow: 0 3px 12px rgba(0,0,0,.05); border: 1px solid #e4eaec } .notify_popup .btn-success { padding: 6px 15px; color: #fff; background-color: #46be8a; border-color: #46be8a; background-image: none; text-shadow: none; line-height: 1.5714 } .notify_popup .btn-success:hover { background-color: #5cd29d; border-color: #5cd29d } .notify_popup_title { font-size: 17px; font-weight: 500; color: #37474f; float: left; margin-left: 10px } .notify_popup_text { color: #76838f; font-size: 14px; margin-top: 17px } .notify_popup_head { padding-bottom: 10px; border-bottom: 1px solid #eae4ec } .notify_popup_head .icon-bell { position: relative; top: -4px } .new_css .blk_basic { border: 0 } .img_for_message { width: 64px; height: 64px; display: inline-block; margin-top: 10px } .title_for_message { font-size: 22px; color: var(--panel-anchor-color, #37474f); line-height: 1.4; margin-top: 10px } .text_for_message { color: #76838f; line-height: 1.42; font-size: 16px; margin-top: 20px } .img_off { background: url(public_img/rocket.png) no-repeat 0 0; width: 128px; height: 128px; margin-top: 0; margin-bottom: 10px } .img_pro { background: url(public_img/pro.png) no-repeat 0 0/80px; width: 80px; height: 80px } .img_need_tariff { background: url(public_img/need_tariff.svg) no-repeat 0 0; width: 150px; height: 150px; margin-top: 40px; margin-bottom: 10px } .title_need_tariff,.wind.custom-alert-confirm-phone-with-bonus .title_for_message { font-size: 18px; font-weight: 700; margin-top: 10px } .text_need_tariff,.wind.custom-alert-confirm-phone-with-bonus .text_for_message { font-size: 14px; margin-top: 10px; padding: 0 40px } .wind-footer .ant-btn.btn-alert-need-tarif { padding: 0; line-height: 40px; margin-top: 20px } .wind-wrap .wind.custom-alert-confirm-phone-with-bonus,.wind-wrap .wind.custom-alert-need-tarif { border-radius: 20px; padding: 20px 40px } #popup_list { background: #666 } #popup_list,#popup_list .blk_section { display: none } .open_popup #popup_list { display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,.6) } .open_popup #popup_list .section_popup.open { display: block; overflow-y: auto; width: 100%; height: 100% } .non-pc.open_popup #popup_list .section_popup.open.popup-mobile--large { overflow-y: hidden } .section_popup_wnd { min-height: 30px; box-shadow: 0 3px 30px rgba(0,0,0,.5); margin: 100px auto } .section_popup_wnd_header { position: absolute; top: 0; right: 0; z-index: 20 } body.body_pages_edit #popup_list .section_popup_wnd_header { top: 0; right: 0 } #popup_list .section_popup_buttons { position: absolute; top: 0; left: 0; width: auto; z-index: 10; margin: 0 } #popup_list .ed-toolbar__container { top: 12px; left: 12px } #popup_list .section_popup_buttons .btn { border-radius: 100px } #popup_list .section_popup_wnd_footer { position: absolute; bottom: 0; width: 100% } #popup_list .section_popup_wnd_footer .close-button { position: absolute; top: 30px; width: 150px; left: 50%; margin-left: -60px; text-align: left } .section_popup_wnd .close-button { cursor: pointer; position: absolute; top: 0; left: 0; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; border-radius: 4px } .section_popup_wnd .close-button svg { fill: #fff } .mobile370 .popup-mobile--fullscreen .section-cell { width: 370px; margin: 0 auto; float: none } .blk_form input.btn-submit { max-width: 100% } .btn-locker { display: none; position: absolute; top: 0; left: 0; background: rgba(255,255,255,.6); cursor: progress; width: 100%; height: 100%; border-radius: inherit; overflow: hidden } .btn-locker .btn-locker__animation-wrap { -webkit-animation: spin 3.5s linear infinite; animation: spin 3.5s linear infinite; height: 100% } .btn-locker .btn-locker__img { width: 24px; height: 24px; background: url(public_img/locker.svg); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .new_css .panel,.new_css .w_panel { background-color: #fff; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.05) } .new_css .w_panel { position: relative; margin-bottom: 30px; border-width: 0; padding: 30px } .color_title { color: #37474f } .gift_icon { display: inline-block; width: 64px; height: 64px; background: url(public_img/gift-flat.png) no-repeat 0 0/contain; margin-bottom: 10px } .form_conf_title { font-size: 16px; margin-bottom: 7px } #form_conf_buy_data input[type=checkbox],#form_conf_buy_data input[type=radio],.fix_check input[type=checkbox] { margin-top: -1px } .icon_zero_state { width: 64px; height: 64px; display: inline-block; margin-bottom: 10px } .title_zero_state { font-size: 18px; color: #37474f } .text_zero_state { font-size: 14px; color: #76838f } .icon_oplata { background: url(public_img/card_icon.png) no-repeat 0 0 } .new_css .panel { border: 1px solid transparent } .new_css .panel-body { padding: 30px } .field__input_hint { margin-top: 5px } .set-field__footer { padding-top: 25px } .whats-new-bell { position: relative; cursor: pointer } .redesign .wind.iblk .iblk_header h5 { padding-left: 30px } .new_css .btn-small { padding: 4px 10px; font-size: 13px } .btn-cta { background: #ff9c18; border-color: #ff9e1e; box-shadow: none; color: #fff; text-shadow: none } .btn-cta:hover { background: #ea921d; color: #fff } .close-modal { position: absolute; top: 15px; right: 10px; padding: 10px; opacity: .8; cursor: pointer } .close-modal:hover,.user_form .fuserfiles .field_wrap.userfiles_selected .userfiles_clear:hover { opacity: 1 } .line-height-normal { line-height: 1.42 } .wrap_integrations_clone { padding-bottom: 20px } #autopay_modal .card-payment-options { display: none } .autopay-header { padding: 30px; border-bottom: 1px solid #e4eaec; background: #fafafa; border-radius: 4px 4px 0 0 } .autopay-header .close_modal { right: 10px; top: 23px } .starlaster { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; opacity: .4; z-index: 10 } .user_form .fuserfiles .field_wrap .userfiles_input { position: relative; padding: 4px 2px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); font-size: 14px; line-height: 20px; display: flex; align-items: center } .user_form .fuserfiles .field_wrap:not(.userfiles_selected) .userfiles_input { border-top-right-radius: 0!important; border-bottom-right-radius: 0!important; border-right: 0!important } .form_new:not(.dark_style) .userfiles_input { border: 1px solid #ccc; background: #fff; color: #999 } .form_new:not(.dark_style) .field_wrap.userfiles_selected .userfiles_input { color: #555 } .form_new.dark_style .userfiles_input { border: 1px solid #333; background: #000; color: #999 } .form_new.dark_style .field_wrap.userfiles_selected .userfiles_input { color: #bbb } .user_form .fuserfiles .field_wrap .userfiles_btn { font-size: 14px!important; border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; margin: 0; cursor: pointer; overflow: hidden; display: block } .img_container a[data-action-name=popup] .svg_wrap,.img_container a[data-action-name=popup] img,.userfiles_btn * { cursor: pointer } .user_form .fuserfiles .field_wrap .userfiles_btn input[type=file] { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; font-size: 100px; visibility: hidden } .user_form .fuserfiles .field_wrap .userfiles_clear { opacity: 0; transition: opacity .6s ease } .user_form .fuserfiles .field_wrap.userfiles_selected .userfiles_clear { width: 16px; height: 16px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ljk3MSA0Ny45NzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3Ljk3MSA0Ny45NzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPjxnPjxwYXRoIGQ9Ik0yOC4yMjgsMjMuOTg2TDQ3LjA5Miw1LjEyMmMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBMMjMuOTg2LDE5Ljc0NEw1LjEyMSwwLjg4ICAgYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBjLTEuMTcyLDEuMTcxLTEuMTcyLDMuMDcxLDAsNC4yNDJsMTguODY1LDE4Ljg2NEwwLjg3OSw0Mi44NWMtMS4xNzIsMS4xNzEtMS4xNzIsMy4wNzEsMCw0LjI0MiAgIEMxLjQ2NSw0Ny42NzcsMi4yMzMsNDcuOTcsMyw0Ny45N3MxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWwxOC44NjUtMTguODY0TDQyLjg1LDQ3LjA5MWMwLjU4NiwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMSwwLjg3OSAgIHMxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyTDI4LjIyOCwyMy45ODZ6IiBmaWxsPSIjNzc3Nzc3Ii8+PC9nPjwvc3ZnPg==) no-repeat 50% 50%/10px; cursor: pointer; opacity: .7; position: absolute; right: 6px; top: 50%; margin-top: -8px } .user_form .fuserfiles .field_wrap .userfiles_selected_text { height: auto!important; background-color: transparent; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .user_form .fuserfiles .field_wrap .userfiles_btn_cell { width: 10%; position: relative } .user_form .fuserfiles .field_wrap.userfiles_selected .userfiles_btn_cell { display: none } .user_form .fuserfiles .field_wrap.userfiles_selected .t-grid,.user_form .fuserfiles .field_wrap.userfiles_selected .t-row,.user_form .fuserfiles .field_wrap.userfiles_selected .userfiles_input_cell { display: block; width: 100% } .user_form .fuserfiles .field_wrap.userfiles_selected .userfiles_selected_text { padding-right: 16px } .like_h3 { box-sizing: border-box; font-weight: 700; font-style: normal; line-height: 1; font-size: 24.5px; margin: 10px 0; text-rendering: auto; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-margin-after: 10px; -webkit-margin-before: 10px; -webkit-print-color-adjust: exact } .blk_container.v3 .blk_container_cells { display: table; table-layout: fixed; width: 100% } .blk_container.v3 .td_container_cell { display: table-cell; vertical-align: top; position: relative } .blk_container.v3 .td_container_cell>.cell { margin: 0; height: 100% } .next-slide,.prev-slide { position: absolute; height: 100%; top: 0; width: 50px; border: 0; box-shadow: none; background: 0 0; opacity: .7 } .prev-slide { left: -60px } .next-slide:hover,.prev-slide:hover { opacity: 1 } .next-slide { right: -60px } .hidden-slide { display: none } .hidden-slide.slick-current { display: block } .non-pc .slide .blk_container.v3 .blk_container_cells_wrap { margin-left: 0!important; margin-right: 0!important } .slick-dots li.slick-active p { opacity: .9!important } .slick-dots li:hover p { opacity: .65 } .slick-dots li p { float: left; width: 10px; height: 10px; border-radius: 50%; background-color: #000; opacity: .25 } .blk_shape .shape { height: 100%; width: 100%; overflow: visible } .analytic-spread-frame { position: fixed; top: -999px; left: -999px; width: 1px; height: 1px } .tarif-type__switcher-wrapper { width: 1200px; margin: 0 auto } .tarif-type__switcher { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 5px; border: solid 1px #e5e5e5; padding: 5px; width: 940px; margin: 0 auto } .tarif-type__block { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 3px; flex: 1; transition: background .3s; min-width: 300px } .tarif-type__block.active,.tarif-type__block:hover { background: #fff } .tarif-type__tab { color: #b7b7b7; display: inline-block; line-height: 1; text-decoration: none; transition: color .3s ease; font-weight: 500; font-size: 16px } .tarif-type__tab:visited { color: #b7b7b7 } .active .tarif-type__tab,.tarif-type__block:hover .tarif-type__tab { color: #000 } .microanimation__before { transform: translate(0,50px); transition: opacity .5s ease-out,transform .75s ease-out; opacity: 0 } .microanimation__after { transform: translate(0,0); opacity: 1 } .wind-wrap>.wind.iblk.mobile-view { width: 100%; height: 100%; border-radius: 0; margin: 0; overflow-y: auto } .focus-cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; transition: all .5s; background: 0 0; display: none } .focus-cover.focus-cover__visible { display: block } .focus-cover.focus-cover__show-bg { background: rgba(98,168,234,.73) } .btn-great-publish-site { border-radius: 1000px!important; color: #fff; background: #ff5314; border: 0!important; padding-top: 4px!important; padding-bottom: 4px!important; box-shadow: none; position: relative; text-shadow: 0 1px rgba(0,0,0,.1); transition: background .2s ease } .btn-great-publish-site_preview { padding: 6px 16px!important } .btn-great-publish-site_dashboard { border: 1px solid rgba(202,60,8,.18)!important; padding-top: 6px!important; padding-bottom: 6px!important } .btn-great-publish-site:hover { color: #fff; background: #ff5314 } .non-pc.ios-11-fix { position: fixed } .async_img img { visibility: hidden } .mha--wrapper1200 { width: 1200px } .bg-video__iframe,.vk-video__iframe { box-sizing: border-box; left: 50%; min-height: 100%; min-width: 100%; width: auto; transform: translate(-50%,-50%); position: absolute; top: 50% } .bg-video__locker { width: 100%; height: 100%; position: absolute; z-index: 1 } .app-vitamin .blk_section.brand-header .brand-header__img { width: 89px } .app-vitamin .blk_section.brand-header .brand-header__text-link { background-color: #9e6acf } .ssl_bundle .tariffs__card-tag { color: #fff } .btn.btn14 { background: linear-gradient(to bottom,#3d94f6 0,#1e62d0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0', GradientType=0); text-shadow: 1px 1px 0 #1570cd } .btn.btn13 { box-shadow: inset 0 1px 0 0 #d9fbbe; background-color: #b8e356; background: linear-gradient(to bottom,#b8e356 0,#a5cc52 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52', GradientType=0); border: 1px solid #83c41a; color: #fff; text-shadow: 1px 1px 0 #86ae47 } .btn.btn12 { box-shadow: inset 0 1px 0 0 #cae3fc; background-color: #79bbff; background: linear-gradient(to bottom,#79bbff 0,#4197ee 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee', GradientType=0); border: 1px solid #469df5; color: #fff; text-shadow: 1px 1px 0 #287ace } .btn.btn11 { box-shadow: inset 0 1px 0 0 #fbafe3; background-color: #ff5bb0; background: linear-gradient(to bottom,#ff5bb0 0,#ef027d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d', GradientType=0); border: 1px solid #ee1eb5; color: #fff; text-shadow: 1px 1px 0 #c70067 } .btn.btn10 { box-shadow: inset 0 1px 0 0 #fcf8f2; background-color: #fae4bd; background: linear-gradient(to bottom,#fae4bd 0,#eac380 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae4bd', endColorstr='#eac380', GradientType=0); border: 1px solid #eeb44f; color: #fff; text-shadow: 1px 1px 0 #cc9f52 } .btn.btn9 { box-shadow: inset 0 1px 0 0 #f5978e; background-color: #f24537; background: linear-gradient(to bottom,#f24537 0,#c62d1f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f', GradientType=0); border: 1px solid #d02718; color: #fff; text-shadow: 1px 1px 0 #810e05 } .btn.btn8 { box-shadow: inset 0 1px 0 0 #c1ed9c; background-color: #9dce2c; background: linear-gradient(to bottom,#9dce2c 0,#8cb82b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b', GradientType=0); border: 1px solid #83c41a; color: #fff; text-shadow: 1px 1px 0 #689324 } .btn.btn7 { box-shadow: inset 0 1px 0 0 #f9eca0; background-color: #f0c911; background: linear-gradient(to bottom,#f0c911 0,#f2ab1e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e', GradientType=0); border: 1px solid #e65f44; color: #c92200; text-shadow: 1px 1px 0 #ded17c } .btn.btn5,.btn.btn6 { box-shadow: inset 0 1px 0 0 #e184f3; background: linear-gradient(to bottom,#c123de 0,#a20dbd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd', GradientType=0); background-color: #c123de; border: 1px solid #a511c0; color: #fff; text-shadow: 1px 1px 0 #9b14b3 } .btn.btn4 { box-shadow: inset 0 1px 0 0 #fce2c1; background-color: #ffc477; background: linear-gradient(to bottom,#ffc477 0,#fb9e25 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25', GradientType=0); border: 1px solid #eeb44f; color: #fff; text-shadow: 1px 1px 0 #cc9f52 } .btn.btn3 { box-shadow: inset 0 1px 0 0 #caefab; background-color: #77d42a; background: linear-gradient(to bottom,#77d42a 0,#5cb811 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811', GradientType=0); border: 1px solid #268a16; color: #306108; text-shadow: 1px 1px 0 #aade7c } .btn.btn2 { box-shadow: inset 0 1px 0 0 #f29c93; background-color: #fe1a00; background: linear-gradient(to bottom,#fe1a00 0,#ce0100 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100', GradientType=0); border: 1px solid #d83526; color: #fff; text-shadow: 1px 1px 0 #b23e35 } .btn.btn1 { box-shadow: inset 0 1px 0 0 #bbdaf7; background-color: #79bbff; background: linear-gradient(to bottom,#79bbff 0,#378de5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5', GradientType=0); border: 1px solid #84bbf3; color: #fff; text-shadow: 1px 1px 0 #528ecc } .btn.btn14 { box-shadow: inset 0 1px 0 0 #fff6af; background-color: #ffec64; background: linear-gradient(to bottom,#ffec64 5%,#ffab23 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23', GradientType=0); border: 1px solid #fa2; color: #333; text-shadow: 0 1px 0 rgba(255,238,103,.4) } .iblk { background: var(--background, #fff); margin-top: 43px; box-sizing: border-box } .iblk--no-bg { background: 0 0; border-radius: 0 } .iblk:first-child { margin-top: 0 } #wind_container .iblk .iblk_header { position: relative } .iblk .iblk_header:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px } .iblk .iblk_header.t1,.iblk.t1 .iblk_header { background: #f9ca6c } .iblk .iblk_header.t2,.iblk.t2 .iblk_header { background: #6ccaea } .iblk .iblk_header.t2,.redesign .iblk.t2 .iblk_header { background: #eee } .iblk .iblk_header.t3,.iblk .iblk_tabs,.iblk.t3 .iblk_header { background: #c7b0f2 } .iblk .iblk_header.t4,.iblk.t4 .iblk_header { background: #87e7b1 } .iblk .iblk_header.t5,.iblk.t5 .iblk_header { background: #747187 } .iblk .iblk_header.t6,.iblk.t6 .iblk_header { background: #f49966 } .iblk .iblk_header.gray,.iblk.gray .iblk_header { background: #a3aebf } .iblk .iblk_header.gray,.redesign .iblk.gray .iblk_header { background: #eee } .wind.iblk .iblk_header.gray { background: #a3aebf } .iblk .iblk_header.t7,.iblk.t7 .iblk_header { background: #fff } .iblk .iblk_header td:first-child,table.iblk_cont th:first-child { padding-left: 22px } .iblk .iblk_header h5 { font-size: 14px; padding: 0; margin: 21px 0 19px; color: #fff } .redesign .iblk .iblk_header h5 { font-size: 18px; padding: 0; font-weight: 400; color: rgba(55,71,79,.85) } .iblk .iblk_subheader { border-radius: 0!important } .iblk .iblk_subheader h5 { margin: 8px 0; font-size: 12px } .iblk .iblk_header.t7 h5,.iblk.t7 .iblk_header h5 { color: #444; text-shadow: none } .iblk .iblk_tabs { padding: 0 22px } .iblk .iblk_tabs a { display: block; float: left; padding: 8px 18px; background: rgba(255,255,255,.2); color: #fff; letter-spacing: 1px; text-shadow: 0 0 2px #aaa; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-right: 15px; text-decoration: none!important; cursor: pointer } .iblk .iblk_tabs a:hover { background: rgba(255,255,255,.3) } .iblk .iblk_tabs a.active { background: #fff; color: #000; text-shadow: none } .iblk .iblk_tabs a:last-child { margin: 0 } .itab { display: none } .itab.active { display: block } .iblk_cont--with-bg { background: #fff; border-radius: 4px } table.iblk_cont thead { background: #c9d4e4 } table.iblk_cont th { color: #f9fffd; padding: 5px 0 4px 20px; text-align: left; font-size: 10px; letter-spacing: 1px } table.iblk_cont th:last-child { padding-right: 22px } .ibtn { display: inline-block; font-size: 13px; color: #fff; padding: 8px 12px; text-shadow: 0 1px rgba(0,0,0,.19); border-radius: 5px; line-height: 1; letter-spacing: 1px; vertical-align: middle; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-decoration: none; border: 1px solid #aaa; border-bottom: 1px solid #999; background: #bcbcbc; box-shadow: inset 0 1px rgba(255,255,255,.63),0 2px #999,0 4px 3px rgba(0,0,0,.19) } .ibtn.ibtn-hover,.ibtn:hover { cursor: pointer; text-decoration: none; color: #fff; background: #c6c6c6 } .ibtn.ibtn-active,.ibtn:active { position: relative; top: 1px!important; box-shadow: inset 0 1px 1px rgba(0,0,0,.17),0 1px 2px rgba(0,0,0,.19)!important } .ibtn:focus { text-decoration: none } .ibtn.disabled,.ibtn.disabled:active { position: relative; top: 1px!important; box-shadow: inset 0 1px 1px rgba(0,0,0,.17)!important; background: #ccc!important; border: 1px solid #bbb!important } .ibtn.ibtn-red { color: #fff; background: #f2846f; border: 1px solid #d55c44; box-shadow: inset 0 1px rgba(255,255,255,.63),0 2px #d55c44,0 4px 3px rgba(0,0,0,.19) } .ibtn.ibtn-red.ibtn-hover,.ibtn.ibtn-red:hover { color: #fff; background: #f0725a } .ibtn.ibtn-green { color: #fff; background: #1cba83; border: 1px solid #129f6e; box-shadow: inset 0 1px rgba(255,255,255,.63),0 2px #108259,0 4px 3px rgba(0,0,0,.19) } .ibtn.ibtn-green.ibtn-hover,.ibtn.ibtn-green:hover { color: #fff; background: #1ecd92 } .ibtn.ibtn-blue { color: #fff; background: #67b9ed; border: 1px solid #1b99e7; box-shadow: inset 0 1px rgba(255,255,255,.63),0 2px #2186c5,0 4px 3px rgba(0,0,0,.19) } .ibtn.ibtn-blue.ibtn-hover,.ibtn.ibtn-blue:hover { color: #fff; background: #47b0f1 } .ibtn.ibtn-violet { color: #fff; background: #bfa0fc; border: 1px solid #9c76e4; box-shadow: inset 0 1px rgba(255,255,255,.63),0 2px #956ae7,0 4px 3px rgba(0,0,0,.19) } .ibtn.ibtn-violet.ibtn-hover,.ibtn.ibtn-violet:hover { color: #fff; background: #b38ff8 } .ibtn.ibtn-small { font-size: 11px; padding: 4px 10px } .ibtn.ibtn-small i { margin: 0 } .ibtn.ibtn-large,.rbtn { font-size: 18px; padding: 12px 18px } .ibtn.ibtn-block { display: block; width: 100% } .ibtn.ibtn-flat,.ibtn.ibtn-link { background: 0 0; box-shadow: none } .ibtn.ibtn-flat:active { box-shadow: inset 0 1px 1px rgba(0,0,0,.17)!important; position: static!important } .ibtn.ibtn-link { border: 1px solid transparent; text-shadow: none; color: #222 } .ibtn.ibtn-link:active { box-shadow: none!important; position: static!important; text-decoration: underline } .ibtn.ibtn-video { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAALVBMVEX////gSj/gSj/gSj/gSj/gSj/429P9/PX78erkYFbpgnjwrqXyubHrjYPla2H/3J2rAAAABXRSTlMAz1Dv9OPPD3cAAABHSURBVHhefcwxCsAgDIXhKLh7hF6muyDvEC5dW7DX8Ujex0QSnPSfPggvdMjf4PJFDrNIASiMJPia4q2G305d8UBg8/Vw3wC2EhgBNPttEwAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 10px 50%; padding-left: 34px } .rbtn { cursor: pointer; background: #ff8949; color: #fff; display: block; margin: 0 auto; text-align: center; box-shadow: 0 3px 0 #bb4a05,0 3px 5px rgba(0,0,0,.4); text-shadow: 0 1px rgba(0,0,0,.15); line-height: 36px; border-radius: 4px; padding: 0 20px; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0 } .rbtn-large { font-size: 24px; line-height: 56px } .rbtn:hover { color: #fff; text-decoration: none; background: #ff9e6b } .rbtn.rbtn-green { background: #6bd87d; background: linear-gradient(to bottom,#6bd87d 0,#5dba67 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bd87d', endColorstr='#5dba67', GradientType=0); box-shadow: 0 3px 0 #49924c,0 3px 5px rgba(0,0,0,.4) } .rbtn-green:hover { background: #70e07d; background: linear-gradient(to bottom,#70e07d 0,#60c171 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70e07d', endColorstr='#60c171', GradientType=0) } .rbtn:active { position: relative; top: 2px; box-shadow: inset 0 2px 8px rgba(0,0,0,.2) } .rbtn.disabled { top: 2px; background: #aaa; box-shadow: inset 0 3px 5px rgba(0,0,0,.3) } .wind.iblk { border-radius: 4px } #wind_container .wind.iblk .wind-footer { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 30px 22px } #wind_container .wind.iblk .td-wind-close { padding-right: 21px } #wind_container .wind__body { padding: 40px 30px 0; font-size: 14px } #wind_container .wind.iblk .wind-close { position: absolute; right: 25px; top: 30px; display: block; padding: 0; float: none; width: 12px; height: 12px; -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAYCAYAAADOMhxqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASZJREFUeNp8kkFqwzAQRWWlOKtQMIZ6VegqOAtfIJtAnWVP23Wh0JzA0DrJAUK9MVR0I2Lj/CFKsUeaDnyQNe+j8ZeiYRg+lFIJ9Ax9q3Bl0BvUKhj2w7U+oQxSTJnrUe1vG5JpAtP3uMFNHkwsP3ps8mBu4CYPJulAIr2wvtY/PxgMQkxDSk+CxfQiWmCyFXSANnmeT267rmu65XdoCX3pvu+NtfYYgqnc3oaYrutMVJblNkmS+6qqXtGwwluaF0Xx0rbtzyyO46emae6w+QCdAlHOoTUxxhhL97CDfqEFNRwwgV2PmJ12Y4RMHkzsLE3T242e3LtfuPEeOUzg+GnwkzyYG/5ei7D2DHzmYBBaSkNKT0tpSOlpAZaCWJPhLMAh0/kiwACwJLb6m2uKJAAAAABJRU5ErkJggg==) no-repeat 0 -12px; background: var(--help-item-color, #71747a) } #wind_container .wind.iblk .wind-close:hover { opacity: .8 } #jAlert .wind-btn-apply { width: 100px } #jAlert .tariff-apply { border-radius: 8px; line-height: 38px; padding: 0; -webkit-font-smoothing: antialiased } .wind-arrows { border-top: 1px solid #eaedf6 } .wind-arrows .wind-arrow-left,.wind-arrows .wind-arrow-right { background: url(public_img/wind_arrows.png) no-repeat 20px 17px; width: 50px; height: 50px; border-left: 1px solid #eaedf6; cursor: pointer } .wind-arrows .wind-arrow-right { background-position: -19px 17px; border-bottom-right-radius: 5px } .wind-arrows .wind-arrow-left:hover,.wind-arrows .wind-arrow-right:hover { background-color: #dee7f9 } .wind-arrows .wind-arrow-title { padding: 19px 14px 0 0; color: #8e8e8e; font-size: 12px } .wind-arrows .wind-arrow-left.disabled,.wind-arrows .wind-arrow-right.disabled { opacity: .2; background-color: transparent!important } .section-blackout,.tt { position: absolute; top: 0 } .tt { z-index: 2000; cursor: default; visibility: hidden } .tt .tt_wrap { overflow: hidden; background: #fff; color: #222; padding: 15px; box-shadow: 0 2px 10px rgba(0,0,0,.2); border: 1px solid #ccc; font: 14px/20px Arial,sans-serif; border-radius: 2px } .tt .tt_wrap hr { margin: 9px 0 } .tt .tt_wrap .c-err { color: #ff4d15 } .tt.close_on_click .tt_wrap { cursor: pointer } .tt.to_down .tt_bot_pointer_wrap,.tt.to_up .tt_top_pointer_wrap { display: none } .tt .tt_top_pointer_wrap { position: relative; bottom: -1px; padding-top: 2px } .tt .tt_bot_pointer_wrap { position: relative; top: -1px; padding-bottom: 2px } .tt .tt_bot_pointer,.tt .tt_top_pointer { margin: 0 20px; background: url(public_img/tooltip_arrow2.png) no-repeat 0 -9px; width: 16px; height: 9px } .tt .tt_bot_pointer.mha,.tt .tt_top_pointer.mha { margin: 0 auto } .tt .tt_top_pointer { background-position: 0 0 } .tt.tt-blue .tt_wrap { background: #0af } .tt.tt-green .tt_wrap { background: #c6ef7c; border: 1px solid #93cc2c } .tt.tt-green .tt_top_pointer { background-position: -11px 0 } .tt.tt-green .tt_bot_pointer { background-position: -11px -8px } .section-blackout { right: 0; bottom: 0; left: 0; background-color: #000; z-index: 1; pointer-events: none; opacity: 0 } .yandex_map_wrap { overflow: hidden; display: inline-block; position: relative; max-width: 100%; max-height: 100% } .map-bg,.map-over { display: none } .map-bg,.map-over,.yandex_map { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0 } .section-image { display: none } .background_1,.background_2,.section-gradient,.section-image,.section-image-2,.section-slider,.section-video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0 } .section-gradient,.section-slider,.section-video { display: none } .section-image__svg { display: none } .background_1,.background_2,.section-image-2,.yandex_map { display: block } .is_parallax .section-image,.is_parallax .section-image-2 { background-attachment: fixed } .section-video { background: no-repeat center center/cover; overflow: hidden } .section-video img { height: auto; width: 100%; min-height: 100%; min-width: 100%; margin: auto } .section-video .s_video_content { visibility: hidden; aspect-ratio: 16/9; pointer-events: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; min-width: 100%; height: calc(100% + 115px) } .bg_type_grad .section-gradient,.bg_type_image .section-image,.bg_type_image .section-image__svg,.bg_type_map>.map-bg,.bg_type_map>.map-over,.bg_type_slider .section-slider,.bg_type_video .section-video,.blk_section.section_split.bg_type_color .section-image,.blk_section.section_split.bg_type_empty .section-image,.yandex_map_wrap>.map-over { display: block } .bg_type_map>.mha { pointer-events: none } .bg_type_map>.mha .blk_box .block-content,.bg_type_map>.mha .blk_button a,.bg_type_map>.mha .blk_button_popup a,.bg_type_map>.mha .blk_form .is_popover a,.bg_type_map>.mha .blk_form form,.bg_type_map>.mha .blk_html,.bg_type_map>.mha .blk_image img,.bg_type_map>.mha .blk_image_ext a,.bg_type_map>.mha .blk_image_ext img,.bg_type_map>.mha .blk_ms .block-content,.bg_type_map>.mha .blk_shape .shape,.bg_type_map>.mha .blk_slider,.bg_type_map>.mha .blk_text,.bg_type_map>.mha .blk_video .video__overlay,.bg_type_map>.mha .blk_video iframe,.bg_type_map>.mha .blk_yandex_map .yandex_map_wrap,.body_pages_edit .bg_type_map>.mha { pointer-events: auto } .bg_type_map:not(.brand-header,.is_gap)>.mha>.tpl_cell { padding: 70px 0 } .blk--is_animated,[class*="--on-entry"] { visibility: hidden; -webkit-animation-play-state: paused!important; animation-play-state: paused!important } [class*="--on-scroll"] { --translate: max(0, ( var(--scroll-top) + min(var(--window-height), var(--block-top)) - var(--block-top) )); translate: calc(var(--translate)*var(--animation-acceleration-x)*1px) calc(var(--translate)*-1px*(var(--animation-acceleration-y) - 1)) } .blk_image_ext .img-crop { height: 100%; width: 100%; max-height: 100%; max-width: 100%; overflow: hidden; position: relative } .blk_image_ext .img-crop.shape_circle { border-radius: 50% } .hidden-ms-item { display: none } .vis { display: block!important } .blk_image_ext .img-crop img { position: absolute; max-height: none; max-width: none } .non-pc .section_split.lite_left .background_1,.non-pc .section_split.lite_left .bg_type_map>.map-over,.non-pc .section_split.lite_left .map-bg,.non-pc .section_split.lite_left .section-blackout,.non-pc .section_split.lite_left .section-image,.non-pc .section_split.lite_left .section-image__svg.svg_wrap,.non-pc .section_split.lite_left .section-slider,.non-pc .section_split.lite_left .section-video,.non-pc .section_split.lite_right .background_2,.non-pc .section_split.lite_right .section-image-2 { left: 0; top: 50% } .non-pc .section_split.lite_left .background_2,.non-pc .section_split.lite_left .section-image-2,.non-pc .section_split.lite_right .background_1,.non-pc .section_split.lite_right .bg_type_map>.map-over,.non-pc .section_split.lite_right .map-bg,.non-pc .section_split.lite_right .section-blackout,.non-pc .section_split.lite_right .section-image,.non-pc .section_split.lite_right .section-image__svg.svg_wrap,.non-pc .section_split.lite_right .section-slider,.non-pc .section_split.lite_right .section-video { right: 0; bottom: 50% } .section_split .background_1,.section_split .bg_type_map>.map-over,.section_split .map-bg,.section_split .section-blackout,.section_split .section-image,.section_split .section-slider,.section_split .section-video,.section_split.lite_left .section-image__svg.svg_wrap,.section_split.lite_right .background_2,.section_split.lite_right .section-image-2 { left: 50%; right: 0 } .section_split .background_2,.section_split .section-image-2,.section_split.lite_right .background_1,.section_split.lite_right .bg_type_map>.map-over,.section_split.lite_right .map-bg,.section_split.lite_right .section-blackout,.section_split.lite_right .section-image,.section_split.lite_right .section-image__svg.svg_wrap,.section_split.lite_right .section-slider,.section_split.lite_right .section-video { right: 50%; left: 0 } .section_split .ss_cell { width: 50%; float: left; overflow: hidden; margin: 0; padding: 0 } .section_split .ss_cell>.blk_section_inner { width: 480px; margin: 0; padding: 0 } .section_split .ss-cell-left .blk_section_inner { float: right; margin: 0 } .section_split .ss-cell-right .blk_section_inner { float: left } .n-btn { display: inline-block; margin-bottom: 0; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; padding: 6px 15px; font-size: 14px; line-height: 1.57142857; border-radius: 3px; transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear; -webkit-font-smoothing: subpixel-antialiased } .n-btn-primary { color: #fff; background-color: #62a8ea; border-color: #62a8ea } .n-btn-primary:hover { color: #fff; background-color: #358fe4; border-color: #2c8ae3 } .n-btn-success { color: #fff; background-color: #46be8a; border-color: #46be8a } .n-btn-success:hover { background-color: #5cd29d; border-color: #5cd29d } .n-btn-success:active,.n-btn-success:focus { background-color: #3eb581; border-color: #3eb581 } .btn-round { border-radius: 1000px } .yandex_img { display: inline-block; background: url(public_img/ymoney.png) no-repeat 50% 50%/60px; width: 64px; height: 64px } .card_img { display: inline-block; background: url(public_img/card-visa2.png) no-repeat 0 0/140px; height: 40px; width: 140px } .img-ext-magnifier { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; cursor: pointer } .img-ext-magnifier>div { background-color: #000; opacity: .3; height: 100%; width: 100% } .img-ext-magnifier .mag,.img-ext-magnifier img { position: absolute; width: 32px; height: 32px; left: 50%; top: 50%; margin: -16px 0 0 -16px } .img-ext-magnifier .mag { display: block } .img-ext-magnifier b { display: block; position: absolute; width: 26px; height: 26px; border-radius: 13px; box-sizing: border-box; border: 2px solid #fff; z-index: 2; top: 1px; left: 1px } .img-ext-magnifier i,.img-ext-magnifier s,.img-ext-magnifier u { display: block; position: absolute; width: 12px; height: 2px; border-radius: 2px; top: 13px; left: 8px; z-index: 3; background: #fff } .img-ext-magnifier s,.img-ext-magnifier u { width: 2px; height: 12px; top: 8px; left: 13px } .img-ext-magnifier s { top: 20px; left: 25px; transform: rotate(-45deg); box-sizing: border-box } .blk_image_ext .img_container { position: relative } body:not(.non-pc) .img_container:hover .img-ext-magnifier { display: block } .blk_section.is_bg_increase .section-image { transition: increaseBackground 40s ease-out; -webkit-animation: increaseBackground 40s both infinite linear; animation: increaseBackground 40s both infinite linear } .blk_section.is_bg_increase.play_1_time .section-image { -webkit-animation: increaseBackground 40s both 1 linear; animation: increaseBackground 40s both 1 linear } .blk_section.is_blur .section-image { -moz-filter: blur(5px); -ms-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px) } .block-only-for-non-pc,.inline-only-for-non-pc { display: none } .wind .h5-fake { font-size: 14px; padding: 0 0 0 22px; margin: 21px 0 19px; letter-spacing: 1px; color: #fff; text-shadow: 0 0 2px rgba(0,0,0,.19) } .ts_slider.slick-initialized .slick-slide { vertical-align: top } .ts_slider .slick-next:before,.ts_slider .slick-prev:before { content: '' } .ts_slider button.slick-next,.ts_slider button.slick-prev { width: 60px; height: 100%; transition: opacity .2s ease } .ts_slider:not(:hover) button.slick-next,.ts_slider:not(:hover) button.slick-prev { opacity: 0 } .ts_slider:hover button.slick-next,.ts_slider:hover button.slick-prev { opacity: 1 } .ts_slider button.slick-next,.ts_slider button.slick-prev { background-position: center; background-repeat: no-repeat; background-size: 32px } .ts_slider button.slick-prev { left: -60px; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxLjQ5NCAzMS40OTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMxLjQ5NCAzMS40OTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPHBhdGggZD0iTTEwLjI3Myw1LjAwOWMwLjQ0NC0wLjQ0NCwxLjE0My0wLjQ0NCwxLjU4NywwYzAuNDI5LDAuNDI5LDAuNDI5LDEuMTQzLDAsMS41NzFsLTguMDQ3LDguMDQ3aDI2LjU1NCAgYzAuNjE5LDAsMS4xMjcsMC40OTIsMS4xMjcsMS4xMTFjMCwwLjYxOS0wLjUwOCwxLjEyNy0xLjEyNywxLjEyN0gzLjgxM2w4LjA0Nyw4LjAzMmMwLjQyOSwwLjQ0NCwwLjQyOSwxLjE1OSwwLDEuNTg3ICBjLTAuNDQ0LDAuNDQ0LTEuMTQzLDAuNDQ0LTEuNTg3LDBsLTkuOTUyLTkuOTUyYy0wLjQyOS0wLjQyOS0wLjQyOS0xLjE0MywwLTEuNTcxTDEwLjI3Myw1LjAwOXoiIGZpbGw9IiMwMDAwMDAiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) } .ts_slider button.slick-next { right: -60px; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxLjQ5IDMxLjQ5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMS40OSAzMS40OTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiPgo8cGF0aCBkPSJNMjEuMjA1LDUuMDA3Yy0wLjQyOS0wLjQ0NC0xLjE0My0wLjQ0NC0xLjU4NywwYy0wLjQyOSwwLjQyOS0wLjQyOSwxLjE0MywwLDEuNTcxbDguMDQ3LDguMDQ3SDEuMTExICBDMC40OTIsMTQuNjI2LDAsMTUuMTE4LDAsMTUuNzM3YzAsMC42MTksMC40OTIsMS4xMjcsMS4xMTEsMS4xMjdoMjYuNTU0bC04LjA0Nyw4LjAzMmMtMC40MjksMC40NDQtMC40MjksMS4xNTksMCwxLjU4NyAgYzAuNDQ0LDAuNDQ0LDEuMTU5LDAuNDQ0LDEuNTg3LDBsOS45NTItOS45NTJjMC40NDQtMC40MjksMC40NDQtMS4xNDMsMC0xLjU3MUwyMS4yMDUsNS4wMDd6IiBmaWxsPSIjMDAwMDAwIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) } .blk_box_slider div.next-slide,.blk_box_slider div.prev-slide { padding: 0; margin: 0; overflow: hidden; min-height: 50px; z-index: 10 } .blk_box_slider div.next-slide div,.blk_box_slider div.prev-slide div { padding: 0; margin: -25px 0 0; width: 100%; cursor: pointer; position: relative; top: 50% } .blk_box_slider .slick-arrow div,.blk_box_slider .slide-arrow div { width: 45px; height: 45px; background-color: var(--arrowColor, #000) } .blk_box_slider .slick-dots li p,.blk_box_slider .slide-ball { background-color: var(--indicatorColor, #bfbfbf) } .blk_box_slider .slick-dots li.slick-active p,.blk_box_slider .slide-ball.active { background-color: var(--activeIndicatorColor, #000) } .blk_box_slider .prev-slide div { -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+PHBhdGggZD0iTTM4Ni4wMzMsNDk1LjIyOEwxNDYuODA2LDI1NS45OThMMzg2LjAzMywxNi43NzFjMy44MzgtMy44MzgsMy44MzgtMTAuMDU1LDAtMTMuODkzYy0zLjgzOC0zLjgzOC0xMC4wNTUtMy44MzgtMTMuODkzLDBMMTI1Ljk2NywyNDkuMDUxYy0zLjgzOCwzLjgzOC0zLjgzOCwxMC4wNTUsMCwxMy44OTNMMzcyLjE0LDUwOS4xMjJjMS45MTksMS45MTksNC40MzMsMi44NzgsNi45NDYsMi44NzhzNS4wMjgtMC45Niw2Ljk0Ni0yLjg3OUMzODkuODcxLDUwNS4yODQsMzg5Ljg3MSw0OTkuMDY2LDM4Ni4wMzMsNDk1LjIyOHoiLz48L2c+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==) } .blk_box_slider .next-slide div { -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+PHBhdGggZD0iTTM4Ni4wMzUsMjQ5LjA1NkwxMzkuODU4LDIuODc4Yy0zLjgzOC0zLjgzOC0xMC4wNTUtMy44MzgtMTMuODkzLDBzLTMuODM4LDEwLjA1NSwwLDEzLjg5M2wyMzkuMjMxLDIzOS4yMzFMMTI1Ljk2NSw0OTUuMjI5Yy0zLjgzOCwzLjgzOC0zLjgzOCwxMC4wNTUsMCwxMy44OTNjMS45MTksMS45MTksNC40MzMsMi44NzgsNi45NDYsMi44NzhzNS4wMjgtMC45Niw2Ljk0Ni0yLjg3OGwyNDYuMTc4LTI0Ni4xNzNjMS44NDItMS44NDIsMi44NzgtNC4zNDIsMi44NzgtNi45NDZDMzg4LjkxNCwyNTMuMzk4LDM4Ny44NzcsMjUwLjg5OCwzODYuMDM1LDI0OS4wNTZ6Ii8+PC9nPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=) } .blk_box_slider_self.arrows_loc_outside>.prev-slide,.blk_box_slider_self.arrows_loc_outside>.slick-slider>.prev-slide { left: -50px } .blk_box_slider_self.arrows_loc_outside>.next-slide,.blk_box_slider_self.arrows_loc_outside>.slick-slider>.next-slide { right: -50px } .blk_box_slider_self.arrows_loc_inside>.prev-slide,.blk_box_slider_self.arrows_loc_inside>.slick-slider>.prev-slide { left: -6px } .blk_box_slider_self.arrows_loc_inside>.next-slide,.blk_box_slider_self.arrows_loc_inside>.slick-slider>.next-slide { right: -6px } .blk_box_slider_self.balls_loc_inside>.slide-balls,.blk_box_slider_self.balls_loc_inside>.slider.slick-dotted>.slick-dots { bottom: 8px } .blk_box_slider_self.balls_loc_outside>.slide-balls,.blk_box_slider_self.balls_loc_outside>.slider.slick-dotted>.slick-dots { transform: translateY(100%); bottom: -8px } .blk_box_slider .slick-dots { display: flex; width: 100%; justify-content: center; align-items: center; flex-wrap: wrap; gap: 7px; left: 0 } .blk_box_slider .slick-dots li { width: 10px; height: 10px } .blk_box_slider .slick-dots li p { opacity: 1!important; margin: 0 } .blk.blk_box_slider .slick-initialized .slick-slide { position: relative; overflow: hidden } .blk.blk_box_slider .slick-initialized .slick-slide.slick-active,.blk.blk_box_slider .slick-initialized .slick-slide.slick-current { overflow: visible } .blk_box_slider_self { position: relative } .blk_box_slider_self>.slick-slider { position: static } .blk_box_slider_self>.slick-dotted.slick-slider { margin-bottom: 0 } .svg_wrap { overflow: hidden; max-width: 100% } .svg_container { position: relative; height: 0; width: 100%; padding: 0 } #image-enlarge-cont .svg_container,.blk_section.is_cover .section-image__svg .svg_container { padding-bottom: 100%; color: #000 } .blk_section:not(.is_cover) .section-image__svg .svg_container { padding-bottom: 0; height: 100% } .svg_container svg { position: absolute; height: 100%; width: 100%; top: 0; left: 0; fill: currentColor } .blk_section .section-image__svg.svg_wrap,.ms__wrapper_abs { position: absolute; top: 0; left: 0; bottom: 0; right: 0 } .section_split .section-image__svg.svg_wrap { width: 50% } body.non-pc .section_split .section-image__svg.svg_wrap { width: 100% } .blk_section.bg_type_image.our-svg:not(.is_cover) .section-image__svg,.blk_section.bg_type_image.user-svg:not(.is_cover) .section-image { background-size: contain } .blk_section.is_iphone .section-image { top: -50px; left: -50px; right: -50px; bottom: -50px } .non-pc .blk_section.is_iphone .section_image_container { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0 } .blk_section.section_split.lite_right.is_iphone .section-image { top: -50px; left: -50px; right: calc(50% - 50px); bottom: -50px } .blk_section.section_split.lite_left.is_iphone .section-image { right: -50px; left: calc(50% - 50px) } .wind.mui-modal { border-radius: 12px; border: 0; box-shadow: 0 3px 7px rgba(0,0,0,.3) } .wind-wrap>.wind.iblk.mui-modal { margin-top: 20vh } .wind.mui-modal div { font-size: 15px; line-height: 1.6; padding: 20px 32px!important } .wind.mui-modal h3 { font-size: 24px; line-height: 32px; font-weight: 700 } #wind_container .wind.iblk.mui-modal .wind-footer { text-align: left; padding: 20px 32px; background: #f2f3f5; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px } #wind_container .wind.iblk.mui-modal .ant-radio-group { padding: 0!important } .wind.iblk.pay-to-start-site { width: 855px; padding: 32px 32px 22px; background: #f8fafc; border-radius: 24px; font-family: 'Inter'; font-style: normal; color: #333; position: relative } #wind_container .wind.iblk.pay-to-start-site .wind-close { width: 14px; height: 14px } .pay-to-start-site__row { display: flex } .pay-to-start-site__card { width: 492px; background: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.04),0 0 1px rgba(0,0,0,.24); border-radius: 12px; padding: 32px 32px 24px } .pay-to-start-site__column { flex-direction: row } .pay-to-start-site__column--right { display: flex; flex-direction: column; align-items: center; padding: 32px; font-weight: 500; font-size: 15px; line-height: 24px } .pay-to-start-site__title { font-weight: 700; font-size: 20px; line-height: 32px } .pay-to-start-site__price { font-weight: 500; font-size: 30px; line-height: 44px; color: #000 } .pay-to-start-site__price--1m { font-size: 32px } .pay-to-start-site__discount-condition { font-weight: 400; font-size: 16px; line-height: 44px; color: #8e8e9f; margin-left: 8px } .pay-to-start-site__discount-percent { font-weight: 500; font-size: 16px; line-height: 19px; color: #006ded; padding: 2px 8px; width: 58px; height: 23px; background: #e3f3fe; border-radius: 50px; margin-left: 8px } .pay-to-start-site .wind-btn-apply { width: 100% } .pay-to-start-site .ant-btn.wind-btn-cancel { width: 100%; height: auto; background-color: transparent; border: 0; box-shadow: none; font-weight: 400; font-size: 15px; color: rgba(113,116,122,.5) } .pay-to-start-site__line { width: 160px; height: 0; border: 1px solid rgba(51,51,51,.1); margin-top: 24px } .pay-to-start-site__line--full { width: 100%; margin-top: 20px } .pay-to-start-site__tariff { display: inline-block; width: 59px; height: 21px; font-weight: 600; font-size: 12px; line-height: 21px; text-align: center; color: #fff; background: linear-gradient(88.09deg,#09cafe -6.28%,#1c80fd 38.44%,#1e5bfc 69.37%,#1316fb 99.74%); border-radius: 5px; transform: rotate(-5.17deg) } .pay-to-start-site__feat { display: flex; font-weight: 400; font-size: 13px; line-height: 16px } .pay-to-start-site ul { list-style-image: url(public_img/blue-check-mark.png) } .pay-to-start-site li { line-height: 28px } .pay-to-start-site__partners { margin-top: 20px; background: url(public_img/frame-10693302.png) no-repeat 0 0/233px; height: 173px; width: 233px } .trans_down,.trans_up { width: 100%; z-index: 5; position: absolute; left: 0; right: 0; overflow: hidden; pointer-events: none } .trans_up { top: 0 } .trans_down { bottom: 0 } .trans_up>.trans_diagonal_left,.trans_up>.trans_diagonal_right,.trans_up>.trans_semicircle_down,.trans_up>.trans_semicircle_up,.trans_up>.trans_triangle_down,.trans_up>.trans_triangle_up { transform: translateY(-1px) translateZ(0) } .trans_down>.trans_diagonal_left,.trans_down>.trans_diagonal_right,.trans_down>.trans_semicircle_down,.trans_down>.trans_semicircle_up,.trans_down>.trans_triangle_down,.trans_down>.trans_triangle_up { transform: translateY(1px) translateZ(0) } .trans_down svg,.trans_up svg { display: block; position: absolute; width: 100%; height: 100% } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.bounceIn,.animated.bounceOut,.animated.flipOutHor,.animated.flipOutVer { -webkit-animation-duration: .75s; animation-duration: .75s } .bounce { -webkit-animation: bounce both; animation: bounce both; transform-origin: center bottom } .flash { -webkit-animation: flash both; animation: flash both } .pulse { -webkit-animation: pulse both; animation: pulse both } .rubberBand { -webkit-animation: rubber-band both; animation: rubber-band both } .shake { -webkit-animation: shake both; animation: shake both } .swing { transform-origin: top center; -webkit-animation: swing both; animation: swing both } .swingInDown { -webkit-animation: swing-in-down both; animation: swing-in-down both } .swingInUp { -webkit-animation: swing-in-up both; animation: swing-in-up both } .swingIn { -webkit-animation: swing-in both; animation: swing-in both } .swingInLeft { -webkit-animation: swing-in-left both; animation: swing-in-left both } .swingInRight { -webkit-animation: swing-in-right both; animation: swing-in-right both } .tada { -webkit-animation: tada both; animation: tada both } .wobble { -webkit-animation: wobble both; animation: wobble both } .jello { -webkit-animation: jello both; animation: jello both; transform-origin: center } .bounceIn { -webkit-animation: bounce-in both; animation: bounce-in both } .bounceInDown { -webkit-animation: bounce-in-down both; animation: bounce-in-down both } .bounceInLeft { -webkit-animation: bounce-in-left both; animation: bounce-in-left both } .bounceInRight { -webkit-animation: bounce-in-right both; animation: bounce-in-right both } .bounceInUp { -webkit-animation: bounce-in-up both; animation: bounce-in-up both } .bounceOut { -webkit-animation: bounce-out both; animation: bounce-out both } .bounceOutDown { -webkit-animation: bounce-out-down both; animation: bounce-out-down both } .bounceOutLeft { -webkit-animation: bounce-out-left both; animation: bounce-out-left both } .bounceOutRight { -webkit-animation: bounce-out-right both; animation: bounce-out-right both } .bounceOutUp { -webkit-animation: bounce-out-up both; animation: bounce-out-up both } .fadeIn { -webkit-animation: fade-in both; animation: fade-in both } .fadeInDown { -webkit-animation: fade-in-down both; animation: fade-in-down both } .fadeInDownBig { -webkit-animation: fade-in-down-big both; animation: fade-in-down-big both } .fadeInLeft { -webkit-animation: fade-in-left both; animation: fade-in-left both } .fadeInLeftBig { -webkit-animation: fade-in-left-big both; animation: fade-in-left-big both } .fadeInRight { -webkit-animation: fade-in-right both; animation: fade-in-right both } .fadeInRightBig { -webkit-animation: fade-in-right-big both; animation: fade-in-right-big both } .fadeInUp { -webkit-animation: fade-in-up both; animation: fade-in-up both } .fadeInUpBig { -webkit-animation: fade-in-up-big both; animation: fade-in-up-big both } .fadeOut { -webkit-animation: fade-out both; animation: fade-out both } .fadeOutDown { -webkit-animation: fade-out-down both; animation: fade-out-down both } .fadeOutDownBig { -webkit-animation: fade-out-down-big both; animation: fade-out-down-big both } .fadeOutLeft { -webkit-animation: fade-out-left both; animation: fade-out-left both } .fadeOutLeftBig { -webkit-animation: fade-out-left-big both; animation: fade-out-left-big both } .fadeOutRight { -webkit-animation: fade-out-right both; animation: fade-out-right both } .fadeOutRightBig { -webkit-animation: fade-out-right-big both; animation: fade-out-right-big both } .fadeOutUp { -webkit-animation: fade-out-up both; animation: fade-out-up both } .fadeOutUpBig { -webkit-animation: fade-out-up-big both; animation: fade-out-up-big both } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation: flip both; animation: flip both } .flipIn,.flipInHor,.flipInVer,.flipOutHor,.flipOutVer { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation: flip-in-hor both; animation: flip-in-hor both } .flipInVer,.flipOutHor,.flipOutVer { -webkit-animation: flip-in-ver both; animation: flip-in-ver both } .flipOutHor,.flipOutVer { -webkit-animation: flip-out-hor both; animation: flip-out-hor both } .flipOutVer { -webkit-animation: flip-out-ver both; animation: flip-out-ver both } .lightSpeedIn { -webkit-animation: light-speed-in both; animation: light-speed-in both; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } .lightSpeedOut { -webkit-animation: light-speed-out both; animation: light-speed-out both; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } .rotateIn { -webkit-animation: rotate-in both; animation: rotate-in both } .rotateInCw { -webkit-animation: rotate-in-cw both; animation: rotate-in-cw both } .rotateInCcw { -webkit-animation: rotate-in-ccw both; animation: rotate-in-ccw both } .rotateCornerIn,.rotateCornerInDownLeft { -webkit-animation: rotate-corner-in-down-left both; animation: rotate-corner-in-down-left both } .rotateCornerInDownRight { -webkit-animation: rotate-corner-in-down-right both; animation: rotate-corner-in-down-right both } .rotateCornerInUpLeft { -webkit-animation: rotate-corner-in-up-left both; animation: rotate-corner-in-up-left both } .rotateCornerInUpRight { -webkit-animation: rotate-corner-in-up-right both; animation: rotate-corner-in-up-right both } .rotateOut { -webkit-animation: rotate-out both; animation: rotate-out both } .rotateOutDownLeft { -webkit-animation: rotate-out-down-left both; animation: rotate-out-down-left both } .rotateOutDownRight { -webkit-animation: rotate-out-down-right both; animation: rotate-out-down-right both } .rotateOutUpLeft { -webkit-animation: rotate-out-up-left both; animation: rotate-out-up-left both } .rotateOutUpRight { -webkit-animation: rotate-out-up-right both; animation: rotate-out-up-right both } .hinge { -webkit-animation: hinge both; animation: hinge both } .rollIn { -webkit-animation: roll-in both; animation: roll-in both } .rollOut { -webkit-animation: roll-out both; animation: roll-out both } .rollInBlurredDown { -webkit-animation: roll-in-blurred-down both; animation: roll-in-blurred-down both } .rollInBlurredUp { -webkit-animation: roll-in-blurred-up both; animation: roll-in-blurred-up both } .rollInBlurred { -webkit-animation: roll-in-blurred both; animation: roll-in-blurred both } .rollInBlurredLeft { -webkit-animation: roll-in-blurred-left both; animation: roll-in-blurred-left both } .rollInBlurredRight { -webkit-animation: roll-in-blurred-right both; animation: roll-in-blurred-right both } .zoomIn { -webkit-animation: zoom-in both; animation: zoom-in both } .zoomInDown { -webkit-animation: zoom-in-down both; animation: zoom-in-down both } .zoomInLeft { -webkit-animation: zoom-in-left both; animation: zoom-in-left both } .zoomInRight { -webkit-animation: zoom-in-right both; animation: zoom-in-right both } .zoomInUp { -webkit-animation: zoom-in-up both; animation: zoom-in-up both } .zoomOut { -webkit-animation: zoom-out both; animation: zoom-out both } .zoomOutDown { -webkit-animation: zoom-out-down both; animation: zoom-out-down both } .zoomOutLeft { -webkit-animation: zoom-out-left both; animation: zoom-out-left both } .zoomOutRight { -webkit-animation: zoom-out-right both; animation: zoom-out-right both } .zoomOutUp { -webkit-animation: zoom-out-up both; animation: zoom-out-up both } .slideInDown { -webkit-animation: slide-in-down both; animation: slide-in-down both } .slideIn,.slideInLeft { -webkit-animation: slide-in-left both; animation: slide-in-left both } .slideInRight { -webkit-animation: slide-in-right both; animation: slide-in-right both } .slideInUp { -webkit-animation: slide-in-up both; animation: slide-in-up both } .slideOutDown { -webkit-animation: slide-out-down both; animation: slide-out-down both } .slideOutLeft { -webkit-animation: slide-out-left both; animation: slide-out-left both } .slideOutRight { -webkit-animation: slide-out-right both; animation: slide-out-right both } .slideOutUp { -webkit-animation: slide-out-up both; animation: slide-out-up both } .slideInEllipticDown { -webkit-animation: slide-in-elliptic-down both; animation: slide-in-elliptic-down both } .slideInEllipticUp { -webkit-animation: slide-in-elliptic-up both; animation: slide-in-elliptic-up both } .slideInElliptic { -webkit-animation: slide-in-elliptic both; animation: slide-in-elliptic both } .slideInEllipticLeft { -webkit-animation: slide-in-elliptic-left both; animation: slide-in-elliptic-left both } .slideInEllipticRight { -webkit-animation: slide-in-elliptic-right both; animation: slide-in-elliptic-right both } .tiltInDown { -webkit-animation: tilt-in-down both; animation: tilt-in-down both } .tiltInUp { -webkit-animation: tilt-in-up both; animation: tilt-in-up both } .tiltIn,.tiltInLeft { -webkit-animation: tilt-in-left both; animation: tilt-in-left both } .tiltInRight { -webkit-animation: tilt-in-right both; animation: tilt-in-right both } .puffIn { -webkit-animation: puff-in both; animation: puff-in both } .puffInHor { -webkit-animation: puff-in-hor both; animation: puff-in-hor both } .puffInVer { -webkit-animation: puff-in-ver both; animation: puff-in-ver both } .shine-me { width: 100%; -webkit-animation-name: shine-animation; animation-name: shine-animation; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.12,.89,.98,.47); animation-timing-function: cubic-bezier(.12,.89,.98,.47) } .blk_section.is_absolute .blk_section_inner { height: 100%; z-index: auto!important } .blk_section.is_absolute .blk_section_inner .section-cell { position: relative; min-height: 0; height: 100% } .blk-drag-drop-active .empty_cell .btn-add-element-in-section-cell-wrap,.btn-add-element-in-section-cell-wrap { display: none } .blk_section.is_absolute .btn-add-element-in-section-cell-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); flex-wrap: wrap; justify-content: center; align-items: center; gap: 15px } .blk_section.is_absolute .btn-add-element-in-section-cell-wrap .ant-btn { border: 0 } .empty_cell .btn-add-element-in-section-cell-wrap { display: flex; justify-content: center; align-items: center } .non-pc .btn-add-element-in-section-cell-wrap { display: none } .btn-add-element-in-section-cell-wrap button { background-color: #f1f1f2; color: #006df0; border-color: transparent } .btn-add-element-in-section-cell-wrap button:active,.btn-add-element-in-section-cell-wrap button:focus,.btn-add-element-in-section-cell-wrap button:hover { background-color: #e9eef3 } #background-list .blk_section.is_absolute .blk:not(.ms-slot__cell--table .blk),#site_wrapper1 .blk_section.is_absolute .blk:not(.ms-slot__cell--table .blk) { position: absolute } .blk_section.is_absolute:not(.hybrid-section-converting)>.blk_section_inner>.tpl_cell>.blk { margin: 0 } .blk_section.is_absolute { overflow: visible; padding-top: 0!important; padding-bottom: 0!important } #popup_list .blk_section.is_absolute { overflow: hidden } #bs_cont_wrap .blk_section.is_absolute .empty_cell:not(.ms-slot__cell--table .empty_cell) { background: 0 0; box-shadow: none; border: 0 } #site_wrapper1 .blk_section.is_absolute { min-height: 20px } .gradient-text { display: block; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .section-slider { overflow: hidden } .blk_section.is_absolute .section-blackout,.blk_section.is_absolute .trans_down,.blk_section.is_absolute .trans_up,.blk_section.is_absolute>.map-over { z-index: 0 } .blk_section.is_absolute.section_sign,.blk_section.is_absolute.section_sign .blk_section_inner,.blk_section.is_absolute.section_sign .blk_section_inner .section-cell { height: auto!important } .blk_section.is_absolute>.section_image_container>.section-image { z-index: auto!important } .blk_section.is_absolute .blk_section_inner.section_popup_wnd { height: 250px } .blk_section.is_absolute .section_image_container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden } #sections_list { overflow-x: clip; overflow-y: clip } #background-list .blk_section.is_absolute .blk .blk-data:not(.ms-slot__cell--table .blk-data),#site_wrapper1 .blk_section.is_absolute .blk .blk-data:not(.ms-slot__cell--table .blk-data) { position: relative; height: 100%; width: 100% } .blk_section.is_absolute .blk.blk_yandex_map:not(.ms-slot__cell--table .blk.blk_yandex_map) { min-height: 50px; min-width: 50px } .blk_section.is_absolute:not(.hybrid-section-converting):not(.hybrid-block-converting) .blk_yandex_map .blk_yandex_map_data_wrap:not(.ms-slot__cell--table .blk_yandex_map_data_wrap),.blk_section.is_absolute:not(.hybrid-section-converting):not(.hybrid-block-converting) .blk_yandex_map .yandex_map_wrap:not(.ms-slot__cell--table .yandex_map_wrap) { height: 100%!important; width: 100%!important } .blk_section.is_absolute .blk.blk_text:not(.ms-slot__cell--table .blk.blk_text) { min-height: 10px; min-width: 20px } .blk_section.is_absolute .blk.blk_slider:not(.ms-slot__cell--table .blk.blk_slider) { min-height: 50px; min-width: 50px } .blk_section.is_absolute .blk.blk_slider .blk_slider_data_wrap:not(.ms-slot__cell--table .blk_slider_data_wrap) { height: 100%!important; width: 100%!important } .blk_section.is_absolute .blk.blk_slider .blk_slider_data_wrap .fotorama:not(.ms-slot__cell--table .fotorama) { width: 100%; max-width: 100% } .blk_section.is_absolute .blk.blk_slider .fotorama img:not(.ms-slot__cell--table img) { visibility: hidden } .blk_section.is_absolute .blk.blk_slider .fotorama img.fotorama__img:not(.ms-slot__cell--table img.fotorama__img) { visibility: visible } .blk_section.is_absolute:not(.hybrid-section-converting):not(.hybrid-block-converting) .slide .blk:not(.ms-slot__cell--table .blk) { margin-top: 0 } .blk_section.is_absolute .blk.blk_image:not(.ms-slot__cell--table .blk.blk_image) { min-height: 10px; min-width: 10px } .blk_section.is_absolute .blk.blk_image .blk_image_data_wrap .img_container:not(.ms-slot__cell--table .img_container),.blk_section.is_absolute .blk.blk_image .blk_image_data_wrap:not(.ms-slot__cell--table .blk_image_data_wrap) { height: 100%; width: 100%; min-height: 100%; min-width: 100% } .blk_section.is_absolute:not(.hybrid-block-converting) .blk.blk_image .blk_image_data_wrap .img_container img:not(.ms-slot__cell--table img) { width: auto!important; height: auto; max-width: 100%; max-height: 100% } .blk_section.is_absolute .blk.blk_image_ext:not(.ms-slot__cell--table .blk.blk_image_ext) { min-height: 10px; min-width: 10px } .blk_section.is_absolute .blk.blk_image_ext .img-crop:not(.ms-slot__cell--table .img-crop),.blk_section.is_absolute .blk_html .well:not(.ms-slot__cell--table .well) { height: 100%; width: 100% } .blk_section.is_absolute .blk.blk_image_ext .blk_image_data_wrap .img_container .img-crop:not(.ms-slot__cell--table .img-crop),.blk_section.is_absolute .blk.blk_image_ext .blk_image_data_wrap:not(.ms-slot__cell--table .blk_image_data_wrap),.blk_section.is_absolute .blk.blk_image_ext .blk_image_data_wrap:not(.v2) .img_container:not(.ms-slot__cell--table .img_container) { height: 100%; width: 100%; min-height: 100%; min-width: 100% } .blk_section.is_absolute .blk.blk_image_ext .blk_image_data_wrap.empty:not(.v2) .img_container:not(.ms-slot__cell--table .img_container) { height: 0; width: 0; min-height: 0; min-width: 0 } .blk_section.is_absolute .blk.blk_button:not(.ms-slot__cell--table .blk),.blk_section.is_absolute .blk.blk_button_popup:not(.ms-slot__cell--table .blk),.blk_section.is_absolute .blk.blk_form.blk_form_popover:not(.ms-slot__cell--table .blk) { width: auto!important; height: auto!important } .blk_section.is_absolute .blk.blk_form .form-rs-v-l:not(.ms-slot__cell--table .form-rs-v-l),.blk_section.is_absolute .blk.blk_form .form-rs-v-r:not(.ms-slot__cell--table .form-rs-v-r),.blk_section.is_absolute .blk.blk_form.blk_form_popover .resize-item:not(.ms-slot__cell--table .resize-item) { display: none } .blk_section.is_absolute .blk.blk_form .user_form:not(.ms-slot__cell--table .user_form) { width: 100%!important } .blk_section.is_absolute .blk.blk_box_slider .blk_box_slider_self:not(.ms-slot__cell--table .blk_box_slider_self),.blk_section.is_absolute .blk.blk_box_slider .blk_box_slider_self>.slider:not(.ms-slot__cell--table .slider),.blk_section.is_absolute .blk.blk_box_slider .blk_box_slider_self>.slider>.cell:not(.ms-slot__cell--table .cell),.blk_section.is_absolute .blk.blk_box_slider .slick-list .slick-track:not(.ms-slot__cell--table .slick-track),.blk_section.is_absolute .blk.blk_box_slider .slick-list:not(.ms-slot__cell--table .slick-list) { height: 100% } .blk_section.is_absolute .blk.blk_box_slider .blk_box_slider_self>.slider>.cell:not(.ms-slot__cell--table .cell) { position: relative } .blk_section.is_absolute:not(.hybrid-section-converting):not(.hybrid-block-converting) .blk.blk_box_slider:not(.blk_box_slider--converting) .blk_box_slider_self:not(.ms-slot__cell--table .blk_box_slider_self) { padding: 0!important } .blk.is_hidden { display: none } @-moz-document url-prefix() { .blk_section.is_absolute .blk.blk_video>:not(.ms-slot__cell--table *) { filter: none } } .blk_section.is_absolute:not(.is_gap) .blk:not(.ms-slot__cell--table .blk).blk-in-abs>.block-content>.m-block-wrapper[data-size=width] { height: auto!important } .blk_section.is_absolute:not(.is_gap) .blk:not(.ms-slot__cell--table .blk).blk-in-abs>.block-content>.m-block-wrapper[data-size=height] { width: auto!important } .blk_section.is_absolute:not(.is_gap) .blk:not(.ms-slot__cell--table .blk).blk-in-abs>.block-content>.m-block-wrapper[data-size=no-size] { height: auto!important; width: auto!important }