/* Author: XpeedStudio Author URI: http://themeforest.net/user/XpeedStudio/portfolio */ /*//Animate CSS*/ @charset "UTF-8"; .animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .animated.hinge { -webkit-animation-duration:2s; animation-duration:2s } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform:translateY(0); transform:translateY(0) } 40% { -webkit-transform:translateY(-30px); transform:translateY(-30px) } 60% { -webkit-transform:translateY(-15px); transform:translateY(-15px) } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } 40% { -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px) } 60% { -webkit-transform:translateY(-15px); -ms-transform:translateY(-15px); transform:translateY(-15px) } } .bounce { -webkit-animation-name:bounce; animation-name:bounce } @-webkit-keyframes flash { 0%, 50%, 100% { opacity:1 } 25%, 75% { opacity:0 } } @keyframes flash { 0%, 50%, 100% { opacity:1 } 25%, 75% { opacity:0 } } .flash { -webkit-animation-name:flash; animation-name:flash } @-webkit-keyframes pulse { 0% { -webkit-transform:scale(1); transform:scale(1) } 50% { -webkit-transform:scale(1.1); transform:scale(1.1) } 100% { -webkit-transform:scale(1); transform:scale(1) } } @keyframes pulse { 0% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } 50% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1) } 100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } } .pulse { -webkit-animation-name:pulse; animation-name:pulse } @-webkit-keyframes shake { 0%, 100% { -webkit-transform:translateX(0); transform:translateX(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translateX(-10px); transform:translateX(-10px) } 20%, 40%, 60%, 80% { -webkit-transform:translateX(10px); transform:translateX(10px) } } @keyframes shake { 0%, 100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translateX(-10px); -ms-transform:translateX(-10px); transform:translateX(-10px) } 20%, 40%, 60%, 80% { -webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px) } } .shake { -webkit-animation-name:shake; animation-name:shake } @-webkit-keyframes swing { 20% { -webkit-transform:rotate(15deg); transform:rotate(15deg) } 40% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } 60% { -webkit-transform:rotate(5deg); transform:rotate(5deg) } 80% { -webkit-transform:rotate(-5deg); transform:rotate(-5deg) } 100% { -webkit-transform:rotate(0); transform:rotate(0) } } @keyframes swing { 20% { -webkit-transform:rotate(15deg); -ms-transform:rotate(15deg); transform:rotate(15deg) } 40% { -webkit-transform:rotate(-10deg); -ms-transform:rotate(-10deg); transform:rotate(-10deg) } 60% { -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); transform:rotate(5deg) } 80% { -webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); transform:rotate(-5deg) } 100% { -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } } .swing { -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; animation-name:swing } @-webkit-keyframes tada { 0% { -webkit-transform:scale(1); transform:scale(1) } 10%, 20% { -webkit-transform:scale(.9)rotate(-3deg); transform:scale(.9)rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform:scale(1.1)rotate(3deg); transform:scale(1.1)rotate(3deg) } 40%, 60%, 80% { -webkit-transform:scale(1.1)rotate(-3deg); transform:scale(1.1)rotate(-3deg) } 100% { -webkit-transform:scale(1)rotate(0); transform:scale(1)rotate(0) } } @keyframes tada { 0% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } 10%, 20% { -webkit-transform:scale(.9)rotate(-3deg); -ms-transform:scale(.9)rotate(-3deg); transform:scale(.9)rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform:scale(1.1)rotate(3deg); -ms-transform:scale(1.1)rotate(3deg); transform:scale(1.1)rotate(3deg) } 40%, 60%, 80% { -webkit-transform:scale(1.1)rotate(-3deg); -ms-transform:scale(1.1)rotate(-3deg); transform:scale(1.1)rotate(-3deg) } 100% { -webkit-transform:scale(1)rotate(0); -ms-transform:scale(1)rotate(0); transform:scale(1)rotate(0) } } .tada { -webkit-animation-name:tada; animation-name:tada } @-webkit-keyframes wobble { 0% { -webkit-transform:translateX(0%); transform:translateX(0%) } 15% { -webkit-transform:translateX(-25%)rotate(-5deg); transform:translateX(-25%)rotate(-5deg) } 30% { -webkit-transform:translateX(20%)rotate(3deg); transform:translateX(20%)rotate(3deg) } 45% { -webkit-transform:translateX(-15%)rotate(-3deg); transform:translateX(-15%)rotate(-3deg) } 60% { -webkit-transform:translateX(10%)rotate(2deg); transform:translateX(10%)rotate(2deg) } 75% { -webkit-transform:translateX(-5%)rotate(-1deg); transform:translateX(-5%)rotate(-1deg) } 100% { -webkit-transform:translateX(0%); transform:translateX(0%) } } @keyframes wobble { 0% { -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%) } 15% { -webkit-transform:translateX(-25%)rotate(-5deg); -ms-transform:translateX(-25%)rotate(-5deg); transform:translateX(-25%)rotate(-5deg) } 30% { -webkit-transform:translateX(20%)rotate(3deg); -ms-transform:translateX(20%)rotate(3deg); transform:translateX(20%)rotate(3deg) } 45% { -webkit-transform:translateX(-15%)rotate(-3deg); -ms-transform:translateX(-15%)rotate(-3deg); transform:translateX(-15%)rotate(-3deg) } 60% { -webkit-transform:translateX(10%)rotate(2deg); -ms-transform:translateX(10%)rotate(2deg); transform:translateX(10%)rotate(2deg) } 75% { -webkit-transform:translateX(-5%)rotate(-1deg); -ms-transform:translateX(-5%)rotate(-1deg); transform:translateX(-5%)rotate(-1deg) } 100% { -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%) } } .wobble { -webkit-animation-name:wobble; animation-name:wobble } @-webkit-keyframes bounceIn { 0% { opacity:0; -webkit-transform:scale(.3); transform:scale(.3) } 50% { opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05) } 70% { -webkit-transform:scale(.9); transform:scale(.9) } 100% { -webkit-transform:scale(1); transform:scale(1) } } @keyframes bounceIn { 0% { opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3) } 50% { opacity:1; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05) } 70% { -webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9) } 100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } } .bounceIn { -webkit-animation-name:bounceIn; animation-name:bounceIn } @-webkit-keyframes bounceInDown { 0% { opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px) } 60% { opacity:1; -webkit-transform:translateY(30px); transform:translateY(30px) } 80% { -webkit-transform:translateY(-10px); transform:translateY(-10px) } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes bounceInDown { 0% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px) } 60% { opacity:1; -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px) } 80% { -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px) } 100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } } .bounceInDown { -webkit-animation-name:bounceInDown; animation-name:bounceInDown } @-webkit-keyframes bounceInLeft { 0% { opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px) } 60% { opacity:1; -webkit-transform:translateX(30px); transform:translateX(30px) } 80% { -webkit-transform:translateX(-10px); transform:translateX(-10px) } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes bounceInLeft { 0% { opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px) } 60% { opacity:1; -webkit-transform:translateX(30px); -ms-transform:translateX(30px); transform:translateX(30px) } 80% { -webkit-transform:translateX(-10px); -ms-transform:translateX(-10px); transform:translateX(-10px) } 100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } } .bounceInLeft { -webkit-animation-name:bounceInLeft; animation-name:bounceInLeft } @-webkit-keyframes bounceInRight { 0% { opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px) } 60% { opacity:1; -webkit-transform:translateX(-30px); transform:translateX(-30px) } 80% { -webkit-transform:translateX(10px); transform:translateX(10px) } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes bounceInRight { 0% { opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px) } 60% { opacity:1; -webkit-transform:translateX(-30px); -ms-transform:translateX(-30px); transform:translateX(-30px) } 80% { -webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px) } 100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } } .bounceInRight { -webkit-animation-name:bounceInRight; animation-name:bounceInRight } @-webkit-keyframes bounceInUp { 0% { opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px) } 60% { opacity:1; -webkit-transform:translateY(-30px); transform:translateY(-30px) } 80% { -webkit-transform:translateY(10px); transform:translateY(10px) } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes bounceInUp { 0% { opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px) } 60% { opacity:1; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px) } 80% { -webkit-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px) } 100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } } .bounceInUp { -webkit-animation-name:bounceInUp; animation-name:bounceInUp } @-webkit-keyframes bounceOut { 0% { -webkit-transform:scale(1); transform:scale(1) } 25% { -webkit-transform:scale(.95); transform:scale(.95) } 50% { opacity:1; -webkit-transform:scale(1.1); transform:scale(1.1) } 100% { opacity:0; -webkit-transform:scale(.3); transform:scale(.3) } } @keyframes bounceOut { 0% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } 25% { -webkit-transform:scale(.95); -ms-transform:scale(.95); transform:scale(.95) } 50% { opacity:1; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1) } 100% { opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3) } } .bounceOut { -webkit-animation-name:bounceOut; animation-name:bounceOut } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 20% { opacity:1; -webkit-transform:translateY(-20px); transform:translateY(-20px) } 100% { opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px) } } @keyframes bounceOutDown { 0% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } 20% { opacity:1; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px) } 100% { opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px) } } .bounceOutDown { -webkit-animation-name:bounceOutDown; animation-name:bounceOutDown } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 20% { opacity:1; -webkit-transform:translateX(20px); transform:translateX(20px) } 100% { opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px) } } @keyframes bounceOutLeft { 0% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } 20% { opacity:1; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px) } 100% { opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px) } } .bounceOutLeft { -webkit-animation-name:bounceOutLeft; animation-name:bounceOutLeft } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 20% { opacity:1; -webkit-transform:translateX(-20px); transform:translateX(-20px) } 100% { opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px) } } @keyframes bounceOutRight { 0% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } 20% { opacity:1; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px) } 100% { opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px) } } .bounceOutRight { -webkit-animation-name:bounceOutRight; animation-name:bounceOutRight } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 20% { opacity:1; -webkit-transform:translateY(20px); transform:translateY(20px) } 100% { opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px) } } @keyframes bounceOutUp { 0% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } 20% { opacity:1; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px) } 100% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px) } } .bounceOutUp { -webkit-animation-name:bounceOutUp; animation-name:bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity:0 } 100% { opacity:1 } } @keyframes fadeIn { 0% { opacity:0 } 100% { opacity:1 } } .fadeIn { -webkit-animation-name:fadeIn; animation-name:fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px) } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px) } 100% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } } .fadeInDown { -webkit-animation-name:fadeInDown; animation-name:fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px) } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px) } 100% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } } .fadeInDownBig { -webkit-animation-name:fadeInDownBig; animation-name:fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px) } 100% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px) } 100% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } } .fadeInLeft { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px) } 100% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px) } 100% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } } .fadeInLeftBig { -webkit-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translateX(20px); transform:translateX(20px) } 100% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px) } 100% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } } .fadeInRight { -webkit-animation-name:fadeInRight; animation-name:fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px) } 100% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px) } 100% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } } .fadeInRightBig { -webkit-animation-name:fadeInRightBig; animation-name:fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translateY(20px); transform:translateY(20px) } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px) } 100% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } } .fadeInUp { -webkit-animation-name:fadeInUp; animation-name:fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px) } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px) } 100% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } } .fadeInUpBig { -webkit-animation-name:fadeInUpBig; animation-name:fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } .fadeOut { -webkit-animation-name:fadeOut; animation-name:fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(20px); transform:translateY(20px) } } @keyframes fadeOutDown { 0% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px) } } .fadeOutDown { -webkit-animation-name:fadeOutDown; animation-name:fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px) } } @keyframes fadeOutDownBig { 0% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px) } } .fadeOutDownBig { -webkit-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px) } } @keyframes fadeOutLeft { 0% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px) } } .fadeOutLeft { -webkit-animation-name:fadeOutLeft; animation-name:fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px) } } @keyframes fadeOutLeftBig { 0% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px) } } .fadeOutLeftBig { -webkit-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(20px); transform:translateX(20px) } } @keyframes fadeOutRight { 0% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px) } } .fadeOutRight { -webkit-animation-name:fadeOutRight; animation-name:fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px) } } @keyframes fadeOutRightBig { 0% { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px) } } .fadeOutRightBig { -webkit-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px) } } @keyframes fadeOutUp { 0% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px) } } .fadeOutUp { -webkit-animation-name:fadeOutUp; animation-name:fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px) } } @keyframes fadeOutUpBig { 0% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px) } } .fadeOutUpBig { -webkit-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1); transform:perspective(400px)translateZ(0)rotateY(0)scale(1) } 0%, 40% { -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 40% { -webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1); transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1) } 50% { -webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1); transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 80% { -webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95); transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95) } 80%, 100% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 100% { -webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1); transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1) } } @keyframes flip { 0% { -webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1); -ms-transform:perspective(400px)translateZ(0)rotateY(0)scale(1); transform:perspective(400px)translateZ(0)rotateY(0)scale(1) } 0%, 40% { -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 40% { -webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1); -ms-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1); transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1) } 50% { -webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1); -ms-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1); transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 80% { -webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95); -ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95); transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95) } 80%, 100% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 100% { -webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1); -ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1); transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1) } } .animated.flip { -webkit-backface-visibility:visible; -ms-backface-visibility:visible; backface-visibility:visible; -webkit-animation-name:flip; animation-name:flip } @-webkit-keyframes flipInX { 0% { -webkit-transform:perspective(400px)rotateX(90deg); transform:perspective(400px)rotateX(90deg); opacity:0 } 40% { -webkit-transform:perspective(400px)rotateX(-10deg); transform:perspective(400px)rotateX(-10deg) } 70% { -webkit-transform:perspective(400px)rotateX(10deg); transform:perspective(400px)rotateX(10deg) } 100% { -webkit-transform:perspective(400px)rotateX(0); transform:perspective(400px)rotateX(0); opacity:1 } } @keyframes flipInX { 0% { -webkit-transform:perspective(400px)rotateX(90deg); -ms-transform:perspective(400px)rotateX(90deg); transform:perspective(400px)rotateX(90deg); opacity:0 } 40% { -webkit-transform:perspective(400px)rotateX(-10deg); -ms-transform:perspective(400px)rotateX(-10deg); transform:perspective(400px)rotateX(-10deg) } 70% { -webkit-transform:perspective(400px)rotateX(10deg); -ms-transform:perspective(400px)rotateX(10deg); transform:perspective(400px)rotateX(10deg) } 100% { -webkit-transform:perspective(400px)rotateX(0); -ms-transform:perspective(400px)rotateX(0); transform:perspective(400px)rotateX(0); opacity:1 } } .flipInX { -webkit-backface-visibility:visible!important; -ms-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipInX; animation-name:flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform:perspective(400px)rotateY(90deg); transform:perspective(400px)rotateY(90deg); opacity:0 } 40% { -webkit-transform:perspective(400px)rotateY(-10deg); transform:perspective(400px)rotateY(-10deg) } 70% { -webkit-transform:perspective(400px)rotateY(10deg); transform:perspective(400px)rotateY(10deg) } 100% { -webkit-transform:perspective(400px)rotateY(0); transform:perspective(400px)rotateY(0); opacity:1 } } @keyframes flipInY { 0% { -webkit-transform:perspective(400px)rotateY(90deg); -ms-transform:perspective(400px)rotateY(90deg); transform:perspective(400px)rotateY(90deg); opacity:0 } 40% { -webkit-transform:perspective(400px)rotateY(-10deg); -ms-transform:perspective(400px)rotateY(-10deg); transform:perspective(400px)rotateY(-10deg) } 70% { -webkit-transform:perspective(400px)rotateY(10deg); -ms-transform:perspective(400px)rotateY(10deg); transform:perspective(400px)rotateY(10deg) } 100% { -webkit-transform:perspective(400px)rotateY(0); -ms-transform:perspective(400px)rotateY(0); transform:perspective(400px)rotateY(0); opacity:1 } } .flipInY { -webkit-backface-visibility:visible!important; -ms-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipInY; animation-name:flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform:perspective(400px)rotateX(0); transform:perspective(400px)rotateX(0); opacity:1 } 100% { -webkit-transform:perspective(400px)rotateX(90deg); transform:perspective(400px)rotateX(90deg); opacity:0 } } @keyframes flipOutX { 0% { -webkit-transform:perspective(400px)rotateX(0); -ms-transform:perspective(400px)rotateX(0); transform:perspective(400px)rotateX(0); opacity:1 } 100% { -webkit-transform:perspective(400px)rotateX(90deg); -ms-transform:perspective(400px)rotateX(90deg); transform:perspective(400px)rotateX(90deg); opacity:0 } } .flipOutX { -webkit-animation-name:flipOutX; animation-name:flipOutX; -webkit-backface-visibility:visible!important; -ms-backface-visibility:visible!important; backface-visibility:visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform:perspective(400px)rotateY(0); transform:perspective(400px)rotateY(0); opacity:1 } 100% { -webkit-transform:perspective(400px)rotateY(90deg); transform:perspective(400px)rotateY(90deg); opacity:0 } } @keyframes flipOutY { 0% { -webkit-transform:perspective(400px)rotateY(0); -ms-transform:perspective(400px)rotateY(0); transform:perspective(400px)rotateY(0); opacity:1 } 100% { -webkit-transform:perspective(400px)rotateY(90deg); -ms-transform:perspective(400px)rotateY(90deg); transform:perspective(400px)rotateY(90deg); opacity:0 } } .flipOutY { -webkit-backface-visibility:visible!important; -ms-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipOutY; animation-name:flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform:translateX(100%)skewX(-30deg); transform:translateX(100%)skewX(-30deg); opacity:0 } 60% { -webkit-transform:translateX(-20%)skewX(30deg); transform:translateX(-20%)skewX(30deg); opacity:1 } 80% { -webkit-transform:translateX(0%)skewX(-15deg); transform:translateX(0%)skewX(-15deg); opacity:1 } 100% { -webkit-transform:translateX(0%)skewX(0); transform:translateX(0%)skewX(0); opacity:1 } } @keyframes lightSpeedIn { 0% { -webkit-transform:translateX(100%)skewX(-30deg); -ms-transform:translateX(100%)skewX(-30deg); transform:translateX(100%)skewX(-30deg); opacity:0 } 60% { -webkit-transform:translateX(-20%)skewX(30deg); -ms-transform:translateX(-20%)skewX(30deg); transform:translateX(-20%)skewX(30deg); opacity:1 } 80% { -webkit-transform:translateX(0%)skewX(-15deg); -ms-transform:translateX(0%)skewX(-15deg); transform:translateX(0%)skewX(-15deg); opacity:1 } 100% { -webkit-transform:translateX(0%)skewX(0); -ms-transform:translateX(0%)skewX(0); transform:translateX(0%)skewX(0); opacity:1 } } .lightSpeedIn { -webkit-animation-name:lightSpeedIn; animation-name:lightSpeedIn; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform:translateX(0%)skewX(0); transform:translateX(0%)skewX(0); opacity:1 } 100% { -webkit-transform:translateX(100%)skewX(-30deg); transform:translateX(100%)skewX(-30deg); opacity:0 } } @keyframes lightSpeedOut { 0% { -webkit-transform:translateX(0%)skewX(0); -ms-transform:translateX(0%)skewX(0); transform:translateX(0%)skewX(0); opacity:1 } 100% { -webkit-transform:translateX(100%)skewX(-30deg); -ms-transform:translateX(100%)skewX(-30deg); transform:translateX(100%)skewX(-30deg); opacity:0 } } .lightSpeedOut { -webkit-animation-name:lightSpeedOut; animation-name:lightSpeedOut; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0 } 0%, 100% { -webkit-transform-origin:center center; transform-origin:center center } 100% { -webkit-transform:rotate(0); transform:rotate(0); opacity:1 } } @keyframes rotateIn { 0% { -webkit-transform:rotate(-200deg); -ms-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0 } 0%, 100% { -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center } 100% { -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 } } .rotateIn { -webkit-animation-name:rotateIn; animation-name:rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 } 0%, 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom } 100% { -webkit-transform:rotate(0); transform:rotate(0); opacity:1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 } 0%, 100% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom } 100% { -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 } } .rotateInDownLeft { -webkit-animation-name:rotateInDownLeft; animation-name:rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 } 0%, 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom } 100% { -webkit-transform:rotate(0); transform:rotate(0); opacity:1 } } @keyframes rotateInDownRight { 0% { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0 } 0%, 100% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom } 100% { -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 } } .rotateInDownRight { -webkit-animation-name:rotateInDownRight; animation-name:rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 } 0%, 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom } 100% { -webkit-transform:rotate(0); transform:rotate(0); opacity:1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0 } 0%, 100% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom } 100% { -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 } } .rotateInUpLeft { -webkit-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 } 0%, 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom } 100% { -webkit-transform:rotate(0); transform:rotate(0); opacity:1 } } @keyframes rotateInUpRight { 0% { -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 } 0%, 100% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom } 100% { -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 } } .rotateInUpRight { -webkit-animation-name:rotateInUpRight; animation-name:rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform:rotate(0); transform:rotate(0); opacity:1 } 0%, 100% { -webkit-transform-origin:center center; transform-origin:center center } 100% { -webkit-transform:rotate(200deg); transform:rotate(200deg); opacity:0 } } @keyframes rotateOut { 0% { -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 } 0%, 100% { -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center } 100% { -webkit-transform:rotate(200deg); -ms-transform:rotate(200deg); transform:rotate(200deg); opacity:0 } } .rotateOut { -webkit-animation-name:rotateOut; animation-name:rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform:rotate(0); transform:rotate(0); opacity:1 } 0%, 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom } 100% { -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 } 0%, 100% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom } 100% { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0 } } .rotateOutDownLeft { -webkit-animation-name:rotateOutDownLeft; animation-name:rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform:rotate(0); transform:rotate(0); opacity:1 } 0%, 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom } 100% { -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 } 0%, 100% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom } 100% { -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 } } .rotateOutDownRight { -webkit-animation-name:rotateOutDownRight; animation-name:rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform:rotate(0); transform:rotate(0); opacity:1 } 0%, 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom } 100% { -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 } 0%, 100% { -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom } 100% { -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 } } .rotateOutUpLeft { -webkit-animation-name:rotateOutUpLeft; animation-name:rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform:rotate(0); transform:rotate(0); opacity:1 } 0%, 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom } 100% { -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1 } 0%, 100% { -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom } 100% { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0 } } .rotateOutUpRight { -webkit-animation-name:rotateOutUpRight; animation-name:rotateOutUpRight } @-webkit-keyframes slideInDown { 0% { opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px) } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes slideInDown { 0% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px) } 100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } } .slideInDown { -webkit-animation-name:slideInDown; animation-name:slideInDown } @-webkit-keyframes slideInLeft { 0% { opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px) } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes slideInLeft { 0% { opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px) } 100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } } .slideInLeft { -webkit-animation-name:slideInLeft; animation-name:slideInLeft } @-webkit-keyframes slideInRight { 0% { opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px) } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes slideInRight { 0% { opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px) } 100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } } .slideInRight { -webkit-animation-name:slideInRight; animation-name:slideInRight } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px) } } @keyframes slideOutLeft { 0% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px) } } .slideOutLeft { -webkit-animation-name:slideOutLeft; animation-name:slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px) } } @keyframes slideOutRight { 0% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } 100% { opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px) } } .slideOutRight { -webkit-animation-name:slideOutRight; animation-name:slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px) } } @keyframes slideOutUp { 0% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } 100% { opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px) } } .slideOutUp { -webkit-animation-name:slideOutUp; animation-name:slideOutUp } @-webkit-keyframes hinge { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 0%, 20%, 60% { -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 20%, 60% { -webkit-transform:rotate(80deg); transform:rotate(80deg) } 40% { -webkit-transform:rotate(60deg); transform:rotate(60deg) } 40%, 80% { -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 80% { -webkit-transform:rotate(60deg)translateY(0); transform:rotate(60deg)translateY(0); opacity:1 } 100% { -webkit-transform:translateY(700px); transform:translateY(700px); opacity:0 } } @keyframes hinge { 0% { -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } 0%, 20%, 60% { -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 20%, 60% { -webkit-transform:rotate(80deg); -ms-transform:rotate(80deg); transform:rotate(80deg) } 40% { -webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg) } 40%, 80% { -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 80% { -webkit-transform:rotate(60deg)translateY(0); -ms-transform:rotate(60deg)translateY(0); transform:rotate(60deg)translateY(0); opacity:1 } 100% { -webkit-transform:translateY(700px); -ms-transform:translateY(700px); transform:translateY(700px); opacity:0 } } .hinge { -webkit-animation-name:hinge; animation-name:hinge } @-webkit-keyframes rollIn { 0% { opacity:0; -webkit-transform:translateX(-100%)rotate(-120deg); transform:translateX(-100%)rotate(-120deg) } 100% { opacity:1; -webkit-transform:translateX(0)rotate(0); transform:translateX(0)rotate(0) } } @keyframes rollIn { 0% { opacity:0; -webkit-transform:translateX(-100%)rotate(-120deg); -ms-transform:translateX(-100%)rotate(-120deg); transform:translateX(-100%)rotate(-120deg) } 100% { opacity:1; -webkit-transform:translateX(0)rotate(0); -ms-transform:translateX(0)rotate(0); transform:translateX(0)rotate(0) } } .rollIn { -webkit-animation-name:rollIn; animation-name:rollIn } @-webkit-keyframes rollOut { 0% { opacity:1; -webkit-transform:translateX(0)rotate(0); transform:translateX(0)rotate(0) } 100% { opacity:0; -webkit-transform:translateX(100%)rotate(120deg); transform:translateX(100%)rotate(120deg) } } @keyframes rollOut { 0% { opacity:1; -webkit-transform:translateX(0)rotate(0); -ms-transform:translateX(0)rotate(0); transform:translateX(0)rotate(0) } 100% { opacity:0; -webkit-transform:translateX(100%)rotate(120deg); -ms-transform:translateX(100%)rotate(120deg); transform:translateX(100%)rotate(120deg) } } .rollOut { -webkit-animation-name:rollOut; animation-name:rollOut } /* * (C) Joel Sutherland * Licenced under the MIT license * http://www.newmediacampaigns.com/page/jquery-flickr-plugin * * Available tags for templates: * title, link, date_taken, description, published, author, author_id, tags, image* */ /* dCodes Framework:(c) TemplateAccess */ #dc_jflickr_feed_container { margin:0 auto; padding:8px; text-align:left; width:100% } .dc_jflickr_thumbs { margin:0; overflow:hidden; padding:0 } .dc_jflickr_thumbs li { border:1px solid #ccc; float:left; list-style:none; margin:1px } .dc_jflickr_thumbs li:hover { border:1px solid #09C } .dc_jflickr_thumbs li a { } .dc_jflickr_thumbs li img { display:block } .dc_jflickr_thumbs li a img { border:none } #dc_jflickr_slider_container { margin:0 auto; padding:8px } #dc_flickr_slider { background-color:#000; border:8px solid #fff; box-shadow:2px 2px 6px rgba(0, 0, 0, 0.3); height:333px; margin:0; padding:0; padding:0px; width:500px } #dc_flickr_slider li { height:333px; list-style:none; margin:0; overflow:hidden; padding:0px; position:relative; width:500px } #dc_flickr_slider li div { background:#000; bottom:3px; color:white; font-size:12px; left:3px; opacity:.8; padding:3px; position:absolute; width:494px } .flickr_slider_nav { margin:8px } #flickr_slider_prev { padding:8px; text-decoration:none } #flickr_slider_prev:hover { color:#666 } #flickr_slider_next { padding:8px; text-decoration:none } #flickr_slider_next:hover { color:#666 } /* twentytwenty.css */ .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content:" "; display:block; background:white; position:absolute; z-index:30; -webkit-box-shadow:0 0 12px rgba(51, 51, 51, .5); -moz-box-shadow:0 0 12px rgba(51, 51, 51, .5); box-shadow:0 0 12px rgba(51, 51, 51, .5) } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width:3px; height:9999px; left:50%; margin-left:-1.5px } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width:9999px; height:3px; top:50%; margin-top:-1.5px } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position:absolute; top:0; width:100%; height:100% } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; transition-duration:0.5s } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property:opacity; -moz-transition-property:opacity; transition-property:opacity } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color:white; font-size:13px; letter-spacing:.1em } .twentytwenty-before-label:before, .twentytwenty-after-label:before { position:absolute; background:rgba(255, 255, 255, .2); line-height:38px; padding:0 20px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top:50%; margin-top:-19px } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left:50%; margin-left:-45px; text-align:center; width:90px } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width:0; height:0; border:6px inset transparent; position:absolute } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top:50%; margin-top:-6px } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left:50%; margin-left:-6px } .twentytwenty-container { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; z-index:0; overflow:hidden; position:relative; -webkit-user-select:none; -moz-user-select:none } .twentytwenty-container img { max-width:100%; position:absolute; top:0; display:block } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background:rgba(0, 0, 0, 0) } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity:0 } .twentytwenty-container * { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box } .twentytwenty-before-label { opacity:0 } .twentytwenty-before-label:before { content:attr(data-content) } .twentytwenty-after-label { opacity:0 } .twentytwenty-after-label:before { content:attr(data-content) } .twentytwenty-horizontal .twentytwenty-before-label:before { left:10px } .twentytwenty-horizontal .twentytwenty-after-label:before { right:10px } .twentytwenty-vertical .twentytwenty-before-label:before { top:10px } .twentytwenty-vertical .twentytwenty-after-label:before { bottom:10px } .twentytwenty-overlay { -webkit-transition-property:background; -moz-transition-property:background; transition-property:background; background:rgba(0, 0, 0, 0); z-index:25 } .twentytwenty-overlay:hover { background:rgba(0, 0, 0, .5) } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity:1 } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity:1 } .twentytwenty-before { z-index:20 } .twentytwenty-after { z-index:10 } .twentytwenty-handle { height:38px; width:38px; position:absolute; left:50%; top:50%; margin-left:-22px; margin-top:-22px; border:3px solid white; -webkit-border-radius:1000px; -moz-border-radius:1000px; border-radius:1000px; -webkit-box-shadow:0 0 12px rgba(51, 51, 51, .5); -moz-box-shadow:0 0 12px rgba(51, 51, 51, .5); box-shadow:0 0 12px rgba(51, 51, 51, .5); z-index:40; cursor:pointer } .twentytwenty-horizontal .twentytwenty-handle:before { bottom:50%; margin-bottom:22px; -webkit-box-shadow:0 3px 0 white, 0 0 12px rgba(51, 51, 51, .5); -moz-box-shadow:0 3px 0 white, 0 0 12px rgba(51, 51, 51, .5); box-shadow:0 3px 0 white, 0 0 12px rgba(51, 51, 51, .5) } .twentytwenty-horizontal .twentytwenty-handle:after { top:50%; margin-top:22px; -webkit-box-shadow:0 -3px 0 white, 0 0 12px rgba(51, 51, 51, .5); -moz-box-shadow:0 -3px 0 white, 0 0 12px rgba(51, 51, 51, .5); box-shadow:0 -3px 0 white, 0 0 12px rgba(51, 51, 51, .5) } .twentytwenty-vertical .twentytwenty-handle:before { left:50%; margin-left:22px; -webkit-box-shadow:3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5); -moz-box-shadow:3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5); box-shadow:3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5) } .twentytwenty-vertical .twentytwenty-handle:after { right:50%; margin-right:22px; -webkit-box-shadow:-3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5); -moz-box-shadow:-3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5); box-shadow:-3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5) } .twentytwenty-left-arrow { border-right:6px solid white; left:50%; margin-left:-17px } .twentytwenty-right-arrow { border-left:6px solid white; right:50%; margin-right:-17px } .twentytwenty-up-arrow { border-bottom:6px solid white; top:50%; margin-top:-17px } .twentytwenty-down-arrow { border-top:6px solid white; bottom:50%; margin-bottom:-17px } /* xs-nav menu */ .nav-brand, .nav-brand:focus, .nav-brand:hover, .nav-menu>li>a { color:#70798b } .xs_nav { width:100%; height:70px; display:table; position:relative; font-family:inherit; background-color:#fff } .xs_nav * { box-sizing:border-box; -webkit-tap-highlight-color:transparent } .xs_nav-portrait { height:48px } .xs_nav-fixed-wrapper { width:100%; left:0; z-index:19998; will-change:opacity } .xs_nav-fixed-wrapper.fixed { position:fixed!important; -webkit-animation:fade .5s; animation:fade .5s } @keyframes fade { from { opacity:.999 } to { opacity:1 } } .xs_nav-fixed-wrapper .xs_nav { margin-right:auto; margin-left:auto } .xs_nav-fixed-placeholder { width:100%; display:none } .xs_nav-fixed-placeholder.xs_nav-fixed-placeholder.visible { display:block } .nav-toggle, .xs_nav-hidden .nav-header { display:none } .xs_nav-hidden { width:0!important; height:0!important; margin:0!important; padding:0!important; position:absolute; top:-9999px } .align-to-right { float:right } .nav-header { float:left } .nav-brand { line-height:70px; padding:0 15px; font-size:24px; text-decoration:none!important } .xs_nav-portrait .nav-brand { font-size:18px; line-height:48px } .nav-logo>img { height:48px; margin:11px auto; padding:0 15px; float:left } .nav-logo:focus>img { outline:initial } .xs_nav-portrait .nav-logo>img { height:36px; margin:6px auto 6px 15px; padding:0 } .nav-toggle { width:30px; height:30px; padding:6px 2px 0; position:absolute; top:50%; margin-top:-14px; right:15px; cursor:pointer } .nav-toggle:before { content:""; position:absolute; width:24px; height:2px; background-color:#70798b; border-radius:10px; box-shadow:0 .5em 0 0 #70798b, 0 1em 0 0 #70798b } .xs_nav-portrait .nav-toggle { display:block } .xs_nav-portrait .nav-menus-wrapper { width:320px; height:100%; top:0; left:-400px; position:fixed; background-color:#fff; z-index:20000; overflow-y:auto; -webkit-overflow-scrolling:touch; -webkit-transition-duration:.8s; transition-duration:.8s; -webkit-transition-timing-function:ease; transition-timing-function:ease } .xs_nav-portrait .nav-menus-wrapper.nav-menus-wrapper-right { left:auto; right:-400px } .xs_nav-portrait .nav-menus-wrapper.nav-menus-wrapper-open { left:0 } .xs_nav-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open { left:auto; right:0 } .nav-menus-wrapper-close-button { width:30px; height:40px; margin:10px 7px; display:none; float:right; color:#70798b; font-size:26px; cursor:pointer } .xs_nav-portrait .nav-menus-wrapper-close-button { display:block } .nav-menu { margin:0; padding:0; list-style:none; line-height:normal; font-size:0 } .xs_nav-portrait .nav-menu { width:100% } .nav-menu.nav-menu-centered { text-align:center } .nav-menu.nav-menu-centered>li { float:none } .nav-menu>li { display:inline-block; float:left; text-align:left } .xs_nav-portrait .nav-menu>li { width:100%; position:relative; border-top:solid 1px #f0f0f0 } .xs_nav-portrait .nav-menu>li:last-child { border-bottom:solid 1px #f0f0f0 } .nav-menu+.nav-menu>li:first-child { border-top:none } .nav-menu>li>a { height:70px; padding:26px 15px; display:inline-block; position:relative; text-decoration:none; font-size:14px; -webkit-transition:color .3s, background .3s; transition:color .3s, background .3s } .xs_nav-portrait .nav-menu>li>a { width:100%; height:auto; padding:12px 15px 12px 26px } .nav-menu>li.active>a, .nav-menu>li.focus>a, .nav-menu>li:hover>a { color:#967ADC } .nav-menu>li>a>[class*=ion-], .nav-menu>li>a>i { width:18px; height:16px; line-height:16px; -webkit-transform:scale(1.4); -ms-transform:scale(1.4); transform:scale(1.4) } .nav-menu>li>a>[class*=ion-] { width:16px; display:inline-block; -webkit-transform:scale(1.8); -ms-transform:scale(1.8); transform:scale(1.8) } .xs_nav-portrait .nav-menu.nav-menu-social { width:100%; text-align:center } .nav-menu.nav-menu-social>li { text-align:center; float:none; border:none!important } .xs_nav-portrait .nav-menu.nav-menu-social>li { width:auto } .nav-menu.nav-menu-social>li>a>[class*=ion-] { font-size:12px } .nav-menu.nav-menu-social>li>a>.fa { font-size:14px } .xs_nav-portrait .nav-menu.nav-menu-social>li>a { padding:15px } .submenu-indicator { margin-left:6px; margin-top:6px; float:right; -webkit-transition:all .3s; transition:all .3s } .xs_nav-portrait .submenu-indicator { width:54px; height:44px; margin-top:0; position:absolute; top:0; right:0; text-align:center; z-index:20000 } .submenu-indicator-chevron { height:6px; width:6px; display:block; border-style:solid; border-width:0 1px 1px 0; border-color:transparent #70798b #70798b transparent; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:border .3s; transition:border .3s } .xs_nav-portrait .submenu-indicator-chevron { position:absolute; top:18px; left:24px } .nav-menu>.active>a .submenu-indicator-chevron, .nav-menu>.focus>a .submenu-indicator-chevron, .nav-menu>li:hover>a .submenu-indicator-chevron { border-color:transparent #967ADC #967ADC transparent } .xs_nav-portrait .submenu-indicator.submenu-indicator-up { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg) } .nav-overlay-panel { width:100%; height:100%; top:0; left:0; position:fixed; display:none; z-index:19999 } .no-scroll { touch-action:none; overflow-x:hidden } .nav-search { height:70px; float:right; z-index:19998 } .xs_nav-portrait .nav-search { height:48px; padding:0 10px; margin-right:52px } .xs_nav-hidden .nav-search { display:none } .nav-search-button { width:70px; height:70px; line-height:70px; text-align:center; cursor:pointer; background-color:#fbfcfd } .xs_nav-portrait .nav-search-button { width:50px; height:48px; line-height:46px; font-size:22px } .nav-search-icon { width:14px; height:14px; margin:2px 8px 8px 4px; display:inline-block; vertical-align:middle; position:relative; color:#70798b; text-align:left; text-indent:-9999px; border:2px solid; border-radius:50%; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:color .3s; transition:color .3s } .nav-search-icon:after, .nav-search-icon:before { content:''; pointer-events:none } .nav-search-icon:before { width:2px; height:11px; top:11px; position:absolute; left:50%; border-radius:0 0 1px 1px; box-shadow:inset 0 0 0 32px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) } .nav-search-button:hover .nav-search-icon { color:#967ADC } .nav-search>form { width:100%; height:100%; padding:0 auto; display:none; position:absolute; left:0; top:0; background-color:#fff; z-index:99 } .nav-search-inner { width:70%; height:70px; margin:auto; display:table } .xs_nav-portrait .nav-search-inner { height:48px } .nav-search-inner input[type=search], .nav-search-inner input[type=text] { height:70px; width:100%; margin:0; padding:0 12px; font-size:26px; text-align:center; color:#70798b; outline:0; line-height:70px; border:none; background-color:transparent; -webkit-transition:all .3s; transition:all .3s } .xs_nav-portrait .nav-search-inner input[type=search], .xs_nav-portrait .nav-search-inner input[type=text] { height:48px; font-size:18px; line-height:48px } .nav-search-close-button { width:28px; height:28px; display:block; position:absolute; right:20px; top:20px; line-height:normal; color:#70798b; font-size:20px; cursor:pointer; text-align:center } .nav-button, .nav-text { display:inline-block; font-size:14px } .xs_nav-portrait .nav-search-close-button { top:10px; right:14px } .nav-button { margin:18px 15px 0; padding:8px 14px; color:#fff; text-align:center; text-decoration:none; border-radius:4px; background-color:#967ADC; -webkit-transition:opacity .3s; transition:opacity .3s } .nav-button:focus, .nav-button:hover { color:#fff; text-decoration:none; opacity:.85 } .xs_nav-portrait .nav-button { width:calc(100% - 52px); margin:17px 26px } .nav-text { margin:25px 15px; color:#70798b } .xs_nav-portrait .nav-text { width:calc(100% - 52px); margin:12px 26px 0 } .xs_nav-portrait .nav-text+ul { margin-top:15px } .nav-dropdown { min-width:180px; margin:0; padding:0; display:none; position:absolute; list-style:none; z-index:98; white-space:nowrap } .xs_nav-portrait .nav-dropdown { width:100%; position:static; left:0 } .nav-dropdown .nav-dropdown { left:100% } .nav-menu>li>.nav-dropdown { border-top:solid 1px #f0f0f0 } .nav-dropdown>li { width:100%; float:left; clear:both; position:relative; text-align:left } .nav-dropdown>li>a { width:100%; padding:16px 20px; display:inline-block; text-decoration:none; float:left; font-size:13px; color:#70798b; background-color:#fdfdfd; -webkit-transition:color .3s, background .3s; transition:color .3s, background .3s } .nav-dropdown>li.focus>a, .nav-dropdown>li:hover>a { color:#967ADC } .nav-dropdown.nav-dropdown-left { right:0 } .nav-dropdown>li>.nav-dropdown-left { left:auto; right:100% } .xs_nav-landscape .nav-dropdown.nav-dropdown-left>li>a { text-align:right } .xs_nav-portrait .nav-dropdown>li>a { padding:12px 20px 12px 30px } .xs_nav-portrait .nav-dropdown>li>ul>li>a { padding-left:50px } .xs_nav-portrait .nav-dropdown>li>ul>li>ul>li>a { padding-left:70px } .xs_nav-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a { padding-left:90px } .xs_nav-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a { padding-left:110px } .nav-dropdown .submenu-indicator { right:15px; top:16px; position:absolute } .xs_nav-portrait .nav-dropdown .submenu-indicator { right:0; top:0 } .nav-dropdown .submenu-indicator .submenu-indicator-chevron { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg) } .xs_nav-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg) } .nav-dropdown>.focus>a .submenu-indicator-chevron, .nav-dropdown>li:hover>a .submenu-indicator-chevron { border-color:transparent #967ADC #967ADC transparent } .xs_nav-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator { left:10px } .xs_nav-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron { -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg) } .nav-dropdown-horizontal { width:100%; left:0; background-color:#fdfdfd; border-top:solid 1px #f0f0f0 } .nav-dropdown-horizontal .nav-dropdown-horizontal { width:100%; top:100%; left:0 } .xs_nav-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal { border-top:none } .nav-dropdown-horizontal>li { width:auto; clear:none; position:static } .megamenu-panel [class*=container], .xs_nav-portrait .nav-dropdown-horizontal>li { width:100% } .nav-dropdown-horizontal>li>a { position:relative } .nav-dropdown-horizontal .submenu-indicator { height:18px; top:11px; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) } .xs_nav-portrait .nav-dropdown-horizontal .submenu-indicator { height:42px; top:0; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } .xs_nav-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg) } .megamenu-panel { width:100%; padding:15px; display:none; position:absolute; font-size:14px; z-index:98; text-align:left; color:inherit; border-top:solid 1px #f0f0f0; background-color:#fdfdfd } .megamenu-tabs-nav>li>a, .megamenu-tabs-pane { border:1px solid #eff0f2; color:#70798b; font-size:13px } .xs_nav-portrait .megamenu-panel { padding:25px; position:static; display:block } .megamenu-panel [class*=container] [class*=col-] { padding:0 } .megamenu-panel-half { width:50% } .megamenu-panel-quarter { width:25% } .megamenu-panel-row, .xs_nav-portrait .megamenu-panel-half, .xs_nav-portrait .megamenu-panel-quarter { width:100% } .megamenu-panel-row:after, .megamenu-panel-row:before { display:table; content:""; line-height:0 } .megamenu-panel-row:after { clear:both } .megamenu-panel-row [class*=col-] { display:block; min-height:20px; float:left; margin-left:3% } .megamenu-panel-row [class*=col-]:first-child { margin-left:0 } .xs_nav-portrait .megamenu-panel-row [class*=col-] { float:none; display:block; width:100%!important; margin-left:0; margin-top:15px } .xs_nav-portrait .megamenu-panel-row:first-child [class*=col-]:first-child { margin-top:0 } .megamenu-panel-row .col-1 { width:5.583333333333% } .megamenu-panel-row .col-2 { width:14.166666666666% } .megamenu-panel-row .col-3 { width:22.75% } .megamenu-panel-row .col-4 { width:31.333333333333% } .megamenu-panel-row .col-5 { width:39.916666666667% } .megamenu-panel-row .col-6 { width:48.5% } .megamenu-panel-row .col-7 { width:57.083333333333% } .megamenu-panel-row .col-8 { width:65.666666666667% } .megamenu-panel-row .col-9 { width:74.25% } .megamenu-panel-row .col-10 { width:82.833333333334% } .megamenu-panel-row .col-11 { width:91.416666666667% } .megamenu-panel-row .col-12 { width:100% } .megamenu-tabs { width:100%; float:left; display:block } .megamenu-tabs-nav { width:20%; margin:0; padding:0; float:left; list-style:none } .xs_nav-portrait .megamenu-tabs-nav { width:100% } .megamenu-tabs-nav>li>a { width:100%; padding:10px 16px; float:left; text-decoration:none; outline:0; background-color:#fff; -webkit-transition:background .3s; transition:background .3s } .megamenu-tabs-nav>li.active a, .megamenu-tabs-nav>li:hover a { background-color:#f5f5f5 } .megamenu-tabs-pane { width:80%; min-height:30px; padding:20px; float:right; display:none; opacity:0; background-color:#fff; -webkit-transition:opacity .5s; transition:opacity .5s } .megamenu-tabs-pane.active { display:block; opacity:1 } .xs_nav-portrait .megamenu-tabs-pane { width:100% } .megamenu-lists { width:100%; display:table } .megamenu-list { width:100%; margin:0 0 15px; padding:0; display:inline-block; float:left; list-style:none } .megamenu-list:last-child { margin:0; border:none } .xs_nav-landscape .megamenu-list { margin:-15px 0; padding:20px 0; border-right:solid 1px #f0f0f0 } .xs_nav-landscape .megamenu-list:last-child { border:none } .megamenu-list>li>a { width:100%; padding:10px 15px; display:inline-block; color:#70798b; text-decoration:none; font-size:13px; -webkit-transition:all .3s; transition:all .3s } .megamenu-list>li>a:hover { color:#fff; background-color:#967ADC } .megamenu-list>li.megamenu-list-title>a { font-size:12px; font-weight:600; text-transform:uppercase; opacity:.8; color:#70798b } .megamenu-list>li.megamenu-list-title>a:hover { opacity:1; background-color:transparent } .xs_nav-landscape .list-col-2 { width:50% } .xs_nav-landscape .list-col-3 { width:33% } .xs_nav-landscape .list-col-4 { width:25% } /* woocommerce.css */ @charset "UTF-8"; @-webkit-keyframes spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @font-face { font-family:star; src:url(../fonts/star.html); src:url(../fonts/stard41d.html?#iefix) format("embedded-opentype"), url(../fonts/star-2.html) format("woff"), url(../fonts/star-3.html) format("truetype"), url(../fonts/star-4.html#star) format("svg"); font-weight:400; font-style:normal } @font-face { font-family:WooCommerce; src:url(../fonts/WooCommerce.html); src:url(../fonts/WooCommerced41d.html?#iefix) format("embedded-opentype"), url(../fonts/WooCommerce-2.html) format("woff"), url(../fonts/WooCommerce-3.html) format("truetype"), url(../fonts/WooCommerce-4.html#WooCommerce) format("svg"); font-weight:400; font-style:normal } .woocommerce-store-notice, p.demo_store { position:absolute; top:0; left:0; right:0; margin:0; width:100%; font-size:1em; padding:1em 0; text-align:center; background-color:#a46497; color:#fff; z-index:99998; box-shadow:0 1px 1em rgba(0, 0, 0, .2); display:none } .woocommerce-store-notice a, p.demo_store a { color:#fff; text-decoration:underline } .screen-reader-text { clip:rect(1px,1px,1px,1px); height:1px; overflow:hidden; position:absolute!important; width:1px; word-wrap:normal!important } .admin-bar p.demo_store { top:32px } .clear { clear:both } .woocommerce .blockUI.blockOverlay { position:relative } .woocommerce .blockUI.blockOverlay::before { height:1em; width:1em; display:block; position:absolute; top:50%; left:50%; margin-left:-.5em; margin-top:-.5em; content:''; -webkit-animation:spin 1s ease-in-out infinite; animation:spin 1s ease-in-out infinite; background:url(../images/icons/loader.html) center center; background-size:cover; line-height:1; text-align:center; font-size:2em; color:rgba(0, 0, 0, .75) } .woocommerce .loader::before { height:1em; width:1em; display:block; position:absolute; top:50%; left:50%; margin-left:-.5em; margin-top:-.5em; content:''; -webkit-animation:spin 1s ease-in-out infinite; animation:spin 1s ease-in-out infinite; background:url(../images/icons/loader.html) center center; background-size:cover; line-height:1; text-align:center; font-size:2em; color:rgba(0, 0, 0, .75) } .woocommerce a.remove { display:block; font-size:2.4em; height:1em; width:1em; text-align:center; line-height:1; border-radius:100%; color:#7a241d!important; text-decoration:none; font-weight:700; border:0 } .woocommerce a.remove:hover { color:#fff!important; background:red } .woocommerce small.note { display:block; color:#777; font-size:.857em; margin-top:10px } .woocommerce .woocommerce-breadcrumb { margin:0 0 1em; padding:0; font-size:.92em; color:#777 } .woocommerce .woocommerce-breadcrumb::after, .woocommerce .woocommerce-breadcrumb::before { content:' '; display:table } .woocommerce .woocommerce-breadcrumb::after { clear:both } .woocommerce .woocommerce-breadcrumb a { color:#777 } .woocommerce .quantity .qty { width:3.631em; text-align:center } .woocommerce div.product { margin-bottom:0; position:relative } .woocommerce div.product .product_title { clear:none; margin-top:0; padding:0 } .woocommerce div.product p.price, .woocommerce div.product span.price { color:#77a464; font-size:1.25em } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { background:inherit; font-weight:700 } .woocommerce div.product p.price del, .woocommerce div.product span.price del { opacity:.5 } .woocommerce div.product p.stock { font-size:.92em } .woocommerce div.product .stock { color:#77a464 } .woocommerce div.product .out-of-stock { color:red } .woocommerce div.product .woocommerce-product-rating { margin-bottom:1.618em } .woocommerce div.product div.images { margin-bottom:2em } .woocommerce div.product div.images img { display:block; width:100%; height:auto; box-shadow:none } .woocommerce div.product div.images div.thumbnails { padding-top:1em } .woocommerce div.product div.images.woocommerce-product-gallery { position:relative } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { -webkit-transition:all cubic-bezier(.795, -.035, 0, 1) .5s; transition:all cubic-bezier(.795, -.035, 0, 1) .5s; margin:0; padding:0 } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { background-color:#fff } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { width:25%; display:inline-block } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { position:absolute; top:.5em; right:.5em; font-size:2em; z-index:9; width:36px; height:36px; background:#fff; text-indent:-9999px; border-radius:100%; box-sizing:content-box } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { content:""; display:block; width:10px; height:10px; border:2px solid #000; border-radius:100%; position:absolute; top:9px; left:9px; box-sizing:content-box } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:after { content:""; display:block; width:2px; height:8px; background:#000; border-radius:6px; position:absolute; top:19px; left:22px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); box-sizing:content-box } .woocommerce div.product div.images .flex-control-thumbs { overflow:hidden; zoom:1; margin:0; padding:0 } .woocommerce div.product div.images .flex-control-thumbs li { width:25%; float:left; margin:0; list-style:none } .woocommerce div.product div.images .flex-control-thumbs li img { cursor:pointer; opacity:.5; margin:0 } .woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover { opacity:1 } .woocommerce div.product .woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { clear:left } .woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { clear:left } .woocommerce div.product .woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { clear:left } .woocommerce div.product div.summary { margin-bottom:2em } .woocommerce div.product div.social { text-align:right; margin:0 0 1em } .woocommerce div.product div.social span { margin:0 0 0 2px } .woocommerce div.product div.social span span { margin:0 } .woocommerce div.product div.social span .stButton .chicklets { padding-left:16px; width:0 } .woocommerce div.product div.social iframe { float:left; margin-top:3px } .woocommerce div.product .woocommerce-tabs ul.tabs { list-style:none; padding:0 0 0 1em; margin:0 0 1.618em; overflow:hidden; position:relative } .woocommerce div.product .woocommerce-tabs ul.tabs li { border:1px solid #d3ced2; background-color:#ebe9eb; display:inline-block; position:relative; z-index:0; border-radius:4px 4px 0 0; margin:0 -5px; padding:0 1em } .woocommerce div.product .woocommerce-tabs ul.tabs li a { display:inline-block; padding:.5em 0; font-weight:700; color:#515151; text-decoration:none } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { text-decoration:none; color:#6b6a6b } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background:#fff; z-index:2; border-bottom-color:#fff } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color:inherit; text-shadow:inherit } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { box-shadow:2px 2px 0 #fff } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after { box-shadow:-2px 2px 0 #fff } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { border:1px solid #d3ced2; position:absolute; bottom:-1px; width:5px; height:5px; content:' ' } .woocommerce div.product .woocommerce-tabs ul.tabs li::before { left:-6px; border-bottom-right-radius:4px; border-width:0 1px 1px 0; box-shadow:2px 2px 0 #ebe9eb } .woocommerce div.product .woocommerce-tabs ul.tabs li::after { right:-6px; border-bottom-left-radius:4px; border-width:0 0 1px 1px; box-shadow:-2px 2px 0 #ebe9eb } .woocommerce div.product .woocommerce-tabs ul.tabs::before { position:absolute; content:' '; width:100%; bottom:0; left:0; border-bottom:1px solid #d3ced2; z-index:1 } .woocommerce div.product .woocommerce-tabs .panel { margin:0 0 2em; padding:0 } .woocommerce div.product p.cart { margin-bottom:2em } .woocommerce div.product p.cart::after, .woocommerce div.product p.cart::before { content:' '; display:table } .woocommerce div.product p.cart::after { clear:both } .woocommerce div.product form.cart { margin-bottom:2em } .woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before { content:' '; display:table } .woocommerce div.product form.cart::after { clear:both } .woocommerce div.product form.cart div.quantity { float:left; margin:0 4px 0 0 } .woocommerce div.product form.cart table { border-width:0 0 1px } .woocommerce div.product form.cart table td { padding-left:0 } .woocommerce div.product form.cart table div.quantity { float:none; margin:0 } .woocommerce div.product form.cart table small.stock { display:block; float:none } .woocommerce div.product form.cart .variations { margin-bottom:1em; border:0; width:100% } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { border:0; vertical-align:top; line-height:2em } .woocommerce div.product form.cart .variations label { font-weight:700 } .woocommerce div.product form.cart .variations select { max-width:100%; min-width:75%; display:inline-block; margin-right:1em } .woocommerce div.product form.cart .variations td.label { padding-right:1em } .woocommerce div.product form.cart .woocommerce-variation-description p { margin-bottom:1em } .woocommerce div.product form.cart .reset_variations { visibility:hidden; font-size:.83em } .woocommerce div.product form.cart .wc-no-matching-variations { display:none } .woocommerce div.product form.cart .button { vertical-align:middle; float:left } .woocommerce div.product form.cart .group_table td.label { padding-right:1em; padding-left:1em } .woocommerce div.product form.cart .group_table td { vertical-align:top; padding-bottom:.5em; border:0 } .woocommerce div.product form.cart .group_table td:first-child { width:4em; text-align:center } .woocommerce div.product form.cart .group_table .wc-grouped-product-add-to-cart-checkbox { display:inline-block; width:auto; margin:0 auto; -webkit-transform:scale(1.5, 1.5); -ms-transform:scale(1.5, 1.5); transform:scale(1.5, 1.5) } .woocommerce span.onsale { min-height:3.236em; min-width:3.236em; padding:.202em; font-size:1em; font-weight:700; position:absolute; text-align:center; line-height:3.236; top:-.5em; left:-.5em; margin:0; border-radius:100%; background-color:#77a464; color:#fff; font-size:.857em; -webkit-font-smoothing:antialiased; z-index:9 } .woocommerce .products ul, .woocommerce ul.products { margin:0 0 1em; padding:0; list-style:none outside; clear:both } .woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before { content:' '; display:table } .woocommerce .products ul::after, .woocommerce ul.products::after { clear:both } .woocommerce .products ul li, .woocommerce ul.products li { list-style:none outside } .woocommerce ul.products li.product .onsale { top:0; right:0; left:auto; margin:-.5em -.5em 0 0 } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { padding:.5em 0; margin:0; font-size:1em } .woocommerce ul.products li.product a { text-decoration:none } .woocommerce ul.products li.product a img { width:100%; height:auto; display:block; margin:0 0 1em; box-shadow:none } .woocommerce ul.products li.product strong { display:block } .woocommerce ul.products li.product .star-rating { font-size:.857em } .woocommerce ul.products li.product .button { margin-top:1em } .woocommerce ul.products li.product .price { color:#77a464; display:block; font-weight:400; margin-bottom:.5em; font-size:.857em } .woocommerce ul.products li.product .price del { color:inherit; opacity:.5; display:block } .woocommerce ul.products li.product .price ins { background:0 0; font-weight:700 } .woocommerce ul.products li.product .price .from { font-size:.67em; margin:-2px 0 0 0; text-transform:uppercase; color:rgba(132, 132, 132, .5) } .woocommerce .woocommerce-result-count { margin:0 0 1em } .woocommerce .woocommerce-ordering { margin:0 0 1em } .woocommerce .woocommerce-ordering select { vertical-align:top } .woocommerce nav.woocommerce-pagination { text-align:center } .woocommerce nav.woocommerce-pagination ul { display:inline-block; white-space:nowrap; padding:0; clear:both; border:1px solid #d3ced2; border-right:0; margin:1px } .woocommerce nav.woocommerce-pagination ul li { border-right:1px solid #d3ced2; padding:0; margin:0; float:left; display:inline; overflow:hidden } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { margin:0; text-decoration:none; padding:0; line-height:1; font-size:1em; font-weight:400; padding:.5em; min-width:1em; display:block } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background:#ebe9eb; color:#8a7e88 } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-size:100%; margin:0; line-height:1; cursor:pointer; position:relative; text-decoration:none; overflow:visible; padding:.618em 1em; font-weight:700; border-radius:3px; left:auto; color:#515151; background-color:#ebe9eb; border:0; white-space:nowrap; display:inline-block; background-image:none; box-shadow:none; text-shadow:none } .woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading { opacity:.25; padding-right:2.618em } .woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after { font-family:WooCommerce; content:'\e01c'; vertical-align:top; -webkit-font-smoothing:antialiased; font-weight:400; position:absolute; top:.618em; right:1em; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite } .woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after { font-family:WooCommerce; content:'\e017'; margin-left:.53em; vertical-align:bottom } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color:#dad8da; text-decoration:none; background-image:none; color:#515151 } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color:#a46497; color:#fff; -webkit-font-smoothing:antialiased } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color:#935386; color:#fff } .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover { background-color:#a46497; color:#fff } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { color:inherit; cursor:not-allowed; opacity:.5; padding:.618em 1em } .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover { color:inherit; background-color:#ebe9eb } .woocommerce .cart .button, .woocommerce .cart input.button { float:none } .woocommerce a.added_to_cart { padding-top:.5em; white-space:nowrap; display:inline-block } .woocommerce #reviews h2 small { float:right; color:#777; font-size:15px; margin:10px 0 0 } .woocommerce #reviews h2 small a { text-decoration:none; color:#777 } .woocommerce #reviews h3 { margin:0 } .woocommerce #reviews #respond { margin:0; border:0; padding:0 } .woocommerce #reviews #comment { height:75px } .woocommerce #reviews #comments .add_review::after, .woocommerce #reviews #comments .add_review::before { content:' '; display:table } .woocommerce #reviews #comments .add_review::after { clear:both } .woocommerce #reviews #comments h2 { clear:none } .woocommerce #reviews #comments ol.commentlist { margin:0; width:100%; background:0 0; list-style:none } .woocommerce #reviews #comments ol.commentlist::after, .woocommerce #reviews #comments ol.commentlist::before { content:' '; display:table } .woocommerce #reviews #comments ol.commentlist::after { clear:both } .woocommerce #reviews #comments ol.commentlist li { padding:0; margin:0 0 20px; border:0; position:relative; background:0; border:0 } .woocommerce #reviews #comments ol.commentlist li .meta { color:#777; font-size:.75em } .woocommerce #reviews #comments ol.commentlist li img.avatar { float:left; position:absolute; top:0; left:0; padding:3px; width:32px; height:auto; background:#ebe9eb; border:1px solid #e4e1e3; margin:0; box-shadow:none } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin:0 0 0 50px; border:1px solid #e4e1e3; border-radius:4px; padding:1em 1em 0 } .woocommerce #reviews #comments ol.commentlist li .comment-text::after, .woocommerce #reviews #comments ol.commentlist li .comment-text::before { content:' '; display:table } .woocommerce #reviews #comments ol.commentlist li .comment-text::after { clear:both } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin:0 0 1em } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size:.83em } .woocommerce #reviews #comments ol.commentlist ul.children { list-style:none outside; margin:20px 0 0 50px } .woocommerce #reviews #comments ol.commentlist ul.children .star-rating { display:none } .woocommerce #reviews #comments ol.commentlist #respond { border:1px solid #e4e1e3; border-radius:4px; padding:1em 1em 0; margin:20px 0 0 50px } .woocommerce #reviews #comments .commentlist>li::before { content:'' } .woocommerce .star-rating { float:right; overflow:hidden; position:relative; height:1em; line-height:1; font-size:1em; width:5.4em; font-family:star } .woocommerce .star-rating::before { content:'\73\73\73\73\73'; color:#d3ced2; float:left; top:0; left:0; position:absolute } .woocommerce .star-rating span { overflow:hidden; float:left; top:0; left:0; position:absolute; padding-top:1.5em } .woocommerce .star-rating span::before { content:'\53\53\53\53\53'; top:0; position:absolute; left:0 } .woocommerce .woocommerce-product-rating { line-height:2; display:block } .woocommerce .woocommerce-product-rating::after, .woocommerce .woocommerce-product-rating::before { content:' '; display:table } .woocommerce .woocommerce-product-rating::after { clear:both } .woocommerce .woocommerce-product-rating .star-rating { margin:.5em 4px 0 0; float:left } .woocommerce .products .star-rating { display:block; margin:0 0 .5em; float:none } .woocommerce .hreview-aggregate .star-rating { margin:10px 0 0 } .woocommerce #review_form #respond { position:static; margin:0; width:auto; padding:0; background:transparent none; border:0 } .woocommerce #review_form #respond::after, .woocommerce #review_form #respond::before { content:' '; display:table } .woocommerce #review_form #respond::after { clear:both } .woocommerce #review_form #respond p { margin:0 0 10px } .woocommerce #review_form #respond .form-submit input { left:auto } .woocommerce #review_form #respond textarea { box-sizing:border-box; width:100% } .woocommerce p.stars a { position:relative; height:1em; width:1em; text-indent:-999em; display:inline-block; text-decoration:none } .woocommerce p.stars a::before { display:block; position:absolute; top:0; left:0; width:1em; height:1em; line-height:1; font-family:WooCommerce; content:'\e021'; text-indent:0 } .woocommerce p.stars a:hover~a::before { content:'\e021' } .woocommerce p.stars:hover a::before { content:'\e020' } .woocommerce p.stars.selected a.active::before { content:'\e020' } .woocommerce p.stars.selected a.active~a::before { content:'\e021' } .woocommerce p.stars.selected a:not(.active)::before { content:'\e020' } .woocommerce table.shop_attributes { border:0; border-top:1px dotted rgba(0, 0, 0, .1); margin-bottom:1.618em; width:100% } .woocommerce table.shop_attributes th { width:150px; font-weight:700; padding:8px; border-top:0; border-bottom:1px dotted rgba(0, 0, 0, .1); margin:0; line-height:1.5 } .woocommerce table.shop_attributes td { font-style:italic; padding:0; border-top:0; border-bottom:1px dotted rgba(0, 0, 0, .1); margin:0; line-height:1.5 } .woocommerce table.shop_attributes td p { margin:0; padding:8px 0 } .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th { background:rgba(0, 0, 0, .025) } .woocommerce table.shop_table { border:1px solid rgba(0, 0, 0, .1); margin:0 -1px 24px 0; text-align:left; width:100%; border-collapse:separate; border-radius:5px } .woocommerce table.shop_table th { font-weight:700; padding:9px 12px } .woocommerce table.shop_table td { border-top:1px solid rgba(0, 0, 0, .1); padding:6px 12px; vertical-align:middle } .woocommerce table.shop_table td small { font-weight:400 } .woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th { border-top:0 } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight:700; border-top:1px solid #FFF; } .woocommerce table.my_account_orders { font-size:.85em } .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th { padding:4px 8px; vertical-align:middle } .woocommerce table.my_account_orders .button { white-space:nowrap } .woocommerce table.my_account_orders .order-actions { text-align:right } .woocommerce table.my_account_orders .order-actions .button { margin:.125em 0 .125em .25em } .woocommerce table.woocommerce-MyAccount-downloads td, .woocommerce table.woocommerce-MyAccount-downloads th { vertical-align:top; text-align:center } .woocommerce table.woocommerce-MyAccount-downloads td:first-child, .woocommerce table.woocommerce-MyAccount-downloads th:first-child { text-align:left } .woocommerce table.woocommerce-MyAccount-downloads td:last-child, .woocommerce table.woocommerce-MyAccount-downloads th:last-child { text-align:left } .woocommerce table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before, .woocommerce table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before { content:'\2193'; display:inline-block } .woocommerce td.product-name .wc-item-meta, .woocommerce td.product-name dl.variation { list-style:none outside } .woocommerce td.product-name .wc-item-meta .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name dl.variation dt { float:left; clear:both; margin-right:.25em; display:inline-block; list-style:none outside } .woocommerce td.product-name .wc-item-meta dd, .woocommerce td.product-name dl.variation dd { margin:0 } .woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child, .woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child { margin-bottom:0 } .woocommerce td.product-name p.backorder_notification { font-size:.83em } .woocommerce td.product-quantity { min-width:80px } .woocommerce ul.cart_list, .woocommerce ul.product_list_widget { list-style:none outside; padding:0; margin:0 } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding:4px 0; margin:0; list-style:none } .woocommerce ul.cart_list li::after, .woocommerce ul.cart_list li::before, .woocommerce ul.product_list_widget li::after, .woocommerce ul.product_list_widget li::before { content:' '; display:table } .woocommerce ul.cart_list li::after, .woocommerce ul.product_list_widget li::after { clear:both } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { display:block; font-weight:700 } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float:right; margin-left:4px; width:32px; height:auto; box-shadow:none } .woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl { margin:0; padding-left:1em; border-left:2px solid rgba(0, 0, 0, .1) } .woocommerce ul.cart_list li dl::after, .woocommerce ul.cart_list li dl::before, .woocommerce ul.product_list_widget li dl::after, .woocommerce ul.product_list_widget li dl::before { content:' '; display:table } .woocommerce ul.cart_list li dl::after, .woocommerce ul.product_list_widget li dl::after { clear:both } .woocommerce ul.cart_list li dl dd, .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dd, .woocommerce ul.product_list_widget li dl dt { display:inline-block; float:left; margin-bottom:1em } .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt { font-weight:700; padding:0 0 .25em; margin:0 4px 0 0; clear:left } .woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd { padding:0 0 .25em } .woocommerce ul.cart_list li dl dd p:last-child, .woocommerce ul.product_list_widget li dl dd p:last-child { margin-bottom:0 } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { float:none } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top:3px double #ebe9eb; padding:4px 0 0 } .woocommerce .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong { min-width:40px; display:inline-block } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left:2em; position:relative; padding-top:0 } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { position:absolute; top:0; left:0 } .woocommerce .widget_shopping_cart .buttons::after, .woocommerce .widget_shopping_cart .buttons::before, .woocommerce.widget_shopping_cart .buttons::after, .woocommerce.widget_shopping_cart .buttons::before { content:' '; display:table } .woocommerce .widget_shopping_cart .buttons::after, .woocommerce.widget_shopping_cart .buttons::after { clear:both } .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { margin-right:5px; margin-bottom:5px } .woocommerce form .form-row { padding:3px; margin:0 0 6px } .woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder { -webkit-transition:opacity .5s .5s ease; transition:opacity .5s .5s ease; opacity:0 } .woocommerce form .form-row label { line-height:2 } .woocommerce form .form-row label.hidden { visibility:hidden } .woocommerce form .form-row label.inline { display:inline } .woocommerce form .form-row select { cursor:pointer; margin:0 } .woocommerce form .form-row .required { color:red; font-weight:700; border:0 } .woocommerce form .form-row .input-checkbox { display:inline; margin:-2px 8px 0 0; text-align:center; vertical-align:middle } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { box-sizing:border-box; width:100%; margin:0; outline:0; line-height:1 } .woocommerce form .form-row textarea { height:4em; line-height:1.5; display:block; box-shadow:none } .woocommerce form .form-row .select2-container { width:100%; line-height:2em } .woocommerce form .form-row.woocommerce-invalid label { color:#a00 } .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color:#a00 } .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color:#69bf29 } .woocommerce form .form-row ::-webkit-input-placeholder { line-height:normal } .woocommerce form .form-row :-moz-placeholder { line-height:normal } .woocommerce form .form-row :-ms-input-placeholder { line-height:normal } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border:1px solid #d3ced2; padding:20px; margin:2em 0; text-align:left; border-radius:5px } .woocommerce ul#shipping_method { list-style:none outside; margin:0; padding:0 } .woocommerce ul#shipping_method li { margin:0; padding:.25em 0 .25em 22px; text-indent:-22px; list-style:none outside } .woocommerce ul#shipping_method li input { margin:3px .5ex } .woocommerce ul#shipping_method li label { display:inline } .woocommerce ul#shipping_method .amount { font-weight:700 } .woocommerce p.woocommerce-shipping-contents { margin:0 } .woocommerce ul.order_details { margin:0 0 3em; list-style:none } .woocommerce ul.order_details::after, .woocommerce ul.order_details::before { content:' '; display:table } .woocommerce ul.order_details::after { clear:both } .woocommerce ul.order_details li { float:left; margin-right:2em; text-transform:uppercase; font-size:.715em; line-height:1; border-right:1px dashed #d3ced2; padding-right:2em; margin-left:0; padding-left:0; list-style-type:none } .woocommerce ul.order_details li strong { display:block; font-size:1.4em; text-transform:none; line-height:1.5 } .woocommerce ul.order_details li:last-of-type { border:none } .woocommerce .wc-bacs-bank-details-account-name { font-weight:700 } .woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads { margin-bottom:2em } .woocommerce .woocommerce-customer-details :last-child, .woocommerce .woocommerce-order-details :last-child, .woocommerce .woocommerce-order-downloads :last-child { margin-bottom:0 } .woocommerce .woocommerce-customer-details address { font-style:normal; margin-bottom:0; border:1px solid rgba(0, 0, 0, .1); border-bottom-width:2px; border-right-width:2px; text-align:left; width:100%; border-radius:5px; padding:6px 12px } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { margin-bottom:0; padding-left:1.5em } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before { font-family:WooCommerce; speak:none; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; margin-right:.618em; content:""; text-decoration:none; margin-left:-1.5em; line-height:1.75; position:absolute } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before { font-family:WooCommerce; speak:none; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; margin-right:.618em; content:""; text-decoration:none; margin-left:-1.5em; line-height:1.75; position:absolute } .woocommerce .woocommerce-widget-layered-nav-list { margin:0; padding:0; border:0; list-style:none outside } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { padding:0 0 1px; list-style:none } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before { content:' '; display:table } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after { clear:both } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { padding:1px 0 } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before { font-family:WooCommerce; speak:none; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; margin-right:.618em; content:""; text-decoration:none; color:#a00 } .woocommerce .woocommerce-widget-layered-nav-dropdown__submit { margin-top:1em } .woocommerce .widget_layered_nav_filters ul { margin:0; padding:0; border:0; list-style:none outside; overflow:hidden; zoom:1 } .woocommerce .widget_layered_nav_filters ul li { float:left; padding:0 1px 1px 0; list-style:none } .woocommerce .widget_layered_nav_filters ul li a { text-decoration:none } .woocommerce .widget_layered_nav_filters ul li a::before { font-family:WooCommerce; speak:none; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; margin-right:.618em; content:""; text-decoration:none; color:#a00 } .woocommerce .widget_price_filter .price_slider { margin-bottom:1em } .woocommerce .widget_price_filter .price_slider_amount { text-align:right; line-height:2.4; font-size:.8751em } .woocommerce .widget_price_filter .price_slider_amount .button { font-size:1.15em; float:left } .woocommerce .widget_price_filter .ui-slider { position:relative; text-align:left; margin-left:.5em; margin-right:.5em } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { position:absolute; z-index:2; width:1em; height:1em; background-color:#a46497; border-radius:1em; cursor:ew-resize; outline:0; top:-.3em; margin-left:-.5em } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { position:absolute; z-index:1; font-size:.7em; display:block; border:0; border-radius:1em; background-color:#a46497 } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius:1em; background-color:#602053; border:0 } .woocommerce .widget_price_filter .ui-slider-horizontal { height:.5em } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { top:0; height:100% } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left:-1px } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right:-1px } .woocommerce .widget_rating_filter ul { margin:0; padding:0; border:0; list-style:none outside } .woocommerce .widget_rating_filter ul li { padding:0 0 1px; list-style:none } .woocommerce .widget_rating_filter ul li::after, .woocommerce .widget_rating_filter ul li::before { content:' '; display:table } .woocommerce .widget_rating_filter ul li::after { clear:both } .woocommerce .widget_rating_filter ul li a { padding:1px 0; text-decoration:none } .woocommerce .widget_rating_filter ul li .star-rating { float:none; display:inline-block } .woocommerce .widget_rating_filter ul li.chosen a::before { font-family:WooCommerce; speak:none; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; margin-right:.618em; content:""; text-decoration:none; color:#a00 } .pswp { z-index:999999 } .woocommerce img.pswp__img, .woocommerce-page img.pswp__img { max-width:none } button.pswp__button { box-shadow:none!important; background-image:url(photoswipe/default-skin/default-skin.html)!important } button.pswp__button, button.pswp__button--arrow--left::before, button.pswp__button--arrow--right::before, button.pswp__button:hover { background-color:transparent!important } button.pswp__button--arrow--left, button.pswp__button--arrow--left:hover, button.pswp__button--arrow--right, button.pswp__button--arrow--right:hover { background-image:none!important } button.pswp__button--close:hover { background-position:0 -44px } button.pswp__button--zoom:hover { background-position:-88px 0 } .woocommerce-error, .woocommerce-info, .woocommerce-message { padding:1em 2em 1em 3.5em; margin:0 0 2em; position:relative; background-color:#f7f6f7; color:#515151; border-top:3px solid #a46497; list-style:none outside; width:auto; word-wrap:break-word } .woocommerce-error::after, .woocommerce-error::before, .woocommerce-info::after, .woocommerce-info::before, .woocommerce-message::after, .woocommerce-message::before { content:' '; display:table } .woocommerce-error::after, .woocommerce-info::after, .woocommerce-message::after { clear:both } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { font-family:WooCommerce; content:'\e028'; display:inline-block; position:absolute; top:1em; left:1.5em } .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button { float:right } .woocommerce-error li, .woocommerce-info li, .woocommerce-message li { list-style:none outside!important; padding-left:0!important; margin-left:0!important } .rtl.woocommerce div.product div.images .flex-control-thumbs li { float:right } .woocommerce-message { border-top-color:#8fae1b } .woocommerce-message::before { content:'\e015'; color:#8fae1b } .woocommerce-info { border-top-color:#1e85be } .woocommerce-info::before { color:#1e85be } .woocommerce-error { border-top-color:#b81c23 } .woocommerce-error::before { content:'\e016'; color:#b81c23 } .woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before { content:' '; display:table } .woocommerce-account .woocommerce::after { clear:both } .woocommerce-account .addresses .title::after, .woocommerce-account .addresses .title::before { content:' '; display:table } .woocommerce-account .addresses .title::after { clear:both } .woocommerce-account .addresses .title h3 { float:left } .woocommerce-account .addresses .title .edit { float:right } .woocommerce-account ol.commentlist.notes li.note p.meta { font-weight:700; margin-bottom:0 } .woocommerce-account ol.commentlist.notes li.note .description p:last-child { margin-bottom:0 } .woocommerce-account ul.digital-downloads { margin-left:0; padding-left:0 } .woocommerce-account ul.digital-downloads li { list-style:none; margin-left:0; padding-left:0 } .woocommerce-account ul.digital-downloads li::before { font-family:WooCommerce; speak:none; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; margin-right:.618em; content:""; text-decoration:none } .woocommerce-account ul.digital-downloads li .count { float:right } #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail { min-width:32px } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width:32px; box-shadow:none } #add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th { vertical-align:middle } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { float:left; box-sizing:border-box; border:1px solid #d3ced2; padding:6px 6px 5px; margin:0 4px 0 0; outline:0; line-height:1 } #add_payment_method table.cart input, .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input { margin:0; vertical-align:middle; line-height:1 } #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout { padding:1em 0 } #add_payment_method .wc-proceed-to-checkout::after, #add_payment_method .wc-proceed-to-checkout::before, .woocommerce-cart .wc-proceed-to-checkout::after, .woocommerce-cart .wc-proceed-to-checkout::before, .woocommerce-checkout .wc-proceed-to-checkout::after, .woocommerce-checkout .wc-proceed-to-checkout::before { content:' '; display:table } #add_payment_method .wc-proceed-to-checkout::after, .woocommerce-cart .wc-proceed-to-checkout::after, .woocommerce-checkout .wc-proceed-to-checkout::after { clear:both } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { display:block; text-align:center; margin-bottom:1em; font-size:1.25em; padding:1em } #add_payment_method .cart-collaterals .shipping_calculator .button, .woocommerce-cart .cart-collaterals .shipping_calculator .button, .woocommerce-checkout .cart-collaterals .shipping_calculator .button { width:100%; float:none; display:block } #add_payment_method .cart-collaterals .shipping_calculator .shipping-calculator-button::after, .woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button::after, .woocommerce-checkout .cart-collaterals .shipping_calculator .shipping-calculator-button::after { font-family:WooCommerce; speak:none; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; margin-left:.618em; content:""; text-decoration:none } #add_payment_method .cart-collaterals .cart_totals p small, .woocommerce-cart .cart-collaterals .cart_totals p small, .woocommerce-checkout .cart-collaterals .cart_totals p small { color:#777; font-size:.83em } #add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table { border-collapse:separate; margin:0 0 6px; padding:0 } #add_payment_method .cart-collaterals .cart_totals table tr:first-child td, #add_payment_method .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th { border-top:0 } #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table th { width:40% } #add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th { vertical-align:top; border-left:0; border-right:0; line-height:1.5em } #add_payment_method .cart-collaterals .cart_totals table small, .woocommerce-cart .cart-collaterals .cart_totals table small, .woocommerce-checkout .cart-collaterals .cart_totals table small { color:#777 } #add_payment_method .cart-collaterals .cart_totals table select, .woocommerce-cart .cart-collaterals .cart_totals table select, .woocommerce-checkout .cart-collaterals .cart_totals table select { width:100% } #add_payment_method .cart-collaterals .cart_totals .discount td, .woocommerce-cart .cart-collaterals .cart_totals .discount td, .woocommerce-checkout .cart-collaterals .cart_totals .discount td { color:#77a464 } #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th { border-top:1px solid #ebe9eb } #add_payment_method .cart-collaterals .cross-sells ul.products li.product, .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product, .woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product { margin-top:0 } #add_payment_method .checkout .col-2 h3#ship-to-different-address, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { float:left; clear:none } #add_payment_method .checkout .col-2 .notes, .woocommerce-cart .checkout .col-2 .notes, .woocommerce-checkout .checkout .col-2 .notes { clear:left } #add_payment_method .checkout .col-2 .form-row-first, .woocommerce-cart .checkout .col-2 .form-row-first, .woocommerce-checkout .checkout .col-2 .form-row-first { clear:left } #add_payment_method .checkout .create-account small, .woocommerce-cart .checkout .create-account small, .woocommerce-checkout .checkout .create-account small { font-size:11px; color:#777; font-weight:400 } #add_payment_method .checkout div.shipping-address, .woocommerce-cart .checkout div.shipping-address, .woocommerce-checkout .checkout div.shipping-address { padding:0; clear:left; width:100% } #add_payment_method .checkout .shipping_address, .woocommerce-cart .checkout .shipping_address, .woocommerce-checkout .checkout .shipping_address { clear:both } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background:#ebe9eb; border-radius:5px } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { text-align:left; padding:1em; border-bottom:1px solid #d3ced2; margin:0; list-style:none outside } #add_payment_method #payment ul.payment_methods::after, #add_payment_method #payment ul.payment_methods::before, .woocommerce-cart #payment ul.payment_methods::after, .woocommerce-cart #payment ul.payment_methods::before, .woocommerce-checkout #payment ul.payment_methods::after, .woocommerce-checkout #payment ul.payment_methods::before { content:' '; display:table } #add_payment_method #payment ul.payment_methods::after, .woocommerce-cart #payment ul.payment_methods::after, .woocommerce-checkout #payment ul.payment_methods::after { clear:both } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { line-height:2; text-align:left; margin:0; font-weight:400 } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { margin:0 1em 0 0 } #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img { vertical-align:middle; margin:-2px 0 0 .5em; padding:0; position:relative; box-shadow:none } #add_payment_method #payment ul.payment_methods li img+img, .woocommerce-cart #payment ul.payment_methods li img+img, .woocommerce-checkout #payment ul.payment_methods li img+img { margin-left:2px } #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after, #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before { content:' '; display:table } #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after { clear:both } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding:1em } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { position:relative; box-sizing:border-box; width:100%; padding:1em; margin:1em 0; font-size:.92em; border-radius:2px; line-height:1.5; background-color:#dfdcde; color:#515151 } #add_payment_method #payment div.payment_box input.input-text, #add_payment_method #payment div.payment_box textarea, .woocommerce-cart #payment div.payment_box input.input-text, .woocommerce-cart #payment div.payment_box textarea, .woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea { border-color:#c7c1c6; border-top-color:#bbb3b9 } #add_payment_method #payment div.payment_box ::-webkit-input-placeholder, .woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder, .woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder { color:#bbb3b9 } #add_payment_method #payment div.payment_box :-moz-placeholder, .woocommerce-cart #payment div.payment_box :-moz-placeholder, .woocommerce-checkout #payment div.payment_box :-moz-placeholder { color:#bbb3b9 } #add_payment_method #payment div.payment_box :-ms-input-placeholder, .woocommerce-cart #payment div.payment_box :-ms-input-placeholder, .woocommerce-checkout #payment div.payment_box :-ms-input-placeholder { color:#bbb3b9 } #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods { list-style:none outside; margin:0 } #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token { margin:0 0 .5em } #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label { cursor:pointer } #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput { vertical-align:middle; margin:-3px 1em 0 0; position:relative } #add_payment_method #payment div.payment_box .wc-credit-card-form, .woocommerce-cart #payment div.payment_box .wc-credit-card-form, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form { border:0; padding:0; margin:1em 0 0 } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number { font-size:1.5em; padding:8px; background-repeat:no-repeat; background-position:right .618em center; background-size:32px 20px } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa { background-image:url(../images/icons/credit-cards/visa.html) } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard { background-image:url(../images/icons/credit-cards/mastercard.html) } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser { background-image:url(../images/icons/credit-cards/laser.html) } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub { background-image:url(../images/icons/credit-cards/diners.html) } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro { background-image:url(../images/icons/credit-cards/maestro.html) } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb { background-image:url(../images/icons/credit-cards/jcb.html) } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex { background-image:url(../images/icons/credit-cards/amex.html) } #add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover { background-image:url(../images/icons/credit-cards/discover.html) } #add_payment_method #payment div.payment_box span.help, .woocommerce-cart #payment div.payment_box span.help, .woocommerce-checkout #payment div.payment_box span.help { font-size:.857em; color:#777; font-weight:400 } #add_payment_method #payment div.payment_box .form-row, .woocommerce-cart #payment div.payment_box .form-row, .woocommerce-checkout #payment div.payment_box .form-row { margin:0 0 1em } #add_payment_method #payment div.payment_box p:last-child, .woocommerce-cart #payment div.payment_box p:last-child, .woocommerce-checkout #payment div.payment_box p:last-child { margin-bottom:0 } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { content:''; display:block; border:1em solid #dfdcde; border-right-color:transparent; border-left-color:transparent; border-top-color:transparent; position:absolute; top:-.75em; left:0; margin:-1em 0 0 2em } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float:right; line-height:52px; font-size:.83em } #add_payment_method #payment .payment_method_paypal img, .woocommerce-cart #payment .payment_method_paypal img, .woocommerce-checkout #payment .payment_method_paypal img { max-height:52px; vertical-align:middle } .woocommerce-terms-and-conditions { border:1px solid rgba(0, 0, 0, .2); box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1); background:rgba(0, 0, 0, .05) } .woocommerce-password-strength { text-align:center; font-weight:600; padding:3px .5em; font-size:1em } .woocommerce-password-strength.strong { background-color:#c1e1b9; border-color:#83c373 } .woocommerce-password-strength.short { background-color:#f1adad; border-color:#e35b5b } .woocommerce-password-strength.bad { background-color:#fbc5a9; border-color:#f78b53 } .woocommerce-password-strength.good { background-color:#ffe399; border-color:#ffc733 } .woocommerce-password-hint { margin:.5em 0 0; display:block } #content.twentyeleven .woocommerce-pagination a { font-size:1em; line-height:1 } .single-product .twentythirteen #reply-title, .single-product .twentythirteen #respond #commentform, .single-product .twentythirteen .entry-summary { padding:0 } .single-product .twentythirteen p.stars { clear:both } .twentythirteen .woocommerce-breadcrumb { padding-top:40px } .twentyfourteen ul.products li.product { margin-top:0!important } body:not(.search-results) .twentysixteen .entry-summary { color:inherit; font-size:inherit; line-height:inherit } .twentysixteen .price ins { background:inherit; color:inherit } /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-theme .owl-dots, .owl-theme .owl-nav { text-align:center; -webkit-tap-highlight-color:transparent } .owl-theme .owl-nav { margin-top:10px } .owl-theme .owl-nav [class*=owl-] { color:#FFF; font-size:14px; margin:5px; padding:4px 7px; background:#D6D6D6; display:inline-block; cursor:pointer; border-radius:3px } .owl-theme .owl-nav [class*=owl-]:hover { background:#869791; color:#FFF; text-decoration:none } .owl-theme .owl-nav .disabled { opacity:.5; cursor:default } .owl-theme .owl-nav.disabled+.owl-dots { margin-top:10px } .owl-theme .owl-dots .owl-dot { display:inline-block; zoom:1 } .owl-theme .owl-dots .owl-dot span { width:10px; height:10px; margin:5px 7px; background:#D6D6D6; display:block; -webkit-backface-visibility:visible; transition:opacity .2s ease; border-radius:30px } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background:#869791 } /* ===[ Theme switcher ]=== ================================================== ================================================== */ /*#theme-switcher.active .theme-switcher-toggle:before, .theme-switcher-toggle:before { content:"\f013" } #theme-switcher * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #theme-switcher { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:12px; line-height:1.42857143; position:fixed; left:-190px; top:50px; width:190px; color:#9f9f9f; text-shadow:1px 1px 1px #fff; background:#fff; padding:20px 15px; z-index:10000; border:1px solid #b7b7b7; border-top-right-radius:10px; border-bottom-right-radius:10px; transition:all .4s ease-out; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out } #theme-switcher.right { right:-190px; left:auto; border-radius:10px 0 0 10px } #theme-switcher.active { left:0 } #theme-switcher.right.active { left:auto; right:0 } #theme-switcher .theme-switcher-toggle { background:#fff; border-right:solid 1px #b7b7b7; border-bottom:solid 1px #b7b7b7; border-top:solid 1px #b7b7b7; width:35px; height:35px; position:absolute; padding-top:7px; right:-35px; top:40px; text-align:center; border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; text-decoration:none } #theme-switcher.right .theme-switcher-toggle { right:auto; left:-35px; border-left:solid 1px #b7b7b7; border-right:none; border-bottom:solid 1px #b7b7b7; border-top:solid 1px #b7b7b7; border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px } .theme-switcher-toggle:hover { text-decoration:none } .theme-switcher-toggle:before { color:#F4594E; font-size:20px; width:32px; display:block; text-align:center; margin-right:10px; font-family:FontAwesome; font-style:normal; font-weight:400; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-animation:fa-spin 2s infinite linear; animation:fa-spin 2s infinite linear } .theme-switcher-inner ul { list-style:none; padding:0; margin:0 } .theme-switcher-inner ul li { display:inline-block; margin:0 } .theme-switcher-inner ul li:before { display:none } .theme-switcher-inner ul li a { padding:10px; margin:1px; border:0 solid #b7b7b7; display:block; -moz-opacity:.2; opacity:.2; position:relative; border-radius:100% } .theme-switcher-inner ul li a.setlayoutbackground { opacity:1; border:1px solid #fff } a.setlayoutbackground.active, a.setlayoutcolor.active { border:0 solid #777; -moz-opacity:1; opacity:1 } .theme-switcher-inner ul li a.setlayoutbackground.active { border:1px solid #d1d1d1 } .theme-switcher-inner ul li a i { position:absolute; top:4px; left:5px; color:#777 } .theme-switcher-inner .tooltip-inner { min-width:100px } .setlayoutfont { padding:5px; line-height:5px; height:25px; margin-bottom:10px; font-size:11px; width:auto } .theme-switcher-inner ul li a.setlayoutbackground[data-name=default] { background-size:cover } .theme-switcher-inner ul li a.setlayoutbackground[data-name=sand] { background-image:url(../images/boxed/sand.html) } .theme-switcher-inner ul li a.setlayoutbackground[data-name=diamond] { background-image:url(../images/boxed/diamond.html) } .theme-switcher-inner ul li a.setlayoutbackground[data-name=diagonalnarrow] { background-image:url(../images/boxed/diagonalnarrow.html) } .theme-switcher-inner ul li a.setlayoutbackground[data-name=diamondwide] { background-image:url(../images/boxed/diamondwide.html) } .theme-switcher-inner ul li a.setlayoutbackground[data-name=arabian] { background-image:url(../images/boxed/arabian.html) } .theme-switcher-inner ul li a.setlayoutbackground[data-name=strange] { background-image:url(../images/boxed/strange.html) } .theme-switcher-inner ul li a.setlayoutbackground[data-name=tile] { background-size:cover; background-image:url(../images/boxed/tile.html) } .theme-switcher-inner ul li a.setlayoutbackground[data-name=linen] { background-image:url(../images/boxed/linen.html) } .theme-switcher-inner ul li a.setlayoutbackground[data-name=stripes] { background-image:url(../images/boxed/stripes.html) } .theme-switcher-inner ul li a.setlayoutbackground[data-name=squares] { background-image:url(../images/boxed/squares.html) } .theme-switcher-inner ul li a.setlayoutbackground[data-name=image] { background-size:cover; background-image:url(../images/boxed/image_thumb.html) }*/ .layout-style:after, .layout-style:before { display:table; content:" "; clear:both } .img-radio-button { float:left; width:70px; height:50px; position:relative; margin-right:4px; cursor:pointer } .img-radio-button label { text-indent:-9999px; display:block; position:absolute; width:70px; height:50px; top:0; left:0; cursor:pointer } .img-radio-button input[name=layout-style-boxed]+label { background:url(../images/boxed/img-layout-boxed.html) no-repeat } .img-radio-button input[name=layout-style-boxed]:checked+label { background-position-y:-50px } .img-radio-button input[name=layout-style-wide]+label { background:url(../images/boxed/img-layout-wide.html) no-repeat } .img-radio-button input[name=layout-style-wide]:checked+label { background-position-y:-50px } .img-radio-button input { visibility:hidden }