@-moz-keyframes flash { 0% { opacity: 1 } 25% { opacity: 0 } 50% { opacity: 1 } 75% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes flash { 0% { opacity: 1 } 25% { opacity: 0 } 50% { opacity: 1 } 75% { opacity: 0 } 100% { opacity: 1 } } @-o-keyframes flash { 0% { opacity: 1 } 25% { opacity: 0 } 50% { opacity: 1 } 75% { opacity: 0 } 100% { opacity: 1 } } @-ms-keyframes flash { 0% { opacity: 1 } 25% { opacity: 0 } 50% { opacity: 1 } 75% { opacity: 0 } 100% { opacity: 1 } } @keyframes flash { 0% { opacity: 1 } 25% { opacity: 0 } 50% { opacity: 1 } 75% { opacity: 0 } 100% { opacity: 1 } } @-moz-keyframes bounce { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px) } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px) } 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px) } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px) } 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-o-keyframes bounce { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px) } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px) } 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-ms-keyframes bounce { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px) } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px) } 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @keyframes bounce { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px) } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px) } 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-moz-keyframes shake { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 10% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 20% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 30% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 40% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 50% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 60% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 70% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes shake { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 10% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 20% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 30% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 40% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 50% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 60% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 70% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-o-keyframes shake { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 10% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 20% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 30% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 40% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 50% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 60% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 70% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-ms-keyframes shake { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 10% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 20% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 30% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 40% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 50% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 60% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 70% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @keyframes shake { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 10% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 20% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 30% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 40% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 50% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 60% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 70% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-moz-keyframes tada { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 10% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) } 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) } 30% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 50% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 60% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 70% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 10% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) } 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) } 30% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 50% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 60% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 70% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } @-o-keyframes tada { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 10% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) } 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) } 30% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 50% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 60% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 70% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } @-ms-keyframes tada { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 10% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) } 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) } 30% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 50% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 60% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 70% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } @keyframes tada { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 10% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) } 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) } 30% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 50% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 60% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 70% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } @-moz-keyframes swing { 20%,40%,60%,80%,100% { -webkit-transform-origin: top center 50%; -moz-transform-origin: top center 50%; -ms-transform-origin: top center 50%; -o-transform-origin: top center 50%; transform-origin: top center 50% } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } } @-webkit-keyframes swing { 20%,40%,60%,80%,100% { -webkit-transform-origin: top center 50%; -moz-transform-origin: top center 50%; -ms-transform-origin: top center 50%; -o-transform-origin: top center 50%; transform-origin: top center 50% } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } } @-o-keyframes swing { 20%,40%,60%,80%,100% { -webkit-transform-origin: top center 50%; -moz-transform-origin: top center 50%; -ms-transform-origin: top center 50%; -o-transform-origin: top center 50%; transform-origin: top center 50% } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } } @-ms-keyframes swing { 20%,40%,60%,80%,100% { -webkit-transform-origin: top center 50%; -moz-transform-origin: top center 50%; -ms-transform-origin: top center 50%; -o-transform-origin: top center 50%; transform-origin: top center 50% } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20%,40%,60%,80%,100% { -webkit-transform-origin: top center 50%; -moz-transform-origin: top center 50%; -ms-transform-origin: top center 50%; -o-transform-origin: top center 50%; transform-origin: top center 50% } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } } @-moz-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%) } } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%) } } @-o-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%) } } @-ms-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%) } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%) } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 50% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 50% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } } @-o-keyframes pulse { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 50% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } } @-ms-keyframes pulse { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 50% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } } @keyframes pulse { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 50% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } } @-moz-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); -moz-transform: skewX(9deg); -ms-transform: skewX(9deg); -o-transform: skewX(9deg); transform: skewX(9deg) } 10% { -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -o-transform: skewX(-8deg); transform: skewX(-8deg) } 20% { -webkit-transform: skewX(7deg); -moz-transform: skewX(7deg); -ms-transform: skewX(7deg); -o-transform: skewX(7deg); transform: skewX(7deg) } 30% { -webkit-transform: skewX(-6deg); -moz-transform: skewX(-6deg); -ms-transform: skewX(-6deg); -o-transform: skewX(-6deg); transform: skewX(-6deg) } 40% { -webkit-transform: skewX(5deg); -moz-transform: skewX(5deg); -ms-transform: skewX(5deg); -o-transform: skewX(5deg); transform: skewX(5deg) } 50% { -webkit-transform: skewX(-4deg); -moz-transform: skewX(-4deg); -ms-transform: skewX(-4deg); -o-transform: skewX(-4deg); transform: skewX(-4deg) } 60% { -webkit-transform: skewX(3deg); -moz-transform: skewX(3deg); -ms-transform: skewX(3deg); -o-transform: skewX(3deg); transform: skewX(3deg) } 70% { -webkit-transform: skewX(-2deg); -moz-transform: skewX(-2deg); -ms-transform: skewX(-2deg); -o-transform: skewX(-2deg); transform: skewX(-2deg) } 80% { -webkit-transform: skewX(1deg); -moz-transform: skewX(1deg); -ms-transform: skewX(1deg); -o-transform: skewX(1deg); transform: skewX(1deg) } 90% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg) } 100% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg) } } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); -moz-transform: skewX(9deg); -ms-transform: skewX(9deg); -o-transform: skewX(9deg); transform: skewX(9deg) } 10% { -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -o-transform: skewX(-8deg); transform: skewX(-8deg) } 20% { -webkit-transform: skewX(7deg); -moz-transform: skewX(7deg); -ms-transform: skewX(7deg); -o-transform: skewX(7deg); transform: skewX(7deg) } 30% { -webkit-transform: skewX(-6deg); -moz-transform: skewX(-6deg); -ms-transform: skewX(-6deg); -o-transform: skewX(-6deg); transform: skewX(-6deg) } 40% { -webkit-transform: skewX(5deg); -moz-transform: skewX(5deg); -ms-transform: skewX(5deg); -o-transform: skewX(5deg); transform: skewX(5deg) } 50% { -webkit-transform: skewX(-4deg); -moz-transform: skewX(-4deg); -ms-transform: skewX(-4deg); -o-transform: skewX(-4deg); transform: skewX(-4deg) } 60% { -webkit-transform: skewX(3deg); -moz-transform: skewX(3deg); -ms-transform: skewX(3deg); -o-transform: skewX(3deg); transform: skewX(3deg) } 70% { -webkit-transform: skewX(-2deg); -moz-transform: skewX(-2deg); -ms-transform: skewX(-2deg); -o-transform: skewX(-2deg); transform: skewX(-2deg) } 80% { -webkit-transform: skewX(1deg); -moz-transform: skewX(1deg); -ms-transform: skewX(1deg); -o-transform: skewX(1deg); transform: skewX(1deg) } 90% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg) } 100% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg) } } @-o-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); -moz-transform: skewX(9deg); -ms-transform: skewX(9deg); -o-transform: skewX(9deg); transform: skewX(9deg) } 10% { -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -o-transform: skewX(-8deg); transform: skewX(-8deg) } 20% { -webkit-transform: skewX(7deg); -moz-transform: skewX(7deg); -ms-transform: skewX(7deg); -o-transform: skewX(7deg); transform: skewX(7deg) } 30% { -webkit-transform: skewX(-6deg); -moz-transform: skewX(-6deg); -ms-transform: skewX(-6deg); -o-transform: skewX(-6deg); transform: skewX(-6deg) } 40% { -webkit-transform: skewX(5deg); -moz-transform: skewX(5deg); -ms-transform: skewX(5deg); -o-transform: skewX(5deg); transform: skewX(5deg) } 50% { -webkit-transform: skewX(-4deg); -moz-transform: skewX(-4deg); -ms-transform: skewX(-4deg); -o-transform: skewX(-4deg); transform: skewX(-4deg) } 60% { -webkit-transform: skewX(3deg); -moz-transform: skewX(3deg); -ms-transform: skewX(3deg); -o-transform: skewX(3deg); transform: skewX(3deg) } 70% { -webkit-transform: skewX(-2deg); -moz-transform: skewX(-2deg); -ms-transform: skewX(-2deg); -o-transform: skewX(-2deg); transform: skewX(-2deg) } 80% { -webkit-transform: skewX(1deg); -moz-transform: skewX(1deg); -ms-transform: skewX(1deg); -o-transform: skewX(1deg); transform: skewX(1deg) } 90% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg) } 100% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg) } } @-ms-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); -moz-transform: skewX(9deg); -ms-transform: skewX(9deg); -o-transform: skewX(9deg); transform: skewX(9deg) } 10% { -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -o-transform: skewX(-8deg); transform: skewX(-8deg) } 20% { -webkit-transform: skewX(7deg); -moz-transform: skewX(7deg); -ms-transform: skewX(7deg); -o-transform: skewX(7deg); transform: skewX(7deg) } 30% { -webkit-transform: skewX(-6deg); -moz-transform: skewX(-6deg); -ms-transform: skewX(-6deg); -o-transform: skewX(-6deg); transform: skewX(-6deg) } 40% { -webkit-transform: skewX(5deg); -moz-transform: skewX(5deg); -ms-transform: skewX(5deg); -o-transform: skewX(5deg); transform: skewX(5deg) } 50% { -webkit-transform: skewX(-4deg); -moz-transform: skewX(-4deg); -ms-transform: skewX(-4deg); -o-transform: skewX(-4deg); transform: skewX(-4deg) } 60% { -webkit-transform: skewX(3deg); -moz-transform: skewX(3deg); -ms-transform: skewX(3deg); -o-transform: skewX(3deg); transform: skewX(3deg) } 70% { -webkit-transform: skewX(-2deg); -moz-transform: skewX(-2deg); -ms-transform: skewX(-2deg); -o-transform: skewX(-2deg); transform: skewX(-2deg) } 80% { -webkit-transform: skewX(1deg); -moz-transform: skewX(1deg); -ms-transform: skewX(1deg); -o-transform: skewX(1deg); transform: skewX(1deg) } 90% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg) } 100% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg) } } @keyframes wiggle { 0% { -webkit-transform: skewX(9deg); -moz-transform: skewX(9deg); -ms-transform: skewX(9deg); -o-transform: skewX(9deg); transform: skewX(9deg) } 10% { -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -o-transform: skewX(-8deg); transform: skewX(-8deg) } 20% { -webkit-transform: skewX(7deg); -moz-transform: skewX(7deg); -ms-transform: skewX(7deg); -o-transform: skewX(7deg); transform: skewX(7deg) } 30% { -webkit-transform: skewX(-6deg); -moz-transform: skewX(-6deg); -ms-transform: skewX(-6deg); -o-transform: skewX(-6deg); transform: skewX(-6deg) } 40% { -webkit-transform: skewX(5deg); -moz-transform: skewX(5deg); -ms-transform: skewX(5deg); -o-transform: skewX(5deg); transform: skewX(5deg) } 50% { -webkit-transform: skewX(-4deg); -moz-transform: skewX(-4deg); -ms-transform: skewX(-4deg); -o-transform: skewX(-4deg); transform: skewX(-4deg) } 60% { -webkit-transform: skewX(3deg); -moz-transform: skewX(3deg); -ms-transform: skewX(3deg); -o-transform: skewX(3deg); transform: skewX(3deg) } 70% { -webkit-transform: skewX(-2deg); -moz-transform: skewX(-2deg); -ms-transform: skewX(-2deg); -o-transform: skewX(-2deg); transform: skewX(-2deg) } 80% { -webkit-transform: skewX(1deg); -moz-transform: skewX(1deg); -ms-transform: skewX(1deg); -o-transform: skewX(1deg); transform: skewX(1deg) } 90% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg) } 100% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg) } } @-moz-keyframes bounceOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 25% { -webkit-transform: scale(.95, .95); -moz-transform: scale(.95, .95); -ms-transform: scale(.95, .95); -o-transform: scale(.95, .95); transform: scale(.95, .95) } 50% { opacity: 1; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } 100% { opacity: 0; -webkit-transform: scale(.3, .3); -moz-transform: scale(.3, .3); -ms-transform: scale(.3, .3); -o-transform: scale(.3, .3); transform: scale(.3, .3) } } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 25% { -webkit-transform: scale(.95, .95); -moz-transform: scale(.95, .95); -ms-transform: scale(.95, .95); -o-transform: scale(.95, .95); transform: scale(.95, .95) } 50% { opacity: 1; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } 100% { opacity: 0; -webkit-transform: scale(.3, .3); -moz-transform: scale(.3, .3); -ms-transform: scale(.3, .3); -o-transform: scale(.3, .3); transform: scale(.3, .3) } } @-o-keyframes bounceOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 25% { -webkit-transform: scale(.95, .95); -moz-transform: scale(.95, .95); -ms-transform: scale(.95, .95); -o-transform: scale(.95, .95); transform: scale(.95, .95) } 50% { opacity: 1; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } 100% { opacity: 0; -webkit-transform: scale(.3, .3); -moz-transform: scale(.3, .3); -ms-transform: scale(.3, .3); -o-transform: scale(.3, .3); transform: scale(.3, .3) } } @-ms-keyframes bounceOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 25% { -webkit-transform: scale(.95, .95); -moz-transform: scale(.95, .95); -ms-transform: scale(.95, .95); -o-transform: scale(.95, .95); transform: scale(.95, .95) } 50% { opacity: 1; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } 100% { opacity: 0; -webkit-transform: scale(.3, .3); -moz-transform: scale(.3, .3); -ms-transform: scale(.3, .3); -o-transform: scale(.3, .3); transform: scale(.3, .3) } } @keyframes bounceOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 25% { -webkit-transform: scale(.95, .95); -moz-transform: scale(.95, .95); -ms-transform: scale(.95, .95); -o-transform: scale(.95, .95); transform: scale(.95, .95) } 50% { opacity: 1; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } 100% { opacity: 0; -webkit-transform: scale(.3, .3); -moz-transform: scale(.3, .3); -ms-transform: scale(.3, .3); -o-transform: scale(.3, .3); transform: scale(.3, .3) } } @-moz-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px) } } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px) } } @-o-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px) } } @-ms-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px) } } @-moz-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px) } } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px) } } @-o-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px) } } @-ms-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px) } } @-moz-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } } @-o-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } } @-ms-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } } @-moz-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } } @-o-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } } @-ms-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } } @-moz-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3, .3); -moz-transform: scale(.3, .3); -ms-transform: scale(.3, .3); -o-transform: scale(.3, .3); transform: scale(.3, .3) } 50% { opacity: 1; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05) } 70% { -webkit-transform: scale(.9, .9); -moz-transform: scale(.9, .9); -ms-transform: scale(.9, .9); -o-transform: scale(.9, .9); transform: scale(.9, .9) } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3, .3); -moz-transform: scale(.3, .3); -ms-transform: scale(.3, .3); -o-transform: scale(.3, .3); transform: scale(.3, .3) } 50% { opacity: 1; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05) } 70% { -webkit-transform: scale(.9, .9); -moz-transform: scale(.9, .9); -ms-transform: scale(.9, .9); -o-transform: scale(.9, .9); transform: scale(.9, .9) } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } } @-o-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3, .3); -moz-transform: scale(.3, .3); -ms-transform: scale(.3, .3); -o-transform: scale(.3, .3); transform: scale(.3, .3) } 50% { opacity: 1; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05) } 70% { -webkit-transform: scale(.9, .9); -moz-transform: scale(.9, .9); -ms-transform: scale(.9, .9); -o-transform: scale(.9, .9); transform: scale(.9, .9) } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } } @-ms-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3, .3); -moz-transform: scale(.3, .3); -ms-transform: scale(.3, .3); -o-transform: scale(.3, .3); transform: scale(.3, .3) } 50% { opacity: 1; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05) } 70% { -webkit-transform: scale(.9, .9); -moz-transform: scale(.9, .9); -ms-transform: scale(.9, .9); -o-transform: scale(.9, .9); transform: scale(.9, .9) } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3, .3); -moz-transform: scale(.3, .3); -ms-transform: scale(.3, .3); -o-transform: scale(.3, .3); transform: scale(.3, .3) } 50% { opacity: 1; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05) } 70% { -webkit-transform: scale(.9, .9); -moz-transform: scale(.9, .9); -ms-transform: scale(.9, .9); -o-transform: scale(.9, .9); transform: scale(.9, .9) } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-o-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-ms-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-o-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-ms-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-o-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-ms-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-ms-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-moz-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @-o-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @-ms-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @-moz-keyframes fadeOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0 } } @-webkit-keyframes fadeOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0 } } @-o-keyframes fadeOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0 } } @-ms-keyframes fadeOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0 } } @keyframes fadeOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0 } } @-moz-keyframes fadeOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0 } } @-webkit-keyframes fadeOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0 } } @-o-keyframes fadeOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0 } } @-ms-keyframes fadeOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0 } } @keyframes fadeOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0 } } @-moz-keyframes fadeOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0 } } @-webkit-keyframes fadeOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0 } } @-o-keyframes fadeOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0 } } @-ms-keyframes fadeOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0 } } @keyframes fadeOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0 } } @-moz-keyframes fadeOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0 } } @-webkit-keyframes fadeOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0 } } @-o-keyframes fadeOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0 } } @-ms-keyframes fadeOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0 } } @keyframes fadeOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0 } } @-moz-keyframes fadeOutUpBig { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); opacity: 0 } } @-webkit-keyframes fadeOutUpBig { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); opacity: 0 } } @-o-keyframes fadeOutUpBig { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); opacity: 0 } } @-ms-keyframes fadeOutUpBig { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); opacity: 0 } } @keyframes fadeOutUpBig { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); opacity: 0 } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px) } } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px) } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px) } } @-ms-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px) } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } } @-ms-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } } @-ms-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } } @-moz-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-o-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-ms-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-moz-keyframes fadeInUp { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-webkit-keyframes fadeInUp { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-o-keyframes fadeInUp { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-ms-keyframes fadeInUp { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes fadeInUp { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-moz-keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-webkit-keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-o-keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-ms-keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-moz-keyframes fadeInRight { 0% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0 } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-webkit-keyframes fadeInRight { 0% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0 } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-o-keyframes fadeInRight { 0% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0 } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-ms-keyframes fadeInRight { 0% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0 } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes fadeInRight { 0% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0 } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-moz-keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0 } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-webkit-keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0 } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-o-keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0 } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-ms-keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0 } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0 } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-moz-keyframes fadeInUpBig { 0% { -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-webkit-keyframes fadeInUpBig { 0% { -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-o-keyframes fadeInUpBig { 0% { -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-ms-keyframes fadeInUpBig { 0% { -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes fadeInUpBig { 0% { -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-ms-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-ms-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-ms-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } @-moz-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -moz-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); -o-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) scale(1); -moz-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); -o-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -moz-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); -o-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) scale(1); -moz-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); -o-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } } @-o-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -moz-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); -o-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) scale(1); -moz-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); -o-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } } @-ms-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -moz-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); -o-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) scale(1); -moz-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); -o-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -moz-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); -o-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) scale(1); -moz-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); -o-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } } @-moz-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -moz-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); -o-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -moz-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); -o-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -moz-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); -o-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -moz-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); -o-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-o-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -moz-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); -o-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -moz-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); -o-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-ms-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -moz-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); -o-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -moz-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); -o-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -moz-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); -o-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -moz-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); -o-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-moz-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-o-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-ms-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-moz-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -moz-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); -o-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -moz-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); -o-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -moz-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); -o-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -moz-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); -o-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-o-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -moz-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); -o-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -moz-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); -o-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-ms-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -moz-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); -o-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -moz-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); -o-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -moz-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); -o-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -moz-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); -o-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-moz-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-o-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-ms-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-moz-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -moz-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); -o-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -moz-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); -o-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -moz-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); -o-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -moz-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); -o-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-o-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -moz-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); -o-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -moz-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); -o-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-ms-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -moz-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); -o-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -moz-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); -o-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -moz-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); -o-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -moz-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); -o-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-moz-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-o-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-ms-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-moz-keyframes rotateOut { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @-o-keyframes rotateOut { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @-ms-keyframes rotateOut { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @-moz-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @-o-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @-ms-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @-moz-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @-o-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @-ms-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @-moz-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @-o-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @-ms-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @-moz-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @-o-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @-ms-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @-moz-keyframes rotateIn { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(-200deg); -moz-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(-200deg); -moz-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-o-keyframes rotateIn { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(-200deg); -moz-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-ms-keyframes rotateIn { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(-200deg); -moz-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(-200deg); -moz-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-o-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-ms-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-o-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-ms-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-o-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-ms-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-o-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-ms-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1 } } @-moz-keyframes hinge { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); -moz-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); -o-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); -moz-transform: translateY(700px); -ms-transform: translateY(700px); -o-transform: translateY(700px); transform: translateY(700px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); -moz-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); -o-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); -moz-transform: translateY(700px); -ms-transform: translateY(700px); -o-transform: translateY(700px); transform: translateY(700px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-o-keyframes hinge { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); -moz-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); -o-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); -moz-transform: translateY(700px); -ms-transform: translateY(700px); -o-transform: translateY(700px); transform: translateY(700px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-ms-keyframes hinge { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); -moz-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); -o-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); -moz-transform: translateY(700px); -ms-transform: translateY(700px); -o-transform: translateY(700px); transform: translateY(700px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); -moz-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); -o-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); -moz-transform: translateY(700px); -ms-transform: translateY(700px); -o-transform: translateY(700px); transform: translateY(700px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-moz-keyframes rollIn { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } } @-webkit-keyframes rollIn { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } } @-o-keyframes rollIn { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } } @-ms-keyframes rollIn { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } } @keyframes rollIn { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } } @-moz-keyframes rollOut { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } } @-webkit-keyframes rollOut { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } } @-o-keyframes rollOut { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } } @-ms-keyframes rollOut { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } } @keyframes rollOut { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block } audio,canvas,progress,video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden],template { display: none } a { background-color: transparent } a:active,a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b,strong { font-weight: 700 } dfn { font-style: italic } h1 { font-size: 2em; margin: .67em 0 } mark { background: #ff0; color: #000 } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0 } pre { overflow: auto } code,kbd,pre,samp { font-family: monospace,monospace; font-size: 1em } button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button,select { text-transform: none } button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled],html input[disabled] { cursor: not-allowed } button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type=checkbox],input[type=radio] { box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance: none } legend { border: 0; padding: 0 } textarea { overflow: auto } optgroup { font-weight: 700 } table { border-collapse: collapse; border-spacing: 0 } td,th { padding: 0 } .foundation-mq { font-family: "small=0em&medium=40.0625em&large=64.0625em&xlarge=90.0625em" } html { font-size: 100%; box-sizing: border-box } *,:after,:before { box-sizing: inherit } body { padding: 0; margin: 0; font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif; font-weight: 400; line-height: 1.5; color: #0a0a0a; background: #fefefe; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle } textarea { height: auto; min-height: 50px; border-radius: 0 } select { width: 100%; border-radius: 0 } #map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object { max-width: none !important } button { -webkit-appearance: none; -moz-appearance: none; background: transparent; padding: 0; border: 0; border-radius: 0; line-height: 1 } [data-whatinput=mouse] button { outline: 0 } .is-visible { display: block !important } .is-hidden { display: none !important } .row { max-width: 75rem; margin-left: auto; margin-right: auto } .row:after,.row:before { content: ' '; display: table } .row:after { clear: both } .row .row.collapse { margin-left: 0; margin-right: 0 } .row.expanded .row { margin-left: auto; margin-right: auto } .column,.columns { width: 100%; float: left; padding-left: .625rem; padding-right: .625rem } .column:last-child:not(:first-child),.columns:last-child:not(:first-child) { float: right } .column.end:last-child:last-child,.end.columns:last-child:last-child { float: left } .column.row.row,.row.row.columns { float: none } .small-1 { width: 8.33333% } .small-push-1 { position: relative; left: 8.33333% } .small-pull-1 { position: relative; left: -8.33333% } .small-2 { width: 16.66667% } .small-push-2 { position: relative; left: 16.66667% } .small-pull-2 { position: relative; left: -16.66667% } .small-3 { width: 25% } .small-push-3 { position: relative; left: 25% } .small-pull-3 { position: relative; left: -25% } .small-4 { width: 33.33333% } .small-push-4 { position: relative; left: 33.33333% } .small-pull-4 { position: relative; left: -33.33333% } .small-5 { width: 41.66667% } .small-push-5 { position: relative; left: 41.66667% } .small-pull-5 { position: relative; left: -41.66667% } .small-6 { width: 50% } .small-push-6 { position: relative; left: 50% } .small-pull-6 { position: relative; left: -50% } .small-7 { width: 58.33333% } .small-push-7 { position: relative; left: 58.33333% } .small-pull-7 { position: relative; left: -58.33333% } .small-8 { width: 66.66667% } .small-push-8 { position: relative; left: 66.66667% } .small-pull-8 { position: relative; left: -66.66667% } .small-9 { width: 75% } .small-push-9 { position: relative; left: 75% } .small-pull-9 { position: relative; left: -75% } .small-10 { width: 83.33333% } .small-push-10 { position: relative; left: 83.33333% } .small-pull-10 { position: relative; left: -83.33333% } .small-11 { width: 91.66667% } .small-push-11 { position: relative; left: 91.66667% } .small-pull-11 { position: relative; left: -91.66667% } .small-12 { width: 100% } .small-up-1>.column,.small-up-1>.columns { width: 100%; float: left } .small-up-1>.column:nth-of-type(1n),.small-up-1>.columns:nth-of-type(1n) { clear: none } .small-up-1>.column:nth-of-type(1n+1),.small-up-1>.columns:nth-of-type(1n+1) { clear: both } .small-up-1>.column:last-child,.small-up-1>.columns:last-child { float: left } .small-up-2>.column,.small-up-2>.columns { width: 50%; float: left } .small-up-2>.column:nth-of-type(1n),.small-up-2>.columns:nth-of-type(1n) { clear: none } .small-up-2>.column:nth-of-type(2n+1),.small-up-2>.columns:nth-of-type(2n+1) { clear: both } .small-up-2>.column:last-child,.small-up-2>.columns:last-child { float: left } .small-up-3>.column,.small-up-3>.columns { width: 33.33333%; float: left } .small-up-3>.column:nth-of-type(1n),.small-up-3>.columns:nth-of-type(1n) { clear: none } .small-up-3>.column:nth-of-type(3n+1),.small-up-3>.columns:nth-of-type(3n+1) { clear: both } .small-up-3>.column:last-child,.small-up-3>.columns:last-child { float: left } .small-up-4>.column,.small-up-4>.columns { width: 25%; float: left } .small-up-4>.column:nth-of-type(1n),.small-up-4>.columns:nth-of-type(1n) { clear: none } .small-up-4>.column:nth-of-type(4n+1),.small-up-4>.columns:nth-of-type(4n+1) { clear: both } .small-up-4>.column:last-child,.small-up-4>.columns:last-child { float: left } .small-up-5>.column,.small-up-5>.columns { width: 20%; float: left } .small-up-5>.column:nth-of-type(1n),.small-up-5>.columns:nth-of-type(1n) { clear: none } .small-up-5>.column:nth-of-type(5n+1),.small-up-5>.columns:nth-of-type(5n+1) { clear: both } .small-up-5>.column:last-child,.small-up-5>.columns:last-child { float: left } .small-up-6>.column,.small-up-6>.columns { width: 16.66667%; float: left } .small-up-6>.column:nth-of-type(1n),.small-up-6>.columns:nth-of-type(1n) { clear: none } .small-up-6>.column:nth-of-type(6n+1),.small-up-6>.columns:nth-of-type(6n+1) { clear: both } .small-up-6>.column:last-child,.small-up-6>.columns:last-child { float: left } .small-up-7>.column,.small-up-7>.columns { width: 14.28571%; float: left } .small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n) { clear: none } .small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1) { clear: both } .small-up-7>.column:last-child,.small-up-7>.columns:last-child { float: left } .small-up-8>.column,.small-up-8>.columns { width: 12.5%; float: left } .small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n) { clear: none } .small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1) { clear: both } .small-up-8>.column:last-child,.small-up-8>.columns:last-child { float: left } .expanded.row .small-collapse.row,.small-collapse .row { margin-left: 0; margin-right: 0 } .small-centered { float: none; margin-left: auto; margin-right: auto } .small-pull-0,.small-push-0,.small-uncentered { position: static; margin-left: 0; margin-right: 0; float: left } @media screen and (min-width: 40.0625em) { .medium-1 { width:8.33333% } .medium-push-1 { position: relative; left: 8.33333% } .medium-pull-1 { position: relative; left: -8.33333% } .medium-offset-0 { margin-left: 0 } .medium-2 { width: 16.66667% } .medium-push-2 { position: relative; left: 16.66667% } .medium-pull-2 { position: relative; left: -16.66667% } .medium-offset-1 { margin-left: 8.33333% } .medium-3 { width: 25% } .medium-push-3 { position: relative; left: 25% } .medium-pull-3 { position: relative; left: -25% } .medium-offset-2 { margin-left: 16.66667% } .medium-4 { width: 33.33333% } .medium-push-4 { position: relative; left: 33.33333% } .medium-pull-4 { position: relative; left: -33.33333% } .medium-offset-3 { margin-left: 25% } .medium-5 { width: 41.66667% } .medium-push-5 { position: relative; left: 41.66667% } .medium-pull-5 { position: relative; left: -41.66667% } .medium-offset-4 { margin-left: 33.33333% } .medium-6 { width: 50% } .medium-push-6 { position: relative; left: 50% } .medium-pull-6 { position: relative; left: -50% } .medium-offset-5 { margin-left: 41.66667% } .medium-7 { width: 58.33333% } .medium-push-7 { position: relative; left: 58.33333% } .medium-pull-7 { position: relative; left: -58.33333% } .medium-offset-6 { margin-left: 50% } .medium-8 { width: 66.66667% } .medium-push-8 { position: relative; left: 66.66667% } .medium-pull-8 { position: relative; left: -66.66667% } .medium-offset-7 { margin-left: 58.33333% } .medium-9 { width: 75% } .medium-push-9 { position: relative; left: 75% } .medium-pull-9 { position: relative; left: -75% } .medium-offset-8 { margin-left: 66.66667% } .medium-10 { width: 83.33333% } .medium-push-10 { position: relative; left: 83.33333% } .medium-pull-10 { position: relative; left: -83.33333% } .medium-offset-9 { margin-left: 75% } .medium-11 { width: 91.66667% } .medium-push-11 { position: relative; left: 91.66667% } .medium-pull-11 { position: relative; left: -91.66667% } .medium-offset-10 { margin-left: 83.33333% } .medium-12 { width: 100% } .medium-offset-11 { margin-left: 91.66667% } .medium-up-1>.column,.medium-up-1>.columns { width: 100%; float: left } .medium-up-1>.column:nth-of-type(1n),.medium-up-1>.columns:nth-of-type(1n) { clear: none } .medium-up-1>.column:nth-of-type(1n+1),.medium-up-1>.columns:nth-of-type(1n+1) { clear: both } .medium-up-1>.column:last-child,.medium-up-1>.columns:last-child { float: left } .medium-up-2>.column,.medium-up-2>.columns { width: 50%; float: left } .medium-up-2>.column:nth-of-type(1n),.medium-up-2>.columns:nth-of-type(1n) { clear: none } .medium-up-2>.column:nth-of-type(2n+1),.medium-up-2>.columns:nth-of-type(2n+1) { clear: both } .medium-up-2>.column:last-child,.medium-up-2>.columns:last-child { float: left } .medium-up-3>.column,.medium-up-3>.columns { width: 33.33333%; float: left } .medium-up-3>.column:nth-of-type(1n),.medium-up-3>.columns:nth-of-type(1n) { clear: none } .medium-up-3>.column:nth-of-type(3n+1),.medium-up-3>.columns:nth-of-type(3n+1) { clear: both } .medium-up-3>.column:last-child,.medium-up-3>.columns:last-child { float: left } .medium-up-4>.column,.medium-up-4>.columns { width: 25%; float: left } .medium-up-4>.column:nth-of-type(1n),.medium-up-4>.columns:nth-of-type(1n) { clear: none } .medium-up-4>.column:nth-of-type(4n+1),.medium-up-4>.columns:nth-of-type(4n+1) { clear: both } .medium-up-4>.column:last-child,.medium-up-4>.columns:last-child { float: left } .medium-up-5>.column,.medium-up-5>.columns { width: 20%; float: left } .medium-up-5>.column:nth-of-type(1n),.medium-up-5>.columns:nth-of-type(1n) { clear: none } .medium-up-5>.column:nth-of-type(5n+1),.medium-up-5>.columns:nth-of-type(5n+1) { clear: both } .medium-up-5>.column:last-child,.medium-up-5>.columns:last-child { float: left } .medium-up-6>.column,.medium-up-6>.columns { width: 16.66667%; float: left } .medium-up-6>.column:nth-of-type(1n),.medium-up-6>.columns:nth-of-type(1n) { clear: none } .medium-up-6>.column:nth-of-type(6n+1),.medium-up-6>.columns:nth-of-type(6n+1) { clear: both } .medium-up-6>.column:last-child,.medium-up-6>.columns:last-child { float: left } .medium-up-7>.column,.medium-up-7>.columns { width: 14.28571%; float: left } .medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n) { clear: none } .medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1) { clear: both } .medium-up-7>.column:last-child,.medium-up-7>.columns:last-child { float: left } .medium-up-8>.column,.medium-up-8>.columns { width: 12.5%; float: left } .medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n) { clear: none } .medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1) { clear: both } .medium-up-8>.column:last-child,.medium-up-8>.columns:last-child { float: left } .medium-collapse>.column,.medium-collapse>.columns { padding-left: 0; padding-right: 0 } .expanded.row .medium-collapse.row,.medium-collapse .row { margin-left: 0; margin-right: 0 } .medium-uncollapse>.column,.medium-uncollapse>.columns { padding-left: .9375rem; padding-right: .9375rem } .medium-centered { float: none; margin-left: auto; margin-right: auto } .medium-pull-0,.medium-push-0,.medium-uncentered { position: static; margin-left: 0; margin-right: 0; float: left } } @media screen and (min-width: 64.0625em) { .large-1 { width:8.33333% } .large-push-1 { position: relative; left: 8.33333% } .large-pull-1 { position: relative; left: -8.33333% } .large-offset-0 { margin-left: 0 } .large-2 { width: 16.66667% } .large-push-2 { position: relative; left: 16.66667% } .large-pull-2 { position: relative; left: -16.66667% } .large-offset-1 { margin-left: 8.33333% } .large-3 { width: 25% } .large-push-3 { position: relative; left: 25% } .large-pull-3 { position: relative; left: -25% } .large-offset-2 { margin-left: 16.66667% } .large-4 { width: 33.33333% } .large-push-4 { position: relative; left: 33.33333% } .large-pull-4 { position: relative; left: -33.33333% } .large-offset-3 { margin-left: 25% } .large-5 { width: 41.66667% } .large-push-5 { position: relative; left: 41.66667% } .large-pull-5 { position: relative; left: -41.66667% } .large-offset-4 { margin-left: 33.33333% } .large-6 { width: 50% } .large-push-6 { position: relative; left: 50% } .large-pull-6 { position: relative; left: -50% } .large-offset-5 { margin-left: 41.66667% } .large-7 { width: 58.33333% } .large-push-7 { position: relative; left: 58.33333% } .large-pull-7 { position: relative; left: -58.33333% } .large-offset-6 { margin-left: 50% } .large-8 { width: 66.66667% } .large-push-8 { position: relative; left: 66.66667% } .large-pull-8 { position: relative; left: -66.66667% } .large-offset-7 { margin-left: 58.33333% } .large-9 { width: 75% } .large-push-9 { position: relative; left: 75% } .large-pull-9 { position: relative; left: -75% } .large-offset-8 { margin-left: 66.66667% } .large-10 { width: 83.33333% } .large-push-10 { position: relative; left: 83.33333% } .large-pull-10 { position: relative; left: -83.33333% } .large-offset-9 { margin-left: 75% } .large-11 { width: 91.66667% } .large-push-11 { position: relative; left: 91.66667% } .large-pull-11 { position: relative; left: -91.66667% } .large-offset-10 { margin-left: 83.33333% } .large-12 { width: 100% } .large-offset-11 { margin-left: 91.66667% } .large-up-1>.column,.large-up-1>.columns { width: 100%; float: left } .large-up-1>.column:nth-of-type(1n),.large-up-1>.columns:nth-of-type(1n) { clear: none } .large-up-1>.column:nth-of-type(1n+1),.large-up-1>.columns:nth-of-type(1n+1) { clear: both } .large-up-1>.column:last-child,.large-up-1>.columns:last-child { float: left } .large-up-2>.column,.large-up-2>.columns { width: 50%; float: left } .large-up-2>.column:nth-of-type(1n),.large-up-2>.columns:nth-of-type(1n) { clear: none } .large-up-2>.column:nth-of-type(2n+1),.large-up-2>.columns:nth-of-type(2n+1) { clear: both } .large-up-2>.column:last-child,.large-up-2>.columns:last-child { float: left } .large-up-3>.column,.large-up-3>.columns { width: 33.33333%; float: left } .large-up-3>.column:nth-of-type(1n),.large-up-3>.columns:nth-of-type(1n) { clear: none } .large-up-3>.column:nth-of-type(3n+1),.large-up-3>.columns:nth-of-type(3n+1) { clear: both } .large-up-3>.column:last-child,.large-up-3>.columns:last-child { float: left } .large-up-4>.column,.large-up-4>.columns { width: 25%; float: left } .large-up-4>.column:nth-of-type(1n),.large-up-4>.columns:nth-of-type(1n) { clear: none } .large-up-4>.column:nth-of-type(4n+1),.large-up-4>.columns:nth-of-type(4n+1) { clear: both } .large-up-4>.column:last-child,.large-up-4>.columns:last-child { float: left } .large-up-5>.column,.large-up-5>.columns { width: 20%; float: left } .large-up-5>.column:nth-of-type(1n),.large-up-5>.columns:nth-of-type(1n) { clear: none } .large-up-5>.column:nth-of-type(5n+1),.large-up-5>.columns:nth-of-type(5n+1) { clear: both } .large-up-5>.column:last-child,.large-up-5>.columns:last-child { float: left } .large-up-6>.column,.large-up-6>.columns { width: 16.66667%; float: left } .large-up-6>.column:nth-of-type(1n),.large-up-6>.columns:nth-of-type(1n) { clear: none } .large-up-6>.column:nth-of-type(6n+1),.large-up-6>.columns:nth-of-type(6n+1) { clear: both } .large-up-6>.column:last-child,.large-up-6>.columns:last-child { float: left } .large-up-7>.column,.large-up-7>.columns { width: 14.28571%; float: left } .large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n) { clear: none } .large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1) { clear: both } .large-up-7>.column:last-child,.large-up-7>.columns:last-child { float: left } .large-up-8>.column,.large-up-8>.columns { width: 12.5%; float: left } .large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n) { clear: none } .large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1) { clear: both } .large-up-8>.column:last-child,.large-up-8>.columns:last-child { float: left } .large-collapse>.column,.large-collapse>.columns { padding-left: 0; padding-right: 0 } .expanded.row .large-collapse.row,.large-collapse .row { margin-left: 0; margin-right: 0 } .large-uncollapse>.column,.large-uncollapse>.columns { padding-left: .9375rem; padding-right: .9375rem } .large-centered { float: none; margin-left: auto; margin-right: auto } .large-pull-0,.large-push-0,.large-uncentered { position: static; margin-left: 0; margin-right: 0; float: left } } @media screen and (min-width: 90.0625em) { .xlarge-1 { width:8.33333% } .xlarge-push-1 { position: relative; left: 8.33333% } .xlarge-pull-1 { position: relative; left: -8.33333% } .xlarge-offset-0 { margin-left: 0 } .xlarge-2 { width: 16.66667% } .xlarge-push-2 { position: relative; left: 16.66667% } .xlarge-pull-2 { position: relative; left: -16.66667% } .xlarge-offset-1 { margin-left: 8.33333% } .xlarge-3 { width: 25% } .xlarge-push-3 { position: relative; left: 25% } .xlarge-pull-3 { position: relative; left: -25% } .xlarge-offset-2 { margin-left: 16.66667% } .xlarge-4 { width: 33.33333% } .xlarge-push-4 { position: relative; left: 33.33333% } .xlarge-pull-4 { position: relative; left: -33.33333% } .xlarge-offset-3 { margin-left: 25% } .xlarge-5 { width: 41.66667% } .xlarge-push-5 { position: relative; left: 41.66667% } .xlarge-pull-5 { position: relative; left: -41.66667% } .xlarge-offset-4 { margin-left: 33.33333% } .xlarge-6 { width: 50% } .xlarge-push-6 { position: relative; left: 50% } .xlarge-pull-6 { position: relative; left: -50% } .xlarge-offset-5 { margin-left: 41.66667% } .xlarge-7 { width: 58.33333% } .xlarge-push-7 { position: relative; left: 58.33333% } .xlarge-pull-7 { position: relative; left: -58.33333% } .xlarge-offset-6 { margin-left: 50% } .xlarge-8 { width: 66.66667% } .xlarge-push-8 { position: relative; left: 66.66667% } .xlarge-pull-8 { position: relative; left: -66.66667% } .xlarge-offset-7 { margin-left: 58.33333% } .xlarge-9 { width: 75% } .xlarge-push-9 { position: relative; left: 75% } .xlarge-pull-9 { position: relative; left: -75% } .xlarge-offset-8 { margin-left: 66.66667% } .xlarge-10 { width: 83.33333% } .xlarge-push-10 { position: relative; left: 83.33333% } .xlarge-pull-10 { position: relative; left: -83.33333% } .xlarge-offset-9 { margin-left: 75% } .xlarge-11 { width: 91.66667% } .xlarge-push-11 { position: relative; left: 91.66667% } .xlarge-pull-11 { position: relative; left: -91.66667% } .xlarge-offset-10 { margin-left: 83.33333% } .xlarge-12 { width: 100% } .xlarge-offset-11 { margin-left: 91.66667% } .xlarge-up-1>.column,.xlarge-up-1>.columns { width: 100%; float: left } .xlarge-up-1>.column:nth-of-type(1n),.xlarge-up-1>.columns:nth-of-type(1n) { clear: none } .xlarge-up-1>.column:nth-of-type(1n+1),.xlarge-up-1>.columns:nth-of-type(1n+1) { clear: both } .xlarge-up-1>.column:last-child,.xlarge-up-1>.columns:last-child { float: left } .xlarge-up-2>.column,.xlarge-up-2>.columns { width: 50%; float: left } .xlarge-up-2>.column:nth-of-type(1n),.xlarge-up-2>.columns:nth-of-type(1n) { clear: none } .xlarge-up-2>.column:nth-of-type(2n+1),.xlarge-up-2>.columns:nth-of-type(2n+1) { clear: both } .xlarge-up-2>.column:last-child,.xlarge-up-2>.columns:last-child { float: left } .xlarge-up-3>.column,.xlarge-up-3>.columns { width: 33.33333%; float: left } .xlarge-up-3>.column:nth-of-type(1n),.xlarge-up-3>.columns:nth-of-type(1n) { clear: none } .xlarge-up-3>.column:nth-of-type(3n+1),.xlarge-up-3>.columns:nth-of-type(3n+1) { clear: both } .xlarge-up-3>.column:last-child,.xlarge-up-3>.columns:last-child { float: left } .xlarge-up-4>.column,.xlarge-up-4>.columns { width: 25%; float: left } .xlarge-up-4>.column:nth-of-type(1n),.xlarge-up-4>.columns:nth-of-type(1n) { clear: none } .xlarge-up-4>.column:nth-of-type(4n+1),.xlarge-up-4>.columns:nth-of-type(4n+1) { clear: both } .xlarge-up-4>.column:last-child,.xlarge-up-4>.columns:last-child { float: left } .xlarge-up-5>.column,.xlarge-up-5>.columns { width: 20%; float: left } .xlarge-up-5>.column:nth-of-type(1n),.xlarge-up-5>.columns:nth-of-type(1n) { clear: none } .xlarge-up-5>.column:nth-of-type(5n+1),.xlarge-up-5>.columns:nth-of-type(5n+1) { clear: both } .xlarge-up-5>.column:last-child,.xlarge-up-5>.columns:last-child { float: left } .xlarge-up-6>.column,.xlarge-up-6>.columns { width: 16.66667%; float: left } .xlarge-up-6>.column:nth-of-type(1n),.xlarge-up-6>.columns:nth-of-type(1n) { clear: none } .xlarge-up-6>.column:nth-of-type(6n+1),.xlarge-up-6>.columns:nth-of-type(6n+1) { clear: both } .xlarge-up-6>.column:last-child,.xlarge-up-6>.columns:last-child { float: left } .xlarge-up-7>.column,.xlarge-up-7>.columns { width: 14.28571%; float: left } .xlarge-up-7>.column:nth-of-type(1n),.xlarge-up-7>.columns:nth-of-type(1n) { clear: none } .xlarge-up-7>.column:nth-of-type(7n+1),.xlarge-up-7>.columns:nth-of-type(7n+1) { clear: both } .xlarge-up-7>.column:last-child,.xlarge-up-7>.columns:last-child { float: left } .xlarge-up-8>.column,.xlarge-up-8>.columns { width: 12.5%; float: left } .xlarge-up-8>.column:nth-of-type(1n),.xlarge-up-8>.columns:nth-of-type(1n) { clear: none } .xlarge-up-8>.column:nth-of-type(8n+1),.xlarge-up-8>.columns:nth-of-type(8n+1) { clear: both } .xlarge-up-8>.column:last-child,.xlarge-up-8>.columns:last-child { float: left } .xlarge-collapse>.column,.xlarge-collapse>.columns { padding-left: 0; padding-right: 0 } .expanded.row .xlarge-collapse.row,.xlarge-collapse .row { margin-left: 0; margin-right: 0 } .xlarge-uncollapse>.column,.xlarge-uncollapse>.columns { padding-left: .9375rem; padding-right: .9375rem } .xlarge-centered { float: none; margin-left: auto; margin-right: auto } .xlarge-pull-0,.xlarge-push-0,.xlarge-uncentered { position: static; margin-left: 0; margin-right: 0; float: left } } .row { max-width: 75rem; margin-left: auto; margin-right: auto; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap } .row .row { max-width: none; margin-left: -.625rem; margin-right: -.625rem } @media screen and (min-width: 40.0625em) { .row .row { margin-left:-.9375rem; margin-right: -.9375rem } } .row.expanded { max-width: none } .row.collapse>.column,.row.collapse>.columns { padding-left: 0; padding-right: 0 } .column,.columns { -ms-flex: 1 1 0px; flex: 1 1 0px; padding-left: .625rem; padding-right: .625rem; min-width: initial } @media screen and (min-width: 40.0625em) { .column,.columns { padding-left:.9375rem; padding-right: .9375rem } } .column.row.row,.row.row.columns { float: none; display: block } .row .column.row.row,.row .row.row.columns { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0 } .small-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .small-offset-0 { margin-left: 0 } .small-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .small-offset-1 { margin-left: 8.33333% } .small-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .small-offset-2 { margin-left: 16.66667% } .small-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .small-offset-3 { margin-left: 25% } .small-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .small-offset-4 { margin-left: 33.33333% } .small-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .small-offset-5 { margin-left: 41.66667% } .small-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .small-offset-6 { margin-left: 50% } .small-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .small-offset-7 { margin-left: 58.33333% } .small-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .small-offset-8 { margin-left: 66.66667% } .small-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .small-offset-9 { margin-left: 75% } .small-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .small-offset-10 { margin-left: 83.33333% } .small-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .small-offset-11 { margin-left: 91.66667% } .small-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap } .small-up-1>.column,.small-up-1>.columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .small-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap } .small-up-2>.column,.small-up-2>.columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .small-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap } .small-up-3>.column,.small-up-3>.columns { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .small-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap } .small-up-4>.column,.small-up-4>.columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .small-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap } .small-up-5>.column,.small-up-5>.columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .small-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap } .small-up-6>.column,.small-up-6>.columns { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .small-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap } .small-up-7>.column,.small-up-7>.columns { -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571% } .small-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap } .small-up-8>.column,.small-up-8>.columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% } .small-collapse>.column,.small-collapse>.columns { padding-left: 0; padding-right: 0 } .small-uncollapse>.column,.small-uncollapse>.columns { padding-left: .625rem; padding-right: .625rem } @media screen and (min-width: 40.0625em) { .medium-1 { -ms-flex:0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .medium-offset-0 { margin-left: 0 } .medium-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .medium-offset-1 { margin-left: 8.33333% } .medium-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .medium-offset-2 { margin-left: 16.66667% } .medium-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .medium-offset-3 { margin-left: 25% } .medium-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .medium-offset-4 { margin-left: 33.33333% } .medium-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .medium-offset-5 { margin-left: 41.66667% } .medium-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .medium-offset-6 { margin-left: 50% } .medium-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .medium-offset-7 { margin-left: 58.33333% } .medium-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .medium-offset-8 { margin-left: 66.66667% } .medium-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .medium-offset-9 { margin-left: 75% } .medium-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .medium-offset-10 { margin-left: 83.33333% } .medium-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .medium-offset-11 { margin-left: 91.66667% } .medium-order-1 { -ms-flex-order: 1; order: 1 } .medium-order-2 { -ms-flex-order: 2; order: 2 } .medium-order-3 { -ms-flex-order: 3; order: 3 } .medium-order-4 { -ms-flex-order: 4; order: 4 } .medium-order-5 { -ms-flex-order: 5; order: 5 } .medium-order-6 { -ms-flex-order: 6; order: 6 } .medium-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap } .medium-up-1>.column,.medium-up-1>.columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .medium-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap } .medium-up-2>.column,.medium-up-2>.columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .medium-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap } .medium-up-3>.column,.medium-up-3>.columns { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .medium-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap } .medium-up-4>.column,.medium-up-4>.columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .medium-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap } .medium-up-5>.column,.medium-up-5>.columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .medium-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap } .medium-up-6>.column,.medium-up-6>.columns { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .medium-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap } .medium-up-7>.column,.medium-up-7>.columns { -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571% } .medium-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap } .medium-up-8>.column,.medium-up-8>.columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% } } @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) { .medium-expand { -ms-flex:1 1 0px; flex: 1 1 0px } } .row.medium-unstack>.column,.row.medium-unstack>.columns { -ms-flex: 0 0 100%; flex: 0 0 100% } @media screen and (min-width: 40.0625em) { .row.medium-unstack>.column,.row.medium-unstack>.columns { -ms-flex:1 1 0px; flex: 1 1 0px } } @media screen and (min-width: 40.0625em) { .medium-collapse>.column,.medium-collapse>.columns { padding-left:0; padding-right: 0 } .medium-uncollapse>.column,.medium-uncollapse>.columns { padding-left: .9375rem; padding-right: .9375rem } } @media screen and (min-width: 64.0625em) { .large-1 { -ms-flex:0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .large-offset-0 { margin-left: 0 } .large-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .large-offset-1 { margin-left: 8.33333% } .large-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .large-offset-2 { margin-left: 16.66667% } .large-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .large-offset-3 { margin-left: 25% } .large-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .large-offset-4 { margin-left: 33.33333% } .large-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .large-offset-5 { margin-left: 41.66667% } .large-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .large-offset-6 { margin-left: 50% } .large-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .large-offset-7 { margin-left: 58.33333% } .large-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .large-offset-8 { margin-left: 66.66667% } .large-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .large-offset-9 { margin-left: 75% } .large-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .large-offset-10 { margin-left: 83.33333% } .large-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .large-offset-11 { margin-left: 91.66667% } .large-order-1 { -ms-flex-order: 1; order: 1 } .large-order-2 { -ms-flex-order: 2; order: 2 } .large-order-3 { -ms-flex-order: 3; order: 3 } .large-order-4 { -ms-flex-order: 4; order: 4 } .large-order-5 { -ms-flex-order: 5; order: 5 } .large-order-6 { -ms-flex-order: 6; order: 6 } .large-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap } .large-up-1>.column,.large-up-1>.columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .large-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap } .large-up-2>.column,.large-up-2>.columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .large-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap } .large-up-3>.column,.large-up-3>.columns { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .large-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap } .large-up-4>.column,.large-up-4>.columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .large-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap } .large-up-5>.column,.large-up-5>.columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .large-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap } .large-up-6>.column,.large-up-6>.columns { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .large-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap } .large-up-7>.column,.large-up-7>.columns { -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571% } .large-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap } .large-up-8>.column,.large-up-8>.columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% } } @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) { .large-expand { -ms-flex:1 1 0px; flex: 1 1 0px } } .row.large-unstack>.column,.row.large-unstack>.columns { -ms-flex: 0 0 100%; flex: 0 0 100% } @media screen and (min-width: 64.0625em) { .row.large-unstack>.column,.row.large-unstack>.columns { -ms-flex:1 1 0px; flex: 1 1 0px } } @media screen and (min-width: 64.0625em) { .large-collapse>.column,.large-collapse>.columns { padding-left:0; padding-right: 0 } .large-uncollapse>.column,.large-uncollapse>.columns { padding-left: .9375rem; padding-right: .9375rem } } @media screen and (min-width: 90.0625em) { .xlarge-1 { -ms-flex:0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .xlarge-offset-0 { margin-left: 0 } .xlarge-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .xlarge-offset-1 { margin-left: 8.33333% } .xlarge-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .xlarge-offset-2 { margin-left: 16.66667% } .xlarge-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .xlarge-offset-3 { margin-left: 25% } .xlarge-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .xlarge-offset-4 { margin-left: 33.33333% } .xlarge-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .xlarge-offset-5 { margin-left: 41.66667% } .xlarge-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .xlarge-offset-6 { margin-left: 50% } .xlarge-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .xlarge-offset-7 { margin-left: 58.33333% } .xlarge-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .xlarge-offset-8 { margin-left: 66.66667% } .xlarge-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .xlarge-offset-9 { margin-left: 75% } .xlarge-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .xlarge-offset-10 { margin-left: 83.33333% } .xlarge-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .xlarge-offset-11 { margin-left: 91.66667% } .xlarge-order-1 { -ms-flex-order: 1; order: 1 } .xlarge-order-2 { -ms-flex-order: 2; order: 2 } .xlarge-order-3 { -ms-flex-order: 3; order: 3 } .xlarge-order-4 { -ms-flex-order: 4; order: 4 } .xlarge-order-5 { -ms-flex-order: 5; order: 5 } .xlarge-order-6 { -ms-flex-order: 6; order: 6 } .xlarge-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap } .xlarge-up-1>.column,.xlarge-up-1>.columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .xlarge-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap } .xlarge-up-2>.column,.xlarge-up-2>.columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .xlarge-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap } .xlarge-up-3>.column,.xlarge-up-3>.columns { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .xlarge-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap } .xlarge-up-4>.column,.xlarge-up-4>.columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .xlarge-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap } .xlarge-up-5>.column,.xlarge-up-5>.columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .xlarge-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap } .xlarge-up-6>.column,.xlarge-up-6>.columns { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .xlarge-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap } .xlarge-up-7>.column,.xlarge-up-7>.columns { -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571% } .xlarge-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap } .xlarge-up-8>.column,.xlarge-up-8>.columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% } } @media screen and (min-width: 90.0625em) and (min-width: 90.0625em) { .xlarge-expand { -ms-flex:1 1 0px; flex: 1 1 0px } } .row.xlarge-unstack>.column,.row.xlarge-unstack>.columns { -ms-flex: 0 0 100%; flex: 0 0 100% } @media screen and (min-width: 90.0625em) { .row.xlarge-unstack>.column,.row.xlarge-unstack>.columns { -ms-flex:1 1 0px; flex: 1 1 0px } } @media screen and (min-width: 90.0625em) { .xlarge-collapse>.column,.xlarge-collapse>.columns { padding-left:0; padding-right: 0 } .xlarge-uncollapse>.column,.xlarge-uncollapse>.columns { padding-left: .9375rem; padding-right: .9375rem } } .shrink { -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100% } .align-top.columns,.column.align-top { -ms-flex-item-align: start; align-self: flex-start } .align-bottom.columns,.column.align-bottom { -ms-flex-item-align: end; align-self: flex-end } .align-middle.columns,.column.align-middle { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .align-stretch.columns,.column.align-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch } blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul { margin: 0; padding: 0 } p { font-size: inherit; line-height: 1.6; margin-bottom: 1rem; text-rendering: optimizeLegibility } em,i { font-style: italic } b,em,i,strong { line-height: inherit } b,strong { font-weight: 700 } small { font-size: 80%; line-height: inherit } h1,h2,h3,h4,h5,h6 { font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif; font-weight: 400; font-style: normal; color: inherit; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: .5rem; line-height: 1.4 } h1 small,h2 small,h3 small,h4 small,h5 small,h6 small { color: #cacaca; line-height: 0 } h1 { font-size: 1.5rem } h2 { font-size: 1.25rem } h3 { font-size: 1.1875rem } h4 { font-size: 1.125rem } h5 { font-size: 1.0625rem } h6 { font-size: 1rem } @media screen and (min-width: 40.0625em) { h1 { font-size:3rem } h2 { font-size: 2.5rem } h3 { font-size: 1.9375rem } h4 { font-size: 1.5625rem } h5 { font-size: 1.25rem } h6 { font-size: 1rem } } a { color: #2199e8; text-decoration: none; line-height: inherit; cursor: pointer } a img { border: 0 } hr { max-width: 112.5rem; height: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #cacaca; border-left: 0; margin: 1.25rem auto; clear: both } dl,ol,ul { line-height: 1.6; margin-bottom: 1rem; list-style-position: outside } li { font-size: inherit } ul { list-style-type: disc } ol,ul { margin-left: 1.25rem } ol ol,ol ul,ul ol,ul ul { margin-left: 1.25rem; margin-bottom: 0 } dl { margin-bottom: 1rem } dl dt { margin-bottom: .3rem; font-weight: 700 } blockquote { margin: 0 0 1rem; padding: .5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca } blockquote,blockquote p { line-height: 1.6; color: #8a8a8a } cite { display: block; font-size: .8125rem; color: #8a8a8a } cite:before { content: '\2014 \0020' } abbr { color: #0a0a0a; cursor: help; border-bottom: 1px dotted #0a0a0a } code { font-weight: 400; border: 1px solid #cacaca; padding: .125rem .3125rem .0625rem } code,kbd { font-family: Consolas,Liberation Mono,Courier,monospace; color: #0a0a0a; background-color: #e6e6e6 } kbd { padding: .125rem .25rem 0; margin: 0 } .subheader { margin-top: .2rem; margin-bottom: .5rem; font-weight: 400; line-height: 1.4; color: #8a8a8a } .lead { font-size: 125%; line-height: 1.6 } .stat { font-size: 2.5rem; line-height: 1 } p+.stat { margin-top: -1rem } .no-bullet { margin-left: 0; list-style: none } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .text-justify { text-align: justify } @media screen and (min-width: 40.0625em) { .medium-text-left { text-align:left } .medium-text-right { text-align: right } .medium-text-center { text-align: center } .medium-text-justify { text-align: justify } } @media screen and (min-width: 64.0625em) { .large-text-left { text-align:left } .large-text-right { text-align: right } .large-text-center { text-align: center } .large-text-justify { text-align: justify } } @media screen and (min-width: 90.0625em) { .xlarge-text-left { text-align:left } .xlarge-text-right { text-align: right } .xlarge-text-center { text-align: center } .xlarge-text-justify { text-align: justify } } .show-for-print { display: none !important } @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important } .show-for-print { display: block !important } .hide-for-print { display: none !important } table.show-for-print { display: table !important } thead.show-for-print { display: table-header-group !important } tbody.show-for-print { display: table-row-group !important } tr.show-for-print { display: table-row !important } td.show-for-print,th.show-for-print { display: table-cell !important } a,a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } .ir a:after,a[href^='#']:after,a[href^='javascript:']:after { content: '' } abbr[title]:after { content: " (" attr(title) ")" } blockquote,pre { border: 1px solid #8a8a8a; page-break-inside: avoid } thead { display: table-header-group } img,tr { page-break-inside: avoid } img { max-width: 100% !important } @page { margin: .5cm } h2,h3,p { orphans: 3; widows: 3 } h2,h3 { page-break-after: avoid } } .flex-video { position: relative; height: 0; padding-bottom: 75%; margin-bottom: 1rem; overflow: hidden } .flex-video embed,.flex-video iframe,.flex-video object,.flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .flex-video.widescreen { padding-bottom: 56.25% } .flex-video.vimeo { padding-top: 0 } .hide { display: none !important; } .invisible { visibility: hidden } @media screen and (max-width: 40.0625em) { .hide-for-small-only { display:none !important } } @media screen and (max-width: 0em), screen and (min-width: 40.0625em) { .show-for-small-only { display:none !important } } @media screen and (min-width: 40.0625em) { .hide-for-medium { display:none !important } } @media screen and (max-width: 40.0625em) { .show-for-medium { display:none !important } } @media screen and (min-width: 40.0625em) and (max-width: 64em) { .hide-for-medium-only { display:none !important } } @media screen and (max-width: 40.0625em), screen and (min-width: 64.0625em) { .show-for-medium-only { display:none !important } } @media screen and (min-width: 64.0625em) { .hide-for-large { display:none !important } } @media screen and (max-width: 64em) { .show-for-large { display:none !important } } @media screen and (min-width: 64.0625em) and (max-width: 90em) { .hide-for-large-only { display:none !important } } @media screen and (max-width: 64em), screen and (min-width: 90.0625em) { .show-for-large-only { display:none !important } } @media screen and (min-width: 90.0625em) { .hide-for-xlarge { display:none !important } } @media screen and (max-width: 90em) { .show-for-xlarge { display:none !important } } @media screen and (min-width: 90.0625em) { .hide-for-xlarge-only { display:none !important } } @media screen and (max-width: 90em) { .show-for-xlarge-only { display:none !important } } .show-for-sr,.show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0) } .show-on-focus:active,.show-on-focus:focus { position: static !important; height: auto; width: auto; overflow: visible; clip: auto } .hide-for-portrait,.show-for-landscape { display: block !important } @media screen and (orientation: landscape) { .hide-for-portrait,.show-for-landscape { display:block !important } } @media screen and (orientation: portrait) { .hide-for-portrait,.show-for-landscape { display:none !important } } .hide-for-landscape,.show-for-portrait { display: none !important } @media screen and (orientation: landscape) { .hide-for-landscape,.show-for-portrait { display:none !important } } @media screen and (orientation: portrait) { .hide-for-landscape,.show-for-portrait { display:block !important } } .float-left { float: left !important } .float-right { float: right !important } .float-center { display: block; margin-left: auto; margin-right: auto } .clearfix:after,.clearfix:before { content: ' '; display: table } .clearfix:after { clear: both } .align-right { -ms-flex-pack: end; justify-content: flex-end } .align-center { -ms-flex-pack: center; justify-content: center } .align-justify { -ms-flex-pack: justify; justify-content: space-between } .align-spaced { -ms-flex-pack: distribute; justify-content: space-around } .align-top { -ms-flex-align: start; align-items: flex-start } .align-self-top { -ms-flex-item-align: start; align-self: flex-start } .align-bottom { -ms-flex-align: end; align-items: flex-end } .align-self-bottom { -ms-flex-item-align: end; align-self: flex-end } .align-middle { -ms-flex-align: center; align-items: center } .align-self-middle { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .align-stretch { -ms-flex-align: stretch; align-items: stretch } .align-self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch } .small-order-1 { -ms-flex-order: 1; order: 1 } .small-order-2 { -ms-flex-order: 2; order: 2 } .small-order-3 { -ms-flex-order: 3; order: 3 } .small-order-4 { -ms-flex-order: 4; order: 4 } .small-order-5 { -ms-flex-order: 5; order: 5 } .small-order-6 { -ms-flex-order: 6; order: 6 } @media screen and (min-width: 40.0625em) { .medium-order-1 { -ms-flex-order:1; order: 1 } .medium-order-2 { -ms-flex-order: 2; order: 2 } .medium-order-3 { -ms-flex-order: 3; order: 3 } .medium-order-4 { -ms-flex-order: 4; order: 4 } .medium-order-5 { -ms-flex-order: 5; order: 5 } .medium-order-6 { -ms-flex-order: 6; order: 6 } } @media screen and (min-width: 64.0625em) { .large-order-1 { -ms-flex-order:1; order: 1 } .large-order-2 { -ms-flex-order: 2; order: 2 } .large-order-3 { -ms-flex-order: 3; order: 3 } .large-order-4 { -ms-flex-order: 4; order: 4 } .large-order-5 { -ms-flex-order: 5; order: 5 } .large-order-6 { -ms-flex-order: 6; order: 6 } } @media screen and (min-width: 90.0625em) { .xlarge-order-1 { -ms-flex-order:1; order: 1 } .xlarge-order-2 { -ms-flex-order: 2; order: 2 } .xlarge-order-3 { -ms-flex-order: 3; order: 3 } .xlarge-order-4 { -ms-flex-order: 4; order: 4 } .xlarge-order-5 { -ms-flex-order: 5; order: 5 } .xlarge-order-6 { -ms-flex-order: 6; order: 6 } } html { min-height: 100vh; overflow-y: scroll !important } body { color: #222; background: #fff; position: static; min-height: 100%; scroll-behavior: smooth } body div,body dl,body dt,body dd,body ul,body ol,body li,body pre,body form,body p,body blockquote,body th,body td { font-size: inherit; font-family: inherit } body p { font-style: normal; font-size: 16px; font-weight: 400; line-height: 1.8; margin-bottom: 0.65rem } body strong { font-weight: 600 } figure { margin: 0 } a { color: #ef2673; outline: 0; -webkit-tap-highlight-color: rgba(0,0,0,0) } a:hover { color: #222 } .mont,q,blockquote p,cite,#footer.style2 .menu,#footer.style3 .menu,#footer.style4 .menu,#footer.style5 .menu,.social_bar,.smalltitle { font-family: "Playfair Display", sans-serif } .reset,.full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu,.full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li,.widget.widget_calendar table,.slick-dots,.searchform fieldset,#comments ol.commentlist .comment .vcard { margin: 0; padding: 0 } .cf:before,.post-content-container:before,.blog_nav:before,.widget.widget_flickr .pin_link:before,.widget.widget_dribbble .pin_link:before,.widget.thb_pinterest_widget .pin_link:before,.widget.widget_price_filter:before,.product_list_widget li:before,.wpcf7-form-control-wrap:before,.wpcf7-response-output:before,.authorpage:before,.comment-respond:before,.commentlist_parent .commentlist_container:before,.category_container:before,.category_container .inner:before,.image_link:before,.woocommerce-checkout-review-order:before,.woocommerce-account-fields:before,.woocommerce-additional-fields:before,.woocommerce-billing-fields:before,.woocommerce-shipping-fields:before,.woocommerce .woocommerce-form-login:before,.addresses:before,.cf:after,.post-content-container:after,.blog_nav:after,.widget.widget_flickr .pin_link:after,.widget.widget_dribbble .pin_link:after,.widget.thb_pinterest_widget .pin_link:after,.widget.widget_price_filter:after,.product_list_widget li:after,.wpcf7-form-control-wrap:after,.wpcf7-response-output:after,.authorpage:after,.comment-respond:after,.commentlist_parent .commentlist_container:after,.category_container:after,.category_container .inner:after,.image_link:after,.woocommerce-checkout-review-order:after,.woocommerce-account-fields:after,.woocommerce-additional-fields:after,.woocommerce-billing-fields:after,.woocommerce-shipping-fields:after,.woocommerce .woocommerce-form-login:after,.addresses:after { content: " "; display: table } .cf:after,.post-content-container:after,.blog_nav:after,.widget.widget_flickr .pin_link:after,.widget.widget_dribbble .pin_link:after,.widget.thb_pinterest_widget .pin_link:after,.widget.widget_price_filter:after,.product_list_widget li:after,.wpcf7-form-control-wrap:after,.wpcf7-response-output:after,.authorpage:after,.comment-respond:after,.commentlist_parent .commentlist_container:after,.category_container:after,.category_container .inner:after,.image_link:after,.woocommerce-checkout-review-order:after,.woocommerce-account-fields:after,.woocommerce-additional-fields:after,.woocommerce-billing-fields:after,.woocommerce-shipping-fields:after,.woocommerce .woocommerce-form-login:after,.addresses:after { clear: both } .visually-hidden { visibility: hidden; opacity: 0 } .endcolumn [class*="column"]+[class*="column"]:last-child,.full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children>div [class*="column"]+[class*="column"]:last-child,.related-posts .relatedposts [class*="column"]+[class*="column"]:last-child,.posts [class*="column"]+[class*="column"]:last-child,.category_container .inner [class*="column"]+[class*="column"]:last-child,.author_list [class*="column"]+[class*="column"]:last-child,.products [class*="column"]+[class*="column"]:last-child { float: left } .small-1\/5 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } @media only screen and (min-width: 64.0625em) { .thb-5,.medium-1\/5 { -webkit-flex:0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } } @media only screen and (min-width: 75.0625em) { .large-1\/5 { -webkit-flex:0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } } .small-2\/5 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40% } @media only screen and (min-width: 64.0625em) { .thb-5-2,.medium-2\/5 { -webkit-flex:0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40% } } @media only screen and (min-width: 75.0625em) { .large-2\/5 { -webkit-flex:0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40% } } .small-3\/5 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60% } @media only screen and (min-width: 64.0625em) { .thb-5-3,.medium-3\/5 { -webkit-flex:0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60% } } @media only screen and (min-width: 75.0625em) { .large-3\/5 { -webkit-flex:0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60% } } .transition,.quick_search .searchform,.post .post-gallery img,.post.featured-style4 .featured-title,.post.featured-style4 .featured-title .post-content,.post.category-widget-slider .featured-title,.post.category-widget-slider .featured-title .post-content,.post.listing.listing-style2 .bg-figure,.post-detail .share-article .boxed-icon.style1 span,input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea,.custom_check+.custom_label,.custom_check+.custom_label:before,.thb-mobile-menu li a,.thb-mobile-menu-secondary li a,.image_link img,.products .product.product-category a div span { transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) } .quick-transition,a,.thb-borders,.header .social-holder .social_header .social_icon,.header .social-holder .social_header>div,.post .post-gallery>a,.post.featured-style10 .post-gallery:before,.post.carousel-style8 .thb-placeholder,.post.carousel-style12,.post.style-masonry.style-masonry-2,.post.style-masonry.style-masonry-3 .post-gallery a img,.post-detail .share-article .boxed-icon.style2 span,.post-detail .article-navigation .post-nav-link svg .thb-arrow-line,.widget.widget_socialicons ul li a,.slick.post-carousel-style8 .slick-slide,.slick-nav svg .thb-arrow-head,.slick-nav svg .thb-arrow-line,.btn,.btn:focus,.button,input[type=submit],.post-gallery-content .thb-gallery-arrow svg .thb-arrow-head,.post-gallery-content .thb-gallery-arrow svg .thb-arrow-line,.post-gallery-content .thb-gallery-grid .thb-grid-image img,.thb-gallery-item .thb-gallery-nav .arrow,.commentlist_parent .commentlist_container,#scroll_totop svg .thb-arrow-head,#scroll_totop svg .thb-arrow-line,.thb_tabs .tabs h6 a:after,.thb-pin-it-container .thb-pin-it,.thb-hotspot-container .thb-hotspot .thb-hotspot-tooltip,.products .product .product-image .woocommerce-loop-product__link .attachment-woocommerce_thumbnail+.attachment-woocommerce_thumbnail,.login-page-form li a:before,.thb-form-container,.thb-form-container .thb-login-form,.thb-form-container .thb-register-form,.woocommerce-MyAccount-navigation ul li a,.woocommerce-tabs .wc-tabs li a:after,button.mfp-arrow svg .thb-arrow-head,button.mfp-arrow svg .thb-arrow-line,.mfp-bg,.mfp-zoom-in .mfp-with-anim,.mfp-zoom-in .mfp-iframe-scaler,.mfp-zoom-in .mfp-inline-holder,.mfp-zoom-in .mfp-close,.mfp-zoom-in.mfp-bg,.mfp-zoom-out .mfp-with-anim,.mfp-zoom-out.mfp-bg,.mfp-zoom-3d .mfp-with-anim,.mfp-zoom-3d .mfp-iframe-scaler,.mfp-zoom-3d .mfp-inline-holder,.mfp-zoom-3d .mfp-close,.mfp-zoom-3d.mfp-bg { transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) } .mid-transition,.post.post-blockgrid-style1 .post-gallery>a,.post.post-blockgrid-style1 .post-gallery>a:before,.thb-social-links-container .thb-social-link .thb-social-icon-container,.mfp-zoom-3d .theme-popup { transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) } .linear-transition { transition: all 1s linear } .linear-quick-transition,#content-container,.header,.header .header_top,.header .header_top>.row>.columns,.header .logo .logolink,.header .logo .logoimg,.full-menu-container .full-menu a,.post-links .post-link.share-article-loop:hover .boxed-icon,.slick,.slick:after,.slick-nav,.slick-dots li button,.post-title-bullets li button span,.thb-gallery-item .thb-gallery-nav .arrow svg,.thb-gallery-item .thb-gallery-nav .arrow svg .thb-arrow-head,.thb-gallery-item .thb-gallery-nav .arrow svg .thb-arrow-line,#mobile-menu,.thb-mobile-menu li span,#comments ol.commentlist .comment .reply,.commentlist_parent .comment-button:after,.thb_3dimg .title,.thb_3dimg .arrow { transition: all .25s linear } .admin-bar .admin-style,.admin-bar .thb-borders,.admin-bar #mobile-menu,.admin-bar .mfp-wrap:not(.post-gallery-lightbox) .mfp-close,.mfp-wrap:not(.post-gallery-lightbox) .admin-bar .mfp-close { top: 0 } @media screen and (min-width: 601px) { .admin-bar .admin-style,.admin-bar .thb-borders,.admin-bar #mobile-menu,.admin-bar .mfp-wrap:not(.post-gallery-lightbox) .mfp-close,.mfp-wrap:not(.post-gallery-lightbox) .admin-bar .mfp-close { top:46px } } @media screen and (min-width: 783px) { .admin-bar .admin-style,.admin-bar .thb-borders,.admin-bar #mobile-menu,.admin-bar .mfp-wrap:not(.post-gallery-lightbox) .mfp-close,.mfp-wrap:not(.post-gallery-lightbox) .admin-bar .mfp-close { top:32px } } .custom_scroll { overflow: hidden; height: 100%; position: relative } .row:not(.cf):not(.post-content-container):not(.blog_nav):not(.widget.widget_price_filter):not(.wpcf7-form-control-wrap):not(.wpcf7-response-output):not(.authorpage):not(.comment-respond):not(.category_container):not(.image_link):not(.woocommerce-checkout-review-order):not(.woocommerce-account-fields):not(.woocommerce-additional-fields):not(.woocommerce-billing-fields):not(.woocommerce-shipping-fields):not(.addresses):before,.row:not(.cf):not(.post-content-container):not(.blog_nav):not(.widget.widget_price_filter):not(.wpcf7-form-control-wrap):not(.wpcf7-response-output):not(.authorpage):not(.comment-respond):not(.category_container):not(.image_link):not(.woocommerce-checkout-review-order):not(.woocommerce-account-fields):not(.woocommerce-additional-fields):not(.woocommerce-billing-fields):not(.woocommerce-shipping-fields):not(.addresses):after { display: none !important } .vc_editor.compose-mode .vc_element>.columns { width: 100%; max-width: 100% } .columns .vc_column-inner { width: 100% } .columns:not(.full-height) .vc_column-inner:not(.fixed-me) { height: 100% } .columns .vc_video-bg+.vc_column-inner { position: relative; z-index: 20 } .cover-bg,.post.carousel-style8 .thb-placeholder,.post.carousel-style12 .thb-placeholder,.widget.widget_flickr .photocontainer .overlay-effect figure,.widget.widget_dribbble .photocontainer .overlay-effect figure,.widget.thb_pinterest_widget .photocontainer .overlay-effect figure,.widget.widget_subscribe_widget .newsletter-container.has-image { background-size: cover; background-position: center } .flex-video { margin: 0 } @media only screen and (min-width: 75.0625em) { .thb-five { -webkit-flex:0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } } @media only screen and (min-width: 75.0625em) { .thb-five-2 { -webkit-flex:0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40% } } .fixed-me { position: sticky; top: 150px; left: 0 } .table { display: table } .table>div { display: table-cell; vertical-align: middle } .instagram-media { position: static !important } .lazyload,.lazyloading { opacity: 0.3; -webkit-filter: blur(5px); -moz-filter: blur(5px); filter: blur(5px) } .lazyloaded { opacity: 1; -webkit-transition: opacity .25s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: opacity .25s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: opacity .25s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity .25s cubic-bezier(0.165, 0.84, 0.44, 1) } .screen-reader-text { display: none } .row:before,.row:after { display: none !important } .row.full-width-row { width: 100%; margin-left: auto; margin-right: auto; max-width: 100% } .row.mpc-row { display: flex } .row.row-o-full-height { display: flex; /* min-height:100vh; */ } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .row.row-o-full-height { height: 100vh } } .row.row-o-columns-bottom { align-items: flex-end } .row.row-o-columns-middle { align-items: center } .row.row-o-content-middle .vc_column-inner { display: flex; flex-direction: column; justify-content: center } .row.row-o-content-bottom .vc_column-inner { display: flex; flex-direction: column; justify-content: flex-end } .row.no-padding { margin: auto } .row.no-padding>.columns,.row.no-padding .owl-item>.columns { padding: 0 } .row.max_width { max-width: 75em; margin: 0 auto } .row .columns .wpb_wrapper { width: 100% } #content-container { min-height: 100% } #content-container .click-capture { position: absolute; z-index: 998; top: 0; right: 0; width: 0; height: 0; background: rgba(0,0,0,0.2); content: ''; will-change: opacity; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear } #wrapper { position: relative; width: 100%; min-height: 100%; scroll-behavior: smooth } #wrapper [role="main"] { position: relative; z-index: 10 } @media only screen and (max-width: 40.0625em) { #wrapper { overflow:hidden } } #wrapper.open-menu { overflow: hidden } #wrapper.open-menu #content-container { -webkit-transform: translate3d(320px, 0, 0); -moz-transform: translate3d(320px, 0, 0); -ms-transform: translate3d(320px, 0, 0); -o-transform: translate3d(320px, 0, 0); transform: translate3d(320px, 0, 0) } @media only screen and (max-width: 40.0625em) { #wrapper.open-menu #content-container { -webkit-transform:translate3d(280px, 0, 0); -moz-transform: translate3d(280px, 0, 0); -ms-transform: translate3d(280px, 0, 0); -o-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0) } } .rtl #wrapper.open-menu #content-container { -webkit-transform: translate3d(-320px, 0, 0); -moz-transform: translate3d(-320px, 0, 0); -ms-transform: translate3d(-320px, 0, 0); -o-transform: translate3d(-320px, 0, 0); transform: translate3d(-320px, 0, 0) } @media only screen and (max-width: 40.0625em) { .rtl #wrapper.open-menu #content-container { -webkit-transform:translate3d(-280px, 0, 0); -moz-transform: translate3d(-280px, 0, 0); -ms-transform: translate3d(-280px, 0, 0); -o-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0) } } .mobile_menu_animation-over-content #wrapper.open-menu #content-container { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } @media only screen and (max-width: 40.0625em) { .mobile_menu_animation-over-content #wrapper.open-menu #content-container { -webkit-transform:translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .rtl .mobile_menu_animation-over-content #wrapper.open-menu #content-container { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } @media only screen and (max-width: 40.0625em) { .rtl .mobile_menu_animation-over-content #wrapper.open-menu #content-container { -webkit-transform:translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } #wrapper.open-menu #content-container .click-capture { width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; left: 0 } #wrapper.open-menu .header.fixed { display: none } .thb-borders { position: fixed; top: 0; left: 0; width: 100%; bottom: 0; pointer-events: none; z-index: 999; border: 0px solid #222 } @media only screen and (min-width: 40.0625em) { .thb-borders { border-width:8px } } .titlefont,h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif } h1,h2,h3,h4,h5,h6 { color: #222; text-rendering: auto; margin-top: 0 } h1 { display: block; font-size: 36px; line-height: 1.2; font-weight: 400; margin: 0 0 20px; word-break: break-word } @media only screen and (min-width: 64.0625em) { h1 { font-size:56px; word-break: normal } } h2 { font-size: 30px; line-height: 1.15; font-weight: 600; margin-bottom: 15px } h3 { font-size: 36px; margin-bottom: 15px; font-weight: 400; line-height: 1.4; width: 100%; margin: auto; } h4 { font-size: 20px; margin-bottom: 15px; font-weight: 400; line-height: 1.4 } h5 { font-size: 18px; margin-bottom: 15px; font-weight: 400 } h6 { font-size: 14px; margin-bottom: 15px; font-weight: 400 } ul,ol { margin-left: 0; list-style-position: inside; font-size: 14px; font-weight: 400 } ul ul,ul ol,ol ul,ol ol { margin: 10px 0 0 15px } ul li,ol li { margin-bottom: 10px } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 1em; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em } pre.wp-block-verse { white-space: nowrap; overflow: auto } .thb-page-transition-on { opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both } .vc_editor.compose-mode .thb-page-transition-on,.elementor-editor-active .thb-page-transition-on { opacity: 1; -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none } .animsition-loading,.animsition-loading:after { width: 32px; height: 32px; position: fixed; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; border-radius: 50%; z-index: 100 } .animsition-loading { background-color: transparent; border-top: 5px solid rgba(0,0,0,0.2); border-right: 5px solid rgba(0,0,0,0.2); border-bottom: 5px solid rgba(0,0,0,0.2); border-left: 5px solid #eee; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-name: animsition-loading; animation-name: animsition-loading } @-webkit-keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-moz-keyframes thb-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes thb-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } @-o-keyframes thb-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } @-ms-keyframes thb-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes thb-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } .thb-fade-in { -webkit-animation-name: thb-fade-in; -moz-animation-name: thb-fade-in; -ms-animation-name: thb-fade-in; -o-animation-name: thb-fade-in; animation-name: thb-fade-in } @-moz-keyframes thb-fade-out { 0% { opacity: 1 } 100% { opacity: 0 } } @-webkit-keyframes thb-fade-out { 0% { opacity: 1 } 100% { opacity: 0 } } @-o-keyframes thb-fade-out { 0% { opacity: 1 } 100% { opacity: 0 } } @-ms-keyframes thb-fade-out { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes thb-fade-out { 0% { opacity: 1 } 100% { opacity: 0 } } .thb-fade-out { -webkit-animation-name: thb-fade-out; -moz-animation-name: thb-fade-out; -ms-animation-name: thb-fade-out; -o-animation-name: thb-fade-out; animation-name: thb-fade-out } @-moz-keyframes thb-fade-up-in { 0% { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-webkit-keyframes thb-fade-up-in { 0% { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-o-keyframes thb-fade-up-in { 0% { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-ms-keyframes thb-fade-up-in { 0% { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes thb-fade-up-in { 0% { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } .thb-fade-up-in { -webkit-animation-name: thb-fade-up-in; -moz-animation-name: thb-fade-up-in; -ms-animation-name: thb-fade-up-in; -o-animation-name: thb-fade-up-in; animation-name: thb-fade-up-in } @-moz-keyframes thb-fade-up-out { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1 } 100% { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0 } } @-webkit-keyframes thb-fade-up-out { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1 } 100% { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0 } } @-o-keyframes thb-fade-up-out { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1 } 100% { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0 } } @-ms-keyframes thb-fade-up-out { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1 } 100% { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0 } } @keyframes thb-fade-up-out { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1 } 100% { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0 } } .thb-fade-up-out { -webkit-animation-name: thb-fade-up-out; -moz-animation-name: thb-fade-up-out; -ms-animation-name: thb-fade-up-out; -o-animation-name: thb-fade-up-out; animation-name: thb-fade-up-out } @-moz-keyframes thb-fade-down-in { 0% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-webkit-keyframes thb-fade-down-in { 0% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-o-keyframes thb-fade-down-in { 0% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-ms-keyframes thb-fade-down-in { 0% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes thb-fade-down-in { 0% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } .thb-fade-down-in { -webkit-animation-name: thb-fade-down-in; -moz-animation-name: thb-fade-down-in; -ms-animation-name: thb-fade-down-in; -o-animation-name: thb-fade-down-in; animation-name: thb-fade-down-in } @-moz-keyframes thb-fade-down-out { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1 } 100% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); opacity: 0 } } @-webkit-keyframes thb-fade-down-out { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1 } 100% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); opacity: 0 } } @-o-keyframes thb-fade-down-out { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1 } 100% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); opacity: 0 } } @-ms-keyframes thb-fade-down-out { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1 } 100% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); opacity: 0 } } @keyframes thb-fade-down-out { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1 } 100% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); opacity: 0 } } .thb-fade-down-out { -webkit-animation-name: thb-fade-down-out; -moz-animation-name: thb-fade-down-out; -ms-animation-name: thb-fade-down-out; -o-animation-name: thb-fade-down-out; animation-name: thb-fade-down-out } .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto } .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; bottom: 0px; position: absolute } .ps__rail-y { display: none; opacity: 0; width: 3px; right: 0; position: absolute; -webkit-transition: opacity .25s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: opacity .25s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: opacity .25s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity .25s cubic-bezier(0.165, 0.84, 0.44, 1) } .ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y { display: block; background-color: transparent } .ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y { opacity: 1 } .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; bottom: 2px; position: absolute } .ps__thumb-y { background-color: #222; border-radius: 1px; width: 3px; right: 0; position: absolute } @supports (-ms-overflow-style: none) { .ps { overflow:auto !important } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important } } .header { height: auto; position: static; top: 0; left: 0; width: 100%; z-index: 101; background: #fff; user-select: none } .header .header_top { padding: 15px; /* border-bottom: 1px solid rgba(0,0,0,0.1); */ position: relative; direction: ltr; background-size: cover; will-change: padding } @media only screen and (min-width: 40.0625em) { .header .header_top { padding:30px 15px } } .rtl .header .header_top { direction: rtl } .header .header_top>.row:before,.header .header_top>.row:after { display: none !important } .header .header_top>.row>.columns { padding: 0; min-height: 1px } @media only screen and (min-width: 40.0625em) { .header .header_top>.row>.columns { padding:0 0.9375em } } .header .logo { display: inline-flex; justify-content: center; align-items: center; min-height: 1px; will-change: height } .header .logo .logolink { display: inline-block; max-width: 100% } .header .logo .logoimg { display: block; max-height: 40px; max-width: 100% } @media only screen and (min-width: 40.0625em) { .header .logo .logoimg { max-height:70px } } .header .logo .logoimg[src$=".svg"] { max-height: 100%; height: 40px } @media only screen and (min-width: 40.0625em) { .header .logo .logoimg[src$=".svg"] { height:70px } } .header .logo #page-title { display: block; line-height: 1; margin: 0; padding: 5px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; will-change: contents } @media only screen and (min-width: 40.0625em) { .header .logo #page-title { font-size:18px } } .header .toggle-holder { display: inline-flex; justify-content: flex-start; align-items: center } .header .toggle-holder .logofixed { display: none; max-height: 40px; visibility: hidden; margin-left: 20px; will-change: opacity } @media only screen and (min-width: 64.0625em) { .header .toggle-holder .logofixed { display:inline-block } } .header .nav_holder.dark { color: #fff; border: 0 !important } .header .nav_holder.dark .full-menu-container .full-menu { border: 0 !important } .header .nav_holder.dark .full-menu-container .full-menu>li>a { color: #fff } .header .nav_holder.dark .full-menu-container .full-menu>li>a:hover { color: #ef2673 } .header .nav_holder.dark .full-menu-container .full-menu>li.active>a,.header .nav_holder.dark .full-menu-container .full-menu>li.sfHover>a { color: #222 } .header .nav_holder.dark .mobile-toggle span { background: #fff } .header .nav_holder.dark .quick_search:not(.active) .search_icon,.header .nav_holder.dark .social-header svg,.header .nav_holder.dark .quick_cart svg { fill: #fff } .header .quick_cart { position: relative; display: inline-flex; width: 30px; margin-left: 3px; height: 50px; justify-content: center; align-items: center } .header .quick_cart svg { vertical-align: middle } .header .quick_cart .float_count { position: absolute; bottom: 10px; right: 4px; display: block; width: 12px; height: 12px; line-height: 12px; text-align: center; color: #fff; font-size: 8px; font-weight: 600; background: #ef2673 } .header .social-holder { text-align: right; display: flex; justify-content: flex-end; align-items: center } .header .social-holder>div { display: inline-flex } .header .social-holder .icon-1x { display: none; font-size: 16px; padding: 0 5px; line-height: 1 } @media only screen and (min-width: 64.0625em) { .header .social-holder .icon-1x { vertical-align:middle; display: inline-block } } @media only screen and (min-width: 64.0625em) and (-ms-high-contrast: active), only screen and (min-width: 64.0625em) and (-ms-high-contrast: none) { .header .social-holder .icon-1x { line-height:40px } } .header .social-holder.style2 .quick_search { width: 30px } @media only screen and (min-width: 40.0625em) { .header .social-holder.style2 .quick_search { margin-left:10px } } .header .social-holder .social_header { position: relative; display: none; z-index: 4 } @media only screen and (min-width: 64.0625em) { .header .social-holder .social_header { display:inline-flex } } .header .social-holder .social_header>i { display: inline-flex; width: 40px; height: 40px; justify-content: center; align-items: center; cursor: pointer } .header .social-holder .social_header .social_icon { fill: #222; vertical-align: middle } .header .social-holder .social_header>div { display: inline-flex; align-items: center; opacity: 0; position: absolute; top: 0; right: 100%; height: 40px; pointer-events: none; visibility: hidden } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .header .social-holder .social_header>div { display: block; white-space: nowrap } } .header .social-holder .social_header.active>div { opacity: 1; visibility: visible; pointer-events: auto } .header .social-holder .social_header:hover .social_icon { fill: #ef2673 } .header.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 30; margin: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .35s linear; -moz-transition: all .35s linear; -o-transition: all .35s linear; transition: all .35s linear; will-change: transform } @media screen and (min-width: 783px) { .admin-bar .header.fixed { top:32px } } .header.fixed.header--slide { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } .header.fixed.header--unslide { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) } .header.fixed .logo .logoimg { max-height: 40px; margin-left: 12px; display: block; } .header.fixed .logo .logoimg[src$=".svg"] { max-height: 100%; height: 40px } .header.fixed .progress { display: block; position: absolute; bottom: -2px; left: -15px; height: 2px; width: 0; background: #ef2673; will-change: width } .header.fixed .header_top { padding: 15px } @media only screen and (min-width: 40.0625em) { .header.fixed .header_top>.row>.columns { min-height:50px } } .header.fixed .nav_holder { border-bottom: 1px solid rgba(0,0,0,0.1) } .header.fixed .full-menu-container .full-menu { border: 0 } .header.fixed.header--slide.thb-fixed-shadow-style1 { opacity: 1; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.07),0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.07),0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 3px rgba(0,0,0,0.07),0 1px 2px rgba(0,0,0,0.15) } .header.fixed.header--slide.thb-fixed-shadow-style2 { opacity: 1; -webkit-box-shadow: 0 9px 38px rgba(0,0,0,0.05),0 5px 12px rgba(0,0,0,0.1); -moz-box-shadow: 0 9px 38px rgba(0,0,0,0.05),0 5px 12px rgba(0,0,0,0.1); box-shadow: 0 9px 38px rgba(0,0,0,0.05),0 5px 12px rgba(0,0,0,0.1) } .header.fixed.header--slide.thb-fixed-shadow-style3 { opacity: 1; -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.1),0 5px 22px rgba(0,0,0,0.15); -moz-box-shadow: 0 19px 38px rgba(0,0,0,0.1),0 5px 22px rgba(0,0,0,0.15); box-shadow: 0 19px 38px rgba(0,0,0,0.1),0 5px 22px rgba(0,0,0,0.15) } .header.fixed.style5 { text-align: center } .header.fixed-style3 .logo { padding: 10px 0 } .header.style1.boxed .header_top { padding-left: 0; padding-right: 0 } .header.style1.boxed .header_top>.row>.columns { padding-left: 0; padding-right: 0 } .header.style1 .full-menu-container { border-bottom: 2px solid #000; } .header.style1 .full-menu-container .full-menu { border: 0 } .header.style1 .thb_ad_header { margin-left: 20px } .header.style2:not(.boxed) .header_top { padding: 0 10px } @media only screen and (min-width: 40.0625em) { .header.style2:not(.boxed) .header_top { padding:0 15px } } .header.style2.boxed .header_top { padding: 0 } .header.style2.boxed .header_top>.row>.columns { padding: 0 } .header.style2.boxed .full-menu-container .full-menu>li { padding: 0 10px } @media only screen and (min-width: 64.0625em) { .header.style2 .mobile-toggle.hide-for-large+.logolink { margin-left:0 } } .header.style2 .logo { display: flex; align-items: initial; justify-content: flex-start } .header.style2 .logo .mobile-toggle { align-self: center } .header.style2 .logo .logoimg { max-height: 40px; display: inline-block } .header.style2 .logo .logolink { display: none; margin: 15px 20px } @media only screen and (min-width: 40.0625em) { .header.style2 .logo .logolink { display:inline-block } } .header.style2 .logo .full-menu-container { position: static } @media only screen and (min-width: 64.0625em) { .header.style2 .logo .full-menu-container { display:none } } @media only screen and (min-width: 75.0625em) { .header.style2 .logo .full-menu-container { display:inline-flex; text-align: left } .header.style2 .logo .full-menu-container .full-menu { border: 0 } .header.style2 .logo .full-menu-container .full-menu>li>a { padding: 15px 0 } } .header.style2 .logo .full-menu-container .full-menu>li>a { height: 100% } .header.style2 .logo .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder { top: 100% } .header.style2 .logo.mobile { display: table; text-align: center } .header.style2 .logo.mobile .logolink { display: inline-block } @media only screen and (min-width: 40.0625em) { .header.style2 .logo.mobile { display:none } } .header.style2 .nav_holder { display: flex } .header.style3.boxed .header_top { padding-left: 0; padding-right: 0 } .header.style3.boxed .header_top>.row>.columns { padding: 0 } .header.style3.boxed .nav_holder>.row>.columns { padding: 0 } .header.style3.boxed .full-menu-container .full-menu>li { padding: 0 10px } .header.style3.boxed .full-menu-container .full-menu>li:first-child { padding-left: 0 } .header.style3.boxed .social-holder { padding-right: 0 } .header.style3.boxed .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder { left: 0 } .header.style3 .nav_holder { border-bottom: 1px solid rgba(0,0,0,0.1) } .header.style3 .nav_holder>.row>.columns { display: flex; justify-content: space-between } .header.style3 .logo { justify-content: space-between } .header.style3 .logolink { margin: 0 20px } .header.style3 .full-menu-container { display: inline-flex } .header.style3 .full-menu-container .full-menu { border: 0 } .header.style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder { left: -15px } .header.style3 .social-holder { display: inline-flex; padding-right: 15px } .header.style3.fixed .header_top { padding: 10px 15px } @media only screen and (min-width: 40.0625em) { .header.style3.fixed .row>.columns { height:auto } } .header.style3.fixed .progress { bottom: -1px } .header.style4.boxed .nav_holder>.row>.columns { padding: 0 } .header.style4.boxed .nav_holder.dark { padding: 0 20px } .header.style4.boxed .center-column { padding: 0 } .header.style4 .header_top { border-bottom: 2px solid #222 } @media only screen and (min-width: 40.0625em) { .header.style4 .header_top { padding-top:45px; padding-bottom: 45px } } .header.style4:not(.fixed) .nav_holder { border-bottom: 1px dotted #959595 } .header.style4 .center-column { display: flex; padding: 0 7px; justify-content: space-between } .header.style4 .full-menu-container { display: inline-flex } .header.style4 .full-menu-container .full-menu { border-color: transparent } .header.style4 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder { left: -15px } .header.style4 .social-holder { display: inline-flex } .header.style5.boxed .nav_holder>.row>.columns { padding: 0 } .header.style5.boxed .nav_holder.dark { padding: 0 20px } .header.style5.boxed .center-column { padding: 0 } @media only screen and (min-width: 40.0625em) { .header.style5:not(.fixed).header_top { padding-top:45px; padding-bottom: 45px } } .header.style5 .nav_holder.light { border: 1px solid #f0f0f0 } .header.style5 .nav_holder.dark { background: #222; color: #fff; border: 0 } .header.style5 .nav_holder.dark .full-menu-container .full-menu { border: 0 } .header.style5 .nav_holder.dark .mobile-toggle span { background: #fff } .header.style5 .nav_holder.dark .quick_search:not(.active) .search_icon,.header.style5 .nav_holder.dark .social_header svg,.header.style5 .nav_holder.dark .quick_cart svg { fill: #fff } .header.style5 .center-column { display: flex; padding: 0 7px; justify-content: space-between } .header.style5 .full-menu-container { display: inline-flex } .header.style5 .full-menu-container .full-menu { border-color: transparent } .header.style5 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder { left: -15px } .header.style5 .social-holder { display: inline-flex } .header.style6.boxed .nav_holder>.row>.columns { padding: 0 } .header.style6.boxed .nav_holder.dark { padding: 0 20px } .header.style6.boxed .center-column { padding: 0 } @media only screen and (min-width: 40.0625em) { .header.style6 .header_top { padding-top:45px; padding-bottom: 45px } } .header.style6 .nav_holder { border-bottom: 1px solid #959595 } .header.style6 .center-column { display: flex; padding: 0 7px; justify-content: space-between } .header.style6 .full-menu-container { display: inline-flex } .header.style6 .full-menu-container .full-menu { border-color: transparent } .header.style6 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder { left: -15px } @media only screen and (min-width: 75.0625em) { .header.style6 .full-menu-container .full-menu>li { padding:0 15px } } .header.style6 .full-menu-container .full-menu>li>a { height: 60px; position: relative; padding: 0 } @media only screen and (min-width: 75.0625em) { .header.style6 .full-menu-container .full-menu>li>a { padding:0 10px } } .header.style6 .full-menu-container .full-menu>li>a:before { content: '\00b7'; position: absolute; top: 50%; right: 0; color: #222; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } @media only screen and (min-width: 75.0625em) { .header.style6 .full-menu-container .full-menu>li>a:before { right:-15px } } .header.style6 .full-menu-container .full-menu>li:last-child>a:before { content: none } .header.style6 .social-holder { display: inline-flex } .header.style7 .nav_holder { padding: 5px 0; border-bottom: 1px solid rgba(0,0,0,0.1) } .header.style7 .nav_holder .mobile-toggle { margin-right: 20px } .header.style7 .nav_holder .subheader-menu { display: none; list-style: none; margin: 0; padding: 0; font-size: 13px } .header.style7 .nav_holder .subheader-menu li { display: inline-flex; margin-right: 15px } .header.style7 .nav_holder .subheader-menu li a { color: #222 } @media only screen and (min-width: 64.0625em) { .header.style7 .nav_holder .subheader-menu { display:inline-flex } } .header.style7 .header_top { padding: 0; border: 0 } .header.style7 .header_top .logo { display: flex; align-items: stretch; justify-content: center } @media only screen and (min-width: 64.0625em) { .header.style7 .header_top .logo { justify-content:space-between } } .header.style7 .header_top .logo .logolink { padding: 15px 0 } @media only screen and (min-width: 40.0625em) { .header.style7 .header_top .logo .logolink { padding:35px 0 } } .header.style7 .full-menu-container { position: static } .header.style7 .full-menu-container .full-menu { border: 0; height: 100% } .header.style7 .full-menu-container .full-menu>li { display: inline-flex; align-items: center } .header.style7 .full-menu-container .full-menu>li:last-child { padding-right: 0 } @media only screen and (min-width: 75.0625em) { .header.style7:not(.boxed) .header_top,.header.style7:not(.boxed) .nav_holder { padding-right:15px; padding-left: 15px } } .header.style7.boxed .header_top>.row,.header.style7.boxed .nav_holder>.row { margin: 0 } .header.style7.boxed .header_top>.row>.columns,.header.style7.boxed .nav_holder>.row>.columns { padding-left: 0; padding-right: 0 } .header.style8 .header_top { border: 0 } .header.style8 .logo { position: relative; justify-content: space-between } .header.style8 .logo .logolink { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .header.style8 .full-menu-container .full-menu { border: 0 } .header.style8 .style8-left-side { display: flex } .header.style9 .header_top { border: 0 } .header.style9 .logo { position: relative; justify-content: space-between } .header.style9 .logo .logolink { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .header.style9 .full-menu-container .full-menu { border: 0 } .header.style9 .style9-left-side { display: flex } .header.style10 .social-holder { text-align: left; justify-content: flex-start } .header.style10 .social-holder .social_header>div { right: auto; left: 100% } @media only screen and (min-width: 64.0625em) { .header.style10 .mobile-toggle { display:none } } .header.style10 .full-menu-container .full-menu { border: 0 } .header_holder.on { position: absolute; top: 0; left: 0; width: 100%; z-index: 20 } .header_holder.on .header { background: transparent } .header_holder.on.light-transparent-header { color: #fff } .header_holder.on.light-transparent-header .header .full-menu-container .full-menu>li>a { color: #fff } .header_holder.on.light-transparent-header .header .mobile-toggle span { background: #fff } .header_holder.on.light-transparent-header .header svg { fill: #fff } .header_holder.on.light-transparent-header .header .quick_search.active svg { fill: #222 } .header_holder.on.light-transparent-header .header .social-holder a:not(:hover) { color: #fff } .header_holder.on.light-transparent-header .header.style1 .header_top,.header_holder.on.light-transparent-header .header.style1 .full-menu-container { border-bottom-color: rgba(255,255,255,0.3) } .header_holder.on.light-transparent-header .header.style2 .header_top { border-bottom-color: rgba(255,255,255,0.3) } .header_holder.on.light-transparent-header .header.style3 .header_top,.header_holder.on.light-transparent-header .header.style3 .nav_holder { border-bottom-color: rgba(255,255,255,0.3) } .header_holder.on.light-transparent-header .header.style4 .nav_holder { border-bottom-color: rgba(255,255,255,0.3) } .header_holder.on.light-transparent-header .header.style4 .header_top { border-bottom-color: #fff } .header_holder.on.light-transparent-header .header.style7 .nav_holder { border-bottom-color: rgba(255,255,255,0.3) } .header_holder.on.light-transparent-header .header.style7 .nav_holder .subheader-menu li a { color: #fff } .thb-header-video { position: absolute; top: 0; left: 0; pointer-events: none; z-index: 0; width: 100%; height: 100% } .thb-header-video .thb-header-video-overlay { position: absolute; top: 0; left: 0; pointer-events: none; z-index: 1; width: 100%; height: 100% } .thb-header-video video { width: 100%; max-width: 100% } .header .thb-header-video+.row { position: relative } .full-menu-container { display: none; vertical-align: middle; text-align: center; position: relative } @media only screen and (min-width: 64.0625em) { .full-menu-container { display:block } } .full-menu-container.light-menu-color .full-menu>li>a { color: #fff } .full-menu-container.light-menu-color .full-menu>li>a:hover { color: #ef2673 } .full-menu-container.light-menu-color .full-menu>li.active>a,.full-menu-container.light-menu-color .full-menu>li.sfHover>a { color: #222 } .full-menu-container .full-menu { display: inline-flex; list-style: none; margin: 0; border-bottom: 1px solid rgba(0,0,0,0.1); height: auto } .full-menu-container .full-menu a { font-size: 13px; white-space: nowrap; color: #5a5a5a } .full-menu-container .full-menu .fa { margin-right: 10px; vertical-align: middle; display: inline-block } .rtl .full-menu-container .full-menu .fa { margin-right: 0; margin-left: 10px } .full-menu-container .full-menu li { margin-bottom: 0 } .full-menu-container .full-menu li.menu-item-has-children>a:after { display: inline-block; content: "\f107"; font-family: FontAwesome; margin-left: 7px; vertical-align: middle; font-size: 12px; position: relative; font-weight: 400 } .rtl .full-menu-container .full-menu li.menu-item-has-children>a:after { margin-left: 0; margin-right: 7px } .full-menu-container .full-menu li.menu-item-has-children .sub-menu li.menu-item-has-children>a { display: flex; justify-content: space-between } .full-menu-container .full-menu li.menu-item-has-children .sub-menu li.menu-item-has-children>a:after { content: "\f105" } .rtl .full-menu-container .full-menu li.menu-item-has-children .sub-menu li.menu-item-has-children>a:after { content: "\f104" } .full-menu-container .full-menu>li { display: block; margin: 0; padding: 0 8px } @media only screen and (min-width: 40.0625em) { .full-menu-container .full-menu>li { display:inline-block } } @media only screen and (min-width: 64.0625em) { .full-menu-container .full-menu>li { padding:0 12px } } @media only screen and (min-width: 75.0625em) { .full-menu-container .full-menu>li { padding:0 15px } } .full-menu-container .full-menu>li.active>a,.full-menu-container .full-menu>li.sfHover>a { color: #ef2673 } .full-menu-container .full-menu>li.active>a:after,.full-menu-container .full-menu>li.sfHover>a:after { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } .style1 .full-menu-container .full-menu>li:first-child { padding-left: 0 } .full-menu-container .full-menu>li>a { display: flex; align-items: center; height: 50px; line-height: 1; font-weight: 600; color: #222; text-transform: uppercase; font-size: 13px } .full-menu-container .full-menu>li>a:hover { color: #ef2673 } .full-menu-container .full-menu>li.menu-item-has-children { position: relative } .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent { position: static } .header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent,.header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent { position: relative } .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder { display: none; position: absolute; top: calc(100% - 1px); left: 0; width: 100%; background: #fff; padding: 30px 0 25px; z-index: 20; opacity: 0; will-change: opacity; -webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.15); -moz-box-shadow: 0 2px 14px rgba(0,0,0,0.15); box-shadow: 0 2px 14px rgba(0,0,0,0.15) } .header_submenu_color-dark.header-submenu-style1 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder,.header_submenu_color-dark.header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder,.header_submenu_color-dark.header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder { background: #222 } .header_submenu_color-dark.header-submenu-style1 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .post .post-title a,.header_submenu_color-dark.header-submenu-style1 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .post .post-title h6,.header_submenu_color-dark.header-submenu-style1 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li.active a,.header_submenu_color-dark.header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .post .post-title a,.header_submenu_color-dark.header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .post .post-title h6,.header_submenu_color-dark.header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li.active a,.header_submenu_color-dark.header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .post .post-title a,.header_submenu_color-dark.header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .post .post-title h6,.header_submenu_color-dark.header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li.active a { color: #fff } .header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder { background: #fff; padding: 0; left: 50%; width: 1200px; max-width: 100vw; border: 1px solid #000; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.15); -moz-box-shadow: 0 2px 14px rgba(0,0,0,0.15); box-shadow: 0 2px 14px rgba(0,0,0,0.15) } .header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row { padding: 0; margin: 0 } .header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row .columns { padding: 0 } .header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li { padding: 0; margin: 0 } .header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li a { height: 42px; display: flex; padding: 0 25px; margin: 0; align-items: center; font-size: 10px; font-weight: 600; text-transform: uppercase; color: #000 } .header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li a:hover { background: rgba(239,38,115,0.2) } .header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li.active a { background: rgba(239,38,115,0.2); color: #000 } .header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children .product { border-left: 1px solid rgba(0,0,0,0.1); text-align: left; margin: 0 } .header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children .product .product-image { margin: 0 !important } .header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children .product .post-title { padding: 30px } .header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children .product .post-title h6 { font-size: 16px; line-height: 22px } .header_submenu_color-dark.header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children .product { border-left-color: rgba(255,255,255,0.1) } .header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder { background: #fff; border-top: 2px solid #ef2673; padding: 0; width: 630px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.15); -moz-box-shadow: 0 2px 14px rgba(0,0,0,0.15); box-shadow: 0 2px 14px rgba(0,0,0,0.15) } .header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row { padding: 0; margin: 0 } .header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row .small-12.columns { padding: 0; display: flex } .header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row .small-12.columns .post.listing { margin-bottom: 20px } .header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row .small-12.columns .post.listing.product { display: flex; text-align: left } .header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row .small-12.columns .post.listing.product .star-rating,.header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row .small-12.columns .post.listing.product .comment-form-rating .stars,.comment-form-rating .header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .row .small-12.columns .post.listing.product .stars { display: none } .header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu { padding: 30px 35px; flex-shrink: 0; border-right: 1px solid rgba(0,0,0,0.1) } .header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li { border-bottom: 0 } .header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li a { text-transform: uppercase; font-weight: 600; font-size: 12px } .header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children { margin: 0; padding: 30px 35px 15px 35px } .header_submenu_color-dark.header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu { border-right-color: rgba(255,255,255,0.1) } .header-submenu-style1 .boxed .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder { padding: 30px 15px 25px } .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder>.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 75em } .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu { float: left; width: 230px; text-align: left } .rtl .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu { float: right; text-align: right } .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li { display: block } .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li>a { color: #222; display: block; margin-bottom: 15px; font-size: 14px; font-weight: 600; line-height: 1; text-transform: none } .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li>a .fa { color: #c7c7c7; position: relative; top: -1px } .header_submenu_color-dark .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li>a { color: #fff } .header_submenu_color-dark .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li>a .fa { color: rgba(255,255,255,0.6) } .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li.active a,.full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li.active a .fa { color: #ef2673 } .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children { margin-left: 230px } .rtl .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children { margin-left: 0; margin-right: 230px } .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children>div { display: none; float: left; text-align: left; min-width: 100% } .rtl .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children>div { float: right; text-align: right } .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children>div:first-child { display: flex } .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children>div a { white-space: normal } .full-menu-container .full-menu>li.menu-item-has-children.menu-item-mega-parent .thb_mega_menu_holder .category-children>div .post .post-gallery { margin-bottom: 15px } .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) { display: none; position: absolute; top: calc(100% - 1px); left: -12px; background: #fff; padding: 30px; margin: 0; list-style: none; z-index: 20; text-align: left; -webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.15); -moz-box-shadow: 0 2px 14px rgba(0,0,0,0.15); box-shadow: 0 2px 14px rgba(0,0,0,0.15) } .header_submenu_color-dark.header-submenu-style1 .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu),.header_submenu_color-dark.header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu),.header_submenu_color-dark.header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) { background: #222 } .header_submenu_color-dark.header-submenu-style1 .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) a,.header_submenu_color-dark.header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) a,.header_submenu_color-dark.header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) a { color: #fff } .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li { padding: 5px 0; border-bottom: 1px solid rgba(0,0,0,0.05); min-width: 160px } .header_submenu_color-dark.header-submenu-style1 .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li { border-color: rgba(255,255,255,0.1) } .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li:first-child { padding-top: 0 } .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li:last-child { padding-bottom: 0; border-bottom: 0 } .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li a { font-weight: 500; font-size: 13px; color: #464646 } .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) .menu-item-has-children { position: relative } .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) .sub-menu { top: -30px; left: 100% } .rtl .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) .sub-menu { left: auto; right: 100% } .header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) { border: 1px solid #000; padding: 0; background: #fff } .header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li { padding: 0; margin: 0; border: 0 } .header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li a { height: 42px; display: flex; padding: 0 25px; align-items: center; font-size: 10px; font-weight: 600; text-transform: uppercase; color: #000 } .header-submenu-style3 .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li a:hover { background: rgba(239,38,115,0.2) } .header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) { background: #fff; border-top: 2px solid #ef2673; padding: 30px 35px; left: -18px; -webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.15); -moz-box-shadow: 0 2px 14px rgba(0,0,0,0.15); box-shadow: 0 2px 14px rgba(0,0,0,0.15) } @media only screen and (min-width: 40.0625em) { .header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) { left:-14px } } .header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li { border-bottom: 0; min-width: 0 } .header-submenu-style2 .full-menu-container .full-menu>li.menu-item-has-children .sub-menu:not(.thb_mega_menu) li a { text-transform: uppercase; font-weight: 600; font-size: 12px } .quick_search { display: inline-flex; width: 30px; height: 50px; font-size: 26px; justify-content: center; align-items: center; position: relative; z-index: 5 } .quick_search .search_icon { z-index: 20; position: relative; cursor: pointer; top: 0; vertical-align: middle } .quick_search .search_icon path { pointer-events: none } .quick_search.active .searchform { visibility: visible; opacity: 1; width: 290px } .quick_search .searchform { position: absolute; top: 50%; right: -10px; z-index: 10; display: block; visibility: hidden; background: #f8f8f8; height: 42px; padding: 5px 40px 5px 5px; width: 0; opacity: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } @media only screen and (min-width: 40.0625em) { .quick_search .searchform { right:-10px } } .rtl .quick_search .searchform { right: auto; left: -10px; padding: 5px 5px 5px 40px } .quick_search .searchform input[type="text"] { margin: 0; height: 35px; line-height: 35px; float: left; padding: 0 10px; width: 100%; background: transparent; color: #222; border: 0 } .quick_search .searchform input[type="text"]:-moz-placeholder { color: #222 } .quick_search .searchform input[type="text"]::-moz-placeholder { color: #222 } .quick_search .searchform input[type="text"]:-ms-input-placeholder { color: #222 } .quick_search .searchform input[type="text"]::-webkit-input-placeholder { color: #222 } .quick_search .searchform input[type="text"]:focus { background: transparent; border: 0 } .quick_search .searchform input[type="submit"] { display: none } .thb_ad_header p:last-of-type { margin: 0 } .thb_ad_before_header { padding: 0; background: #f8f8f8; text-align: center } @media only screen and (min-width: 40.0625em) { .thb_ad_before_header { padding:0 } } .thb_ad_before_header>*:last-child { margin-bottom: 0 } .post .thb-post-top { display: flex; flex-wrap: wrap; line-height: 1; align-items: center; margin-bottom: 15px } .post .thb-post-top .post-date { display: inline-flex; align-items: center; font-size: 11px; color: #767676; font-weight: 400; text-transform: uppercase; white-space: nowrap } .post .thb-post-top .post-meta { display: inline-flex; position: relative; text-transform: uppercase; font-size: 11px; font-weight: 600; flex-wrap: wrap } .post .thb-post-top .post-meta a { font-weight: 600; white-space: nowrap } .post .thb-post-top .post-meta+.post-date:before { content: ''; height: 1px; background: rgba(0,0,0,0.2); width: 10px; margin: 0 5px; display: inline-block; vertical-align: middle; position: relative; top: -1px } @media only screen and (min-width: 40.0625em) { .post .thb-post-top .post-meta+.post-date:before { margin:0 10px; width: 21px } } .post .thb-post-top .post-meta.style2 { line-height: 16px } .post .thb-post-top .post-meta.style2 a { display: inline-block; background: #f5f5f5; color: #222; font-weight: 500; padding: 0 3px; line-height: 16px; text-transform: uppercase } #footer.dark .post .thb-post-top .post-meta.style2 a { color: #222 } .post .thb-post-top .post-meta.style2 i { display: none } .post .thb-post-top .post-meta.style2+.post-date { background: #f5f5f5; color: #4d4d4d; font-weight: 500; line-height: 16px; padding: 0 4px; text-transform: uppercase; margin-left: 3px } .post .thb-post-top .post-meta.style2+.post-date:before { display: none } .post .post-author { font-size: 11px; color: #767676; font-weight: 400; text-transform: uppercase } .post .post-author em { font-style: normal; text-transform: none } .post .video-container { margin: 0 0 45px } .post .video-container .wp-video { width: 100% !important } .post .post-gallery { display: block; position: relative; margin-bottom: 25px; padding: 0; overflow: hidden; background: #fff } .post .post-gallery img { min-width: 100% } .post .post-gallery>a { display: block; will-change: opacity } .post .post-gallery>a:hover { opacity: 0.8 } .post .post-gallery.has-parallax { height: 0; padding-bottom: 70% } .post .post-gallery.has-parallax .parallax_bg { position: absolute; z-index: 0; top: -5%; left: -5%; width: 110%; height: 110% } .post .post-gallery .thb-post-icon { position: absolute; top: 20px; right: 20px; z-index: 99; background: rgba(0,0,0,0.8); pointer-events: none; display: flex; justify-content: center; align-items: center; text-align: center; width: 42px; height: 42px; border-radius: 3px; padding: 8px; color: #fff; font-size: 11px; font-weight: 600 } .post .post-gallery .thb-post-icon svg { display: block; fill: #fff; width: 26px; height: auto } .post .post-gallery .thb-post-icon svg.thb-video-icon { width: 14px; margin-left: 2px } .post .post-gallery .thb-post-icon .gallery_count { position: absolute; display: block; width: 22px; height: 16px; line-height: 16px; text-align: center; left: 12px; top: 14px } .post .post-gallery .thb-post-icon .review_count { font-size: 16px } .post .post-content { float: none; position: relative } .post .post-content del { color: #222 } .post .post-content .plyr--video,.post .post-content .wp-video { margin-bottom: 20px } .post .post-content h1,.post .post-content h2,.post .post-content h3,.post .post-content h4 { margin-bottom: 30px; font-weight: 400 } .post .post-content h5,.post .post-content h6 { margin-bottom: 20px; font-weight: 600 } .post .post-content p { margin-bottom: 25px; line-height: 1.6 } .post .post-content p:last-child { margin: 0 } .attachment-page .post .post-content { margin-bottom: 30px } .post .post-content.small p { font-size: 14px; margin-bottom: 20px } .post .post-title a { color: #222 } .post .post-title a:hover { color: #222 } .post .post-title h1 a:hover,.post .post-title h2 a:hover,.post .post-title h3 a:hover,.post .post-title h4 a:hover,.post .post-title h5 a:hover,.post .post-title h6 a:hover { color: #222; text-decoration: underline } .post .featured-title { position: absolute; top: 50%; left: 50%; margin: 0 auto; text-align: center } .post.sticky .post-title a { text-decoration: underline } .post.center-category .thb-post-top,.post.text-center .thb-post-top { justify-content: center; text-align: center } .post.post-slider:not(.featured-style10) .post-gallery.has-parallax { padding-bottom: 55% } .post.post-slider:not(.featured-style10).featured-style3 .post-gallery.has-parallax { padding-bottom: 62% } .post.offset-title { position: relative } .post.offset-title .offset-title-container { display: block; background: #fff; bottom: 0; left: 0; right: 10%; padding: 15px 20px 0 0; position: static } .post.offset-title .offset-title-container .post-title h5 { margin-bottom: 0 !important } @media only screen and (min-width: 40.0625em) { .post.offset-title .offset-title-container { position:absolute } } .post.light-title .post-meta.style1 a { color: #fff !important } .post.light-title .thb-post-top .post-meta+.post-date:before { background: rgba(255,255,255,0.6) } .post.light-title .post-title,.post.light-title .post-date,.post.light-title .post-content,.post.light-title .post-author { color: #fff } .post.light-title .post-title a,.post.light-title .post-title a:hover,.post.light-title .post-title em,.post.light-title .post-date a,.post.light-title .post-date a:hover,.post.light-title .post-date em,.post.light-title .post-content a,.post.light-title .post-content a:hover,.post.light-title .post-content em,.post.light-title .post-author a,.post.light-title .post-author a:hover,.post.light-title .post-author em { color: #fff } .post.light-title h1,.post.light-title h2,.post.light-title h3,.post.light-title h4,.post.light-title h5,.post.light-title h6 { color: #fff } .post.light-title .post-title h1,.post.light-title .post-title h2,.post.light-title .post-title h3,.post.light-title .post-title h4,.post.light-title .post-title h5,.post.light-title .post-title h6 { font-weight: 600 } .post.light-title .post-title h1 a:hover,.post.light-title .post-title h2 a:hover,.post.light-title .post-title h3 a:hover,.post.light-title .post-title h4 a:hover,.post.light-title .post-title h5 a:hover,.post.light-title .post-title h6 a:hover { text-decoration: none } .post.light-title .post-links .post-link svg { fill: #fff } .post.light-title .post-links span { color: #fff } .post.light-title .post-style2-links a,.post.light-title .post-style2-links span { color: #fff } .post.light-title .post-style2-links svg { fill: #fff } .post.cover-image { position: relative } @media only screen and (min-width: 40.0625em) { .post.cover-image { height:0; padding-bottom: 80% } } .post.cover-image .thb-placeholder { position: static; top: 0; left: 0; width: 100%; z-index: 0; height: 300px; overflow: hidden } @media only screen and (min-width: 40.0625em) { .post.cover-image .thb-placeholder { position:absolute; height: 100% } } .post.cover-image .thb-placeholder .wp-post-image { height: 100%; object-fit: cover } .post.featured-style1 .post-gallery { margin-bottom: 0 } .post.featured-style1 .featured-title { background: #fff; padding: 15px; width: 100%; position: static } @media only screen and (min-width: 40.0625em) { .post.featured-style1 .featured-title { position:absolute; width: 70%; padding: 20px; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } } @media only screen and (min-width: 64.0625em) { .post.featured-style1 .featured-title { width:50%; padding: 30px } } @media only screen and (min-width: 75.0625em) { .post.featured-style1 .featured-title { width:40%; padding: 40px } } .post.featured-style1 .featured-title .post-title h3 { font-size: 30px; font-weight: 400 } .post.featured-style1 .featured-title .post-date { font-size: 12px; margin-bottom: 0 } .post.featured-style5 .featured-title { background: rgba(255,255,255,0.95); padding: 15px; width: 100%; position: static } @media only screen and (min-width: 40.0625em) { .post.featured-style5 .featured-title { position:absolute; width: 70%; padding: 20px; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } } @media only screen and (min-width: 64.0625em) { .post.featured-style5 .featured-title { width:60%; padding: 30px } } @media only screen and (min-width: 64.0625em) { .post.featured-style5 .featured-title { width:50%; padding: 40px } } @media only screen and (min-width: 64.0625em) { .post.featured-style5 .featured-title { width:40%; padding: 50px } } .post.featured-style5 .featured-title .post-title h3 { font-size: 30px; font-weight: 400; text-transform: uppercase } .post.featured-style5 .featured-title .post-date { font-size: 12px; margin-bottom: 0 } .post.featured-style5 .post-links { margin-top: 10px } .post.featured-style5 .post-title h5 { font-size: 15px; line-height: 20px; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; } .post.featured-style2 .post-gallery { margin-bottom: 0 } .post.featured-style2 .featured-title { top: auto; bottom: 0; left: 0; right: 0; background: #fff; padding: 20px; text-align: left; border: 1px solid #e5e5e5; position: relative } @media only screen and (min-width: 40.0625em) { .post.featured-style2 .featured-title { position:absolute; padding: 25px } } @media only screen and (min-width: 64.0625em) { .post.featured-style2 .featured-title { padding:30px } } .post.featured-style2 .featured-title .post-title h3 { font-size: 30px; font-weight: 400 } .post.featured-style2 .featured-title .post-date { font-size: 12px; margin-bottom: 0 } .post.featured-style3 .post-gallery { margin-bottom: 0 } .post.featured-style3 .featured-title { top: auto; bottom: 30px; left: 30px; right: 30px; background: rgba(255,255,255,0.9); padding: 20px 20px 35px; position: static } @media only screen and (min-width: 40.0625em) { .post.featured-style3 .featured-title { position:absolute; padding: 25px 25px 40px } } @media only screen and (min-width: 40.0625em) { .post.featured-style3 .featured-title { padding:30px 30px 45px } } .post.featured-style3 .featured-title .post-title h3 { font-size: 30px; font-weight: 400 } .post.featured-style3 .featured-title .post-date { font-size: 12px; margin-bottom: 0 } .post.featured-style4 .featured-title { position: static; top: auto; bottom: auto; left: 0; right: 0; background: #ef2673; padding: 15px 15px 5px 15px; text-align: left; min-height: 120px } @media only screen and (min-width: 40.0625em) { .post.featured-style4 .featured-title { padding:20px 20px 10px 20px; min-height: 0; bottom: 0; position: absolute; background: rgba(0,0,0,0.4) } } @media only screen and (min-width: 64.0625em) { .post.featured-style4 .featured-title { padding:28px 28px 18px 28px } } .post.featured-style4 .featured-title .post-meta { -webkit-text-size-adjust: 100% } .post.featured-style4 .featured-title .post-title h3 { font-size: 20px; -webkit-text-size-adjust: 100% } .post.featured-style4 .featured-title .post-content { display: none; overflow: hidden; max-height: 0 } @media only screen and (min-width: 40.0625em) { .post.featured-style4 .featured-title .post-content { display:block } } .post.featured-style4 .featured-title .post-content p { font-size: 14px; line-height: 18px } .post.featured-style4 .featured-title .post-content .more { display: block; color: #fff; font-weight: 600; font-size: 12px; margin: 10px 0; text-transform: uppercase } .post.featured-style4 .featured-title .post-date { margin-bottom: 0 } .post.featured-style4:hover .featured-title { background: #ef2673 } .post.featured-style4:hover .featured-title .post-content,.post.featured-style4:hover .featured-title .more { max-height: 0 } @media only screen and (min-width: 40.0625em) { .post.featured-style4:hover .featured-title .post-content,.post.featured-style4:hover .featured-title .more { max-height:100px } } .post.featured-style8 { position: relative; width: 100% } .post.featured-style8 .featured-title { width: 75%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .post.featured-style8 .post-gallery { opacity: 1; margin: 0; background: #000; height: 100% } .post.featured-style8 .post-gallery .parallax_bg { opacity: 0.8 } .post.featured-style8 .post-gallery img { object-fit: cover; height: 100%; opacity: 0.8 } .post.featured-style8 .post-meta a { color: #fff } .post.featured-style8 .post-meta a:hover { color: #fff } @media only screen and (min-width: 75.0625em) { .post.featured-style8 .post-title { margin:20px 0 } } @media only screen and (min-width: 64.0625em) { .post.featured-style8 .post-title h3 { font-size:40px } } @media only screen and (min-width: 75.0625em) { .post.featured-style8 .post-title h3 { font-size:60px } } .post.featured-style8 .post-title a { text-transform: uppercase; color: #fff } .post.featured-style8 .post-date { color: #fff; margin: 0 } .post.featured-style8 .post-date a,.post.featured-style8 .post-date em { color: #fff } .post.featured-style9 { padding-bottom: 15px } .post.featured-style9 .featured-title { position: static; width: 100% } @media only screen and (min-width: 40.0625em) { .post.featured-style9.offset .post-gallery { margin-bottom:80px } } .post.featured-style9.offset .featured-title { background: #fff } @media only screen and (min-width: 40.0625em) { .post.featured-style9.offset .featured-title { position:absolute; bottom: 0px; top: auto; width: auto; left: 10%; right: 10%; padding: 4.5%; border: 1px solid black; /* Add this line to include a border */ max-height: 40%; } } .post.featured-style10 { position: relative } .post.featured-style10 .post-date { margin-bottom: 15px } @media only screen and (min-width: 40.0625em) { .post.featured-style10 .post-gallery { margin-bottom:0px } } .post.featured-style10 .post-gallery:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border: 0; margin: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0.8; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); background-image: -owg-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.7)); background-image: -webkit-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.7)); background-image: -moz-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.7)); background-image: -o-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.7)); background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.7)); background-size: auto } .post.featured-style10 .featured-title { position: static; text-align: left } @media only screen and (min-width: 40.0625em) { .post.featured-style10 .featured-title { position:absolute; top: auto; bottom: 40px; left: 40px; z-index: 10; color: #fff; max-width: 70% } } @media only screen and (min-width: 64.0625em) { .post.featured-style10 .featured-title .post-title h3 { font-size:30px } } .post.featured-style11 { width: 100%; height: 100vh; position: relative; display: flex; align-items: center; overflow: hidden; background: #222 } @media only screen and (min-width: 40.0625em) { .post.featured-style11 { height:90vh } } @media only screen and (min-width: 90.0625em) { .post.featured-style11 { height:80vh } } .post.featured-style11.slick-slide { display: flex } .post.featured-style11 .parallax_bg { position: absolute; z-index: 0; top: -10%; left: -10%; width: 120%; height: 120%; opacity: 0.6 } .post.featured-style11 .featured-title { position: relative; left: auto; top: auto; z-index: 2; width: 100% } @media only screen and (min-width: 75.0625em) { .post.featured-style11 .featured-title .post-title h1 { font-size:60px } } .post.featured-style11 .post-date { margin: 0 } .post.featured-style12 { width: 100%; height: 70vh; position: relative; display: flex; align-items: center; overflow: hidden; background: #222 } .post.featured-style12 .parallax_bg { position: absolute; z-index: 0; top: -10%; left: -10%; width: 120%; height: 120%; opacity: 0.6; user-select: none; pointer-events: none } .post.featured-style12 .featured-title { position: static; width: 100%; z-index: 2; text-align: left; padding: 30px; backface-visibility: hidden } .full-width-row .post.featured-style12 .featured-title { padding: 0 } .post.featured-style12 .featured-title .post-meta.style1 { margin-bottom: 10px } .post.featured-style12 .featured-title .post-meta.style1 a { color: #fff } @media only screen and (min-width: 40.0625em) { .post.featured-style12 .featured-title .post-title h1 { font-size:44px } } .post.featured-style12 .featured-title .post-date { margin-bottom: 0 } .post.featured-style12 .featured-title .btn { margin-top: 40px } .post.featured-style13 { width: 100%; height: 100vh; position: relative; display: flex; align-items: center; overflow: hidden; background: #222 } @media only screen and (min-width: 40.0625em) { .post.featured-style13 { height:90vh } } @media only screen and (min-width: 90.0625em) { .post.featured-style13 { height:80vh } } .post.featured-style13.slick-slide { display: flex } .post.featured-style13 .parallax_bg { position: absolute; z-index: 0; top: -10%; left: -10%; width: 120%; height: 120%; opacity: 0.6 } .post.featured-style13 .featured-title { position: relative; left: auto; top: auto; z-index: 2; width: 100%; text-align: left } .rtl .post.featured-style13 .featured-title { text-align: right } @media only screen and (min-width: 75.0625em) { .post.featured-style13 .featured-title .post-title h1 { font-size:40px } } .post.featured-style13 .post-date { margin: 0 } .post.featured-style14 { background: #131313; width: 100% } .post.featured-style14>.row { height: 100% } .post.featured-style14 .image-side { position: relative; min-height: 50vh } @media only screen and (min-width: 40.0625em) { .post.featured-style14 .image-side { min-height:70vh } } .post.featured-style14 .image-side .post-gallery { margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .post.featured-style14 .image-side .post-gallery img { height: 100%; width: 100%; object-fit: cover } .post.featured-style14 .featured-title { padding: 15px; display: flex; flex-direction: column; position: static; text-align: left; margin-bottom: 80px } @media only screen and (min-width: 40.0625em) { .post.featured-style14 .featured-title { padding:10% } } .post.featured-style14 .featured-title .post-title h1 { font-size: 30px } @media only screen and (min-width: 40.0625em) { .post.featured-style14 .featured-title .post-title h1 { font-size:40px } } @media only screen and (min-width: 90.0625em) { .post.featured-style14 .featured-title .post-title h1 { font-size:50px } } @media only screen and (min-width: 40.0625em) { .post.category-widget-slider { padding-bottom:120% } } .post.category-widget-slider .featured-title { display: flex; flex-direction: column; justify-content: center; position: static; top: 0; bottom: 0; left: 0; right: 0; background: #ef2673; padding: 20px 20px 10px 20px; text-align: left; min-height: 120px; background: #222 } @media only screen and (min-width: 40.0625em) { .post.category-widget-slider .featured-title { position:absolute; justify-content: flex-end; background: rgba(0,0,0,0.4) } } @media only screen and (min-width: 64.0625em) { .post.category-widget-slider .featured-title { padding:28px 28px 18px 28px } } .post.category-widget-slider .featured-title .post-meta { color: #fff; -webkit-text-size-adjust: 100% } .post.category-widget-slider .featured-title .post-meta.style1 a { color: #fff } .post.category-widget-slider .featured-title .post-title h3 { font-size: 30px; line-height: 1; font-weight: 600; margin: 0 0 10px; -webkit-text-size-adjust: 100% } .post.category-widget-slider .featured-title .post-title h3 a { color: #fff } .post.category-widget-slider .featured-title .post-title h4 { font-weight: 500; -webkit-text-size-adjust: 100% } .post.category-widget-slider .featured-title .post-title h4 a { color: #fff } .post.category-widget-slider .featured-title .post-content { display: none; overflow: hidden; max-height: 0 } @media only screen and (min-width: 40.0625em) { .post.category-widget-slider .featured-title .post-content { display:block } } .post.category-widget-slider .featured-title .post-content p { font-size: 14px; color: #fff; line-height: 18px } .post.category-widget-slider .featured-title .post-content .more { display: block; color: #fff; font-weight: 600; font-size: 12px; margin: 10px 0; text-transform: uppercase } .post.category-widget-slider .featured-title .post-date { font-size: 12px; margin-bottom: 0 } .post.category-widget-slider .featured-title .post-links span { color: #fff } .post.category-widget-slider .featured-title .post-links svg { fill: #fff } .post.category-widget-slider:hover .featured-title .post-content,.post.category-widget-slider:hover .featured-title .more { max-height: 0 } @media only screen and (min-width: 40.0625em) { .post.category-widget-slider:hover .featured-title .post-content,.post.category-widget-slider:hover .featured-title .more { max-height:100px } } @media only screen and (min-width: 40.0625em) { .post.category-widget-slider:hover .featured-title { background:rgba(0,0,0,0.8) } } .post.carousel-style8 { border-left: 1px solid #efefef; border-bottom: 1px solid #efefef; height: 100% } .post.carousel-style8 .thb-placeholder { height: 0; padding-bottom: 80%; position: relative; will-change: opacity } .post.carousel-style8 .thb-placeholder>a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .post.carousel-style8 .thb-placeholder .wp-post-image { height: 100%; object-fit: cover } .post.carousel-style8:hover .thb-placeholder { opacity: 0.8 } .post.carousel-style8 .featured-title { position: static; padding: 15px } @media only screen and (min-width: 40.0625em) { .post.carousel-style8 .featured-title { padding:30px } } @media only screen and (min-width: 64.0625em) { .post.carousel-style8 .featured-title { padding:40px } } .post.carousel-style8 .featured-title .post-date { margin-bottom: 0 } .post.carousel-style8 .featured-title .post-title h3 { font-weight: 500 } .post.carousel-style12 { height: 100% } .post.carousel-style12 .thb-placeholder { height: 0; padding-bottom: 80%; position: relative; will-change: opacity } .post.carousel-style12 .thb-placeholder>a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .post.carousel-style12 .thb-placeholder .wp-post-image { height: 100%; object-fit: cover } .post.carousel-style12:hover { background: rgba(239,38,115,0.2) } .post.carousel-style12 .featured-title { position: static; padding: 15px; border-left: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1) } @media only screen and (min-width: 40.0625em) { .post.carousel-style12 .featured-title { padding:30px } } @media only screen and (min-width: 64.0625em) { .post.carousel-style12 .featured-title { padding:40px } } .post.carousel-style12 .featured-title .post-date { margin-bottom: 0 } .post.carousel-style12 .featured-title .post-title h3 { font-size: 24px; font-weight: 500 } .post.featured-style-carousel { display: flex !important; padding-right: 30px } .post.featured-style-carousel .post-title { display: flex; flex: 1 } .post.featured-style-carousel .post-title h6 { font-size: 12px; text-transform: none; display: flex; align-items: center; margin: 0 } .post.featured-style-carousel .post-gallery { background: none; margin-right: 18px; margin-bottom: 0; display: flex; width: 70px; align-items: center } .post.featured-style-carousel .post-gallery>a { height: 100% } .post.featured-style-carousel .post-gallery>a .wp-post-image { width: 100%; height: 100%; object-fit: cover } .post.post-carousel-style10 .post-gallery { margin-bottom: 25px; background: transparent } .post.post-carousel-style10 .post-gallery img { border-radius: 100% } .post.post-carousel-style10 .post-title h6 { font-weight: 600; font-size: 13px } .post.post-carousel-style11 { display: flex; flex-direction: column; border-radius: 3px; background: #fff; margin: 20px 0; -webkit-box-shadow: 0 3px 24px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 24px rgba(0,0,0,0.1); box-shadow: 0 3px 24px rgba(0,0,0,0.1) } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .post.post-carousel-style11 { width: 100% } } .masonry .post.post-carousel-style11 { margin-bottom: 40px; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); will-change: transform, opacity } .post.post-carousel-style11 .post-gallery { border-radius: 3px 3px 0 0; margin-bottom: 0; position: relative } .post.post-carousel-style11 .post-gallery .post-meta { position: absolute; top: 20px; left: 20px; z-index: 20 } .post.post-carousel-style11 .style11-content { padding: 15px; display: flex; flex: 1; flex-direction: column; justify-content: space-between } @media only screen and (min-width: 40.0625em) { .post.post-carousel-style11 .style11-content { padding:30px } } .post.post-carousel-style11 .style11-content .post-date { margin-bottom: 0 } .post.post-carousel-style11 .post-title h5 { font-weight: 600 } .post.post-carousel-style11 .post-meta.style2 a { background: rgba(0,0,0,0.25); color: #fff; height: 30px; display: inline-flex; align-items: center; text-transform: uppercase; padding: 0 13px; font-weight: 600; font-size: 10px; border-radius: 3px } .post.featured-style7 .post-gallery { margin-bottom: 25px } .post.featured-style7 .post-title h4 { margin-bottom: 10px; font-weight: 400; font-size: 16px; line-height: 1.4 } .post-carousel-style9 .post.featured-style7 { text-align: left } .post-carousel-style9 .post.featured-style7 .post-date { display: none } .post.mega-menu-post .post-title h6 { line-height: 20px } .header-submenu-style3 .post.mega-menu-post:not(.related-post) { border-left: 1px solid rgba(0,0,0,0.1); height: 100% } .header-submenu-style3 .post.mega-menu-post:not(.related-post) .post-gallery { margin: 0 !important } .header-submenu-style3 .post.mega-menu-post:not(.related-post) .post-title { padding: 30px } .header-submenu-style3 .post.mega-menu-post:not(.related-post) .post-title h6 { font-size: 16px; line-height: 22px } .header_submenu_color-dark.header-submenu-style3 .post.mega-menu-post:not(.related-post) { border-left-color: rgba(255,255,255,0.1) } .post.blog-list { margin-bottom: 30px; text-align: center } .post.blog-list .post-gallery { margin-bottom: 25px } .post.blog-list .post-meta { margin-bottom: 5px } .post.blog-list .post-date { font-size: 11px; margin: 0 0 15px } .post.blog-list .post-content p { font-size: 14px; line-height: 20px } .post.blog-featured .post-meta { margin-bottom: 10px } .post.blog-featured .post-title h2 { font-size: 40px; line-height: 44px } .post.style1 { padding-bottom: 29px; border-bottom: 1px solid #eaeaea; margin-bottom: 30px } .post.style1 .post-title h3 { font-weight: 400 } .post.style1 .post-gallery { margin-bottom: 25px } @media only screen and (min-width: 40.0625em) { .post.style1 .post-gallery { margin-bottom:0 } } .post.style1:last-of-type { border: 0; margin: 0; padding: 0 } .post.style1.style1-bg { border: 0; padding-bottom: 0; margin-bottom: 30px; background: #fef6f4 } .post.style1.style1-bg .thb-post-style1-content { padding: 20px 10px } @media only screen and (min-width: 40.0625em) { .post.style1.style1-bg .thb-post-style1-content { padding:40px 25px } } .post.style1.style1-bg .post-gallery { background: transparent } .post.style2 .post-meta { display: inline-block } .post.style2 .post-title h3 { font-weight: 400 } .post.style3 { margin-bottom: 30px } .post.style3.offset-title .post-gallery { margin-bottom: 0 } .post.style3.offset-title .offset-title-container { bottom: -40px } .post.style3.offset-title .thb-post-top { display: none } .post.style3 .post-title h3 { font-size: 34px; font-weight: 400 } .post.style3 .post-title h5 { font-size: 15px; font-weight: 600 } .catelement-style3-alt .post.style3 h3 { font-size: 18px; line-height: 1.4 } .catelement-style3-alt .post.style3 .post-content p { font-size: 14px } .catelement-style3-nothumbs .post.style3 { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #eaeaea } .catelement-style3-nothumbs .post.style3 h3 { font-size: 24px; line-height: 1.4 } .catelement-style3-nothumbs .post.style3 .post-content { display: none } .post.style3-small { margin-bottom: 35px } .post.style3-small.offset-title .post-gallery { margin-bottom: 0 } .post.style3-small.offset-title .post-content,.post.style3-small.offset-title .thb-post-top { display: none } .post.style3-small.offset-title .post-title h5 { font-size: 16px; font-weight: 400 } @media only screen and (min-width: 40.0625em) { .post.style3-small.offset-title .post-title h5 { margin-bottom:0 } } .post.style3-small .post-gallery { margin-bottom: 20px } .post.style3-small .thb-post-top { margin-bottom: 15px } .post.style3-small .post-title h5 { font-size: 15px; line-height: 20px; font-weight: 600; margin: 0 0 8px } .catelement-style5 .post.style3-small .post-title h5 { font-weight: 400 } .post.style3-small-center { text-align: center } .post.style3-small-center.offset-title .offset-title-container { left: 30px; right: 30px; bottom: 0; padding: 15px 15px 0 15px } @media only screen and (min-width: 40.0625em) { .post.style3-small-center.offset-title .offset-title-container { padding:30px 30px 0 30px; position: absolute; bottom: 0 } } .post.style3-small-center.offset-title .offset-title-container .thb-post-top { display: flex; justify-content: center } .post.style3-small-center.offset-title .offset-title-container .post-title h4 { font-size: 22px; margin-bottom: 0 } .post.style3-small-center.offset-title .post-content { padding: 0 15px; margin-top: 15px } @media only screen and (min-width: 40.0625em) { .post.style3-small-center.offset-title .post-content { padding:0 45px } } .post.style5 { margin-bottom: 40px } .post.style5 .post-title h4 { font-weight: 400; line-height: 26px } .post.style5 .post-content p { color: #545353; /*display: none;*/ } .post.style5 .thb-post-top { justify-content: center; text-align: center; display: none } .post.style5.extend { margin-bottom: 40px } .post.style5.extend .post-title h4 { font-size: 34px; line-height: 40px; margin-bottom: 20px } .post.style6 { margin-bottom: 30px } .post.style6 .post-gallery { margin-bottom: 20px } .post.style6 .post-content.small p { margin: 0 } .post.style7 { margin-bottom: 40px } .post.style7 .post-gallery { margin: 0 0 25px; max-height: 410px } .post.style7 .post-title h2 { font-weight: 400 } .style6-posts .post.style7 .post-title h2 { font-size: 24px; line-height: 30px } .post.style7 .post-content p { margin: 0 } .post.style7.offset-title .offset-title-container { bottom: auto; position: relative; left: 0; text-align: center; width: 100%; padding: 0 } @media only screen and (min-width: 40.0625em) { .post.style7.offset-title .offset-title-container { left:5%; margin-top: -90px; width: 90%; padding: 30px 10% } } .post.style7.offset-title .thb-post-top,.post.style7.offset-title .post-links { justify-content: center } .post.style8 { margin-bottom: 30px } .post.style8 .post-title h5 { margin-bottom: 10px } .post.style8 .post-gallery { margin-bottom: 20px } .post.style8 .post-content p { margin: 0 } .post.style11 { padding: 15px; position: relative; background: #222; margin-bottom: 40px; overflow: hidden; min-height: 400px } .masonry .post.style11 { opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); will-change: transform, opacity } @media only screen and (min-width: 64.0625em) { .post.style11 { padding:30px } } .post.style11:hover .parallax_bg { opacity: 0.7 } .post.style11 .parallax_bg { position: absolute; top: -10%; left: -10%; width: 120%; height: 120%; opacity: 0.6; z-index: -1; -webkit-transition: opacity .25s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: opacity .25s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: opacity .25s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity .25s cubic-bezier(0.165, 0.84, 0.44, 1) } .post.style11 .post-title h2 { font-size: 30px; font-weight: 500 } .post.style12 { border-bottom: 1px solid #e8e8e8; padding: 30px 0 } @media only screen and (min-width: 40.0625em) { .post.style12 { padding:30px 0 } } @media only screen and (min-width: 64.0625em) { .post.style12 { padding:45px 0 } } .post.style12:first-of-type { padding-top: 0 } .post.style12:last-of-type { border: 0 } .post.style12 .post-title { text-align: center; margin-bottom: 15px } @media only screen and (min-width: 40.0625em) { .post.style12 .post-title { padding:40px } } .post.style12 .post-title h1 { font-weight: 500; margin-bottom: 30px } @media only screen and (min-width: 40.0625em) { .post.style12 .post-title h1 { font-size:60px } } .post.style12 .post-title .post-meta { margin-bottom: 20px } .post.style12 .post-gallery { margin-bottom: 35px } .post.style12 .text-center { margin: 0 } .post.style13 { background: #fff; margin-bottom: 15px; -webkit-box-shadow: 0 2px 20px rgba(0,0,0,0.08); -moz-box-shadow: 0 2px 20px rgba(0,0,0,0.08); box-shadow: 0 2px 20px rgba(0,0,0,0.08) } @media only screen and (min-width: 40.0625em) { .post.style13 { margin-bottom:30px } } @media only screen and (min-width: 64.0625em) { .post.style13 { max-height:520px } } .post.style13 .post-gallery { margin: 0 } .post.style13 .post-gallery img { object-fit: cover } @media only screen and (min-width: 64.0625em) { .post.style13 .post-gallery img { max-height:520px } } .post.style13 .content-side .style13-content { display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: space-between; padding: 15px; text-align: center } @media only screen and (min-width: 40.0625em) { .post.style13 .content-side .style13-content { padding:50px } } @media only screen and (min-width: 64.0625em) { .post.style13 .content-side .style13-content { padding:60px } } @media only screen and (min-width: 75.0625em) { .post.style13 .content-side .style13-content { padding:80px } } .post.style13 .content-side .style13-content>div { width: 100% } .post.style13 .content-side .post-meta { display: inline-block } .post.style13 .content-side .post-title { margin-bottom: 30px } .post.style13 .content-side .post-title h2 { font-weight: 400 } .post.style14 { margin-bottom: 30px } .post.style14 .post-gallery { margin-bottom: 25px } .post.style14 .post-title h4 { margin-bottom: 15px } .post.style14 .post-content p { font-size: 12px; margin: 0 } .post.style15 { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid rgba(0,0,0,0.1) } .post.style15:last-of-type { padding: 0; border: 0 } .post.style15 .post-gallery-column { align-self: normal } .post.style15 .post-gallery { height: 100% } .post.style15 .post-gallery>a { height: 100% } .post.style15 .post-gallery img { height: 100%; object-fit: cover } @media only screen and (min-width: 64.0625em) { .post.style15 .post-gallery img { max-height:520px } } @media only screen and (min-width: 64.0625em) { .post.style15 .post-gallery { margin:0 } } .post.style15 .content-side .style15-content { padding: 15px } @media only screen and (min-width: 40.0625em) { .post.style15 .content-side .style15-content { padding:10% 0 10% 10% } } .post.style15 .content-side .post-meta { display: inline-block } .post.style15 .content-side .thb-post-top { margin-bottom: 25px } .post.style15 .content-side .post-title { margin-bottom: 15px } .post.style15 .content-side .post-title h2 { font-weight: 400; margin-bottom: 0 } @media only screen and (min-width: 40.0625em) { .post.style15.style15-alt .content-side .style15-content { padding:10% 10% 10% 0 } } .post.style16 { text-align: center; margin-bottom: 45px } .post.style16 .btn { margin: 0 } .post.style16 .post-content,.post.style16 .post-title { padding: 0 10% } .post.style16 .post-gallery { margin-bottom: 30px } .post.style16 .post-title h2,.post.style16 .post-title h3 { font-weight: 400 } .large-style16 .post.style16 { border-bottom: 1px solid #eaeaea; padding-bottom: 45px; margin-bottom: 30px } @media only screen and (min-width: 64.0625em) { .post.style17 { margin-bottom:50px } .post.style17 .row { margin: 0 -25px } .post.style17 .row .columns { padding: 0 25px } } .post.style17 .post-gallery { max-height: 390px } @media only screen and (min-width: 40.0625em) { .post.style17 .post-gallery { margin-bottom:0 } } .post.style17 .post-style17-inner { height: 100%; display: flex; justify-content: center; flex-direction: column; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea } .post.style17 .post-content { margin-top: 25px } .post.listing { display: flex; align-items: center } .rtl .post.listing .listing_content { flex: 1 } .post.listing .figure { display: block; flex-shrink: 0 } .rtl .post.listing .figure { flex-direction: row-reverse } .rtl .post.listing .figure img { margin-right: 0; margin-left: 15px } .post.listing .figure img { width: 90px; margin-right: 15px } .post.listing .figure.count-image { float: none } .post.listing .figure.count-image img { width: 100%; margin: 0 } .rtl .post.listing .figure.count-image { margin: 0 } .post.listing .post-content,.post.listing .post-content p { margin: 0 } .post.listing .post-title h6 { margin-bottom: 5px } .post.listing .thb-post-top { margin-bottom: 8px } .post.listing .thb-post-top .post-meta a { white-space: normal } .post.listing .post-links { margin-top: 5px } .post.listing .post-links svg { width: 10px; vertical-align: middle; position: relative; top: -1px } .post.listing .post-links svg+span { margin-left: 3px } .post.listing.listing-style2 { display: flex; background: #222; position: relative; overflow: hidden; margin-bottom: 10px; padding: 0; border: 0 } .post.listing.listing-style2:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block } .post.listing.listing-style2:nth-child(5n+1):before { background-image: -owg-linear-gradient(90deg, #6943f7, transparent); background-image: -webkit-linear-gradient(90deg, #6943f7, transparent); background-image: -moz-linear-gradient(90deg, #6943f7, transparent); background-image: -o-linear-gradient(90deg, #6943f7, transparent); background-image: linear-gradient(90deg, #6943f7, transparent) } .post.listing.listing-style2:nth-child(5n+2):before { background-image: -owg-linear-gradient(90deg, #43f765, transparent); background-image: -webkit-linear-gradient(90deg, #43f765, transparent); background-image: -moz-linear-gradient(90deg, #43f765, transparent); background-image: -o-linear-gradient(90deg, #43f765, transparent); background-image: linear-gradient(90deg, #43f765, transparent) } .post.listing.listing-style2:nth-child(5n+3):before { background-image: -owg-linear-gradient(90deg, #43dbf7, transparent); background-image: -webkit-linear-gradient(90deg, #43dbf7, transparent); background-image: -moz-linear-gradient(90deg, #43dbf7, transparent); background-image: -o-linear-gradient(90deg, #43dbf7, transparent); background-image: linear-gradient(90deg, #43dbf7, transparent) } .post.listing.listing-style2:nth-child(5n+4):before { background-image: -owg-linear-gradient(90deg, #f76143, transparent); background-image: -webkit-linear-gradient(90deg, #f76143, transparent); background-image: -moz-linear-gradient(90deg, #f76143, transparent); background-image: -o-linear-gradient(90deg, #f76143, transparent); background-image: linear-gradient(90deg, #f76143, transparent) } .post.listing.listing-style2:nth-child(5n+5):before { background-image: -owg-linear-gradient(90deg, #fc3eb2, transparent); background-image: -webkit-linear-gradient(90deg, #fc3eb2, transparent); background-image: -moz-linear-gradient(90deg, #fc3eb2, transparent); background-image: -o-linear-gradient(90deg, #fc3eb2, transparent); background-image: linear-gradient(90deg, #fc3eb2, transparent) } .post.listing.listing-style2 .bg-figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: 0.4; background-position: center; background-size: cover } .post.listing.listing-style2:hover .bg-figure { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } .post.listing.listing-style2 .listing_content { position: relative; z-index: 2; display: flex; flex-direction: column; padding: 15px; text-align: left } @media only screen and (min-width: 40.0625em) { .post.listing.listing-style2 .listing_content { padding:25px } } .post.listing.listing-style2 .listing_content .post-title { text-transform: uppercase } .post.listing.listing-style2 .listing_content .post-title a { color: #fff } .rtl .post.listing.listing-style2 .listing_content { text-align: right } .post.listing.listing-style2 .just-shares { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 2; border-left: 1px solid rgba(255,255,255,0.4); padding: 15px } @media only screen and (min-width: 40.0625em) { .post.listing.listing-style2 .just-shares { padding:25px } } .post.listing.listing-style2 .just-shares span { display: flex; flex-direction: column; align-items: center; color: rgba(255,255,255,0.9) } .post.listing.listing-style2 .just-shares em { font-size: 26px } .post.listing.listing-style2 .just-shares svg { display: none } .post.listing.with-excerpt { align-items: flex-start } .post.listing.with-excerpt .post-title { margin-top: 0 } .post.listing.with-excerpt .post-title h5 { margin-bottom: 5px } .post.listing.with-excerpt p { font-size: 12px; margin: 0 } .post-category-listing .post.listing { padding-bottom: 19px; border-bottom: 1px solid #eaeaea; margin-bottom: 20px; align-items: center } .post-category-listing .post.listing:last-child { border-bottom: 0; margin-bottom: 0 } .catelement-style3-nothumbs .post-category-listing .post.listing { border-bottom-style: dotted } .post.style-masonry { margin-bottom: 40px; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); will-change: transform, opacity } .post.style-masonry .post-title h2 { font-weight: 400 } .post.style-masonry.style-masonry-2 { border-bottom: 4px solid #f1f1f1; padding-bottom: 20px } .post.style-masonry.style-masonry-2:hover { border-bottom-color: #222 } .post.style-masonry.style-masonry-2 .post-title h2 { font-size: 30px; font-weight: 500 } .post.style-masonry.style-masonry-2 .post-title a:hover { text-decoration: none } .post.style-masonry.style-masonry-3 .post-gallery img { border-radius: 3px } .post.style-masonry.style-masonry-3 .post-gallery .ave { border-radius: 0 3px 0 0 } .post.style-masonry.style-masonry-3 .post-gallery.has-gallery:after { border-radius: 0 3px 0 0 } .post.style-masonry.style-masonry-3 .post-gallery a { overflow: hidden } .post.style-masonry.style-masonry-3 .post-gallery a img { display: block; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); will-change: transform } .post.style-masonry.style-masonry-3 .post-gallery a:hover { opacity: 1 } .post.style-masonry.style-masonry-3 .post-gallery a:hover img { -webkit-transform: scale(1.07, 1.07); -moz-transform: scale(1.07, 1.07); -ms-transform: scale(1.07, 1.07); -o-transform: scale(1.07, 1.07); transform: scale(1.07, 1.07) } .post.style-masonry.style-masonry-3 .post-title h4 { margin-bottom: 10px } .post.style-masonry.style-masonry-3 .post-content { font-size: 14px } .post.style-masonry.style-masonry-3 .post-content p { font-size: inherit } .post-detail .post-title-container { margin-bottom: 30px } .post-detail .post-title-container .ad_before_title { margin-bottom: 20px } .post-detail .post-title-container .ad_before_title a { display: block } .post-detail .post-detail-gallery { margin-bottom: 30px; position: relative } .post-detail .post-detail-gallery .featured_image_credit { color: #fff; position: absolute; bottom: 0; left: 0; padding: 7px 9px; font-size: 10px; background: rgba(0,0,0,0.4) } @media only screen and (min-width: 40.0625em) { .post-detail .post-detail-gallery .featured_image_credit { display:block } } .rtl .post-detail .post-detail-gallery .featured_image_credit { left: auto; right: 0 } .post-detail .post-detail-gallery img { width: 100% } .post-detail .post-detail-gallery .gallery-link { position: absolute; top: 20px; right: 20px; z-index: 99; background: rgba(0,0,0,0.8); display: flex; align-items: center; padding: 14px; border-radius: 3px } .post-detail .post-detail-gallery .gallery-link svg { fill: #fff; width: 34px; margin-right: 12px } .post-detail .post-detail-gallery .gallery-link a { color: #fff } .post-detail .post-detail-gallery .gallery-link div { padding: 0 5px } .post-detail .post-detail-gallery .gallery-link:hover { background: #ef2673 } .post-detail .post-detail-gallery .gallery-link .thb-view-gallery { display: block; font-size: 16px; font-weight: 600; color: #fff; line-height: 1 } .post-detail .post-detail-gallery .gallery-link .thb-count-gallery { display: block; line-height: 1; margin-top: 5px; font-size: 13px; color: rgba(255,255,255,0.6) } .post-detail .article-tags { display: block; margin: 30px 0; font-size: 11px; color: #222; font-weight: 400; text-transform: uppercase } .post-detail .article-tags a { color: #ef2673; font-weight: 600 } .post-detail .share-article { width: 55px; margin-right: 25px; min-width: 55px; max-width: 100%; margin-bottom: 20px } .rtl .post-detail .share-article { margin-right: 0; margin-left: 25px } .post-detail .share-article .boxed-icon { display: flex; justify-content: center; align-items: center; vertical-align: middle; position: relative; margin-bottom: 10px } .post-detail .share-article .boxed-icon.style1 { font-size: 14px; width: 45px; height: 43px } .post-detail .share-article .boxed-icon.style1:not(:hover) { background: #fff } .post-detail .share-article .boxed-icon.style1 span { position: absolute; display: block; top: -10px; right: -3px; background: #b1b1b1; border-left: 1px solid #fff; border-bottom: 1px solid #fff; height: 20px; min-width: 20px; text-align: center; line-height: 20px; padding: 0 3px; color: #fff; font-size: 10px; font-weight: 600 } @media only screen and (min-width: 40.0625em) { .post-detail .share-article .boxed-icon.style1 { width:55px; height: 53px; font-size: 18px } .post-detail .share-article .boxed-icon.style1 span { top: -3px } } .post-detail .share-article .boxed-icon.style1:hover span { background: #222 } .post-detail .share-article .boxed-icon.style2 { width: 36px; height: 36px; font-size: 18px; color: #fff; font-weight: 600 } @media only screen and (min-width: 40.0625em) { .post-detail .share-article .boxed-icon.style2 { width:48px; height: 48px } } .post-detail .share-article .boxed-icon.style2 span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; opacity: 0 } .post-detail .share-article .boxed-icon.style2:hover span { opacity: 1 } .post-detail .share-article .boxed-icon.style2.comment { background: #222 } .post-detail .share-article .boxed-icon.style2.comment svg { fill: #fff } .post-detail .share-article .boxed-icon.style2.comment span { background: #222 } .post-detail .thb-post-top { margin-bottom: 30px; clear: both } .post-detail .post-content p { line-height: 1.8 } .article-dropcap-on .post-detail .post-content:before { color: rgba(0,0,0,0.06); content: attr(data-first); display: none; font-size: 16.25em; font-weight: 600; top: 0; left: 0; line-height: 1; position: absolute; z-index: -1 } @media only screen and (min-width: 64.0625em) { .article-dropcap-on .post-detail .post-content:before { display:block; left: -105px; top: -55px } } .rtl .article-dropcap-on .post-detail .post-content:before { left: auto; right: 0 } @media only screen and (min-width: 64.0625em) { .rtl .article-dropcap-on .post-detail .post-content:before { left:auto; right: -105px; top: -55px } } .post-detail .article-navigation { display: block; border: 1px solid rgba(0,0,0,0.07); padding: 15px; margin-bottom: 30px } @media only screen and (min-width: 40.0625em) { .post-detail .article-navigation { padding:30px } } @media only screen and (max-width: 40.0625em) { .post-detail .article-navigation .columns+.columns { padding-top:15px; margin-top: 15px; border-top: 1px solid rgba(0,0,0,0.07) } } .post-detail .article-navigation .post-nav-link { position: relative; display: flex; flex-direction: column; justify-content: center; color: #222 } .post-detail .article-navigation .post-nav-link span { text-transform: uppercase; font-size: 10px; color: #222; opacity: 0.6; display: block; line-height: 1; font-weight: 600; margin-bottom: 10px } .post-detail .article-navigation .post-nav-link h6 { font-weight: 400; margin: 0; line-height: 1.4 } .post-detail .article-navigation .post-nav-link svg { position: absolute; top: 50%; -webkit-transform: translateY(-50%) scale(1.2); -moz-transform: translateY(-50%) scale(1.2); -ms-transform: translateY(-50%) scale(1.2); -o-transform: translateY(-50%) scale(1.2); transform: translateY(-50%) scale(1.2) } .post-detail .article-navigation .post-nav-link svg .thb-arrow-line { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1) } .post-detail .article-navigation .post-nav-link:hover svg .thb-arrow-line { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } .post-detail .article-navigation .post-nav-link.prev { padding-left: 20px } .post-detail .article-navigation .post-nav-link.prev svg { left: -10px } .post-detail .article-navigation .post-nav-link.next { text-align: right; padding-right: 20px } .post-detail .article-navigation .post-nav-link.next .thb-arrow-line { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0 } .post-detail .article-navigation .post-nav-link.next svg { right: -10px } .post-share-container { position: relative; display: flex; flex-direction: column; align-items: flex-start; max-width: 100% } @media only screen and (min-width: 40.0625em) { .post-share-container { flex-direction:row } } .post-content-container { padding-left: 0; min-height: 220px; max-width: 100% } @media only screen and (min-width: 40.0625em) { .post-content-container { max-width:calc(100% - 80px) } } .post-content-container+.share-article { width: auto; max-width: 100%; margin: 0 0 50px; float: none; text-align: center } .post-content-container+.share-article .boxed-icon { display: inline-flex; margin: 0 2px 0 } .post-content-container .ad_before_content,.post-content-container .ad_after_content { margin-bottom: 20px } .post-content-container .ad_before_content a,.post-content-container .ad_after_content a { display: block } .post-header { height: 300px; background: #222; position: relative; overflow: hidden } .post-header .parallax_bg { position: absolute; top: -15%; left: 0; width: 100%; height: 150%; background-size: cover; background-position: 0 center; will-change: transform; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } .post-header .post-title-container { margin: 0; min-width: 100% } .style3 .post-header { display: flex; justify-content: center; align-items: center; min-height: 60vh; padding: 30px 15px; margin-bottom: 50px; height: auto } .style3 .post-header .parallax_bg { position: absolute; top: 0; left: 0; opacity: 0.8 } .style3 .post-header .thb-post-top { justify-content: center } .style3 .post-header .post-title { text-align: center; color: #fff; position: relative; min-width: 100% } .style3 .post-header .post-title h1,.style3 .post-header .post-title a { color: #fff !important } .style3 .post-header .post-title h1:hover,.style3 .post-header .post-title a:hover { text-decoration: none } .style3 .post-header .post-title .thb-post-top .post-meta+.post-date:before { background: rgba(255,255,255,0.6) } .style3 .post-header .post-meta,.style3 .post-header .post-date,.style3 .post-header .post-author { color: #fff } .post-detail-style4 .post-title,.post-detail-style4 .post-meta,.post-detail-style4 .post-date { text-align: center } .post-detail-style5 .post-title-container { padding-bottom: 30px; border-bottom: 1px solid #eaeaea } @media only screen and (min-width: 40.0625em) { .post-detail-style5 .post-title-container .post-title { max-width:75% } } .post-detail-style2-row .post-detail { margin-top: -90px; z-index: 0; position: relative } .post-detail-style2-row .post-detail .post-title-container { background: #fff; padding: 15px; margin: 0 } @media only screen and (min-width: 40.0625em) { .post-detail-style2-row .post-detail .post-title-container { padding:30px } } @media only screen and (min-width: 75.0625em) { .post-detail-style2-row .post-detail .post-title-container { margin-left:-50px; padding: 50px } } .post-detail-style2-row .sidebar_inner { margin-top: -70px; min-height: 80px } .thb-shop-the-look { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 40px 0 60px } .thb-shop-the-look h5 { display: block; text-transform: uppercase; text-align: center; font-weight: 500 } .thb-shop-the-look .slick-dots { bottom: -20px } .thb-shop-the-look-small { margin-top: 30px } .thb-shop-the-look-small h6 { display: block; text-align: center; overflow: hidden; font-size: 14px; font-weight: 600; margin-bottom: 20px; text-transform: uppercase } .thb-shop-the-look-small h6 span { display: inline-block; position: relative; padding: 0 15px } .thb-shop-the-look-small h6 span:after { content: ''; display: block; position: absolute; background: rgba(0,0,0,0.08); height: 1px; top: 50%; left: 100%; width: 999px } .thb-shop-the-look-small h6 span:before { content: ''; display: block; position: absolute; background: rgba(0,0,0,0.08); height: 1px; top: 50%; right: 100%; width: 999px } .thb-shop-the-look-small .slick.outset-nav .slick-nav { top: 50%; margin-top: -23px } .post .post-content .post-review strong { display: block; text-transform: uppercase; color: #222; margin-bottom: 20px; padding-bottom: 19px; border-bottom: 1px solid rgba(0,0,0,0.07) } .post .post-content .post-review ul { margin-bottom: 40px; list-style: none } .post .post-content .post-review ul li { margin-bottom: 25px; font-size: 14px; font-weight: bold } .post .post-content .post-review ul li:last-child { margin-bottom: 0 } .post .post-content .post-review ul li .show-for-medium { text-align: right } .post .post-content .post-review .comment_section { margin-bottom: 30px } @media only screen and (min-width: 40.0625em) { .post .post-content .post-review .comment_section { margin-bottom:50px } } .post .post-content .post-review .comment_section p { display: block; margin-bottom: 10px; position: relative; padding-left: 24px; font-size: 12px; line-height: 16px } .post .post-content .post-review .comment_section p:before { content: ''; display: block; width: 14px; height: 14px; line-height: 14px; background: #fbecec; border-radius: 7px; text-align: center; position: absolute; top: 50%; left: 0; margin-top: -7px } .post .post-content .post-review .comment_section p.positive:before { content: '+'; color: #0fbe5d } .post .post-content .post-review .comment_section p.negative:before { content: '-'; color: #dc4242 } .post .post-content .post-review .post_comment { text-transform: uppercase; font-size: 12px; font-weight: 600; display: block; margin-bottom: 25px } .post .post-content .post-review .post_comment.good { color: #0fbe5d } .post .post-content .post-review .post_comment.bad { color: #dc4242 } .post .post-content .post-review .average { display: block; margin: 0 0 30px; padding: 0; text-align: center; border: 3px solid #fccce0; font-size: 38px; line-height: 1; padding: 15px; color: #ef2673; font-weight: 600 } @media only screen and (min-width: 40.0625em) { .post .post-content .post-review .average { padding:25px 15px; margin: 0 0 50px } } @media only screen and (min-width: 64.0625em) { .post .post-content .post-review .average { padding:35px 15px } } @media only screen and (min-width: 64.0625em) { .post .post-content .post-review .average { padding:35px 15px } } .post .post-content .post-review .average .thb-counter { margin: 0 } .post .post-content .post-review .average .thb-counter .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner { text-align: center } .post-style2-links { font-size: 10px; text-transform: uppercase; margin-top: 20px } .post-style2-links a,.post-style2-links span { display: inline-flex; vertical-align: middle; align-items: center; margin-right: 19px; color: #222 } .post-style2-links svg { margin-right: 8px } .slick:not(.outset-nav) .post-style2-links svg { margin-right: 8px } .post-style2-links .share-link svg { position: relative; top: -2px } .post-links { margin-top: 20px } .post-links .post-link { display: inline-flex; height: 36px; justify-content: center; vertical-align: middle; align-items: center; border: 1px solid rgba(0,0,0,0.1); position: relative; text-align: center; color: #222 } .post-links .post-link.comment-link { width: 38px; margin-right: 2px } .post-links .post-link.comment-link svg { position: relative; top: 1px } .post-links .post-link.share-article-loop { min-width: 38px; cursor: pointer } .post-links .post-link.share-article-loop .boxed-icon { width: 38px; height: 36px; position: absolute; top: -1px; left: 0; font-size: 14px; opacity: 0; pointer-events: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none } .post-links .post-link.share-article-loop .boxed-icon:nth-child(2) { z-index: 8; -webkit-transform: translateX(28px); -moz-transform: translateX(28px); -ms-transform: translateX(28px); -o-transform: translateX(28px); transform: translateX(28px) } .post-links .post-link.share-article-loop .boxed-icon:nth-child(3) { z-index: 7; -webkit-transform: translateX(66px); -moz-transform: translateX(66px); -ms-transform: translateX(66px); -o-transform: translateX(66px); transform: translateX(66px) } .post-links .post-link.share-article-loop .boxed-icon:nth-child(4) { z-index: 6; -webkit-transform: translateX(104px); -moz-transform: translateX(104px); -ms-transform: translateX(104px); -o-transform: translateX(104px); transform: translateX(104px) } .post-links .post-link.share-article-loop .boxed-icon:nth-child(5) { z-index: 5; -webkit-transform: translateX(142px); -moz-transform: translateX(142px); -ms-transform: translateX(142px); -o-transform: translateX(142px); transform: translateX(142px) } .post-links .post-link.share-article-loop .boxed-icon:nth-child(6) { z-index: 4; -webkit-transform: translateX(180px); -moz-transform: translateX(180px); -ms-transform: translateX(180px); -o-transform: translateX(180px); transform: translateX(180px) } .post-links .post-link.share-article-loop .boxed-icon:nth-child(7) { z-index: 3; -webkit-transform: translateX(218px); -moz-transform: translateX(218px); -ms-transform: translateX(218px); -o-transform: translateX(218px); transform: translateX(218px) } .post-links .post-link.share-article-loop .boxed-icon:nth-child(8) { z-index: 2; -webkit-transform: translateX(256px); -moz-transform: translateX(256px); -ms-transform: translateX(256px); -o-transform: translateX(256px); transform: translateX(256px) } .post-links .post-link.share-article-loop .boxed-icon:nth-child(9) { z-index: 1; -webkit-transform: translateX(294px); -moz-transform: translateX(294px); -ms-transform: translateX(294px); -o-transform: translateX(294px); transform: translateX(294px) } .rtl .post-links .post-link.share-article-loop .boxed-icon { left: auto; right: 0 } .rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(2) { z-index: 8; -webkit-transform: translateX(-28px); -moz-transform: translateX(-28px); -ms-transform: translateX(-28px); -o-transform: translateX(-28px); transform: translateX(-28px) } .rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(3) { z-index: 7; -webkit-transform: translateX(-66px); -moz-transform: translateX(-66px); -ms-transform: translateX(-66px); -o-transform: translateX(-66px); transform: translateX(-66px) } .rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(4) { z-index: 6; -webkit-transform: translateX(-104px); -moz-transform: translateX(-104px); -ms-transform: translateX(-104px); -o-transform: translateX(-104px); transform: translateX(-104px) } .rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(5) { z-index: 5; -webkit-transform: translateX(-142px); -moz-transform: translateX(-142px); -ms-transform: translateX(-142px); -o-transform: translateX(-142px); transform: translateX(-142px) } .rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(6) { z-index: 4; -webkit-transform: translateX(-180px); -moz-transform: translateX(-180px); -ms-transform: translateX(-180px); -o-transform: translateX(-180px); transform: translateX(-180px) } .rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(7) { z-index: 3; -webkit-transform: translateX(-218px); -moz-transform: translateX(-218px); -ms-transform: translateX(-218px); -o-transform: translateX(-218px); transform: translateX(-218px) } .rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(8) { z-index: 2; -webkit-transform: translateX(-256px); -moz-transform: translateX(-256px); -ms-transform: translateX(-256px); -o-transform: translateX(-256px); transform: translateX(-256px) } .rtl .post-links .post-link.share-article-loop .boxed-icon:nth-child(9) { z-index: 1; -webkit-transform: translateX(-294px); -moz-transform: translateX(-294px); -ms-transform: translateX(-294px); -o-transform: translateX(-294px); transform: translateX(-294px) } .post-links .post-link.share-article-loop:hover .boxed-icon { pointer-events: auto; opacity: 1 } .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(2) { -webkit-transform: translateX(37px); -moz-transform: translateX(37px); -ms-transform: translateX(37px); -o-transform: translateX(37px); transform: translateX(37px); -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s } .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(3) { -webkit-transform: translateX(75px); -moz-transform: translateX(75px); -ms-transform: translateX(75px); -o-transform: translateX(75px); transform: translateX(75px); -webkit-transition-delay: 0.18s; -moz-transition-delay: 0.18s; -o-transition-delay: 0.18s; transition-delay: 0.18s } .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(4) { -webkit-transform: translateX(113px); -moz-transform: translateX(113px); -ms-transform: translateX(113px); -o-transform: translateX(113px); transform: translateX(113px); -webkit-transition-delay: 0.26s; -moz-transition-delay: 0.26s; -o-transition-delay: 0.26s; transition-delay: 0.26s } .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(5) { -webkit-transform: translateX(151px); -moz-transform: translateX(151px); -ms-transform: translateX(151px); -o-transform: translateX(151px); transform: translateX(151px); -webkit-transition-delay: 0.34s; -moz-transition-delay: 0.34s; -o-transition-delay: 0.34s; transition-delay: 0.34s } .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(6) { -webkit-transform: translateX(189px); -moz-transform: translateX(189px); -ms-transform: translateX(189px); -o-transform: translateX(189px); transform: translateX(189px); -webkit-transition-delay: 0.42s; -moz-transition-delay: 0.42s; -o-transition-delay: 0.42s; transition-delay: 0.42s } .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(7) { -webkit-transform: translateX(227px); -moz-transform: translateX(227px); -ms-transform: translateX(227px); -o-transform: translateX(227px); transform: translateX(227px); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s } .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(8) { -webkit-transform: translateX(265px); -moz-transform: translateX(265px); -ms-transform: translateX(265px); -o-transform: translateX(265px); transform: translateX(265px); -webkit-transition-delay: 0.58s; -moz-transition-delay: 0.58s; -o-transition-delay: 0.58s; transition-delay: 0.58s } .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(9) { -webkit-transform: translateX(303px); -moz-transform: translateX(303px); -ms-transform: translateX(303px); -o-transform: translateX(303px); transform: translateX(303px); -webkit-transition-delay: 0.66s; -moz-transition-delay: 0.66s; -o-transition-delay: 0.66s; transition-delay: 0.66s } .rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(2) { -webkit-transform: translateX(-37px); -moz-transform: translateX(-37px); -ms-transform: translateX(-37px); -o-transform: translateX(-37px); transform: translateX(-37px); -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s } .rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(3) { -webkit-transform: translateX(-75px); -moz-transform: translateX(-75px); -ms-transform: translateX(-75px); -o-transform: translateX(-75px); transform: translateX(-75px); -webkit-transition-delay: 0.18s; -moz-transition-delay: 0.18s; -o-transition-delay: 0.18s; transition-delay: 0.18s } .rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(4) { -webkit-transform: translateX(-113px); -moz-transform: translateX(-113px); -ms-transform: translateX(-113px); -o-transform: translateX(-113px); transform: translateX(-113px); -webkit-transition-delay: 0.26s; -moz-transition-delay: 0.26s; -o-transition-delay: 0.26s; transition-delay: 0.26s } .rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(5) { -webkit-transform: translateX(-151px); -moz-transform: translateX(-151px); -ms-transform: translateX(-151px); -o-transform: translateX(-151px); transform: translateX(-151px); -webkit-transition-delay: 0.34s; -moz-transition-delay: 0.34s; -o-transition-delay: 0.34s; transition-delay: 0.34s } .rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(6) { -webkit-transform: translateX(-189px); -moz-transform: translateX(-189px); -ms-transform: translateX(-189px); -o-transform: translateX(-189px); transform: translateX(-189px); -webkit-transition-delay: 0.42s; -moz-transition-delay: 0.42s; -o-transition-delay: 0.42s; transition-delay: 0.42s } .rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(7) { -webkit-transform: translateX(-227px); -moz-transform: translateX(-227px); -ms-transform: translateX(-227px); -o-transform: translateX(-227px); transform: translateX(-227px); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s } .rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(8) { -webkit-transform: translateX(-265px); -moz-transform: translateX(-265px); -ms-transform: translateX(-265px); -o-transform: translateX(-265px); transform: translateX(-265px); -webkit-transition-delay: 0.58s; -moz-transition-delay: 0.58s; -o-transition-delay: 0.58s; transition-delay: 0.58s } .rtl .post-links .post-link.share-article-loop:hover .boxed-icon:nth-child(9) { -webkit-transform: translateX(-303px); -moz-transform: translateX(-303px); -ms-transform: translateX(-303px); -o-transform: translateX(-303px); transform: translateX(-303px); -webkit-transition-delay: 0.66s; -moz-transition-delay: 0.66s; -o-transition-delay: 0.66s; transition-delay: 0.66s } .post-links span { display: inline-block; font-size: 10px; margin-left: 10px; color: #595959; text-transform: uppercase; vertical-align: middle } .post-links.just-shares { display: block } .post-links.just-shares span { line-height: 1 } .post-links.just-shares span em { font-style: normal } .post-links.just-shares.and-comments { font-size: 11px; color: #222; text-transform: uppercase } .post-links.just-shares.and-comments .comment-link { margin-left: 20px } .post-links.just-shares.and-comments span { color: #222 } .post-links.just-shares.and-comments>div,.post-links.just-shares.and-comments a { display: inline-flex; align-items: center; vertical-align: middle } .post-links.just-shares.and-comments .share-link svg { position: relative; top: -2px } .post-links:not(.just-shares) { display: flex; align-items: center } .post-links:not(.just-shares) .comment-link+.share-article-loop { margin-left: 3px } .post-links:not(.just-shares) .share-article-loop span { margin-left: 10px } .header_content { margin-top: 30px } .related-posts { margin-top: 60px } .related-posts .mega-menu-post { margin-bottom: 30px } .related-posts .mega-menu-post .post-gallery { margin-bottom: 18px } #infinite-article { padding-bottom: 80px; position: relative; will-change: contents } #infinite-article>.post-detail-row { padding: 60px 0 } #infinite-article>.post-detail-row+.post-detail-row { padding: 60px 0 } #infinite-article>.post-detail-row.style2,#infinite-article>.post-detail-row.style3 { padding: 0 0 60px 0 } .post-detail-row.attachment-page { padding: 60px 0 } .post-info-vertical { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .thb-loading,.slick { position: relative } .thb-loading:after,.slick:after { content: ''; width: 38px; height: 38px; position: absolute; bottom: 40px; left: 50%; margin-left: -19px; padding: 3px; border-radius: 19px; background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSIjMjIyMjIyIj4KICA8cGF0aCBvcGFjaXR5PSIuMjUiIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMCAxNiAzMiBBMTYgMTYgMCAwIDAgMTYgMCBNMTYgNCBBMTIgMTIgMCAwIDEgMTYgMjggQTEyIDEyIDAgMCAxIDE2IDQiLz4KICA8cGF0aCBkPSJNMTYgMCBBMTYgMTYgMCAwIDEgMzIgMTYgTDI4IDE2IEExMiAxMiAwIDAgMCAxNiA0eiI+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAxNiAxNiIgdG89IjM2MCAxNiAxNiIgZHVyPSIwLjhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L3BhdGg+Cjwvc3ZnPgo=") center center no-repeat } .thb-loading.posts:not(.pagination-style3):after,.posts.slick:not(.pagination-style3):after { bottom: auto; top: 50%; margin-top: -16px } .thb-loading.posts:not(.pagination-style3) .post,.posts.slick:not(.pagination-style3) .post { opacity: 0.2; pointer-events: none } .thb-loading.posts.pagination-style3,.posts.pagination-style3.slick { padding-bottom: 40px } .thb-loading.posts.pagination-style3:after,.posts.pagination-style3.slick:after { bottom: 0 } .non-VC-page { padding: 60px 0 } .non-VC-page .post .post-title { margin-bottom: 20px } .archive-page-container { padding-bottom: 40px } #category-title { width: 100%; padding: 15px 0 17px; text-align: center; margin-bottom: 40px; background-image: url("../img/archive-title.jpg"); background-position: center center } @media only screen and (min-width: 40.0625em) { #category-title { padding:25px 0 27px } } @media only screen and (min-width: 64.0625em) { #category-title { padding:35px 0 37px } } #category-title h1 { color: #fff; font-size: 30px; line-height: 1; letter-spacing: -0.05em; margin: 0 } @media only screen and (min-width: 40.0625em) { #category-title h1 { font-size:40px } } @media only screen and (min-width: 64.0625em) { #category-title h1 { font-size:50px } } @media only screen and (min-width: 75.0625em) { #category-title h1 { font-size:60px } } #category-title h1+p { color: #fff; margin: 20px 0 0 } #category-title h2 { color: #fff; font-size: 40px; line-height: 1; letter-spacing: -0.05em; margin: 0 } #archive-title { width: 100%; padding: 15px 0 17px; text-align: center; margin-bottom: 40px; background: #ef2673 } @media only screen and (min-width: 40.0625em) { #archive-title { padding:25px 0 27px } } @media only screen and (min-width: 64.0625em) { #archive-title { padding:35px 0 37px } } #archive-title h1 { font-size: 25px; line-height: 1; letter-spacing: -0.05em; margin: 0; color: #fff } @media only screen and (min-width: 40.0625em) { #archive-title h1 { font-size:30px } } @media only screen and (min-width: 64.0625em) { #archive-title h1 { font-size:35px } } @media only screen and (min-width: 75.0625em) { #archive-title h1 { font-size:40px } } #archive-title h1 span { font-weight: 600; text-transform: uppercase; color: #ef2673; display: block; margin-top: 10px } @media only screen and (min-width: 40.0625em) { #archive-title h1 span { display:inline; margin: 0 } } #archive-title h1+p { color: #fff; margin: 20px 0 0 } .blog-section { margin: 55px 0 } .blog-section+.sidebar { margin: 0 0 55px 0 } @media only screen and (min-width: 40.0625em) { .blog-section+.sidebar { margin-top:55px } } .content-section { padding-right: 15px } @media only screen and (min-width: 40.0625em) { .content-section { padding-right:40px } } @media only screen and (min-width: 40.0625em) { .content-section.with-border { border-right:1px solid #eaeaea } } .blog_nav { margin-top: 55px; text-transform: uppercase; font-weight: 600; font-size: 11px } .blog_nav a { line-height: 18px; color: #222 } .blog_nav .fa { font-size: 18px; position: relative; vertical-align: middle; top: -1px } .blog_nav .next { float: left } .blog_nav .next .fa { margin-right: 15px } .blog_nav .prev { float: right } .blog_nav .prev .fa { margin-left: 15px } .sidebar { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px } @media only screen and (min-width: 40.0625em) { .sidebar { padding-left:45px } } @media only screen and (min-width: 40.0625em) { .sidebar.with-border { border-left:1px solid #eaeaea } } .sidebar .sidebar_inner { background: #fff; padding: 0 20px; height: auto !important } .post-detail-style2-row .sidebar .sidebar_inner { padding: 20px } .post-detail-row .sidebar { display: none } @media only screen and (min-width: 64.0625em) { .post-detail-row .sidebar { display:block } } .sidebar.woo { padding: 0 } @media only screen and (min-width: 40.0625em) { .sidebar.woo { padding:0 } } @media only screen and (min-width: 64.0625em) { .sidebar.woo { padding-left:3% } .rtl .sidebar.woo { padding-left: 0; padding-right: 3% } .sidebar.woo.large-order-1 { padding-left: 0; padding-right: 3% } .rtl .sidebar.woo.large-order-1 { padding-right: 0; padding-left: 3% } } .widget { margin-bottom: 30px; width: 100% } .widget:last-child { margin-bottom: 0 } .widget .post.style1,.widget .post.style2 { border: 0 } .widget .shared-style2 .post.listing { flex-direction: column; align-items: flex-start } .widget .shared-style2 .post.listing .figure img { border-radius: 0; width: 100%; height: auto } .widget li:not(.post) a:not([class^="cat-"]):not([class^="tag-cloud"]):not([class^="boxed-icon"]) { color: #595959 } .widget li:not(.post) a:not([class^="cat-"]):not([class^="tag-cloud"]):not([class^="boxed-icon"]):hover { color: #ef2673 } .widget .post .post-title a { color: #222 } .widget .post .post-title a:hover { color: #222 } .widget.style1 { border: 1px solid #dedede; padding: 19px } .widget.style2 { padding: 0; border: 0; border-top: 1px solid #ededed; margin-bottom: 45px } .widget.style2>strong { position: static; text-align: left; color: #222 } .widget.style2>strong span { background: none; width: 100%; padding: 18px 0 30px; height: auto; line-height: 1 } .widget.style3 { padding: 0; border: 0; margin-bottom: 40px } .widget.style3>strong { position: static; text-align: left; color: #222; width: 100%; border-bottom: 1px solid #ededed; text-align: center; font-weight: 600; height: 12px; margin-bottom: 30px; padding-top: 4px; letter-spacing: normal; font-size: 12px } .widget.style3>strong span { display: inline-block; background: #fff; width: auto; padding: 0 8px; height: auto; line-height: 1; font-weight: 600 } .widget.style4 { padding: 15px; border: 0; margin: 0 } @media only screen and (min-width: 40.0625em) { .widget.style4 { padding:40px 25px } .widget.style4.widget_socialicons { padding: 30px } } .vc_inner .widget.style4 { padding: 0 } .vc_inner .widget.style4+.widget.style4 { padding: 15px } @media only screen and (min-width: 40.0625em) { .vc_inner .widget.style4+.widget.style4 { padding:25px } } .widget.style4>strong { position: static; text-align: left; color: #222; width: 100%; text-align: center; font-weight: 600; margin-bottom: 25px; line-height: 1; letter-spacing: normal; font-size: 12px } .widget.style4>strong span { display: inline-block; background: #fff; width: auto; padding: 0 8px; height: auto; line-height: 1; font-weight: 600 } .widget.style4+.widget.style4 { position: relative } .widget.style4+.widget.style4:after { content: ''; display: block; position: absolute; top: 0; left: -15px; right: -15px; z-index: 5; border-top: 1px solid #eaeaea } .vc_inner .widget.style4+.widget.style4:after { left: 0; right: 0 } .widget.style4:first-of-type { padding-top: 0 } .widget.style5 { border: 2px solid #f0f0f0; padding: 30px } .widget.style5>strong { letter-spacing: normal; font-size: 20px; top: 0; color: #222 } .widget.style5>strong span { display: block; padding: 0 0 15px; margin-bottom: 30px; line-height: 1; height: auto; background: none; border-bottom: 2px solid #f0f0f0; text-transform: uppercase; text-align: left } .rtl .widget.style5>strong span { text-align: right } .widget.style5 .post.listing .figure img { border-radius: 50%; width: 75px; height: 75px } .widget.style5 .shared-style2 .post.listing { flex-direction: column; align-items: flex-start } .widget.style5 .shared-style2 .post.listing .figure img { border-radius: 0; width: 100%; height: auto } .widget.style5 ul li { border-bottom: 1px solid #e9e9e9; padding-bottom: 20px; margin-bottom: 12px } .widget.style5 ul li:first-child { padding-top: 0 } .widget.style5 ul li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0 } .widget.style5.widget_socialicons ul li { margin: 0; padding: 0; border: 0 } .widget.style6 { border: 0; padding: 0 } .widget.style6>strong { top: 0; margin-bottom: 10px } .widget.style6>strong span { display: block; background: #222; font-size: 12px; font-weight: 600; color: #fff; height: 46px; line-height: 46px } .widget.style7 { border: 1px solid #e5e5e5; margin-bottom: 40px; padding-top: 0 } @media only screen and (min-width: 40.0625em) { .widget.style7 { padding:29px; padding-top: 0 } } .widget.style7>strong { font-weight: 500; color: #222; top: -18px } #footer.left-align-text .widget.style7>strong { text-align: left } .widget.style7>strong span { background: #fff } #footer .widget.style7>strong span { padding: 0 } .widget.style8>strong { top: 0; margin-bottom: 30px } .widget.style8>strong span { display: block; background: transparent !important; border: 1px solid #222; height: 45px; line-height: 43px } .widget>strong { text-align: center; margin: 0; color: #222; font-weight: 400; font-size: 10px; display: block; position: relative; top: -20px; text-transform: uppercase; letter-spacing: 0.1em; color: #222 } .widget>strong span { display: inline-block; background: #ffe7f0; height: 35px; padding: 0 20px; line-height: 35px; font-weight: 400 } .widget>strong.style1 { color: #ef2673 } .widget ul { margin: 0 } .widget ul li { display: block; padding: 8px 0; font-size: 14px; line-height: 18px; margin: 0; clear: both } .widget ul li:first-child { padding-top: 0 } .widget ul li:last-child { border-bottom: 0; padding-bottom: 0 } .widget ul li p { font-size: 13px; line-height: 18px } #footer .widget ul li { font-size: 13px; border-color: rgba(255,255,255,0.1) } .widget ul.menu a { font-size: 12px; font-weight: 400 } .widget ul.menu .current-menu-item>a { color: #ef2673 } .widget ul.menu .sub-menu { margin-top: 15px; padding-top: 15px; padding-left: 10px; border-top: 1px solid #eeeeee } .widget .count-image { position: relative; width: 100%; margin-bottom: 20px; overflow: hidden } .widget .count-image img { width: 100% } .widget .count-image .count { z-index: 10; position: absolute; top: 12px; left: 12px; display: block; background: #ef2673; text-align: center; color: #fff; width: 30px; height: 30px; line-height: 32px; font-size: 12px; font-weight: 600; border-radius: 15px } .widget .count-image+.post-title { margin-bottom: 20px !important; text-align: center } .widget.widget_recent_entries ul li,.widget.widget_recent_comments ul li { margin: 0; padding: 14px 0; font-size: 14px; font-weight: 400; border-bottom: 1px dotted rgba(134,134,134,0.6) } .widget.widget_recent_entries ul li .url,.widget.widget_recent_comments ul li .url { color: #ef2673 } .widget.widget_tag_cloud .wp-tag-cloud { text-align: center } .widget.widget_tag_cloud .wp-tag-cloud li { display: inline-block; padding: 0; border: 0; margin: 0 } .widget.widget_tag_cloud .next { display: none } .widget.widget_categories ul li { padding: 12px 0 } .widget.widget_nav_menu .thb-arrow,.widget.widget_pages .thb-arrow { display: inline-flex; padding-left: 15px; cursor: pointer } .widget.widget_nav_menu .thb-arrow i,.widget.widget_pages .thb-arrow i { pointer-events: none } .rtl .widget.widget_nav_menu .thb-arrow,.rtl .widget.widget_pages .thb-arrow { padding-left: 0; padding-right: 15px } .widget.widget_nav_menu .sub-menu,.widget.widget_nav_menu .children,.widget.widget_pages .sub-menu,.widget.widget_pages .children { display: none; padding: 10px 0 0 20px; list-style: none } .rtl .widget.widget_nav_menu .sub-menu,.rtl .widget.widget_nav_menu .children,.rtl .widget.widget_pages .sub-menu,.rtl .widget.widget_pages .children { padding: 10px 20px 0 0 } .widget.widget_nav_menu .sub-menu li:last-child,.widget.widget_nav_menu .children li:last-child,.widget.widget_pages .sub-menu li:last-child,.widget.widget_pages .children li:last-child { margin: 0 } .widget.widget_calendar #calendar_wrap { border: 1px solid rgba(0,0,0,0.07) } .widget.widget_calendar table { background: transparent; border: 0; width: 100%; border-collapse: collapse; table-layout: fixed; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .widget.widget_calendar table thead { background: transparent; font-size: 12px; border-bottom: 1px solid rgba(0,0,0,0.07) } .widget.widget_calendar table thead th { padding: 13px 0; color: #303030; text-align: center; font-weight: 800 } .widget.widget_calendar table tbody tr:nth-child(even) { background: rgba(0,0,0,0.01) } .widget.widget_calendar table tbody td { font-size: 12px; color: #686868; text-align: center; padding: 9px 0 } .widget.widget_calendar table tfoot { background: transparent; margin-top: 10px; border-top: 1px solid rgba(0,0,0,0.07) } .widget.widget_calendar table tfoot tr td { padding: 12px 14px; font-size: 12px } .widget.widget_calendar table tfoot tr td a { color: #737373; text-transform: uppercase; font-weight: 800 } .widget.widget_calendar table tfoot tr #next { text-align: right } .widget.widget_calendar table caption { color: #303030; font-size: 12px; text-transform: uppercase; font-weight: 400; padding: 15px 0; border-bottom: 1px solid rgba(0,0,0,0.07) } .widget.widget_featured_video { padding: 19px 0 0; text-align: center } .widget.widget_featured_video h6 { display: block; padding: 0 15px; font-weight: 400; font-size: 16px; line-height: 22px; margin: 5px 0 25px } .widget.widget_featured_video .flex-video { margin: 0 } .widget.widget_categoryslider { padding-bottom: 0 } .widget.widget_categoryslider .slick-slider { padding-bottom: 30px } .widget.widget_categoryslider .slick.dark-pagination .slick-dots { bottom: 10px; padding: 0 } .widget.widget_categoryslider .post { margin: 0 } .widget.widget_categoryslider .post:not(.cover-image) { padding: 0 } .widget.widget_categoryslider .post .post-gallery { margin-bottom: 20px } .widget.widget_categoryslider .post .post-title h4 { font-weight: 400; margin-bottom: 10px } .widget.widget_categoryslider .category-slider-style2.slick.dark-pagination .slick-dots { bottom: 0 } .widget.widget_categoryslider .category-slider-style2.slick.dark-pagination .post .post-title h4 { font-weight: 500; font-size: 22px } .widget.widget_categoryslider .category-widget-slider .featured-title { align-items: center; justify-content: center } .widget.widget_categoryslider .category-widget-slider .featured-title .post-title { text-align: center } .widget.widget_text { border: 0 } .widget.widget_text.style1 { padding: 0 } .widget.thb_widget_twitter .thb-twitter-carousel-wrapper { background: #e4f2f8; padding: 20px } @media only screen and (min-width: 40.0625em) { .widget.thb_widget_twitter .thb-twitter-carousel-wrapper { padding:40px } } .widget.thb_widget_twitter .thb-twitter-carousel-header { text-align: center; padding: 0 0 25px 0; font-size: 36px; line-height: 1; color: #00aced } .widget.thb_widget_twitter .thb-carousel .thb-tweet { padding: 0; font-size: 16px; text-align: center; margin: 0 } .widget.thb_widget_twitter .thb-carousel .thb-tweet .thb-tweet-time { margin-top: 15px } .widget.thb_widget_twitter .thb-twitter-header { height: 100px; border-radius: 3px 3px 0 0 } .widget.thb_widget_twitter .thb-twitter-header>a { display: block; position: relative; height: 100% } .widget.thb_widget_twitter .thb-twitter-header .thb_twitter_header_bg { display: block; border-radius: 3px 3px 0 0; height: 100%; width: 100%; object-fit: cover } .widget.thb_widget_twitter .thb-twitter-header .thb_twitter_avatar { position: absolute; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #fff; bottom: -12px; left: 50%; margin-left: -25px } .widget.thb_widget_twitter .thb-twitter-content { background: #fff; border-radius: 0 0 3px 3px; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 13px } @media only screen and (min-width: 40.0625em) { .widget.thb_widget_twitter .thb-twitter-content { padding:18px } } .widget.thb_widget_twitter .thb-twitter-user { padding: 5px 0 20px; margin-bottom: 20px; border-bottom: 1px solid #eaeaea; color: #222 } .widget.thb_widget_twitter .thb-twitter-user .thb-twitter-username,.widget.thb_widget_twitter .thb-twitter-user .thb-twitter-screenname { font-size: 12px; margin-right: 10px; font-weight: 500; text-transform: uppercase } .widget.thb_widget_twitter .thb-twitter-user .thb-twitter-screenname { opacity: 0.4; margin-right: 0 } .widget.thb_widget_twitter .thb-twitter-user .thb-twitter-usermeta { margin-top: 5px; opacity: 0.4; text-transform: uppercase; font-size: 10px } .widget.thb_widget_twitter .thb-twitter-user .thb-twitter-usermeta span { margin-right: 15px } .widget.thb_widget_twitter .thb-tweet { position: relative; padding-left: 30px; margin-bottom: 20px; font-size: 12px; color: #222 } .widget.thb_widget_twitter .thb-tweet:last-of-type { margin-bottom: 0 } .widget.thb_widget_twitter .thb-tweet .fa { position: absolute; top: 2px; left: 0; color: #d3d3d3; font-size: 20px; line-height: 1 } .widget.thb_widget_twitter .thb-tweet .thb-tweet-time { opacity: 0.6; text-transform: uppercase; font-size: 10px; margin-top: 8px; line-height: 1 } .widget.thb_widget_twitter .thb-tweet .thb-tweet-text a { color: #00aced } .widget.thb_widget_twitter .thb-tweet .thb-tweet-text a:hover { color: #0099d4 } .widget.thb_widget_twitter .thb-tweet .thb-tweet-actions { line-height: 1; margin-top: 10px; font-size: 10px } .widget.thb_widget_twitter .thb-tweet .thb-tweet-actions a { display: inline-flex; align-items: center; margin-right: 14px } .widget.thb_widget_twitter .thb-tweet .thb-tweet-actions a i { font-size: 14px } .widget.thb_widget_twitter .thb-tweet .thb-tweet-actions a .tweet-count { margin-left: 8px } .widget.thb_widget_instagram .thb-instagram-row figure { margin: 0 } .widget.thb_widget_instagram .thb-instagram-footer { padding: 20px 0; line-height: 1; text-align: center; font-size: 16px; line-height: 20px; border-bottom: 1px solid #eaeaea } .widget.thb_widget_instagram .thb-instagram-footer i { font-size: 20px; margin-right: 10px } .widget.thb_widget_instagram .thb-instagram-header { display: flex; align-items: center; margin-bottom: 20px } .widget.thb_widget_instagram .thb-instagram-header a { display: block; width: 54px; height: 54px; line-height: 0; margin-right: 20px } .widget.thb_widget_instagram .thb-instagram-header a .thb_instagram_avatar { border-radius: 50px; width: 54px; height: 54px } .widget.thb_widget_instagram .thb-instagram-header .thb-instagram-username { font-size: 12px; font-weight: 500; text-transform: uppercase } .widget.thb_widget_instagram .thb-instagram-header .thb-instagram-usermeta { margin-top: 5px; opacity: 0.4; text-transform: uppercase; font-size: 10px } .widget.thb_widget_instagram .thb-instagram-header .thb-instagram-usermeta span { margin-right: 15px } .widget.widget_flickr,.widget.widget_dribbble,.widget.thb_pinterest_widget { text-align: center; padding: 0 -2px } .widget.widget_flickr .photocontainer,.widget.widget_dribbble .photocontainer,.widget.thb_pinterest_widget .photocontainer { display: flex; flex-wrap: wrap } .widget.widget_flickr .photocontainer .overlay-effect,.widget.widget_dribbble .photocontainer .overlay-effect,.widget.thb_pinterest_widget .photocontainer .overlay-effect { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: .9; -webkit-transition: all .2s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out false; will-change: opacity; padding: 0 2px 4px; display: flex; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .widget.widget_flickr .photocontainer .overlay-effect figure,.widget.widget_dribbble .photocontainer .overlay-effect figure,.widget.thb_pinterest_widget .photocontainer .overlay-effect figure { display: block; height: 0; width: 100%; padding-bottom: 100%; position: relative } .widget.widget_flickr .photocontainer .overlay-effect figure>a,.widget.widget_dribbble .photocontainer .overlay-effect figure>a,.widget.thb_pinterest_widget .photocontainer .overlay-effect figure>a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .widget.widget_flickr .photocontainer .overlay-effect:hover,.widget.widget_dribbble .photocontainer .overlay-effect:hover,.widget.thb_pinterest_widget .photocontainer .overlay-effect:hover { opacity: 1 } .widget.widget_flickr .pin_link,.widget.widget_dribbble .pin_link,.widget.thb_pinterest_widget .pin_link { display: block; margin-top: 20px; text-transform: uppercase; text-align: left; font-size: 11px; font-weight: 600 } .widget.widget_latestlist ul li { padding-top: 0; padding-bottom: 20px } .widget.widget_latestlist ul li .post-author { margin: 0; color: #a7a7a7; font-size: 10px } .widget.widget_latestlist ul li .post-title h6 { font-weight: 600; font-size: 15px; line-height: 20px; margin: 0 0 5px } .widget.widget_latestlist ul li .post-content p { margin: 0 } .widget.widget_subscribe_widget { text-align: center } .widget.widget_subscribe_widget p { font-size: 14px; line-height: 1.6; margin-bottom: 20px } .widget.widget_subscribe_widget input[type="text"] { height: 40px; width: 100% } .widget.widget_subscribe_widget .newsletter-form-container { position: relative; z-index: 2 } .widget.widget_subscribe_widget .newsletter-container.light-text { color: #fff } .widget.widget_subscribe_widget .newsletter-container.has-image { position: relative; overflow: hidden; padding: 20px 15px } @media only screen and (min-width: 40.0625em) { .widget.widget_subscribe_widget .newsletter-container.has-image { padding:40px 30px } } .widget.widget_subscribe_widget .newsletter-container.has-image .parallax_bg { position: absolute; top: -5%; left: -5%; width: 110%; height: 110%; z-index: -1 } .widget.widget_about { text-align: center } .widget.widget_about figure { display: block; text-align: center; margin-bottom: 30px } .widget.widget_about figure img { display: inline-block; max-width: 100% } .widget.widget_about p { font-size: 14px; line-height: 1.6; display: block; padding: 0 10% } .widget.widget_about p>img { margin-top: 20px } .widget.widget_socialicons { text-align: center } .widget.widget_socialicons li { padding: 0; border: 0 } .widget.widget_socialicons ul li a { font-size: 20px; display: inline-block } .widget.widget_socialicons .social-icons-style2 { margin: 0; padding: 0 20px } .widget.widget_socialicons .social-icons-style2 .social { display: inline-flex; background: #222; width: 52px; height: 52px; justify-content: center; align-items: center; color: #fff !important; border-radius: 26px; margin-bottom: 20px } .widget.widget_socialicons .social-icons-style2 .social.facebook:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.google:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.google-plus:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.linkedin:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.vkontakte:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.pinterest:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.whatsapp:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.twitter:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.instagram:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.vk:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.tumblr:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.xing:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.soundcloud:hover { background: #f80 } .widget.widget_socialicons .social-icons-style2 .social.dribbble:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.youtube:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.spotify:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.behance:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.deviantart:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.snapchat:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.medium:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.vimeo:hover { background: #1ab7ea } .widget.widget_socialicons .social-icons-style2 .social.email:hover { background: #9b9b9b } .widget.widget_socialicons .social-icons-style2 .social.reddit:hover { background: #00000 } .widget.widget_socialicons .social-icons-style2 .social.telegram:hover { background: #00000 } .widget.widget_price_filter .price_slider { height: 4px; background: #eee; position: relative; margin-bottom: 25px; margin-top: 10px } .widget.widget_price_filter .price_slider .ui-slider-range { height: 4px; background: #0cbf69; position: absolute } .widget.widget_price_filter .price_slider .ui-slider-handle { display: block; position: absolute; outline: 0; top: -4px; width: 12px; height: 12px; border-radius: 6px; background: #fff; border: 3px solid #0cbf69; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s } .widget.widget_price_filter .price_slider_amount .button { float: right; font-size: 12px; font-weight: 700; padding: 1px 0; border: 0; color: #0cbf69; background: transparent; height: auto; text-transform: uppercase } .widget.widget_price_filter .price_slider_amount .button:hover { background: transparent !important; color: #222 } .widget.widget_price_filter .price_slider_amount .price_label { float: left; line-height: 14px; font-size: 12px; text-transform: uppercase; color: #222 } .widget.widget_price_filter .price_slider_amount .price_label span { font-weight: 700 } .overlay-effect { position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; max-height: 100%; height: 100% } .overlay-effect.fresco { display: block } .overlay-effect img { width: 100%; line-height: 0 } .overlay-effect .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; background: rgba(234,120,85,0.9); text-align: center; opacity: 0; padding: 30px } .overlay-effect .overlay>div { display: table; width: 100%; height: 100% } .overlay-effect .overlay>div>div { display: table-cell; vertical-align: middle } .overlay-effect .overlay .post-title { margin-top: 0 } .overlay-effect .overlay .post-title h3 { color: #fff } .overlay-effect .overlay .post-content { color: #fff } .overlay-effect .overlay .post-content p { margin-bottom: 30px } .overlay-effect .overlay .post-meta { color: #fff } .overlay-effect .buttons { text-align: center } .product_list_widget { list-style: none; margin: 0 } .product_list_widget .remove { display: flex; justify-content: center; align-items: center; width: 14px; height: 14px; font-size: 14px; font-weight: 400; position: absolute; top: 0; right: 0 } .rtl .product_list_widget .remove { right: auto; left: 0 } .product_list_widget li { position: relative; margin-bottom: 20px; padding-bottom: 20px; padding-left: 0; white-space: normal } .product_list_widget li.empty { text-align: center; font-size: 18px; font-weight: 600; color: #222; margin: 30px 0 } .product_list_widget li:last-child { border-bottom: 0; margin-bottom: 0 } .product_list_widget a { display: block; font-weight: 400; color: #222; opacity: 1; text-transform: none; font-size: 16px } .product_list_widget a:before { display: none } .product_list_widget a .wp-post-image,.product_list_widget a .attachment-woocommerce_thumbnail { max-width: 65px; margin-right: 15px; float: left } .rtl .product_list_widget a .wp-post-image,.rtl .product_list_widget a .attachment-woocommerce_thumbnail { float: right; margin-right: 0; margin-left: 15px } .product_list_widget a .product-title { display: block; margin-bottom: 0; font-size: 14px } .product_list_widget .woocommerce-Price-amount { color: rgba(34,34,34,0.7); font-size: 12px } .product_list_widget .quantity { margin-top: 5px; font-size: 12px; color: rgba(34,34,34,0.7) } .slick { max-width: 100%; height: 300px; position: relative; overflow: hidden } .slick:after { top: 50%; margin-top: -19px; bottom: auto } .slick .post { visibility: hidden } .slick.slick-initialized { height: auto; overflow: visible } .slick.slick-initialized .post { visibility: visible } .slick.slick-initialized .slick-list { opacity: 1 } .slick.slick-initialized:after { display: none } .slick.equal-height .slick-track { display: flex } .slick.equal-height.slick-initialized .slick-slide { height: auto; display: flex; flex: 1 } .slick.vertical-video .slick-list { height: auto !important } .slick.dark-pagination .slick-dots li button { background: rgba(0,0,0,0.2) } .slick.dark-pagination .slick-dots li.slick-active button { background: #000 } .slick.dark-pagination.bottom-margin { margin-bottom: 30px } .slick.dark-pagination.bottom-margin .slick-dots { padding-bottom: 0; bottom: -30px; height: 15px } .slick.mini-columns .columns { padding: 0px -1px; } .slick.overflow-visible .slick-list { overflow: visible } .slick.overflow-visible .slick-list .slick-slide { opacity: 0.4; pointer-events: none; -webkit-transition: opacity .25s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: opacity .25s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: opacity .25s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity .25s cubic-bezier(0.165, 0.84, 0.44, 1) } .slick.overflow-visible .slick-list .slick-slide.slick-active { opacity: 1; pointer-events: auto } .slick.featured-style8 { background: #222 } .slick.featured-style14 { background: #131313 } .slick.featured-style14 .slick-nav svg { margin: 0 !important } .slick.fly-nav .slick-nav { opacity: 0 } .slick.fly-nav:hover .slick-nav { opacity: 1 } .slick.post-carousel-style7 { margin: 0 -1px } .slick.post-carousel-style7 .slick-track { display: flex } .slick.post-carousel-style7.slick-initialized .slick-slide { height: auto; display: flex; flex: 1 } .slick.post-carousel-style7 .post { width: 100%; display: flex; flex-direction: column; margin: 0 1px } .slick.post-carousel-style7 .post .featured-title { flex: 1 } .slick.post-carousel-style8 .slick-slide:hover { box-shadow: inset 0 -4px 0 0 #222 } .slick.post-carousel-style11 .slick-track { display: flex } .slick.post-carousel-style11.slick-initialized .slick-slide { height: auto; display: flex; flex: 1 } .slick.post-carousel-style12 .slick-slide { padding: 0 10px } .slick.flex .slick-track { display: flex } .slick.flex .slick-slide { height: auto; flex: 1 } .slick.outset-nav { padding: 0 50px; } .slick.outset-nav.featured-style-carousel { background: #f4f4f4; height: 100% } .slick.outset-nav.post-carousel-style5 .slick-nav { height: 100% } .slick.outset-nav .slick-nav { border: 0; top: 0; margin: 0; width: 50px; visibility: visible; background: transparent } .slick.outset-nav .slick-nav svg { fill: #222 } .slick.outset-nav .slick-nav.slick-prev { left: 0; padding-left: 15px; justify-content: flex-start } .slick.outset-nav .slick-nav.slick-next { right: 0; padding-right: 15px; justify-content: flex-end } .slick.outset-nav .slick-nav:hover { background: transparent } .slick:not(.outset-nav) .slick-nav svg { margin: 0 auto } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .slick:not(.outset-nav) .slick-nav svg { margin: 0 } } .slick.bottom-left-nav .slick-nav { position: absolute; top: auto; left: 15px; bottom: 8%; z-index: 99 } .slick.bottom-left-nav .slick-nav.slick-next { left: 65px } .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; opacity: 0; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; left: 0; top: 0; display: block; will-change: transform } .slick-track:before,.slick-track:after { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; position: relative; height: 100%; min-height: 1px; display: none } [dir="rtl"] .slick-slide { float: right } .slick-slide>a { display: block } .slick-slide img { display: block; width: 100% } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-nav { display: flex; align-items: center; justify-content: center; visibility: hidden; position: absolute; top: 50%; background: #fff; width: 46px; height: 46px; line-height: 1; margin-top: -23px; outline: 0; color: #fff; font-size: 20px; padding: 0; cursor: pointer; z-index: 10; border-radius: 50%; } .slick-nav.slick-disabled { opacity: 0.5; cursor: not-allowed } .slick-nav.slick-prev { left: 40px } .slick-nav.slick-prev .thb-arrow-head { -webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px) } .slick-nav.slick-prev .thb-arrow-line { -webkit-transform-origin: 100% center; -moz-transform-origin: 100% center; -ms-transform-origin: 100% center; -o-transform-origin: 100% center; transform-origin: 100% center; -webkit-transform: translateX(4px) scale(0, 1); -moz-transform: translateX(4px) scale(0, 1); -ms-transform: translateX(4px) scale(0, 1); -o-transform: translateX(4px) scale(0, 1); transform: translateX(4px) scale(0, 1) } .slick-nav.slick-prev:not(.slick-disabled):hover .thb-arrow-head { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px) } .slick-nav.slick-prev:not(.slick-disabled):hover .thb-arrow-line { -webkit-transform: translateX(0px) scale(1, 1); -moz-transform: translateX(0px) scale(1, 1); -ms-transform: translateX(0px) scale(1, 1); -o-transform: translateX(0px) scale(1, 1); transform: translateX(0px) scale(1, 1) } .slick-nav.slick-next { right: 40px } .slick-nav.slick-next .thb-arrow-head { -webkit-transform: translateX(-4px); -moz-transform: translateX(-4px); -ms-transform: translateX(-4px); -o-transform: translateX(-4px); transform: translateX(-4px) } .slick-nav.slick-next .thb-arrow-line { -webkit-transform-origin: 0 center; -moz-transform-origin: 0 center; -ms-transform-origin: 0 center; -o-transform-origin: 0 center; transform-origin: 0 center; -webkit-transform: translateX(-4px) scale(0, 1); -moz-transform: translateX(-4px) scale(0, 1); -ms-transform: translateX(-4px) scale(0, 1); -o-transform: translateX(-4px) scale(0, 1); transform: translateX(-4px) scale(0, 1) } .slick-nav.slick-next:not(.slick-disabled):hover .thb-arrow-head { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px) } .slick-nav.slick-next:not(.slick-disabled):hover .thb-arrow-line { -webkit-transform: translateX(0px) scale(1, 1); -moz-transform: translateX(0px) scale(1, 1); -ms-transform: translateX(0px) scale(1, 1); -o-transform: translateX(0px) scale(1, 1); transform: translateX(0px) scale(1, 1) } .slick-nav svg { fill: #222; stroke-width: 0 } .slick-nav:hover { background: #ef2673; color: #fff } .slick-nav:hover svg { fill: #fff } @media only screen and (min-width: 40.0625em) { .slick-nav { visibility:visible } } .slick-dots { position: absolute; bottom: 5%; text-align: center; width: 100% } .featured-style3 .slick-dots { bottom: 0 } @media only screen and (min-width: 40.0625em) { .featured-style3 .slick-dots { bottom:40px } } .featured-style2 .slick-dots { bottom: auto; top: 5% } .featured-style5 .slick-dots { bottom: 10px } .slick-dots li { display: inline-block !important; margin: 0 !important; padding: 0 !important; border: 0 !important } .slick-dots li button { display: block; width: 8px; height: 8px; background: rgba(255,255,255,0.2); border-radius: 5px; margin: 0 3px; text-indent: -9999px; padding: 0; outline: 0; cursor: pointer } .slick-dots li.slick-active button { background: #fff } .featured-style9 .slick-dots { position: static } .post-title-bullets { display: none; position: absolute; top: 50%; right: 30px; text-align: left; list-style: none; margin: 0; z-index: 5; max-width: 320px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden } @media only screen and (min-width: 64.0625em) { .post-title-bullets { display:block } } .post-title-bullets li button { display: block; outline: 0; color: #fff; position: relative; text-align: left; padding: 15px 0 15px 55px; padding-left: 55px } .post-title-bullets li button span { position: absolute; top: 50%; left: 0; z-index: 10; margin-top: -17px; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 12px; font-weight: 600; background: transparent; border-radius: 17px; border: 2px solid #fff; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden } .post-title-bullets li button h6 { color: #fff } .post-title-bullets li button .thb-post-top { margin-bottom: 10px } .post-title-bullets li button .post-meta { font-size: 10px } .post-title-bullets li.slick-active button span { color: #222; border-width: 17px } .bottom-right-nav-arrows { position: absolute; bottom: 0; right: 0; height: 51px; display: flex; width: 100% } @media only screen and (min-width: 40.0625em) { .bottom-right-nav-arrows { width:33.33%; height: 71px } } .bottom-right-nav-arrows .slick-nav { width: 50%; position: static; margin: 0; visibility: visible; background: transparent; height: 50px; border-top: 1px solid #262626 } @media only screen and (min-width: 40.0625em) { .bottom-right-nav-arrows .slick-nav { height:70px } } .bottom-right-nav-arrows .slick-nav .arrow-text { font-weight: 600; color: #fff; text-transform: uppercase; font-size: 12px } .bottom-right-nav-arrows .slick-nav.slick-prev .arrow-text { margin-left: 8px } .bottom-right-nav-arrows .slick-nav.slick-next { border-left: 1px solid #262626 } .bottom-right-nav-arrows .slick-nav.slick-next .arrow-text { margin-right: 8px } .bottom-right-nav-arrows .slick-nav svg { fill: rgba(255,255,255,0.4); margin: 0 !important } .bottom-right-nav-arrows .slick-nav:hover { background: #262626 } .slick[data-center="true"] .slick-list { padding: 0 15px } @media only screen and (min-width: 40.0625em) { .slick[data-center="true"] .slick-list { padding:0 30px } } @media only screen and (min-width: 64.0625em) { .slick[data-center="true"] .slick-list { padding:0 50px } } .slick.overflow-visible-only .slick-list { overflow: visible } form { margin: 0 } form fieldset { padding: 0; margin: 0; border: 0 } .btn,.btn:focus,.button,input[type=submit] { font-size: 12px; line-height: 1; font-weight: 600; padding: 14px 25px; height: 40px; margin-bottom: 0; display: inline-block; cursor: pointer; outline: 0; color: #fff; background: #222; text-transform: uppercase; text-decoration: none; text-shadow: none !important; text-align: center; overflow: hidden; border: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0) } .btn .icon,.btn:focus .icon,.button .icon,input[type=submit] .icon { margin-right: 10px } .btn .icon i,.btn:focus .icon i,.button .icon i,input[type=submit] .icon i { display: inline-block } .btn:hover,.btn:focus:hover,.button:hover,input[type=submit]:hover { color: #fff; background: #ef2673 } .btn:active,.btn:focus:active,.button:active,input[type=submit]:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); transform: translateY(1px) } .btn.disabled,.btn:focus.disabled,.button.disabled,input[type=submit].disabled { pointer-events: none; cursor: not-allowed; opacity: 0.6 } .btn.accent,.btn:focus.accent,.button.accent,input[type=submit].accent { background: #ef2673 } .btn.accent:hover,.btn:focus.accent:hover,.button.accent:hover,input[type=submit].accent:hover { background: #ea1164 } .btn.white,.btn:focus.white,.button.white,input[type=submit].white { background: #fff; color: #222 } .btn.white:hover,.btn:focus.white:hover,.button.white:hover,input[type=submit].white:hover { background: #222; color: #fff } .btn.border-radius-small,.btn:focus.border-radius-small,.button.border-radius-small,input[type=submit].border-radius-small { border-radius: 3px } .btn.pill-radius,.btn:focus.pill-radius,.button.pill-radius,input[type=submit].pill-radius { border-radius: 500px } .btn.mini,.btn:focus.mini,.button.mini,input[type=submit].mini { font-size: 10px; line-height: 10px; padding: 6px 8px 5px; vertical-align: middle; height: auto } .btn.small,.btn:focus.small,.button.small,input[type=submit].small { font-size: 12px; line-height: 12px; padding: 14px 30px; height: auto } .btn.very-small,.btn:focus.very-small,.button.very-small,input[type=submit].very-small { height: 32px; line-height: 32px; padding: 0 20px; font-size: 11px; font-weight: 400 } .btn.medium,.btn:focus.medium,.button.medium,input[type=submit].medium { font-size: 11px; padding: 8px 15px; height: auto } .btn.large,.btn:focus.large,.button.large,input[type=submit].large { font-size: 14px; line-height: 14px; padding: 21px 32px; height: 58px } .btn.right,.btn:focus.right,.button.right,input[type=submit].right { float: right } .btn.full,.btn:focus.full,.button.full,input[type=submit].full { width: 100% } .btn.green,.btn.single_add_to_cart_button,.btn:focus.green,.btn:focus.single_add_to_cart_button,.button.green,.button.single_add_to_cart_button,input[type=submit].green,input[type=submit].single_add_to_cart_button { background: #41d48d; color: #fff } .btn.green:hover,.btn.single_add_to_cart_button:hover,.btn:focus.green:hover,.btn:focus.single_add_to_cart_button:hover,.button.green:hover,.button.single_add_to_cart_button:hover,input[type=submit].green:hover,input[type=submit].single_add_to_cart_button:hover { background: #2ab873 } .btn.transparent-black,.btn:focus.transparent-black,.button.transparent-black,input[type=submit].transparent-black { background: transparent; border: 1px solid #222; color: #222 } .btn.transparent-black:hover,.btn:focus.transparent-black:hover,.button.transparent-black:hover,input[type=submit].transparent-black:hover { background: #222; color: #fff } .btn.transparent-accent,.btn:focus.transparent-accent,.button.transparent-accent,input[type=submit].transparent-accent { background: transparent; border: 1px solid #ef2673; color: #ef2673 } .btn.transparent-accent:hover,.btn:focus.transparent-accent:hover,.button.transparent-accent:hover,input[type=submit].transparent-accent:hover { background: #ef2673; color: #fff } .btn.transparent-white,.btn:focus.transparent-white,.button.transparent-white,input[type=submit].transparent-white { background: transparent; border: 1px solid #fff; color: #fff } .btn.transparent-white:hover,.btn:focus.transparent-white:hover,.button.transparent-white:hover,input[type=submit].transparent-white:hover { background: #fff; color: #222 } .thb-rounded-forms-on .btn,.thb-rounded-forms-on .btn:focus,.thb-rounded-forms-on .button,.thb-rounded-forms-on input[type=submit] { border-radius: 3px } input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea { border: 0; padding: 14px 15px; margin: 0 0 20px; height: 40px; color: #222; font-size: 12px; max-width: 100%; outline: 0; height: 40px; background: #fff; border: 1px solid #e5e5e5; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } input[type="text"].parsley-error,input[type="text"].wpcf7-not-valid,input[type="password"].parsley-error,input[type="password"].wpcf7-not-valid,input[type="date"].parsley-error,input[type="date"].wpcf7-not-valid,input[type="datetime"].parsley-error,input[type="datetime"].wpcf7-not-valid,input[type="email"].parsley-error,input[type="email"].wpcf7-not-valid,input[type="number"].parsley-error,input[type="number"].wpcf7-not-valid,input[type="search"].parsley-error,input[type="search"].wpcf7-not-valid,input[type="tel"].parsley-error,input[type="tel"].wpcf7-not-valid,input[type="time"].parsley-error,input[type="time"].wpcf7-not-valid,input[type="url"].parsley-error,input[type="url"].wpcf7-not-valid,textarea.parsley-error,textarea.wpcf7-not-valid { -webkit-box-shadow: 0 0 3px #cb2027; -moz-box-shadow: 0 0 3px #cb2027; box-shadow: 0 0 3px #cb2027 } input[type="text"].full,.form-row input[type="text"],input[type="password"].full,.form-row input[type="password"],input[type="date"].full,.form-row input[type="date"],input[type="datetime"].full,.form-row input[type="datetime"],input[type="email"].full,.form-row input[type="email"],input[type="number"].full,.form-row input[type="number"],input[type="search"].full,.form-row input[type="search"],input[type="tel"].full,.form-row input[type="tel"],input[type="time"].full,.form-row input[type="time"],input[type="url"].full,.form-row input[type="url"],textarea.full,.form-row textarea { width: 100% } input[type="text"].small,input[type="password"].small,input[type="date"].small,input[type="datetime"].small,input[type="email"].small,input[type="number"].small,input[type="search"].small,input[type="tel"].small,input[type="time"].small,input[type="url"].small,textarea.small { padding: 11px 13px } input[type="text"]:-moz-placeholder,input[type="password"]:-moz-placeholder,input[type="date"]:-moz-placeholder,input[type="datetime"]:-moz-placeholder,input[type="email"]:-moz-placeholder,input[type="number"]:-moz-placeholder,input[type="search"]:-moz-placeholder,input[type="tel"]:-moz-placeholder,input[type="time"]:-moz-placeholder,input[type="url"]:-moz-placeholder,textarea:-moz-placeholder { color: #767676 } input[type="text"]::-moz-placeholder,input[type="password"]::-moz-placeholder,input[type="date"]::-moz-placeholder,input[type="datetime"]::-moz-placeholder,input[type="email"]::-moz-placeholder,input[type="number"]::-moz-placeholder,input[type="search"]::-moz-placeholder,input[type="tel"]::-moz-placeholder,input[type="time"]::-moz-placeholder,input[type="url"]::-moz-placeholder,textarea::-moz-placeholder { color: #767676 } input[type="text"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,input[type="date"]:-ms-input-placeholder,input[type="datetime"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,input[type="number"]:-ms-input-placeholder,input[type="search"]:-ms-input-placeholder,input[type="tel"]:-ms-input-placeholder,input[type="time"]:-ms-input-placeholder,input[type="url"]:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #767676 } input[type="text"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,input[type="date"]::-webkit-input-placeholder,input[type="datetime"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="number"]::-webkit-input-placeholder,input[type="search"]::-webkit-input-placeholder,input[type="tel"]::-webkit-input-placeholder,input[type="time"]::-webkit-input-placeholder,input[type="url"]::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #767676 } input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus { border: 1px solid #737373; background: #fff } .dark input[type="text"],.dark input[type="password"],.dark input[type="date"],.dark input[type="datetime"],.dark input[type="email"],.dark input[type="number"],.dark input[type="search"],.dark input[type="tel"],.dark input[type="time"],.dark input[type="url"],.dark textarea { background: rgba(255,255,255,0.08); color: #fff; border: 0 } .dark input[type="text"]:-moz-placeholder,.dark input[type="password"]:-moz-placeholder,.dark input[type="date"]:-moz-placeholder,.dark input[type="datetime"]:-moz-placeholder,.dark input[type="email"]:-moz-placeholder,.dark input[type="number"]:-moz-placeholder,.dark input[type="search"]:-moz-placeholder,.dark input[type="tel"]:-moz-placeholder,.dark input[type="time"]:-moz-placeholder,.dark input[type="url"]:-moz-placeholder,.dark textarea:-moz-placeholder { color: #565656 } .dark input[type="text"]::-moz-placeholder,.dark input[type="password"]::-moz-placeholder,.dark input[type="date"]::-moz-placeholder,.dark input[type="datetime"]::-moz-placeholder,.dark input[type="email"]::-moz-placeholder,.dark input[type="number"]::-moz-placeholder,.dark input[type="search"]::-moz-placeholder,.dark input[type="tel"]::-moz-placeholder,.dark input[type="time"]::-moz-placeholder,.dark input[type="url"]::-moz-placeholder,.dark textarea::-moz-placeholder { color: #565656 } .dark input[type="text"]:-ms-input-placeholder,.dark input[type="password"]:-ms-input-placeholder,.dark input[type="date"]:-ms-input-placeholder,.dark input[type="datetime"]:-ms-input-placeholder,.dark input[type="email"]:-ms-input-placeholder,.dark input[type="number"]:-ms-input-placeholder,.dark input[type="search"]:-ms-input-placeholder,.dark input[type="tel"]:-ms-input-placeholder,.dark input[type="time"]:-ms-input-placeholder,.dark input[type="url"]:-ms-input-placeholder,.dark textarea:-ms-input-placeholder { color: #565656 } .dark input[type="text"]::-webkit-input-placeholder,.dark input[type="password"]::-webkit-input-placeholder,.dark input[type="date"]::-webkit-input-placeholder,.dark input[type="datetime"]::-webkit-input-placeholder,.dark input[type="email"]::-webkit-input-placeholder,.dark input[type="number"]::-webkit-input-placeholder,.dark input[type="search"]::-webkit-input-placeholder,.dark input[type="tel"]::-webkit-input-placeholder,.dark input[type="time"]::-webkit-input-placeholder,.dark input[type="url"]::-webkit-input-placeholder,.dark textarea::-webkit-input-placeholder { color: #565656 } .thb-rounded-forms-on input[type="text"],.thb-rounded-forms-on input[type="password"],.thb-rounded-forms-on input[type="date"],.thb-rounded-forms-on input[type="datetime"],.thb-rounded-forms-on input[type="email"],.thb-rounded-forms-on input[type="number"],.thb-rounded-forms-on input[type="search"],.thb-rounded-forms-on input[type="tel"],.thb-rounded-forms-on input[type="time"],.thb-rounded-forms-on input[type="url"],.thb-rounded-forms-on textarea { border-radius: 3px } .wpcf7-response-output { padding: 18px 22px !important; font-size: 12px; text-transform: uppercase; text-align: center } .wpcf7-not-valid-tip,.screen-reader-response { display: none !important } .wpcf7-form-control-wrap { width: 100% } .wpcf7-response-output { float: left; width: 100% } label { display: inline-block; clear: left; font-size: 12px; color: #222; margin: 0 0 10px; line-height: 12px; font-weight: 600; text-transform: uppercase } label abbr,label .required { text-decoration: none; border: 0; vertical-align: super; font-size: 10px; opacity: 0.6; border: none } textarea { height: auto; min-height: 162px; resize: none; overflow: auto } .wpcf7-form textarea { min-height: 200px } .select-wrapper { position: relative; display: inline-block; margin-bottom: 15px; outline: 0; min-width: 170px; border: 1px solid #eaeaea; color: #222 } .select-wrapper:after { content: ' '; background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjYuN3B4IiB2aWV3Qm94PSIwIDAgOCA0LjcwNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNy45OTggNC43MDciIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCQ0KCQkJPHJlY3QgeD0iMS44NTQiIHk9Ii0wLjQ3NSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMC45NzQ3IDIuMzUzNCkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiB3aWR0aD0iMSIgaGVpZ2h0PSI1LjY1NyIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KCTxnPg0KCQkNCgkJCTxyZWN0IHg9IjIuODE3IiB5PSIxLjg1NCIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMC4wMTA3IDQuNjgxMSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiB3aWR0aD0iNS42NTciIGhlaWdodD0iMSIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat; display: block; width: 12px; height: 7px; position: absolute; top: 20px; right: 15px; line-height: 1 } .rtl .select-wrapper select { padding: 0 17px 0 34px } .rtl .select-wrapper:after { right: auto; left: 15px } .select-wrapper select { display: block; font-size: 14px; font-weight: 400; height: 40px; padding: 0 34px 0 17px; border: 0; background: #fff; color: #222; outline: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; text-indent: 0.01px; text-overflow: ''; -moz-appearance: radio-container } .shipping-calculator-form .select-wrapper { width: 100% } @-moz-document url-prefix() { .select-wrapper:after { display: none } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .select-wrapper:after { display: none } } .custom_check { position: absolute; top: 0; left: 0; visibility: hidden } .custom_check+.custom_label { display: block !important; float: left; font-size: 14px; margin: 0; padding: 0 0 0 30px; min-height: 16px; line-height: 16px; position: relative; text-transform: none } .custom_check+.custom_label:before { content: ""; display: block; width: 16px; height: 16px; border: 1px solid #e5e5e5; position: absolute; background: #fff; top: 0; left: 0 } .custom_check+.custom_label:hover:before { border-color: #ef2673 } .custom_check+.custom_label:after { content: ''; width: 10px; height: 10px; background: #ef2673; position: absolute; top: 3px; left: 3px; opacity: 0 } .custom_check:checked+.custom_label:after { opacity: 1 } input[type="radio"].custom_check+.custom_label:before,input[type="radio"].custom_check+.custom_label:after { border-radius: 8px } .form-row.woocommerce-invalid-required-field .select2-container .select2-choice { border-color: #e76049 } .select2-container.select2-container--default { margin-bottom: 25px; clear: left; font-size: 14px; height: 40px } .select2-container.select2-container--default .select2-selection__arrow:before { content: "\f107"; display: block; font-family: FontAwesome; font-style: normal; font-weight: normal } .select2-container.select2-container--default .select2-selection__arrow b { display: none } .select2-container.select2-container--default.select2-container--open .select2-selection--single { border-color: #222 } .select2-container.select2-container--default .select2-selection--single { border-radius: 0; border-color: rgba(0,0,0,0.1); height: 40px; line-height: 40px } .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { height: 40px; line-height: 40px; padding-left: 16px } .select2-dropdown { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #222 } .rtl .select2-dropdown { left: auto; right: -9999px } .select2-dropdown.select2-drop-active { border-color: #222 } .select2-dropdown.select2-drop-active.select2-drop-above { border-top-color: #222 } .select2-dropdown .select2-search { padding: 8px } .select2-dropdown .select2-search input { background: #fff !important; margin-bottom: 5px } .select2-dropdown .select2-results { background: #fff; font-size: 14px } .select2-dropdown .select2-results .select2-results__option { margin: 0; height: 40px; line-height: 40px; padding: 0 16px; white-space: nowrap } .select2-dropdown .select2-results .select2-results__option[aria-selected=true] { background: rgba(0,0,0,0.1) } .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted { background: #222; border-radius: 0; color: #fff } .select2-container-single .select2-search input[type=text] { background: #fff !important } .select2-container-single .select2-search input[type=text] { background: #fff !important } .thb-custom-checkbox { line-height: 1; padding-top: 20px } .thb-custom-checkbox input[type="checkbox"] { opacity: 0; display: none } .thb-custom-checkbox input[type="checkbox"]:checked+label:before { background: #222; content: '\f00c'; opacity: 1 } .thb-custom-checkbox label { position: relative; display: inline-block; padding-left: 22px; line-height: 12px; font-size: 12px; margin: 0; text-transform: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .rtl .thb-custom-checkbox label { padding-left: 0; padding-right: 22px } .thb-custom-checkbox label:before { position: absolute; top: 50%; left: 0; font-family: "FontAwesome"; content: ''; color: #fff; width: 12px; font-size: 8px; height: 12px; margin-top: -6px; border: 1px solid #222; background: transparent; display: inline-flex; justify-content: center; align-items: center; opacity: 0.6 } .rtl .thb-custom-checkbox label:before { left: auto; right: 0 } .wp-video { max-width: 100% } .wp-video iframe,.wp-video video { max-width: 100%; height: auto } .wp-caption,.wp-caption-text,.sticky,.gallery-caption,.alignright,.alignleft,.aligncenter,.bypostauthor { color: inherit } .alignright { float: none; margin: 0 } @media only screen and (min-width: 40.0625em) { .alignright { float:right; margin: 0 0 0 40px } } .alignleft { float: none; margin: 0 } @media only screen and (min-width: 40.0625em) { .alignleft { float:left; margin: 0 40px 0 0 } } .alignright img,.alignleft img,.aligncenter img { max-width: 100% } img.center { margin: 0 auto; display: block } img.full { width: 100% } .aligncenter { display: block; margin: 0 auto } .wp-caption { position: relative; max-width: 100% } .wp-caption .wp-caption-text { display: block; margin: 0; font-weight: 400; font-size: 13px; line-height: 18px; color: #767676; padding: 13px 0 26px } .gallery { display: block; margin: 0 auto; float: left; clear: both } .gallery.gallery-columns-2 .gallery-item { width: 50% } .gallery.gallery-columns-3 .gallery-item { width: 33% } .gallery.gallery-columns-4 .gallery-item { width: 25% } .gallery.gallery-columns-5 .gallery-item { width: 20% } .gallery .gallery-item { display: inline-block; width: 100%; padding: 0 1px 1px 0; margin: 0; -webkit-transition: opacity .2s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0s; -moz-transition: opacity .2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: opacity .2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity .2s cubic-bezier(0.165, 0.84, 0.44, 1) false } .gallery .gallery-item:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: .8 } .gallery .gallery-item img { width: 100%; max-width: 100% } .gallery .gallery-item .gallery-icon a:not(.thb-pin-it) { line-height: 0; display: block; width: 100% } .gallery .gallery-item .gallery-icon { margin: 0 } .gallery .gallery-item .gallery-caption { display: none } .more-link { display: inline-block; font-weight: 600; color: #222; text-transform: uppercase; font-size: 11px; text-align: center } .more-link:after { content: '›'; display: inline-block; margin-left: 7px } [class^="tag-link"],.tag-cloud-link { display: inline-block; background: #f4f4f4; color: #8e8e8e; font-size: 10px; padding: 9px 12px; margin: 0 0px 3px 0; line-height: 1; text-transform: uppercase; font-weight: 400; border: 0 } [class^="tag-link"]:hover,.tag-cloud-link:hover { background: #ef2673; color: #fff } .searchform { margin: 0 } .searchform fieldset { position: relative; border: 0 } .searchform input { margin-bottom: 0; box-sizing: border-box; width: 100% } .searchform input[type="submit"],.searchform button { display: none } q,blockquote p { font-size: 26px; font-weight: 400; color: #ef2673; line-height: 36px !important; margin: 0 } cite { font-weight: 400; font-size: 16px; color: #ef2673; font-style: normal; line-height: 1; margin-top: 20px; text-transform: uppercase } cite:before { display: none } blockquote { position: relative; clear: both; text-align: center; border: 0; padding: 35px 25px; margin: 25px 0 } blockquote:before { content: ''; display: block; width: 60%; height: 2px; background: rgba(239,38,115,0.2); position: absolute; top: 0; left: 20% } blockquote:after { content: ''; display: block; width: 60%; height: 2px; background: rgba(239,38,115,0.2); position: absolute; bottom: 0; left: 20% } blockquote p { text-rendering: auto } blockquote.left,blockquote.pullleft { float: left; width: 40%; margin: 5px 30px 30px 0 } @media only screen and (max-width: 40.0625em) { blockquote.left,blockquote.pullleft { margin-right:0; width: 100% } } blockquote.right,blockquote.pullright { float: right; width: 40%; margin: 5px 0 30px 30px } @media only screen and (max-width: 40.0625em) { blockquote.right,blockquote.pullright { margin-left:0; width: 100% } } table:not(.variations):not(.shop_table):not(.group_table) { border-collapse: collapse; width: 100%; margin-bottom: 1rem; border-radius: 0 } table:not(.variations):not(.shop_table):not(.group_table) thead,table:not(.variations):not(.shop_table):not(.group_table) tbody,table:not(.variations):not(.shop_table):not(.group_table) tfoot { border: 1px solid #f1f1f1; background-color: #fefefe } table:not(.variations):not(.shop_table):not(.group_table) caption { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold } table:not(.variations):not(.shop_table):not(.group_table) thead { background: #f8f8f8; color: #0a0a0a } table:not(.variations):not(.shop_table):not(.group_table) tfoot { background: #f1f1f1; color: #0a0a0a } table:not(.variations):not(.shop_table):not(.group_table) thead tr,table:not(.variations):not(.shop_table):not(.group_table) tfoot tr { background: transparent } table:not(.variations):not(.shop_table):not(.group_table) thead th,table:not(.variations):not(.shop_table):not(.group_table) thead td,table:not(.variations):not(.shop_table):not(.group_table) tfoot th,table:not(.variations):not(.shop_table):not(.group_table) tfoot td { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left } table:not(.variations):not(.shop_table):not(.group_table) tbody th,table:not(.variations):not(.shop_table):not(.group_table) tbody td { padding: 0.5rem 0.625rem 0.625rem } table:not(.variations):not(.shop_table):not(.group_table) tbody tr:nth-child(even) { border-bottom: 0; background-color: #f1f1f1 } table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-stripes tbody tr:nth-child(even) { background: transparent !important } table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-stripes thead,table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-stripes tbody,table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-stripes tfoot { border-left: 0 !important; border-right: 0 !important } table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-regular tbody tr:nth-child(even) { background: #f7f7f7 } table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-regular thead,table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-regular tbody,table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-regular tfoot { border-color: rgba(0,0,0,0.2) } .has-thb-accent-background-color { background-color: #ef2673 } .has-thb-accent-color { color: #ef2673 } .has-thb-accent-color p { color: #ef2673 } .wp-block-pullquote { padding: 0 } .wp-block-button .wp-block-button__link.has-thb-accent-background-color { background-color: #ef2673 } .wp-block-button .wp-block-button__link.has-thb-accent-color { color: #ef2673 } .wp-block-button .wp-block-button__link.has-thb-accent-color p { color: #ef2673 } .wp-block-button.is-style-outline .wp-block-button__link { background: transparent !important } .alignwide { position: relative } @media only screen and (min-width: 64.0625em) { .alignwide { margin-left:-3%; margin-right: -3%; max-width: none; width: 106% } } @media only screen and (min-width: 64.0625em) { .post-detail-style3 .alignwide,.post-detail-style4 .alignwide { margin-left:-170px; margin-right: -170px; width: calc(100% + 340px) } } .alignfull { position: relative; width: 100vw } @media only screen and (min-width: 64.0625em) { .alignfull { max-width:100vw; margin-left: calc(50% - 40vw); width: calc(50% + 40vw) } } @media only screen and (min-width: 64.0625em) { .post-detail-style3 .alignfull,.post-detail-style4 .alignfull { left:50%; right: 50%; width: 100vw; margin-left: calc(-50vw - 50px); margin-right: -50vw } } .wp-block-image.thb-pin-it-container { max-width: 100vw } .post-detail ul.wp-block-gallery { margin-bottom: 1rem } .post-detail ul.wp-block-gallery:not(.alignwide):not(.alignfull) { margin-left: 0 } .post-detail ul.wp-block-gallery .blocks-gallery-image,.post-detail ul.wp-block-gallery .blocks-gallery-item { margin-bottom: 1rem } .wp-block-gallery.is-cropped .blocks-gallery-image a.thb-pin-it,.wp-block-gallery.is-cropped .blocks-gallery-item a.thb-pin-it { width: 36px; height: 36px } .wp-block-media-text { margin-bottom: 1rem } .wp-block-latest-comments { margin-left: 0 } .has-medium-font-size { font-size: 1.2em } .has-large-font-size { font-size: 2em } .has-huge-font-size { font-size: 3em } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color) { color: #fff } .authorpage { padding: 40px 0; border-bottom: 1px solid rgba(0,0,0,0.07); margin-bottom: 50px; max-width: 770px } .authorpage.author_grid { padding: 0 20px; border: 0 } .authorpage.author_grid .avatar { display: block; margin: 0 auto 30px auto } @media only screen and (min-width: 40.0625em) { .authorpage.author_grid .avatar { float:none; margin: 0 auto 30px auto } } .authorpage.author_grid .author-content { padding: 0; text-align: center } @media only screen and (min-width: 40.0625em) { .authorpage.author_grid .author-content { padding-left:0 } } @media only screen and (min-width: 64.0625em) { .authorpage.author_grid .author-content { padding-left:0 } } @media only screen and (min-width: 75.0625em) { .authorpage.author_grid .author-content { padding-left:0 } } .authorpage.author_grid .author-content h5 { font-size: 20px } .authorpage.author_grid .author-content h4 { font-size: 16px } .authorpage.author_grid .author-content p { font-size: 11px; line-height: 14px } .author-information .authorpage { border: 0; padding: 0; margin: 0 } @media only screen and (min-width: 40.0625em) { .author-information .authorpage .author-content { padding-left:84px; text-align: left } } @media only screen and (min-width: 64.0625em) { .author-information .authorpage .author-content { padding-left:104px } } @media only screen and (min-width: 75.0625em) { .author-information .authorpage .author-content { padding-left:144px } } .author-information .authorpage .author-content h5 { font-size: 18px; margin-bottom: 3px } .author-information .authorpage .author-content h4 { font-size: 14px } .author-information .authorpage .author-content p { font-size: 11px; margin-bottom: 10px } .author-information .authorpage .avatar { width: 54px; border-radius: 27px } @media only screen and (min-width: 40.0625em) { .author-information .authorpage .avatar { float:left; margin: 0 } } @media only screen and (min-width: 64.0625em) { .author-information .authorpage .avatar { width:74px; border-radius: 37px } } @media only screen and (min-width: 75.0625em) { .author-information .authorpage .avatar { width:114px; border-radius: 57px } } .authorpage .author-content { padding: 0; text-align: center } @media only screen and (min-width: 40.0625em) { .authorpage .author-content { padding-left:104px; text-align: left } } @media only screen and (min-width: 64.0625em) { .authorpage .author-content { padding-left:144px } } @media only screen and (min-width: 75.0625em) { .authorpage .author-content { padding-left:204px } } .authorpage .author-content h5 { font-size: 48px; line-height: 1; margin: 3px 0 0 0; color: #222; font-weight: 600; text-transform: uppercase } .authorpage .author-content h5 a { color: #222 } .authorpage .author-content h4 { font-size: 24px; line-height: 1; font-weight: 400; color: #767676; margin: 0 0 10px; text-transform: uppercase } .authorpage .author-content p { font-size: 12px; line-height: 18px; color: #767676; text-transform: uppercase } .authorpage .author-content .boxed-icon { width: 32px; height: 28px; line-height: 28px } .authorpage .avatar { display: block; width: 84px; margin: 0 auto 30px auto; border-radius: 42px } @media only screen and (min-width: 40.0625em) { .authorpage .avatar { float:left; margin: 0 } } @media only screen and (min-width: 64.0625em) { .authorpage .avatar { width:114px; border-radius: 57px } } @media only screen and (min-width: 75.0625em) { .authorpage .avatar { width:164px; border-radius: 82px } } .post-gallery-lightbox { padding: 0 } .post-gallery-lightbox .mfp-container { padding: 0 } .post-gallery-lightbox .mfp-content { height: 100vh; max-height: 100vh; overflow: scroll } @media only screen and (min-width: 40.0625em) { .post-gallery-lightbox .mfp-content { overflow:hidden } } .admin-bar .post-gallery-lightbox .mfp-content { height: calc(100vh - 46px) } @media screen and (min-width: 783px) { .admin-bar .post-gallery-lightbox .mfp-content { height:calc(100vh - 32px) } } .post-gallery-lightbox .mfp-arrow { display: none } .post-gallery-content { height: 100%; display: flex; flex-direction: column } .post-gallery-content .mfp-close { display: none } .post-gallery-content .lightbox-header { background: #fff; padding: 10px 0; width: 100%; flex-shrink: 0 } .post-gallery-content .lightbox-header .logolink { display: block } .post-gallery-content .lightbox-header .logolink .logoimg { max-height: 40px } .post-gallery-content .lightbox-header .lightbox-header-button { display: inline-flex; border: 0; outline: 0; background: none; cursor: pointer } .post-gallery-content .lightbox-header .lightbox-header-button svg { width: 40px } .post-gallery-content .lightbox-header .lightbox-header-button+button { margin-left: 20px } .post-gallery-content .lightbox-header .columns { display: flex; align-items: center } .post-gallery-content .lightbox-header .columns.center-column { justify-content: center } .post-gallery-content .lightbox-header .columns.close-column { justify-content: flex-end } .post-gallery-content .thb-gallery-arrow { display: inline-flex; width: 36px; height: 36px; border-radius: 18px; justify-content: center; align-items: center; background: #fff; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.1); box-shadow: 0 2px 8px rgba(0,0,0,0.1); -webkit-transition: box-shadow .25s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: box-shadow .25s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: box-shadow .25s cubic-bezier(0.165, 0.84, 0.44, 1); transition: box-shadow .25s cubic-bezier(0.165, 0.84, 0.44, 1) } .post-gallery-content .thb-gallery-arrow:hover { -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.2); box-shadow: 0 2px 8px rgba(0,0,0,0.2) } .post-gallery-content .thb-gallery-arrow:hover svg { fill: rgba(0,0,0,0.6) } .post-gallery-content .thb-gallery-arrow svg { fill: #000 } .post-gallery-content .thb-gallery-arrow.prev .thb-arrow-head { -webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px) } .post-gallery-content .thb-gallery-arrow.prev .thb-arrow-line { -webkit-transform-origin: 100% center; -moz-transform-origin: 100% center; -ms-transform-origin: 100% center; -o-transform-origin: 100% center; transform-origin: 100% center; -webkit-transform: translateX(4px) scale(0, 1); -moz-transform: translateX(4px) scale(0, 1); -ms-transform: translateX(4px) scale(0, 1); -o-transform: translateX(4px) scale(0, 1); transform: translateX(4px) scale(0, 1) } .post-gallery-content .thb-gallery-arrow.prev:hover .thb-arrow-head { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px) } .post-gallery-content .thb-gallery-arrow.prev:hover .thb-arrow-line { -webkit-transform: translateX(0px) scale(1, 1); -moz-transform: translateX(0px) scale(1, 1); -ms-transform: translateX(0px) scale(1, 1); -o-transform: translateX(0px) scale(1, 1); transform: translateX(0px) scale(1, 1) } .post-gallery-content .thb-gallery-arrow.next { right: 40px } .post-gallery-content .thb-gallery-arrow.next .thb-arrow-head { -webkit-transform: translateX(-4px); -moz-transform: translateX(-4px); -ms-transform: translateX(-4px); -o-transform: translateX(-4px); transform: translateX(-4px) } .post-gallery-content .thb-gallery-arrow.next .thb-arrow-line { -webkit-transform-origin: 0 center; -moz-transform-origin: 0 center; -ms-transform-origin: 0 center; -o-transform-origin: 0 center; transform-origin: 0 center; -webkit-transform: translateX(-4px) scale(0, 1); -moz-transform: translateX(-4px) scale(0, 1); -ms-transform: translateX(-4px) scale(0, 1); -o-transform: translateX(-4px) scale(0, 1); transform: translateX(-4px) scale(0, 1) } .post-gallery-content .thb-gallery-arrow.next:hover .thb-arrow-head { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px) } .post-gallery-content .thb-gallery-arrow.next:hover .thb-arrow-line { -webkit-transform: translateX(0px) scale(1, 1); -moz-transform: translateX(0px) scale(1, 1); -ms-transform: translateX(0px) scale(1, 1); -o-transform: translateX(0px) scale(1, 1); transform: translateX(0px) scale(1, 1) } @media only screen and (min-width: 40.0625em) { .post-gallery-content .thb-content-row { height:100%; max-height: calc(100% - 70px) } } .post-gallery-content .thb-content-row .columns { height: auto } .post-gallery-content .thb-content-row .columns.image { padding: 0; display: flex; justify-content: center; align-items: center; position: relative; height: 100% } @media only screen and (min-width: 40.0625em) { .post-gallery-content .thb-content-row .columns.image { padding:3% } } .post-gallery-content .thb-content-row .columns.image.gridActive .attachment-full { display: none } .post-gallery-content .thb-content-row .columns.image.gridActive .thb-gallery-grid { display: block; overflow-x: hidden; overflow-y: scroll } .post-gallery-content .thb-content-row .columns.image.gridActive .thb-gallery-arrow { display: none } .post-gallery-content .thb-content-row .columns.image .attachment-full { height: 100%; width: 100%; display: block; object-fit: contain } .post-gallery-content .thb-content-row .columns.image .thb-gallery-arrow { display: flex; position: absolute; top: 50%; margin-top: -18px; z-index: 30 } .post-gallery-content .thb-content-row .columns.image .thb-gallery-arrow.prev { left: 15px } @media only screen and (min-width: 40.0625em) { .post-gallery-content .thb-content-row .columns.image .thb-gallery-arrow.prev { left:25px } } .post-gallery-content .thb-content-row .columns.image .thb-gallery-arrow.next { right: 15px } @media only screen and (min-width: 40.0625em) { .post-gallery-content .thb-content-row .columns.image .thb-gallery-arrow.next { right:25px } } .post-gallery-content .thb-content-row .columns.image-text { background: #1d1d1d; padding: 3%; display: flex; flex-direction: column; justify-content: space-between } @media only screen and (min-width: 40.0625em) { .post-gallery-content .thb-content-row .columns.image-text { overflow-x:hidden; overflow-y: scroll } } .post-gallery-content .thb-content-row .columns.image-text .meta { display: flex; margin-bottom: 20px } .post-gallery-content .thb-content-row .columns.image-text .meta span { color: #767676; font-size: 13px } .post-gallery-content .thb-content-row .columns.image-text .meta span em { display: inline-flex; margin-right: 2px; color: #d5d5d5; font-style: normal; font-weight: 600 } .post-gallery-content .thb-content-row .columns.image-text h5 { color: #fff; font-weight: 600; font-size: 18px; margin: 0 0 15px 0 } .post-gallery-content .thb-content-row .columns.image-text h6 { color: #fff } .post-gallery-content .thb-content-row .columns.image-text p { font-size: 14px; color: #cfcfcf } .post-gallery-content .thb-content-row .columns.image-text small { font-size: 12px; color: #767676 } .post-gallery-content .thb-gallery-grid { width: 100%; position: absolute; top: 3%; left: 3%; width: 94%; height: 94%; display: none } .post-gallery-content .thb-gallery-grid .thb-grid-image { position: relative; margin: 0 0 20px; background: #000 } @media only screen and (min-width: 40.0625em) { .post-gallery-content .thb-gallery-grid .thb-grid-image { margin:0 0 30px } } .post-gallery-content .thb-gallery-grid .thb-grid-image:hover img { opacity: 0.9 } .post-gallery-content .thb-gallery-grid .thb-grid-image img { width: 100%; height: 100%; object-fit: contain } .post-gallery-content .thb-gallery-grid .thb-grid-image .thb-grid-count { position: absolute; top: 0; left: 0; z-index: 20; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 700; color: #fff } @media only screen and (min-width: 40.0625em) { .post-gallery-content .thb-gallery-grid .thb-grid-image .thb-grid-count { width:70px; height: 70px } } .post-gallery-content.lightbox-dark { background: #0a0a0a } .post-gallery-content.lightbox-dark .thb-gallery-arrow { background: transparent; border: 2px solid #fff; opacity: 0.4 } .post-gallery-content.lightbox-dark .thb-gallery-arrow svg { fill: #fff } .post-gallery-content.lightbox-dark .thb-gallery-arrow:hover { opacity: 1 } .post-gallery-content.lightbox-dark .lightbox-header { background: #0a0a0a } .post-gallery-content.lightbox-dark .lightbox-header .close-column svg { fill: #fff } .post-gallery-content.lightbox-dark .lightbox-header .close-column svg g { stroke: #fff } .post-gallery-content.lightbox-dark .thb-content-row .columns.image-text { background: #131313 } .post-gallery-content.lightbox-style2 .lightbox-header { padding: 0; border-bottom: 1px solid rgba(0,0,0,0.15) } .post-gallery-content.lightbox-style2 .lightbox-header .columns { padding: 0 } .post-gallery-content.lightbox-style2 .lightbox-header .columns .logolink { padding: 10px 0; margin-left: 10px } @media only screen and (min-width: 40.0625em) { .post-gallery-content.lightbox-style2 .lightbox-header .columns .logolink { margin-left:15px } } .post-gallery-content.lightbox-style2 .lightbox-header h5 { display: none; margin: 0 0 0 20px; font-size: 18px; font-weight: 600 } @media only screen and (min-width: 40.0625em) { .post-gallery-content.lightbox-style2 .lightbox-header h5 { display:block } } .post-gallery-content.lightbox-style2 .lightbox-header .meta { display: flex; align-items: center; font-size: 18px; font-weight: 600; margin-right: 18px } .post-gallery-content.lightbox-style2 .lightbox-header .meta em { display: inline-flex; margin: 0 4px; font-size: 12px; font-weight: 400; font-style: normal } .post-gallery-content.lightbox-style2 .lightbox-header .lightbox-header-button { width: 70px; min-height: 70px; justify-content: center; align-items: center; margin: 0; border-left: 1px solid rgba(0,0,0,0.15) } .post-gallery-content.lightbox-style2 .thb-content-row { background: #fff } .post-gallery-content.lightbox-style2 .thb-content-row .columns.image-text { background: transparent; border-left: 1px solid rgba(0,0,0,0.15) } .post-gallery-content.lightbox-style2.lightbox-dark .thb-content-row { background: #0a0a0a } .post-gallery-content.lightbox-style2.lightbox-dark .thb-content-row .columns.image-text { background: transparent; border-left-color: rgba(255,255,255,0.18) } .post-gallery-content.lightbox-style2.lightbox-dark .lightbox-header { border-color: rgba(255,255,255,0.18) } .post-gallery-content.lightbox-style2.lightbox-dark .lightbox-header h5,.post-gallery-content.lightbox-style2.lightbox-dark .lightbox-header .meta { color: #fff } .post-gallery-content.lightbox-style2.lightbox-dark .lightbox-header .lightbox-header-button { border-color: rgba(255,255,255,0.18) } .post-gallery-content.lightbox-style2.lightbox-light .thb-content-row .columns.image-text h5,.post-gallery-content.lightbox-style2.lightbox-light .thb-content-row .columns.image-text h6 { color: #000 } .post-gallery-content.lightbox-style2.lightbox-light .thb-content-row .columns.image-text p { color: rgba(0,0,0,0.8) } .post-gallery-content.lightbox-style2.lightbox-light .thb-content-row .columns.image-text small { color: rgba(0,0,0,0.5) } .thb-gallery-item .thb-gallery-image { position: relative; padding-left: 50px; margin-bottom: 30px } @media only screen and (min-width: 64.0625em) { .thb-gallery-item .thb-gallery-image { padding-left:0 } } .thb-gallery-item .thb-gallery-nav { display: flex; flex-direction: column; position: absolute; top: 0; left: 0; width: 60px; padding: 5px 4px 5px 0; background: #fff } .thb-gallery-item .thb-gallery-nav .arrow { display: flex; justify-content: center; align-items: center; width: 56px; height: 40px; opacity: 0.4; cursor: pointer } .thb-gallery-item .thb-gallery-nav .arrow svg { height: 20px; height: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .thb-gallery-item .thb-gallery-nav .arrow:hover { opacity: 1 } .thb-gallery-item .thb-gallery-nav .arrow.visually-hidden { visibility: hidden } .thb-gallery-item .thb-gallery-nav .arrow.to_top .thb-arrow-head { -webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px) } .thb-gallery-item .thb-gallery-nav .arrow.to_top .thb-arrow-line { -webkit-transform-origin: 100% center; -moz-transform-origin: 100% center; -ms-transform-origin: 100% center; -o-transform-origin: 100% center; transform-origin: 100% center; -webkit-transform: translateX(4px) scale(0, 1); -moz-transform: translateX(4px) scale(0, 1); -ms-transform: translateX(4px) scale(0, 1); -o-transform: translateX(4px) scale(0, 1); transform: translateX(4px) scale(0, 1) } .thb-gallery-item .thb-gallery-nav .arrow.to_top:hover .thb-arrow-head { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px) } .thb-gallery-item .thb-gallery-nav .arrow.to_top:hover .thb-arrow-line { -webkit-transform: translateX(0px) scale(1, 1); -moz-transform: translateX(0px) scale(1, 1); -ms-transform: translateX(0px) scale(1, 1); -o-transform: translateX(0px) scale(1, 1); transform: translateX(0px) scale(1, 1) } .thb-gallery-item .thb-gallery-nav .arrow.to_bottom .thb-arrow-head { -webkit-transform: translateX(-4px); -moz-transform: translateX(-4px); -ms-transform: translateX(-4px); -o-transform: translateX(-4px); transform: translateX(-4px) } .thb-gallery-item .thb-gallery-nav .arrow.to_bottom .thb-arrow-line { -webkit-transform-origin: 0 center; -moz-transform-origin: 0 center; -ms-transform-origin: 0 center; -o-transform-origin: 0 center; transform-origin: 0 center; -webkit-transform: translateX(-4px) scale(0, 1); -moz-transform: translateX(-4px) scale(0, 1); -ms-transform: translateX(-4px) scale(0, 1); -o-transform: translateX(-4px) scale(0, 1); transform: translateX(-4px) scale(0, 1) } .thb-gallery-item .thb-gallery-nav .arrow.to_bottom:hover .thb-arrow-head { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px) } .thb-gallery-item .thb-gallery-nav .arrow.to_bottom:hover .thb-arrow-line { -webkit-transform: translateX(0px) scale(1, 1); -moz-transform: translateX(0px) scale(1, 1); -ms-transform: translateX(0px) scale(1, 1); -o-transform: translateX(0px) scale(1, 1); transform: translateX(0px) scale(1, 1) } .thb-gallery-item .thb-gallery-nav .count { display: flex; justify-content: center; align-items: center; line-height: 1 } .thb-gallery-item .thb-gallery-nav .count em { display: inline-block; padding: 0 4px; font-style: normal; opacity: 0.6; font-size: 8px } .thb-gallery-item .thb-gallery-content { margin-bottom: 40px } .thb-gallery-item .thb-gallery-content h5 { font-weight: 600; margin-bottom: 10px } .thb-gallery-item:last-child .thb-gallery-content { margin-bottom: 0 } .mobile-toggle { display: inline-block; width: 30px; height: 30px; vertical-align: middle; position: relative; -webkit-transition: none 1s; -webkit-transition-delay: 0s; -moz-transition: none 1s; -o-transition: none 1s; transition: none 1s false false } .mobile-toggle div { width: 30px; height: 30px; position: relative } .mobile-toggle span { display: block; position: absolute; width: 22px; height: 3px; background: #222; content: " "; left: 4px; border-radius: 2px } .mobile-toggle span:nth-child(1) { top: 8px } .mobile-toggle span:nth-child(2) { top: 13px } .mobile-toggle span:nth-child(3) { top: 18px } .mobile-toggle.small span { width: 18px; height: 2px } .mobile-toggle.small span:nth-child(1) { top: 9px } .mobile-toggle.small span:nth-child(2) { top: 14px } .mobile-toggle.small span:nth-child(3) { top: 19px } #mobile-menu { position: fixed; top: 0; height: 100%; z-index: 99; padding: 20px 10px 20px 20px; width: 320px; background: #fff; overflow: hidden; left: 0; -webkit-transform: translate3d(-320px, 0, 0); -moz-transform: translate3d(-320px, 0, 0); -ms-transform: translate3d(-320px, 0, 0); -o-transform: translate3d(-320px, 0, 0); transform: translate3d(-320px, 0, 0) } @media only screen and (min-width: 40.0625em) { #mobile-menu { padding:30px 20px 30px 30px } } .rtl #mobile-menu { left: auto; right: 0; -webkit-transform: translate3d(320px, 0, 0); -moz-transform: translate3d(320px, 0, 0); -ms-transform: translate3d(320px, 0, 0); -o-transform: translate3d(320px, 0, 0); transform: translate3d(320px, 0, 0) } .touch #mobile-menu { overflow-x: hidden !important; overflow-y: scroll !important; -ms-overflow-style: -ms-autohiding-scrollbar !important; -webkit-overflow-scrolling: touch !important } @media only screen and (max-width: 40.0625em) { #mobile-menu { width:280px; left: 0; -webkit-transform: translate3d(-280px, 0, 0); -moz-transform: translate3d(-280px, 0, 0); -ms-transform: translate3d(-280px, 0, 0); -o-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0) } .rtl #mobile-menu { left: auto; right: 0; -webkit-transform: translate3d(280px, 0, 0); -moz-transform: translate3d(280px, 0, 0); -ms-transform: translate3d(280px, 0, 0); -o-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0) } } #mobile-menu .custom_scroll { padding-right: 10px } .rtl #mobile-menu .custom_scroll { padding-right: 0; padding-left: 10px } .open-menu #mobile-menu { visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } #mobile-menu .close { position: absolute; top: 0; right: 10px; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; background: #222; color: #fff } #mobile-menu .close svg { width: 16px; display: block; position: relative; top: 1px } #mobile-menu .close svg g { stroke: #fff } .rtl #mobile-menu .close { right: auto; left: 10px } @media only screen and (min-width: 40.0625em) { #mobile-menu .close { width:24px; height: 24px } #mobile-menu .close svg { width: 24px } } #mobile-menu .logolink { display: block } #mobile-menu .logoimg { max-height: 45px; margin-bottom: 30px } #mobile-menu .logoimg[src$=".svg"] { max-height: 100%; height: 45px } #mobile-menu.dark { background: #222 } #mobile-menu.dark .close { background: #fff } #mobile-menu.dark .close svg g { stroke: #222 } #mobile-menu.dark .thb-mobile-menu li { border-color: rgba(255,255,255,0.3); margin: 0 } #mobile-menu.dark .thb-mobile-menu li a { color: #fff } #mobile-menu.dark .thb-mobile-menu li span { border-color: rgba(255,255,255,0.3); color: rgba(255,255,255,0.5) } #mobile-menu.dark .thb-mobile-menu .sub-menu { border-color: rgba(255,255,255,0.3) } #mobile-menu.dark .thb-mobile-menu-secondary li a:not(:hover) { color: rgba(255,255,255,0.8) } #mobile-menu.dark .menu-footer a { color: #fff } .thb-mobile-menu { list-style: none; padding: 0; margin: 0 0 30px; clear: left; position: relative } .thb-mobile-menu li { border-bottom: 1px solid #e7e7e7; margin: 0 } .thb-mobile-menu li.menu-item-has-children { position: relative } .thb-mobile-menu li span { display: block; position: absolute; width: 23px; height: 23px; text-align: center; line-height: 21px; font-size: 14px; border: 1px solid #e7e7e7; cursor: pointer; right: 0; top: 10px } .rtl .thb-mobile-menu li span { right: auto; left: 0 } .thb-mobile-menu li a { display: block; line-height: 44px; font-size: 16px; font-weight: 600; color: #222; position: relative } .thb-mobile-menu li a.active { color: #ef2673 } .thb-mobile-menu li a.active+span { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .thb-mobile-menu li:last-child { border: 0 } .thb-mobile-menu .sub-menu { display: none; list-style: none; margin: 0; border-top: 1px solid #e7e7e7; padding: 5px 0 5px 20px } .thb-mobile-menu .sub-menu li a { font-size: 12px; line-height: 35px; color: #595959 } .thb-mobile-menu .sub-menu span { width: 21px; height: 21px; line-height: 19px; top: 7px } .rtl .thb-mobile-menu .sub-menu { padding: 5px 20px 5px 0 } .thb-mobile-menu-secondary { list-style: none; padding: 0; margin: 0 0 30px; clear: left; position: relative } .thb-mobile-menu-secondary li a { display: block; line-height: 24px; font-size: 14px; font-weight: 400; color: rgba(34,34,34,0.8); position: relative } .thb-mobile-menu-secondary li a:hover { color: #ef2673 } .menu-footer p { font-size: 11px; line-break: 16px; color: #767676 } #footer { border-top: 1px solid rgba(0,0,0,0.1) } #footer .row { display: flex; align-items: stretch; flex-wrap: wrap; padding: 0 15px; flex: 1 } #footer .row:before,#footer .row:after { display: none !important } #footer .row.no-padding { padding: 0 } #footer .row.center-align .columns { align-items: center; justify-content: center } #footer .row .columns { padding: 0; display: flex; flex-direction: column } #footer .row .columns+.columns { border-top: 1px solid rgba(0,0,0,0.1) } @media only screen and (min-width: 40.0625em) { #footer .row .columns+.columns { border-top:0; border-left: 1px solid rgba(0,0,0,0.1) } } #footer.dark { background: #0e0e0e; color: #fff; border-top: 0 } #footer.dark h1,#footer.dark h2,#footer.dark h3,#footer.dark h4,#footer.dark h5,#footer.dark h6 { color: #fff } #footer.dark .widget strong { color: #fff } #footer.dark .widget ul.menu li a,#footer.dark .widget ul li a:not(.tag-cloud-link) { color: #fff } #footer.dark [class^="tag-link"]:not(:hover) { background: rgba(255,255,255,0.08) } #footer.dark .columns { padding: 0; display: flex; flex-direction: column } #footer.dark .columns+.columns { border-top-color: rgba(255,255,255,0.08) } @media only screen and (min-width: 40.0625em) { #footer.dark .columns+.columns { border-left-color:rgba(255,255,255,0.08) } } #footer.dark .post .post-title a { color: #fff } #footer.dark ul.menu .sub-menu { border-top-color: rgba(255,255,255,0.08) } #footer.dark .slick.dark-pagination .slick-dots li.slick-active button { background: #fff } #footer.dark .slick.dark-pagination .slick-dots li button { background: rgba(255,255,255,0.2) } #footer.no-borders .row .columns+.columns { border: 0 } @media only screen and (min-width: 40.0625em) { #footer.no-borders .row .columns+.columns { border:0 } } #footer.left-align-text .widget { text-align: left } #footer p { font-size: 12px } #footer .widget { border: 0; padding: 30px 15px; text-align: center } @media only screen and (min-width: 40.0625em) { #footer .widget { padding:40px } } #footer .widget.style1>strong { font-size: 11px; top: 0; margin-bottom: 20px } #footer .widget.style1>strong span { background: transparent; color: #222 } #footer .widget.style3>strong { text-align: left; border: 0; height: auto } #footer .widget.style3>strong span { padding: 0 } #footer .widget.style5>strong span { text-align: center; border-bottom-color: rgba(255,255,255,0.08) } #footer .widget ul.menu li .submenu { border: 0; padding: 0; margin: 0 } #footer .widget.widget_latestimages,#footer .widget.widget_sharedimages { text-align: left } #footer.style2,#footer.style3,#footer.style4,#footer.style5 { padding: 60px 0 100px } #footer.style2 .logolink,#footer.style3 .logolink,#footer.style4 .logolink,#footer.style5 .logolink { display: inline-block; margin-bottom: 35px } #footer.style2 .logolink img,#footer.style3 .logolink img,#footer.style4 .logolink img,#footer.style5 .logolink img { display: inline-block; max-height: 40px } #footer.style2 .menu,#footer.style3 .menu,#footer.style4 .menu,#footer.style5 .menu { list-style: none; margin: 0 0 15px; padding: 0 } #footer.style2 .menu li,#footer.style3 .menu li,#footer.style4 .menu li,#footer.style5 .menu li { display: block; font-size: 12px; font-weight: 600; text-transform: uppercase; margin-bottom: 10px } @media only screen and (min-width: 40.0625em) { #footer.style2 .menu li,#footer.style3 .menu li,#footer.style4 .menu li,#footer.style5 .menu li { display:inline-block; margin: 0 9px } } #footer.style2 p,#footer.style3 p,#footer.style4 p,#footer.style5 p { font-size: 12px!important; color: rgba(34,34,34,0.6); font-family: inherit; } #footer.style2.dark .menu a,#footer.style2.dark .social-section a:not(:hover),#footer.style2.dark p,#footer.style3.dark .menu a,#footer.style3.dark .social-section a:not(:hover),#footer.style3.dark p,#footer.style4.dark .menu a,#footer.style4.dark .social-section a:not(:hover),#footer.style4.dark p,#footer.style5.dark .menu a,#footer.style5.dark .social-section a:not(:hover),#footer.style5.dark p { color: #fff } #footer.style3 { padding: 30px 0 70px; border-top: 1px solid rgba(0,0,0,0.1); text-align: center } #footer.style3 .row .columns { flex-direction: row; align-items: center } #footer.style3 .text-center { justify-content: center } @media only screen and (min-width: 64.0625em) { #footer.style3 .logo-section { justify-content:flex-start } } #footer.style3 .social-section { text-align: right } @media only screen and (min-width: 64.0625em) { #footer.style3 .social-section { justify-content:flex-end } } #footer.style3 .social-section a { padding: 0 5px; text-align: center; display: inline-block } #footer.style3 .social-section a:last-of-type { padding-right: 0 } @media only screen and (min-width: 64.0625em) { #footer.style3 .social-section a { text-align:right } } #footer.style3 .menu a { color: #222 } #footer.style3 .logolink img { max-height: 20px } #footer.style3 .logolink,#footer.style3 .menu { line-height: 1 } @media only screen and (min-width: 64.0625em) { #footer.style3 .logolink,#footer.style3 .menu { margin:0 } } #footer.style3.dark .menu a,#footer.style3.dark .social-section a:not(:hover) { color: #fff } #footer.style4 { text-align: center; padding: 60px 0 } #footer.style4 .social-section a { padding: 0 5px; text-align: center; display: inline-block } #footer.style4.dark .menu a,#footer.style4.dark .social-section a:not(:hover) { color: #fff } #footer.style5 { padding: 60px 0; border-top: 1px solid rgba(0,0,0,0.1) } @media only screen and (min-width: 40.0625em) { #footer.style5 .logo-section { justify-content:flex-start } } #footer.style5 .social-section { text-align: center } @media only screen and (min-width: 40.0625em) { #footer.style5 .social-section { text-align:right } } #footer.style5 .social-section a { padding: 0 5px; text-align: center; display: inline-block } #footer.style5 .social-section a:last-of-type { padding-right: 0 } #footer.style5 .menu { text-align: center } @media only screen and (min-width: 40.0625em) { #footer.style5 .menu { text-align:right } } #footer.style5 .menu a { color: #222 } @media only screen and (min-width: 40.0625em) { #footer.style5 .menu li:last-child { margin-right:0 } } #footer.style5 .logolink { text-align: center } @media only screen and (min-width: 40.0625em) { #footer.style5 .logolink { text-align:left } } #footer.style5 .logolink img { max-height: 70px } #footer.style5 .logolink { line-height: 1 } @media only screen and (min-width: 64.0625em) { #footer.style5 .logolink { margin:0 } } #footer.style5.dark .menu a,#footer.style5.dark .social-section a:not(:hover) { color: #fff } #subfooter { border-top: 1px solid rgba(0,0,0,0.1); padding: 30px 0; color: #6a6a6a; font-weight: 400; text-align: center } #subfooter p { font-size: 10px } #subfooter a { display: inline-block; margin: 0 10px; font-size: 10px } #subfooter a.icon-1x { font-size: 16px } #subfooter .menu { list-style: none; margin: 0; padding: 0 } #subfooter .menu li { display: inline-block; text-transform: uppercase } @media only screen and (min-width: 40.0625em) { #subfooter .menu li { margin:0 } } #subfooter .menu li a { color: #222; font-size: 12px } #subfooter.dark { background: #0e0e0e; color: #ccc; border-top-color: rgba(255,255,255,0.1) } #subfooter.dark .menu li a { color: #fff } #subfooter.dark a.social:not(:hover) { color: #fff } #subfooter.style2 .row { max-width: 100% } @media only screen and (min-width: 40.0625em) { #subfooter.style2 .row { padding:0 25px } } @media only screen and (min-width: 40.0625em) { #subfooter.style2 .menu-container { text-align:left } .rtl #subfooter.style2 .menu-container { text-align: right } } @media only screen and (min-width: 40.0625em) { #subfooter.style2 .copyright-container { text-align:right } .rtl #subfooter.style2 .copyright-container { text-align: left } } #subfooter.style3 .menu-container { margin-bottom: 20px } @media only screen and (min-width: 40.0625em) { #subfooter.style3 .menu-container { margin-bottom:0 } } #subfooter.style3 .footer-logo-holder { margin-bottom: 30px } @media only screen and (min-width: 40.0625em) { #subfooter.style3 .copyright-container p { margin-bottom:0 } } .social_bar { padding: 30px 0 20px; background: #feeeee; color: #222 } @media only screen and (min-width: 40.0625em) { .social_bar { padding:50px 0 40px } } .social_bar ul { list-style: none; margin-bottom: 0 } .social_bar ul li { text-transform: uppercase; font-size: 12px; font-weight: 600; text-align: center; margin-bottom: 10px } .social_bar ul li .fa { font-size: 20px; margin-right: 15px } .social_bar ul li a { color: #222; display: inline-flex; align-items: center } .social_bar+#footer { border-top: 0 } .footer-logo-holder { display: flex; justify-content: center; align-items: center } .footer-logo-holder .footer-logolink { display: block; margin-bottom: 30px } .footer-logo-holder .footer-logolink .logoimg { max-height: 70px } #comments { width: 100%; clear: left } #comments.expanded-comments-on .commentlist_parent .commentlist_container { height: auto; max-height: none } #comments.expanded-comments-on .comment-button:after { display: none } #comments ol.commentlist { list-style: none; margin: 15px; display: block; width: calc(100% - 30px) } @media only screen and (min-width: 40.0625em) { #comments ol.commentlist { margin:30px; width: calc(100% - 60px) } } .woocommerce-Reviews #comments ol.commentlist { margin: 30px 0; width: 100% } #comments ol.commentlist .comment .comment-respond { padding: 0; margin-top: 20px; line-height: 1 } #comments ol.commentlist .comment .comment-body,#comments ol.commentlist .comment .comment_container { position: relative; min-height: 56px; padding-left: 76px; padding-bottom: 22px; border-bottom: 1px solid rgba(0,0,0,0.07); margin-bottom: 22px } #comments ol.commentlist .comment .comment-body:hover .reply,#comments ol.commentlist .comment .comment_container:hover .reply { opacity: 1 } #comments ol.commentlist .comment .comment-body .star-rating,#comments ol.commentlist .comment .comment-body .comment-form-rating .stars,.comment-form-rating #comments ol.commentlist .comment .comment-body .stars,#comments ol.commentlist .comment .comment_container .star-rating,#comments ol.commentlist .comment .comment_container .comment-form-rating .stars,.comment-form-rating #comments ol.commentlist .comment .comment_container .stars { float: right } #comments ol.commentlist .comment .comment-meta { line-height: 1 } #comments ol.commentlist .comment .comment-meta p:last-child { margin-bottom: 0 } #comments ol.commentlist .comment .comment-metadata { position: absolute; bottom: 12px; left: 76px; font-size: 9px; color: #767676; text-transform: uppercase; font-weight: 400 } #comments ol.commentlist .comment .comment-metadata a { color: #767676 } #comments ol.commentlist .comment .vcard { border: 0 } #comments ol.commentlist .comment .vcard .fn { font-size: 12px; font-weight: 600; color: #222; text-transform: uppercase } #comments ol.commentlist .comment .vcard .says { text-transform: uppercase; font-size: 12px; font-weight: 400; color: #767676 } #comments ol.commentlist .comment .avatar { width: 56px; height: 56px; float: left; position: absolute; top: 0; left: 0 } #comments ol.commentlist .comment .meta strong { font-size: 12px; font-weight: 600; color: #222; text-transform: uppercase } #comments ol.commentlist .comment .meta time .comment-metadata { position: absolute; bottom: 12px; left: 76px; font-size: 9px; color: #767676; text-transform: uppercase; font-weight: 400 } #comments ol.commentlist .comment .meta time .comment-metadata a { color: #767676 } #comments ol.commentlist .comment .comment-content,#comments ol.commentlist .comment .description { padding-top: 7px } #comments ol.commentlist .comment .comment-content p,#comments ol.commentlist .comment .description p { font-size: 13px; line-height: 18px; word-break: break-word } #comments ol.commentlist .comment .reply { position: absolute; top: 0; right: 0; opacity: 0; font-size: 11px; text-transform: uppercase; font-weight: 600 } #comments ol.commentlist .comment:last-child .comment-body { border: 0; margin: 0 } #comments ol.commentlist .comment .children { list-style: none; margin-left: 10px; border-bottom: 1px solid rgba(0,0,0,0.07); margin-bottom: 22px } @media only screen and (min-width: 40.0625em) { #comments ol.commentlist .comment .children { margin-left:76px } } #reviews { max-width: 800px; margin: 0 auto } .comment-respond { display: block; padding: 15px } @media only screen and (min-width: 40.0625em) { .comment-respond { padding:30px } } #reviews .comment-respond { padding: 0; margin-top: 30px } .comment-respond input:not([type='checkbox']),.comment-respond textarea { width: 100%; margin-bottom: 10px } .comment-respond .comment-form-cookies-consent input { margin-right: 10px } .comment-respond .comment-form-rating { margin-bottom: 20px } .comment-respond .comment-reply-title { font-weight: 600 } .comment-respond .comment-reply-title small { text-transform: uppercase; font-weight: 400; font-size: 14px; margin-left: 10px } .comment-respond .comment-notes,.comment-respond .form-allowed-tags,.comment-respond .logged-in-as { font-size: 14px; color: #595959; margin-bottom: 18px } .comment-respond .comment-notes code,.comment-respond .form-allowed-tags code,.comment-respond .logged-in-as code { display: block; font-size: 12px; color: #595959; font-weight: 400 } .comment-respond .form-submit,.comment-respond .form-submit input { margin: 0 } .comment-respond .row { margin-left: -5px; margin-right: -5px } .comment-respond .row .columns { padding: 0 5px } .commentlist_parent { border: 1px solid rgba(0,0,0,0.07) } .commentlist_parent .comment-button { display: block; width: 100%; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #222; border-bottom: 1px solid rgba(0,0,0,0.07); line-height: 48px; padding: 0 35px 0 50px; position: relative } .commentlist_parent .comment-button:after { opacity: 0.6 } .commentlist_parent .comment-button:hover:after { opacity: 1 } .commentlist_parent .comment-button svg { position: absolute; top: 17px; left: 20px } .commentlist_parent .comment-button:after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #222 transparent transparent transparent; position: absolute; top: 22px; right: 20px } .commentlist_parent .comment-button.toggled:after { border-width: 0 5px 6px 5px; border-color: transparent transparent #222 transparent } .commentlist_parent .comment-button.toggled+.commentlist_container { max-height: 9999px; border-bottom-color: rgba(0,0,0,0.07) } .commentlist_parent .comment-button.disabled:after { display: none } .commentlist_parent .commentlist_container { display: block; height: auto; max-height: 0; overflow: hidden; border-bottom: 1px solid transparent } .commentlist_parent .nocomments { display: block; margin: 0; padding: 20px; text-align: center } .commentlist_parent .comment-subscription-form label { width: auto; float: none } .star-rating,.comment-form-rating .stars { display: inline-block; position: relative; font-size: 12px; letter-spacing: 0.2em; font-family: FontAwesome; color: #dcdcdc } .star-rating:before,.comment-form-rating .stars:before { font-family: FontAwesome; content: "\f005 \f005 \f005 \f005 \f005" } .star-rating>span,.comment-form-rating .stars>span { display: block; top: 0; left: 0; position: absolute; height: 18px; line-height: 18px; overflow: hidden } .star-rating>span:before,.comment-form-rating .stars>span:before { color: #ffc200; content: "\f005 \f005 \f005 \f005 \f005" } .star-rating>span strong,.comment-form-rating .stars>span strong { display: none } .star-rating+.write_first,.comment-form-rating .stars+.write_first { display: inline-block; font-size: 13px; font-weight: 300; color: #222; margin-left: 20px; line-height: 18px; vertical-align: text-top } .comment-form-rating .stars { display: block } .comment-form-rating .stars:before { opacity: 0 } .comment-form-rating .stars>span:before { content: none } .comment-form-rating .stars a { position: relative; color: #dcdcdc; display: inline-block; text-indent: -999em; width: 15px } .comment-form-rating .stars a:before { position: absolute; display: block; width: 15px; text-indent: 0; content: "\f005" } .comment-form-rating .stars a:hover ~ a { color: #dcdcdc } .comment-form-rating .stars a.active ~ a { color: #dcdcdc } .comment-form-rating .stars:hover a,.comment-form-rating .stars.selected a { color: #ffc200 } .posts .pagination { width: 100% } .posts .masonry_loader { width: 100%; padding: 20px 0 30px; position: relative } .posts .masonry_loader.style1 { padding-top: 70px } .posts .masonry_loader.style1:before { content: ''; height: 50px; width: 1px; background: #222; display: block; position: absolute; top: 0; left: 50% } .posts .masonry_loader.style1 a { font-size: 14px; text-transform: uppercase; font-weight: 600; color: #222 } .posts.columns-6.row { margin: 0 -3px } .posts.columns-6.row .columns { padding: 0 3px } .posts.columns-6.row .columns .post.style6 .post-gallery { margin-bottom: 15px } .posts.columns-6.row .columns .post.style6 .post-title h5 { font-weight: 400; font-size: 14px; padding-right: 10px } .posts.post-grid-style8 .pagination,.posts.post-grid-style10 .pagination,.posts.post-grid-style13 .pagination,.posts.post-grid-style16 .pagination { padding: 0 15px } .posts.border .post { width: 100%; padding-bottom: 29px; border-bottom: 1px solid #eaeaea; margin-bottom: 30px; width: 100% } .posts.border .post:last-child { padding: 0; border: 0 } .posts.border.post-grid-style2-alt .post.style1:last-of-type { padding-left: 0; border: 0 } .posts.border-vertical { border-top: 1px solid #eaeaea } .posts.border-vertical .post { padding: 29px 0 29px 0 } @media only screen and (min-width: 64.0625em) { .posts.border-vertical .post { padding:29px 29px 29px 0 } } @media only screen and (min-width: 64.0625em) { .posts.border-vertical .post .post-gallery { margin-bottom:0 } } .posts.border-vertical>.columns { border-bottom: 1px solid #eaeaea } .posts.border-vertical .even { border-left: 1px solid #eaeaea } .posts.border-vertical .even .post { padding: 29px 0 29px 0 } @media only screen and (min-width: 64.0625em) { .posts.border-vertical .even .post { padding:29px 0 29px 29px } } .posts.border-vertical.style7-posts .post { padding: 29px 0 } .posts.border-vertical.style7-posts .post .post-gallery { margin-bottom: 35px } @media only screen and (min-width: 75.0625em) { .posts.masonry.row { margin:0 -20px } .posts.masonry.row>.columns { padding: 0 20px } } .posts.style7-posts .pagination { text-align: center } .posts.style10-posts .columns { display: flex } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .posts.style10-posts .columns .post { display: block } } .posts.style13-posts .pagination { margin: 0 auto 40px } .posts.style13-posts .pagination ul .page-numbers:not(.dots):hover,.posts.style13-posts .pagination ul .page-numbers.current,.posts.style13-posts .pagination .nav-links .page-numbers:not(.dots):hover,.posts.style13-posts .pagination .nav-links .page-numbers.current { background-color: #ef2673; border-color: #ef2673 } .catelement-style4 .thb-post-top { margin-bottom: 15px } .catelement-style5 .featured-style8 { margin-bottom: 30px } .catelement-style5 .featured-style8 .thb-post-top { justify-content: center } .catelement-style6 .post.style3 .post-author { display: none } .catelement-style6 .post.style3 .post-content p { font-size: 14px } .catelement-style6 .post .post-gallery img { border-radius: 3px } @media only screen and (min-width: 40.0625em) { .catelement-style6 .medium-7.columns { padding-right:30px } } @media only screen and (min-width: 40.0625em) { .catelement-style6 .medium-5.columns { border-left:1px solid #eaeaea; padding-left: 30px } } .catelement-style7 .post.style3 .post-title h3 { font-size: 30px } .catelement-style7 .post.style3 .post-content p { font-size: 12px } .catelement-style7 .post.style3-small .post-title h5 { font-weight: 400; font-size: 20px; line-height: 1.4 } .post-category-listing { margin: 0 } .category_title { display: block; border-bottom: 3px solid #222; padding-bottom: 20px; margin-bottom: 30px } .category_title.small { padding-bottom: 10px } .category_title h2 { margin: auto; font-weight: 900; line-height: 1; font-size: 28px; margin-top: -59px; background: #fff; width: 18%; } .category_title h2 a { color: #222; margin-top: -91px!important; margin: auto; } .category_title h5 { margin: 0; font-weight: 900; line-height: 1; font-size: 20px } .category_title h5 a { color: #222 } .category_title.catstyle-style4 { border-bottom: 0; padding-bottom: 0; margin-left: -38px; } .category_title.style2 { border-bottom: 0; border-top: 1px solid rgba(0,0,0,0.07); padding-top: 20px; padding-bottom: 0; margin-bottom: 30px } .category_title.style2 h2 { font-size: 18px; font-weight: 400; text-transform: uppercase } .category_title.style3 { height: 12px; border-bottom: 1px solid #ededed; margin-bottom: 30px; text-align: left; padding: 0 } .category_title.style3 h2 { color: #222; display: inline-block; background: #fff; padding-right: 8px; font-size: 12px; font-weight: 600; text-transform: uppercase } .category_title.style4 { padding-bottom: 15px; border-bottom: 2px solid #ebebeb } .category_title.style4 h2 { text-transform: uppercase; font-weight: 400; font-size: 18px; line-height: 1; margin: 0 } .category_title.style5 { border: 0; padding: 0 } .category_title.style5 h2 { text-transform: uppercase; font-size: 12px; font-weight: 600; line-height: 1; margin-bottom: 30px } .category_container { /* background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQIW2NgQAXGZHAAGioAza6+Hk0AAAAASUVORK5CYII=") top left repeat; */ border: 1px solid black; /* Add this line to include a border */ padding: 0px!important; text-align: center } @media only screen and (min-width: 40.0625em) { .category_container { padding:10px } } .category_container .inner { background: #fff; padding: 20px 5px 0 } @media only screen and (min-width: 40.0625em) { .category_container .inner { padding:20px 20px } } @media only screen and (min-width: 64.0625em) { .category_container .inner { padding:40px 50px } } .category_container .inner>.columns { padding: 0 10px } @media only screen and (min-width: 40.0625em) { .category_container .inner>.columns { padding:0 20px } } .category_container.style2 { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTVCODFGRUZCRTE5MTFFNTgyNkJCQkM5NkQ1ODU1MEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTVCODFGRjBCRTE5MTFFNTgyNkJCQkM5NkQ1ODU1MEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NUI4MUZFREJFMTkxMUU1ODI2QkJCQzk2RDU4NTUwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NUI4MUZFRUJFMTkxMUU1ODI2QkJCQzk2RDU4NTUwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrCuGZ0AAAA3SURBVHjaYlywYAEDEJgwQMCZ+Ph4MIMFKmjEgABnQAQTAw7AAlOBrBoEGP///49VB06jAAIMAK/bCdPi+3dIAAAAAElFTkSuQmCC") repeat left top } @media only screen and (min-width: 40.0625em) { .category_container.style2 { padding:12px } } .category_container.style2 .inner { padding: 5px } @media only screen and (min-width: 40.0625em) { .category_container.style2 .inner { padding:10px } } @media only screen and (min-width: 64.0625em) { .category_container.style2 .inner { padding:24px } } .category_container.style3 { border: 1px solid #222; background: #fff; position: relative; margin-bottom: 5px; padding: 0; z-index: 3 } .category_container.style3:before { content: ''; display: block; position: absolute; background: #ef2673; width: 100%; z-index: 0; height: 100%; top: 5px; left: -5px } .category_container.style3:after { content: ''; display: block; position: absolute; border: 1px solid #222; width: 100%; z-index: 1; height: calc(100% + 2px); width: calc(100% + 2px); top: -1px; left: -1px } .category_container.style3 .inner { position: relative; z-index: 5 } .category_container.author-information { margin-bottom: 30px } .category_container.author-information .inner { float: left; width: 100%; padding: 15px } @media only screen and (min-width: 40.0625em) { .category_container.author-information .inner { padding:20px } } @media only screen and (min-width: 64.0625em) { .category_container.author-information .inner { padding:35px } } .smalltitle { color: #222; font-weight: 600; font-size: 20px; text-transform: uppercase; margin: 0 0 25px; letter-spacing: 0.3em } .mediumtitle { font-size: 22px; line-height: 34px; margin: 0 0 25px; font-weight: 400; color: #5a5a5a } @media only screen and (min-width: 40.0625em) { .mediumtitle { font-size:26px } } .inline-icon { display: inline } .inline-icon.icon-1x { font-size: 14px; vertical-align: middle } .inline-icon.icon-2x { font-size: 18px; vertical-align: middle } .inline-icon.icon-3x { font-size: 22px; vertical-align: middle } .inline-icon.icon-4x { font-size: 26px; vertical-align: middle } .boxed-icon { display: inline-flex; width: 24px; height: 24px; line-height: 1; justify-content: center; align-items: center; text-align: center; font-size: 12px; border: 1px solid #eaeaea } .boxed-icon.style2 { border: 0; border-radius: 100% } .boxed-icon.style2 span { border-radius: 100% } .boxed-icon.icon-1x { width: 24px; height: 24px; line-height: 24px; font-size: 12px } .boxed-icon.icon-2x { width: 30px; height: 28px; line-height: 28px; font-size: 14px } .boxed-icon.icon-3x { width: 40px; height: 38px; line-height: 38px; font-size: 16px } .boxed-icon.icon-4x { width: 56px; height: 54px; line-height: 54px; font-size: 18px } .boxed-icon.large { width: 56px; height: 54px; line-height: 54px } .boxed-icon.fill { background: #222; border-color: #222; color: #fff !important } .boxed-icon.fill:hover { background: #000; border-color: #000 } .facebook { color: #000 } .facebook:hover { color: #000 } .social_black-on .facebook { color: #000 } .social_black-on .facebook:hover { color: #000 } .facebook.boxed-icon { background: #fff } .facebook.boxed-icon:hover { color: #fff !important; background: #000; border-color: #000 } .social_black-on .facebook.boxed-icon:hover { background: #222; border-color: #222 } .facebook.boxed-icon.fill { background: #000; border-color: #3b5998; color: #fff !important } .facebook.boxed-icon.fill:hover { background: #000; border-color: #000 } .social_black-on .facebook.boxed-icon.fill { background: #000; border-color: #000 } .social_black-on .facebook.boxed-icon.fill:hover { background: #000; border-color: #000 } .facebook.boxed-icon.style2 { border: 0; background: #3b5998 } .facebook.boxed-icon.style2 span { background: #000 } .social_black-on .facebook.boxed-icon.style2 { background: #000 } .google { color: #000 } .google:hover { color: #000 } .social_black-on .google { color: #222 } .social_black-on .google:hover { color: #dd4b39 } .google.boxed-icon { background: #fff } .google.boxed-icon:hover { color: #fff !important; background: #dd4b39; border-color: #dd4b39 } .social_black-on .google.boxed-icon:hover { background: #222; border-color: #222 } .google.boxed-icon.fill { background: #dd4b39; border-color: #dd4b39; color: #fff !important } .google.boxed-icon.fill:hover { background: #c23321; border-color: #c23321 } .social_black-on .google.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .google.boxed-icon.fill:hover { background: #dd4b39; border-color: #dd4b39 } .google.boxed-icon.style2 { border: 0; background: #dd4b39 } .google.boxed-icon.style2 span { background: #dd4b39 } .social_black-on .google.boxed-icon.style2 { background: #222 } .google-plus { color: #dd4b39 } .google-plus:hover { color: #d73925 } .social_black-on .google-plus { color: #222 } .social_black-on .google-plus:hover { color: #dd4b39 } .google-plus.boxed-icon { background: #fff } .google-plus.boxed-icon:hover { color: #fff !important; background: #dd4b39; border-color: #dd4b39 } .social_black-on .google-plus.boxed-icon:hover { background: #222; border-color: #222 } .google-plus.boxed-icon.fill { background: #dd4b39; border-color: #dd4b39; color: #fff !important } .google-plus.boxed-icon.fill:hover { background: #c23321; border-color: #c23321 } .social_black-on .google-plus.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .google-plus.boxed-icon.fill:hover { background: #dd4b39; border-color: #dd4b39 } .google-plus.boxed-icon.style2 { border: 0; background: #dd4b39 } .google-plus.boxed-icon.style2 span { background: #dd4b39 } .social_black-on .google-plus.boxed-icon.style2 { background: #222 } .linkedin { color: #000 } .linkedin:hover { color: #000 } .social_black-on .linkedin { color: #000 } .social_black-on .linkedin:hover { color: #000 } .linkedin.boxed-icon { background: #fff } .linkedin.boxed-icon:hover { color: #fff !important; background: #000; border-color: #000 } .social_black-on .linkedin.boxed-icon:hover { background: #222; border-color: #222 } .linkedin.boxed-icon.fill { background: #007bb6; border-color: #007bb6; color: #fff !important } .linkedin.boxed-icon.fill:hover { background: #005983; border-color: #005983 } .social_black-on .linkedin.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .linkedin.boxed-icon.fill:hover { background: #007bb6; border-color: #007bb6 } .linkedin.boxed-icon.style2 { border: 0; background: #007bb6 } .linkedin.boxed-icon.style2 span { background: #007bb6 } .social_black-on .linkedin.boxed-icon.style2 { background: #222 } .vkontakte { color: #45668e } .vkontakte:hover { color: #3d5a7d } .social_black-on .vkontakte { color: #222 } .social_black-on .vkontakte:hover { color: #45668e } .vkontakte.boxed-icon { background: #fff } .vkontakte.boxed-icon:hover { color: #fff !important; background: #45668e; border-color: #45668e } .social_black-on .vkontakte.boxed-icon:hover { background: #222; border-color: #222 } .vkontakte.boxed-icon.fill { background: #45668e; border-color: #45668e; color: #fff !important } .vkontakte.boxed-icon.fill:hover { background: #344d6c; border-color: #344d6c } .social_black-on .vkontakte.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .vkontakte.boxed-icon.fill:hover { background: #45668e; border-color: #45668e } .vkontakte.boxed-icon.style2 { border: 0; background: #45668e } .vkontakte.boxed-icon.style2 span { background: #45668e } .social_black-on .vkontakte.boxed-icon.style2 { background: #222 } .pinterest { color: #000 } .pinterest:hover { color: #000 } .social_black-on .pinterest { color: #000 } .social_black-on .pinterest:hover { color: #000 } .pinterest.boxed-icon { background: #fff } .pinterest.boxed-icon:hover { color: #fff !important; background: #bd081c; border-color: #bd081c } .social_black-on .pinterest.boxed-icon:hover { background: #222; border-color: #222 } .pinterest.boxed-icon.fill { background: #bd081c; border-color: #bd081c; color: #fff !important } .pinterest.boxed-icon.fill:hover { background: #8c0615; border-color: #8c0615 } .social_black-on .pinterest.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .pinterest.boxed-icon.fill:hover { background: #bd081c; border-color: #bd081c } .pinterest.boxed-icon.style2 { border: 0; background: #bd081c } .pinterest.boxed-icon.style2 span { background: #bd081c } .social_black-on .pinterest.boxed-icon.style2 { background: #222 } .whatsapp { color: #25d366 } .whatsapp:hover { color: #21bd5c } .social_black-on .whatsapp { color: #222 } .social_black-on .whatsapp:hover { color: #25d366 } .whatsapp.boxed-icon { background: #fff } .whatsapp.boxed-icon:hover { color: #fff !important; background: #25d366; border-color: #25d366 } .social_black-on .whatsapp.boxed-icon:hover { background: #222; border-color: #222 } .whatsapp.boxed-icon.fill { background: #25d366; border-color: #25d366; color: #fff !important } .whatsapp.boxed-icon.fill:hover { background: #000; border-color: #000 } .social_black-on .whatsapp.boxed-icon.fill { background: #000; border-color: #000 } .social_black-on .whatsapp.boxed-icon.fill:hover { background: #000; border-color: #000 } .whatsapp.boxed-icon.style2 { border: 0; background: #000 } .whatsapp.boxed-icon.style2 span { background: #25d366 } .social_black-on .whatsapp.boxed-icon.style2 { background: #222 } .twitter { color: #000 } .twitter:hover { color: #000 } .social_black-on .twitter { color: #000 } .social_black-on .twitter:hover { color: #000 } .twitter.boxed-icon { background: #fff } .twitter.boxed-icon:hover { color: #fff !important; background: #000; border-color: #000 } .social_black-on .twitter.boxed-icon:hover { background: #000; border-color: #000 } .twitter.boxed-icon.fill { background: #00aced; border-color: #00aced; color: #fff !important } .twitter.boxed-icon.fill:hover { background: #0087ba; border-color: #0087ba } .social_black-on .twitter.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .twitter.boxed-icon.fill:hover { background: #00aced; border-color: #00aced } .twitter.boxed-icon.style2 { border: 0; background: #00aced } .twitter.boxed-icon.style2 span { background: #00aced } .social_black-on .twitter.boxed-icon.style2 { background: #222 } .instagram { color: #000 } .instagram:hover { color: #000 } .social_black-on .instagram { color: #000 } .social_black-on .instagram:hover { color: #000 } .instagram.boxed-icon { background: #fff } .instagram.boxed-icon:hover { color: #fff !important; background: #3f729b; border-color: #3f729b } .social_black-on .instagram.boxed-icon:hover { background: #222; border-color: #222 } .instagram.boxed-icon.fill { background: #3f729b; border-color: #3f729b; color: #fff !important } .instagram.boxed-icon.fill:hover { background: #305777; border-color: #305777 } .social_black-on .instagram.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .instagram.boxed-icon.fill:hover { background: #3f729b; border-color: #3f729b } .instagram.boxed-icon.style2 { border: 0; background: #3f729b } .instagram.boxed-icon.style2 span { background: #3f729b } .social_black-on .instagram.boxed-icon.style2 { background: #222 } .vk { color: #45668e } .vk:hover { color: #3d5a7d } .social_black-on .vk { color: #222 } .social_black-on .vk:hover { color: #45668e } .vk.boxed-icon { background: #fff } .vk.boxed-icon:hover { color: #fff !important; background: #45668e; border-color: #45668e } .social_black-on .vk.boxed-icon:hover { background: #222; border-color: #222 } .vk.boxed-icon.fill { background: #45668e; border-color: #45668e; color: #fff !important } .vk.boxed-icon.fill:hover { background: #344d6c; border-color: #344d6c } .social_black-on .vk.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .vk.boxed-icon.fill:hover { background: #45668e; border-color: #45668e } .vk.boxed-icon.style2 { border: 0; background: #45668e } .vk.boxed-icon.style2 span { background: #45668e } .social_black-on .vk.boxed-icon.style2 { background: #222 } .tumblr { color: #35465c } .tumblr:hover { color: #2c3a4c } .social_black-on .tumblr { color: #222 } .social_black-on .tumblr:hover { color: #35465c } .tumblr.boxed-icon { background: #fff } .tumblr.boxed-icon:hover { color: #fff !important; background: #35465c; border-color: #35465c } .social_black-on .tumblr.boxed-icon:hover { background: #222; border-color: #222 } .tumblr.boxed-icon.fill { background: #35465c; border-color: #35465c; color: #fff !important } .tumblr.boxed-icon.fill:hover { background: #222d3c; border-color: #222d3c } .social_black-on .tumblr.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .tumblr.boxed-icon.fill:hover { background: #35465c; border-color: #35465c } .tumblr.boxed-icon.style2 { border: 0; background: #35465c } .tumblr.boxed-icon.style2 span { background: #35465c } .social_black-on .tumblr.boxed-icon.style2 { background: #222 } .xing { color: #cfdc00 } .xing:hover { color: #b7c300 } .social_black-on .xing { color: #222 } .social_black-on .xing:hover { color: #cfdc00 } .xing.boxed-icon { background: #fff } .xing.boxed-icon:hover { color: #fff !important; background: #cfdc00; border-color: #cfdc00 } .social_black-on .xing.boxed-icon:hover { background: #222; border-color: #222 } .xing.boxed-icon.fill { background: #cfdc00; border-color: #cfdc00; color: #fff !important } .xing.boxed-icon.fill:hover { background: #9fa900; border-color: #9fa900 } .social_black-on .xing.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .xing.boxed-icon.fill:hover { background: #cfdc00; border-color: #cfdc00 } .xing.boxed-icon.style2 { border: 0; background: #cfdc00 } .xing.boxed-icon.style2 span { background: #cfdc00 } .social_black-on .xing.boxed-icon.style2 { background: #222 } .soundcloud { color: #f80 } .soundcloud:hover { color: #e67a00 } .social_black-on .soundcloud { color: #222 } .social_black-on .soundcloud:hover { color: #f80 } .soundcloud.boxed-icon { background: #fff } .soundcloud.boxed-icon:hover { color: #fff !important; background: #f80; border-color: #f80 } .social_black-on .soundcloud.boxed-icon:hover { background: #222; border-color: #222 } .soundcloud.boxed-icon.fill { background: #f80; border-color: #f80; color: #fff !important } .soundcloud.boxed-icon.fill:hover { background: #cc6d00; border-color: #cc6d00 } .social_black-on .soundcloud.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .soundcloud.boxed-icon.fill:hover { background: #f80; border-color: #f80 } .soundcloud.boxed-icon.style2 { border: 0; background: #f80 } .soundcloud.boxed-icon.style2 span { background: #f80 } .social_black-on .soundcloud.boxed-icon.style2 { background: #222 } .dribbble { color: #ea4c89 } .dribbble:hover { color: #e7357a } .social_black-on .dribbble { color: #222 } .social_black-on .dribbble:hover { color: #ea4c89 } .dribbble.boxed-icon { background: #fff } .dribbble.boxed-icon:hover { color: #fff !important; background: #ea4c89; border-color: #ea4c89 } .social_black-on .dribbble.boxed-icon:hover { background: #222; border-color: #222 } .dribbble.boxed-icon.fill { background: #ea4c89; border-color: #ea4c89; color: #fff !important } .dribbble.boxed-icon.fill:hover { background: #e51e6b; border-color: #e51e6b } .social_black-on .dribbble.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .dribbble.boxed-icon.fill:hover { background: #ea4c89; border-color: #ea4c89 } .dribbble.boxed-icon.style2 { border: 0; background: #ea4c89 } .dribbble.boxed-icon.style2 span { background: #ea4c89 } .social_black-on .dribbble.boxed-icon.style2 { background: #222 } .youtube { color: #000 } .youtube:hover { color: #000 } .social_black-on .youtube { color: #222 } .social_black-on .youtube:hover { color: #e52d27 } .youtube.boxed-icon { background: #fff } .youtube.boxed-icon:hover { color: #fff !important; background: #e52d27; border-color: #e52d27 } .social_black-on .youtube.boxed-icon:hover { background: #222; border-color: #222 } .youtube.boxed-icon.fill { background: #e52d27; border-color: #e52d27; color: #fff !important } .youtube.boxed-icon.fill:hover { background: #c21d17; border-color: #c21d17 } .social_black-on .youtube.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .youtube.boxed-icon.fill:hover { background: #e52d27; border-color: #e52d27 } .youtube.boxed-icon.style2 { border: 0; background: #e52d27 } .youtube.boxed-icon.style2 span { background: #e52d27 } .social_black-on .youtube.boxed-icon.style2 { background: #222 } .spotify { color: #7ab800 } .spotify:hover { color: #699f00 } .social_black-on .spotify { color: #222 } .social_black-on .spotify:hover { color: #7ab800 } .spotify.boxed-icon { background: #fff } .spotify.boxed-icon:hover { color: #fff !important; background: #7ab800; border-color: #7ab800 } .social_black-on .spotify.boxed-icon:hover { background: #222; border-color: #222 } .spotify.boxed-icon.fill { background: #7ab800; border-color: #7ab800; color: #fff !important } .spotify.boxed-icon.fill:hover { background: #588500; border-color: #588500 } .social_black-on .spotify.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .spotify.boxed-icon.fill:hover { background: #7ab800; border-color: #7ab800 } .spotify.boxed-icon.style2 { border: 0; background: #7ab800 } .spotify.boxed-icon.style2 span { background: #7ab800 } .social_black-on .spotify.boxed-icon.style2 { background: #222 } .behance { color: #1769ff } .behance:hover { color: #0059fd } .social_black-on .behance { color: #222 } .social_black-on .behance:hover { color: #1769ff } .behance.boxed-icon { background: #fff } .behance.boxed-icon:hover { color: #fff !important; background: #1769ff; border-color: #1769ff } .social_black-on .behance.boxed-icon:hover { background: #222; border-color: #222 } .behance.boxed-icon.fill { background: #1769ff; border-color: #1769ff; color: #fff !important } .behance.boxed-icon.fill:hover { background: #0050e3; border-color: #0050e3 } .social_black-on .behance.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .behance.boxed-icon.fill:hover { background: #1769ff; border-color: #1769ff } .behance.boxed-icon.style2 { border: 0; background: #1769ff } .behance.boxed-icon.style2 span { background: #1769ff } .social_black-on .behance.boxed-icon.style2 { background: #222 } .deviantart { color: #4e6252 } .deviantart:hover { color: #435446 } .social_black-on .deviantart { color: #222 } .social_black-on .deviantart:hover { color: #4e6252 } .deviantart.boxed-icon { background: #fff } .deviantart.boxed-icon:hover { color: #fff !important; background: #4e6252; border-color: #4e6252 } .social_black-on .deviantart.boxed-icon:hover { background: #222; border-color: #222 } .deviantart.boxed-icon.fill { background: #4e6252; border-color: #4e6252; color: #fff !important } .deviantart.boxed-icon.fill:hover { background: #37463a; border-color: #37463a } .social_black-on .deviantart.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .deviantart.boxed-icon.fill:hover { background: #4e6252; border-color: #4e6252 } .deviantart.boxed-icon.style2 { border: 0; background: #4e6252 } .deviantart.boxed-icon.style2 span { background: #4e6252 } .social_black-on .deviantart.boxed-icon.style2 { background: #222 } .snapchat { color: #fffc00 } .snapchat:hover { color: #e6e300 } .social_black-on .snapchat { color: #222 } .social_black-on .snapchat:hover { color: #fffc00 } .snapchat.boxed-icon { background: #fff } .snapchat.boxed-icon:hover { color: #fff !important; background: #fffc00; border-color: #fffc00 } .social_black-on .snapchat.boxed-icon:hover { background: #222; border-color: #222 } .snapchat.boxed-icon.fill { background: #fffc00; border-color: #fffc00; color: #fff !important } .snapchat.boxed-icon.fill:hover { background: #ccca00; border-color: #ccca00 } .social_black-on .snapchat.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .snapchat.boxed-icon.fill:hover { background: #fffc00; border-color: #fffc00 } .snapchat.boxed-icon.style2 { border: 0; background: #fffc00 } .snapchat.boxed-icon.style2 span { background: #fffc00 } .social_black-on .snapchat.boxed-icon.style2 { background: #222 } .medium { color: #00ab6c } .medium:hover { color: #00925c } .social_black-on .medium { color: #222 } .social_black-on .medium:hover { color: #00ab6c } .medium.boxed-icon { background: #fff } .medium.boxed-icon:hover { color: #fff !important; background: #00ab6c; border-color: #00ab6c } .social_black-on .medium.boxed-icon:hover { background: #222; border-color: #222 } .medium.boxed-icon.fill { background: #00ab6c; border-color: #00ab6c; color: #fff !important } .medium.boxed-icon.fill:hover { background: #00784c; border-color: #00784c } .social_black-on .medium.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .medium.boxed-icon.fill:hover { background: #00ab6c; border-color: #00ab6c } .medium.boxed-icon.style2 { border: 0; background: #00ab6c } .medium.boxed-icon.style2 span { background: #00ab6c } .social_black-on .medium.boxed-icon.style2 { background: #222 } .vimeo { color: #1ab7ea } .vimeo:hover { color: #14a7d7 } .social_black-on .vimeo { color: #222 } .social_black-on .vimeo:hover { color: #1ab7ea } .vimeo.boxed-icon { background: #fff } .vimeo.boxed-icon:hover { color: #fff !important; background: #1ab7ea; border-color: #1ab7ea } .social_black-on .vimeo.boxed-icon:hover { background: #222; border-color: #222 } .vimeo.boxed-icon.fill { background: #1ab7ea; border-color: #1ab7ea; color: #fff !important } .vimeo.boxed-icon.fill:hover { background: #1295bf; border-color: #1295bf } .social_black-on .vimeo.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .vimeo.boxed-icon.fill:hover { background: #1ab7ea; border-color: #1ab7ea } .vimeo.boxed-icon.style2 { border: 0; background: #1ab7ea } .vimeo.boxed-icon.style2 span { background: #1ab7ea } .social_black-on .vimeo.boxed-icon.style2 { background: #222 } .email { color: #9b9b9b } .email:hover { color: #8e8e8e } .social_black-on .email { color: #222 } .social_black-on .email:hover { color: #9b9b9b } .email.boxed-icon { background: #fff } .email.boxed-icon:hover { color: #fff !important; background: #9b9b9b; border-color: #9b9b9b } .social_black-on .email.boxed-icon:hover { background: #222; border-color: #222 } .email.boxed-icon.fill { background: #9b9b9b; border-color: #9b9b9b; color: #fff !important } .email.boxed-icon.fill:hover { background: #828181; border-color: #828181 } .social_black-on .email.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .email.boxed-icon.fill:hover { background: #9b9b9b; border-color: #9b9b9b } .email.boxed-icon.style2 { border: 0; background: #9b9b9b } .email.boxed-icon.style2 span { background: #9b9b9b } .social_black-on .email.boxed-icon.style2 { background: #222 } .reddit { color: #ff4500 } .reddit:hover { color: #e63e00 } .social_black-on .reddit { color: #222 } .social_black-on .reddit:hover { color: #ff4500 } .reddit.boxed-icon { background: #fff } .reddit.boxed-icon:hover { color: #fff !important; background: #ff4500; border-color: #ff4500 } .social_black-on .reddit.boxed-icon:hover { background: #222; border-color: #222 } .reddit.boxed-icon.fill { background: #ff4500; border-color: #ff4500; color: #fff !important } .reddit.boxed-icon.fill:hover { background: #cc3700; border-color: #cc3700 } .social_black-on .reddit.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .reddit.boxed-icon.fill:hover { background: #ff4500; border-color: #ff4500 } .reddit.boxed-icon.style2 { border: 0; background: #ff4500 } .reddit.boxed-icon.style2 span { background: #ff4500 } .social_black-on .reddit.boxed-icon.style2 { background: #222 } .telegram { color: #08c } .telegram:hover { color: #0077b3 } .social_black-on .telegram { color: #222 } .social_black-on .telegram:hover { color: #08c } .telegram.boxed-icon { background: #fff } .telegram.boxed-icon:hover { color: #fff !important; background: #08c; border-color: #08c } .social_black-on .telegram.boxed-icon:hover { background: #222; border-color: #222 } .telegram.boxed-icon.fill { background: #08c; border-color: #08c; color: #fff !important } .telegram.boxed-icon.fill:hover { background: #069; border-color: #069 } .social_black-on .telegram.boxed-icon.fill { background: #222; border-color: #222 } .social_black-on .telegram.boxed-icon.fill:hover { background: #08c; border-color: #08c } .telegram.boxed-icon.style2 { border: 0; background: #08c } .telegram.boxed-icon.style2 span { background: #08c } .social_black-on .telegram.boxed-icon.style2 { background: #222 } .wpb_video_widget .wpb_video_wrapper .responsive-embed,.wpb_video_widget .wpb_video_wrapper .flex-video { height: auto; padding-bottom: 0; margin: 0; position: absolute; top: 0; width: 100%; height: 100% } .wpb_video_widget .wpb_video_wrapper .plyr { position: absolute !important; top: 0; left: 0; width: 100%; height: 100% } .video_bg { position: relative; overflow: hidden; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important } .video_bg .row-video-bg { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100% } .video_bg .video_overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .parallax_bg { background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0) } .parallax_bg .wp-post-image { height: 100%; object-fit: cover } .iconlist { list-style: none } .iconlist li { padding: 0 0 0 25px; position: relative } .rtl .iconlist li { padding: 0 25px 0 0 } .rtl .iconlist li>i { left: auto; right: 0 } .iconlist li>i { position: absolute; top: 2px; left: 0; color: #222 } .gap { clear: both } .dropcap { display: block; font-size: 100px; line-height: 84px; text-transform: uppercase; float: left; position: relative; top: 0; margin-right: 10px; color: #222; font-weight: 600 } .rtl .dropcap { float: right; margin-right: 0; margin-left: 10px } .highlight { padding: 0 2px } .highlight.black { background: #222; color: #fff } .highlight.accent { background: #ef2673; color: #fff } .thb_image.retina_size { visibility: hidden } .thb_image.retina_size.retina_active { visibility: visible } .wpb_content_element { margin-bottom: 0 !important } .wpb_text_column:not(.slick-slide) { float: none } .contact_map { position: relative; overflow: hidden } .contact_map .google_map { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .contact_map .google_map img { max-width: none; height: auto } .image_link { display: block } table { border: 0 } .contentbox { text-align: center } .contentbox>a { display: block; color: #545353 } .contentbox img { width: 100% } .contentbox h6 { font-size: 22px; line-break: 26px; font-weight: 400; margin: 5px 0 15px } .contentbox .content { position: relative; background: #fff; margin: -52px 10px 0; padding: 10px; font-size: 14px; line-height: 20px } @media only screen and (min-width: 40.0625em) { .contentbox .content { margin:-58px 20px 0; padding: 20px } } #scroll_totop { display: flex; justify-content: center; align-items: center; background: #fff; width: 36px; height: 36px; position: fixed; right: 15px; bottom: 15px; z-index: 99; border-radius: 18px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.1); box-shadow: 0 2px 8px rgba(0,0,0,0.1); -webkit-transition: box-shadow .25s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: box-shadow .25s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: box-shadow .25s cubic-bezier(0.165, 0.84, 0.44, 1); transition: box-shadow .25s cubic-bezier(0.165, 0.84, 0.44, 1) } @media only screen and (min-width: 40.0625em) { #scroll_totop { right:30px; bottom: 30px } } .rtl #scroll_totop { right: auto; left: 15px } @media only screen and (min-width: 40.0625em) { .rtl #scroll_totop { right:auto; left: 30px } } #scroll_totop svg { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } #scroll_totop svg .thb-arrow-head { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px) } #scroll_totop svg .thb-arrow-line { -webkit-transform-origin: 100% center; -moz-transform-origin: 100% center; -ms-transform-origin: 100% center; -o-transform-origin: 100% center; transform-origin: 100% center; -webkit-transform: translateX(5px) scale(0, 1); -moz-transform: translateX(5px) scale(0, 1); -ms-transform: translateX(5px) scale(0, 1); -o-transform: translateX(5px) scale(0, 1); transform: translateX(5px) scale(0, 1) } #scroll_totop:hover { -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.2); box-shadow: 0 2px 8px rgba(0,0,0,0.2) } #scroll_totop:hover svg .thb-arrow-head { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px) } #scroll_totop:hover svg .thb-arrow-line { -webkit-transform: translateX(0px) scale(1, 1); -moz-transform: translateX(0px) scale(1, 1); -ms-transform: translateX(0px) scale(1, 1); -o-transform: translateX(0px) scale(1, 1); transform: translateX(0px) scale(1, 1) } .ad_container_bottom { margin-top: 30px } .ad_container_bottom p:last-of-type,.ad_container_gallery_header p:last-of-type { margin: 0 } .video_playlist.style1 { position: relative } .video_playlist.style1 .thb-play-list-holder { height: 190px } @media only screen and (min-width: 64.0625em) { .video_playlist.style1 .thb-play-list-holder { position:absolute; top: 0; margin: 0; right: -15px; height: 100% } } .video_playlist.style1 .video-side { margin-bottom: 10px } @media only screen and (min-width: 40.0625em) { .video_playlist.style1 .video-side { margin:0 } } .video_playlist .video-side { margin-bottom: 20px; position: relative } @media only screen and (min-width: 40.0625em) { .video_playlist .video-side { margin:0 } } .video_playlist .video-side .wp-video { width: 100% !important } .video_playlist .video-side.thb-loading:before,.video_playlist .video-side.slick:before { content: ''; display: block; position: absolute; top: 0; left: 15px; right: 15px; height: 100%; background: #222; opacity: 0.2; z-index: 5 } .video_playlist .video-side.thb-loading:after,.video_playlist .video-side.slick:after { bottom: auto; top: 50%; margin-top: -19px; z-index: 20 } .video_playlist.style2 .video-side { margin-bottom: 30px } @media only screen and (min-width: 40.0625em) { .video_playlist.style2 .video-side { margin-bottom:30px } } .video_playlist .video_play { display: flex; align-items: center; background: #f9f9f9; position: relative; padding: 5px; text-align: left; color: #222; font-size: 13px; margin-bottom: 2px } @media only screen and (min-width: 64.0625em) { .video_playlist .video_play { padding:22px 20px } } .video_playlist .video_play span { display: inline-block; width: 26px; min-width: 26px; height: 26px; line-height: 26px; text-indent: 1px; color: #fff; text-align: center; background: rgba(0,0,0,0.15); border-radius: 50%; font-size: 10px; margin-right: 5px } @media only screen and (min-width: 64.0625em) { .video_playlist .video_play span { margin-right:20px } } .video_playlist .video_play.vertical { display: block; padding: 0; background: none } .video_playlist .video_play.vertical .post-gallery { width: 100%; margin-bottom: 20px } .video_playlist .video_play.vertical.video-active { background: transparent; color: #ef2673 } .video_playlist .video_play.vertical.video-active h6 { color: #ef2673 } .video_playlist .video_play.video-active { background: #ef2673; color: #fff } .video_playlist .video_play.video-active span { background: rgba(255,255,255,0.2) } .password-protected { display: flex; justify-content: center; align-items: center; padding-top: calc(10vh + 80px); padding-bottom: 10vh } .password-protected svg { display: inline-block; width: 60px; max-width: 100%; margin-bottom: 30px } .password-protected h3 { margin-bottom: 5px } .password-protected .password-form { text-align: center } .password-protected p { margin-bottom: 30px } .not-found { text-align: center; width: 100%; margin-bottom: 30px } .not-found figure { display: inline-flex; width: 120px; height: 120px; border: 6px solid #f8f8f8; color: #e6e6e6; justify-content: center; align-items: center; margin-bottom: 30px } .not-found figure:after { content: '!'; font-size: 80px } .not-found p { color: #ef2673 } .thb-content-carousel .slick-slide { margin-bottom: 0 } .thb-content-carousel.regular-padding { margin: 0 -15px } .thb-content-carousel.regular-padding .slick-slide { margin-right: 10px; margin-left: 10px } @media only screen and (min-width: 40.0625em) { .thb-content-carousel.regular-padding .slick-slide { margin-right:15px; margin-left: 15px } } .thb-content-carousel.mini-padding { margin: 0 -5px } .thb-content-carousel.mini-padding .slick-slide { margin-right: 5px; margin-left: 5px } .thb-content-carousel.pixel-padding { margin: 0 -1px } .thb-content-carousel.pixel-padding .slick-slide { margin-right: 1px; margin-left: 1px } .thb-content-carousel.no-padding { margin: 0 } .thb-content-carousel.no-padding .slick-slide { margin-left: 0; margin-right: 0 } .thb-content-carousel.dark-pagination { padding-bottom: 40px } .thb-content-carousel.dark-pagination .slick-dots { bottom: 0 } hr { border-bottom: 1px solid #eaeaea } .thb-progress { width: 100%; background: #f0f0f0; height: 12px; margin-top: 4px } .thb-progress span { background: #ef2673; display: block; height: 12px; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0 } .animation { will-change: opacity, transform; opacity: 0; -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none } .animation.bottom-to-top { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px) } .animation.top-to-bottom { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px) } .animation.left-to-right { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px) } .animation.right-to-left { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px) } .animation.left-to-right-3d { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; transform-origin: 100% 100%; transform-style: preserve-3d; -webkit-transform: rotateX(-25deg) rotateY(-15deg) translate3d(-60px, -10px, 0); -moz-transform: rotateX(-25deg) rotateY(-15deg) translate3d(-60px, -10px, 0); -ms-transform: rotateX(-25deg) rotateY(-15deg) translate3d(-60px, -10px, 0); -o-transform: rotateX(-25deg) rotateY(-15deg) translate3d(-60px, -10px, 0); transform: rotateX(-25deg) rotateY(-15deg) translate3d(-60px, -10px, 0) } .animation.right-to-left-3d { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; transform-origin: 0% 100%; transform-style: preserve-3d; -webkit-transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0); -moz-transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0); -ms-transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0); -o-transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0); transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0) } .animation.bottom-to-top-3d { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; transform-style: preserve-3d; -webkit-transform: rotateX(-45deg) translateY(120px); -moz-transform: rotateX(-45deg) translateY(120px); -ms-transform: rotateX(-45deg) translateY(120px); -o-transform: rotateX(-45deg) translateY(120px); transform: rotateX(-45deg) translateY(120px) } .animation.top-to-bottom-3d { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; transform-style: preserve-3d; -webkit-transform: rotateX(45deg) translateY(-120px); -moz-transform: rotateX(45deg) translateY(-120px); -ms-transform: rotateX(45deg) translateY(-120px); -o-transform: rotateX(45deg) translateY(-120px); transform: rotateX(45deg) translateY(-120px) } .animation.scale { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; -webkit-transform: scale(.8, .8); -moz-transform: scale(.8, .8); -ms-transform: scale(.8, .8); -o-transform: scale(.8, .8); transform: scale(.8, .8) } .vc_editor .animation { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none } .thb-pricing-table .thb-pricing-column { display: flex; flex-direction: column } .thb-pricing-table .thb-pricing-column .pricing-container { background: #fff; display: flex; height: 100%; flex-direction: column; border: 1px solid #e6e6e6; text-align: center; padding: 15px } @media only screen and (min-width: 40.0625em) { .thb-pricing-table .thb-pricing-column .pricing-container { padding:40px } } .thb-pricing-table .thb-pricing-column .pricing-container img { display: block; border-radius: 3px; margin: 0 auto 40px; flex-shrink: 0 } .thb-pricing-table .thb-pricing-column .pricing-container .thb_pricing_head h4 { font-size: 20px; font-weight: 400; margin-bottom: 15px; line-height: 1 } .thb-pricing-table .thb-pricing-column .pricing-container .thb_pricing_head h3 { font-size: 30px; font-weight: 600; line-height: 1; margin-bottom: 25px; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums } .thb-pricing-table .thb-pricing-column .pricing-container .thb_pricing_head .pricing_sub_title { font-size: 13px; margin-bottom: 39px; opacity: 0.4 } .thb-pricing-table .thb-pricing-column .pricing-container.has-button { border-radius: 3px 3px 0 0; border-bottom: 0 } .thb-pricing-table .thb-pricing-column .pricing-container .pricing-description { border-top: 1px solid rgba(0,0,0,0.07); padding-top: 40px; text-align: left; font-size: 14px; color: #222 } .thb-pricing-table .thb-pricing-column .pricing-container .pricing-description p { font-size: inherit; color: inherit } .thb-pricing-table .thb-pricing-column .btn { width: 100%; height: 60px; display: flex; justify-content: center; align-items: center; font-weight: 600; padding: 0 } .thb-pricing-table .thb-pricing-column.highlight-true .pricing-container { background: #fff6f6; border-color: #ef2673 } .thb-pricing-table .btn { border-radius: 0 0 3px 3px } .thb-block-grid .row.thb-grid-parent-row { margin: 0 } .thb-block-grid .row.thb-grid-parent-row>.columns { padding: 0 } .thb-block-grid .row.thb-grid-parent-row>.columns>.post { margin-bottom: 1px } .thb-block-grid .row.thb-grid-parent-row .thb-grid-children-row { margin: 0 } .thb-block-grid .row.thb-grid-parent-row .thb-grid-children-row>.columns { padding: 0 } @media only screen and (min-width: 40.0625em) { .thb-block-grid .row.thb-grid-parent-row .thb-grid-children-row>.columns { padding-left:1px } } .thb-block-grid .row.thb-grid-parent-row .thb-grid-children-row>.columns .post { margin-bottom: 1px } .thb-block-grid .row.thb-grid-parent-row .post.post-blockgrid-style1 { height: 0; padding-bottom: 80% } .thb-block-grid .row.thb-grid-parent-row .post.post-blockgrid-style1 .post-gallery { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .thb-block-grid .row.thb-grid-parent-row .post.post-blockgrid-style1 .post-gallery img { object-fit: cover; height: 100%; width: 100% } .thb-block-grid.thb-block-grid-style1 .post.post-blockgrid-style1 h3 { font-size: 20px } @media only screen and (min-width: 40.0625em) { .thb-block-grid.thb-block-grid-style1 .post.post-blockgrid-style1 h3 { font-size:30px } } .thb-block-grid.thb-block-grid-style1 .thb-grid-children-row .columns:nth-child(3) .post.post-blockgrid-style1,.thb-block-grid.thb-block-grid-style1 .thb-grid-children-row .columns:nth-child(4) .post.post-blockgrid-style1 { padding-bottom: calc( 80% + 1px) } @media only screen and (min-width: 40.0625em) { .thb-block-grid.thb-block-grid-style1 .thb-grid-children-row .post.post-blockgrid-style1 h3 { font-size:20px } } .post.post-blockgrid-style1 { position: relative } .post.post-blockgrid-style1 .post-date { margin-bottom: 15px } .post.post-blockgrid-style1 .post-gallery { background: #000 } @media only screen and (min-width: 40.0625em) { .post.post-blockgrid-style1 .post-gallery { margin-bottom:0px } } .post.post-blockgrid-style1 .post-gallery>a { height: 100%; opacity: 1 } .post.post-blockgrid-style1 .post-gallery>a:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; border: 0; margin: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0.8; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); background-image: -owg-linear-gradient(rgba(0,0,0,0) 20%, rgba(0,0,0,0.8)); background-image: -webkit-linear-gradient(rgba(0,0,0,0) 20%, rgba(0,0,0,0.8)); background-image: -moz-linear-gradient(rgba(0,0,0,0) 20%, rgba(0,0,0,0.8)); background-image: -o-linear-gradient(rgba(0,0,0,0) 20%, rgba(0,0,0,0.8)); background-image: linear-gradient(rgba(0,0,0,0) 20%, rgba(0,0,0,0.8)); background-size: auto } .post.post-blockgrid-style1 .featured-title { position: absolute; top: auto; bottom: 40px; left: 40px; z-index: 10; color: #fff; max-width: 70%; text-align: left } .post.post-blockgrid-style1:hover .post-gallery>a:before { opacity: 1 } .thb_tabs .tabs { display: flex } .thb_tabs .tabs h6 { font-size: 12px; font-weight: 600; text-transform: uppercase; position: relative } .thb_tabs .tabs h6 a { display: block; color: rgba(0,0,0,0.4) } .thb_tabs .tabs h6 a:after { content: ''; display: block; position: absolute; left: 0; bottom: -2px; height: 1px; width: 100%; background: #ef2673; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1) } .thb_tabs .tabs h6 a:hover { color: #ef2673 } .thb_tabs .tabs dd { margin-right: 20px } .thb_tabs .tabs dd.active h6 a { color: #ef2673 } .thb_tabs .tabs dd.active h6 a:after { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } .thb_tabs .tabs-content>li { display: none } .thb_tabs .tabs-content>li.active { display: block } .thb_3dimg-container { position: relative; display: block } .thb_3dimg-container .visually-hidden { visibility: hidden; opacity: 0; object-fit: cover } .thb_3dimg { -webkit-tap-highlight-color: rgba(0,0,0,0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d } .atvImg-container { position: relative; width: 100%; height: 100%; outline: 1px solid transparent; transform-origin: center; will-change: transform; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden } .atvImg-container.over .atvImg-shadow { box-shadow: 0 45px 100px rgba(0,0,0,0.4),0 16px 40px rgba(0,0,0,0.4) } .atvImg-layers { position: relative; width: 100%; height: 100%; overflow: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden } .atvImg-layer { position: absolute; width: 104%; height: 104%; top: -2%; left: -2%; will-change: transform; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden } .atvImg-shadow { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; box-shadow: 0 8px 30px rgba(14,21,47,0.6) } .thb_3dimg .image_link { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; border: 6px solid #fff } .thb_3dimg h3 { margin: 0; letter-spacing: normal; color: #fff; text-transform: uppercase } .thb_3dimg .title,.thb_3dimg .arrow { display: flex; position: absolute; width: 100%; height: 100%; top: 0; left: 0; align-items: center; justify-content: center } .thb_3dimg .title svg,.thb_3dimg .arrow svg { fill: #ef2673 } .thb_3dimg .arrow { opacity: 0 } .thb_3dimg .image_bg { width: 100%; height: 100% } .thb_3dimg:hover .image_link { background: #fff; border-color: #ef2673 } .thb_3dimg:hover .image_bg { background: #fff } .thb_3dimg:hover .title { opacity: 0 } .thb_3dimg:hover .arrow { opacity: 1 } .woocommerce-message,.woocommerce-error,.woocommerce-info:not(.cart-empty) { background: #478df7; border: none; position: fixed; bottom: 0; left: 0; width: 100%; min-height: 70px; display: flex; margin: 0; padding: 15px; z-index: 9999; overflow: hidden; transform: translateY(100%); font-weight: bold; color: #fff; font-size: 16px; animation: thb-slide-in, thb-slide-out; animation-duration: 1.5s, 1.5s; animation-delay: 0.5s, 5s; animation-fill-mode: forwards; animation-timing-function: ease } @media only screen and (min-width: 40.0625em) { .woocommerce-message,.woocommerce-error,.woocommerce-info:not(.cart-empty) { padding:25px 45px } } .woocommerce-message .button,.woocommerce-error .button,.woocommerce-info:not(.cart-empty) .button { display: none } .woocommerce-message a,.woocommerce-error a,.woocommerce-info:not(.cart-empty) a { display: inline-flex; margin-left: 10px; color: #fff; text-decoration: underline } .woocommerce-info:not(.cart-empty) { background: #feb04b } .woocommerce-error { background: #fc5f5f; list-style: none; flex-direction: column } .woocommerce-error li { display: block } .woocommerce-error li:last-of-type { margin: 0 } @keyframes thb-slide-in { 0% { transform: translateY(100%) } 100% { transform: translateY(0%) } } @keyframes thb-slide-out { 0% { transform: translateY(0%) } 100% { transform: translateY(1000%) } } .thb_subscribe h3 { margin: 0 0 15px } .thb_subscribe h3+p { color: #222; font-size: 16px } .thb_subscribe .newsletter-form { margin: 0 auto; display: flex; max-width: 450px } .thb_subscribe .newsletter-form .widget_subscribe { flex: 1; margin-bottom: 0; margin-right: 5px } .thb_subscribe .newsletter-form.thb-loading:after,.thb_subscribe .newsletter-form.slick:after { bottom: auto; top: 50%; margin-top: -19px } .thb_subscribe.style1 { text-align: center } .thb_subscribe.style1 p { margin-bottom: 30px } .thb_subscribe.style1 .widget_subscribe { height: 58px; padding: 0 25px } .thb_subscribe.style1 .newsletter-form { max-width: 530px } .thb_subscribe.style2 { padding: 24px 0; text-align: left } .thb_subscribe.style2 h3 { font-size: 14px; line-height: 1; font-weight: 600 } .thb_subscribe.style2 p { font-size: 14px } @media only screen and (min-width: 40.0625em) { .thb_subscribe.style2 .newsletter-form { margin-left:auto; margin-right: 0 } } .thb_subscribe.style3 { display: flex; flex-direction: column; justify-content: center; align-items: center } @media only screen and (min-width: 40.0625em) { .thb_subscribe.style3 { flex-direction:row } } @media only screen and (min-width: 40.0625em) { .thb_subscribe.style3 .subscribe_content { margin-right:40px } } .thb_subscribe.style3 .newsletter-form { margin: 0; display: inline-flex; max-width: 100%; width: 400px } .thb_subscribe.style2 .thb-custom-checkbox,.thb_subscribe.style3 .thb-custom-checkbox { padding-top: 10px } .thb-article-sponsors .thb-sponsor { display: flex; align-items: center; justify-content: center; text-align: center; flex-wrap: wrap; border-bottom: 1px solid #eaeaea; margin-bottom: 20px; padding-bottom: 20px } .thb-article-sponsors .thb-sponsor a { display: block } .thb-article-sponsors .thb-sponsor .thb-sponsor-text { display: block; text-align: center; width: 100%; font-size: 14px; font-weight: 400; margin-top: 15px; margin-bottom: 0 } .thb-article-sponsors .thb-sponsor .sponsored-by { margin-right: 20px; font-size: 14px; font-weight: 300 } .thb-article-sponsors .thb-sponsor .thb-sponsor-x2 { height: 48px } .thb-article-sponsors .thb-sponsor .thb-sponsor-logo { font-size: 14px; font-weight: 300 } .thb-article-sponsors .thb-sponsor .thb-sponsor-logo img { display: block; height: 32px; width: auto } @media only screen and (min-width: 40.0625em) { .thb-article-sponsors .thb-sponsor .thb-sponsor-logo img { height:48px } } .thb-pin-it-container { position: relative; max-width: 100% } .thb-pin-it-container .thb-pin-it { position: absolute; top: 15px; right: 15px; color: #fff; width: 36px; height: 36px; border-radius: 18px; opacity: 0; display: flex; align-items: center; justify-content: center; background: #bd081c } .thb-pin-it-container .thb-pin-it:hover { background: #8c0615 } .thb-pin-it-container:hover .thb-pin-it { opacity: 1 } .thb-hotspot-container { position: relative } .thb-hotspot-container.hover .thb-hotspot:hover { z-index: 20 } .thb-hotspot-container.hover .thb-hotspot:hover .thb-hotspot-tooltip { opacity: 1; pointer-events: all } .thb-hotspot-container.click .thb-hotspot.active { z-index: 20 } .thb-hotspot-container.click .thb-hotspot.active .thb-hotspot-tooltip { opacity: 1; pointer-events: all } .thb-hotspot-container.click .thb-hotspot .thb-hotspot-content { cursor: pointer } .thb-hotspot-container.always .thb-hotspot .thb-hotspot-tooltip { opacity: 1; pointer-events: all } .thb-hotspot-container .product-hotspots { display: flex } .thb-hotspot-container .product-hotspots .product-image { width: 90px; height: auto } .thb-hotspot-container .product-hotspots .product-image .wp-post-image { object-fit: cover; width: 100%; height: 100%; flex-shrink: 0 } .thb-hotspot-container .product-hotspots .product-title { display: flex; flex-direction: column; justify-content: center; text-align: left; padding: 13px 15px 15px 20px } .thb-hotspot-container .product-hotspots .product-title h6 { font-size: 14px !important } .thb-hotspot-container .product-hotspots .product-title h6 a { color: #222 } .thb-hotspot-container .product-hotspots .product-title .price { line-height: 1 } .thb-hotspot-container .product-hotspots .product-title .price .amount { font-size: 13px; color: #222 } .thb-hotspot-container .product-hotspots .product-title .hotspots-buynow { display: block; color: #ef2673; font-weight: 600; font-size: 11px; margin-top: 17px } .thb-hotspot-container .thb-hotspot { position: absolute; z-index: 10; display: flex; justify-content: flex-start; align-items: center; width: 36px; height: 36px; border-radius: 100%; background: #222; font-size: 16px; color: #fff; font-weight: 600; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2); box-shadow: 0 2px 6px rgba(0,0,0,0.2) } .thb-hotspot-container .thb-hotspot.pin-accent { background: #ef2673 } .thb-hotspot-container .thb-hotspot.pin-white { background: #fff } .thb-hotspot-container .thb-hotspot.pin-white .thb-hotspot-content { color: #222 } .thb-hotspot-container .thb-hotspot .thb-hotspot-content { width: 36px; height: 36px; line-height: 36px; border-radius: 100%; text-align: center; flex-shrink: 0; position: absolute; top: 0; left: 0; width: 100%; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .thb-hotspot-container .thb-hotspot .thb-hotspot-content.thb-pulsate { -webkit-animation: thb-hotspot-pulse 2s infinite; -moz-animation: thb-hotspot-pulse 2s infinite; -ms-animation: thb-hotspot-pulse 2s infinite; -o-animation: thb-hotspot-pulse 2s infinite; animation: thb-hotspot-pulse 2s infinite } @-moz-keyframes thb-hotspot-pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.7); -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0.7); box-shadow: 0 0 0 0 rgba(255,255,255,0.7) } 70% { -webkit-box-shadow: 0 0 0 12px rgba(255,255,255,0); -moz-box-shadow: 0 0 0 12px rgba(255,255,255,0); box-shadow: 0 0 0 12px rgba(255,255,255,0) } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0); -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0); box-shadow: 0 0 0 0 rgba(255,255,255,0) } } @-webkit-keyframes thb-hotspot-pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.7); -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0.7); box-shadow: 0 0 0 0 rgba(255,255,255,0.7) } 70% { -webkit-box-shadow: 0 0 0 12px rgba(255,255,255,0); -moz-box-shadow: 0 0 0 12px rgba(255,255,255,0); box-shadow: 0 0 0 12px rgba(255,255,255,0) } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0); -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0); box-shadow: 0 0 0 0 rgba(255,255,255,0) } } @-o-keyframes thb-hotspot-pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.7); -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0.7); box-shadow: 0 0 0 0 rgba(255,255,255,0.7) } 70% { -webkit-box-shadow: 0 0 0 12px rgba(255,255,255,0); -moz-box-shadow: 0 0 0 12px rgba(255,255,255,0); box-shadow: 0 0 0 12px rgba(255,255,255,0) } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0); -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0); box-shadow: 0 0 0 0 rgba(255,255,255,0) } } @-ms-keyframes thb-hotspot-pulse { .thb-hotspot-container .thb-hotspot .thb-hotspot-content 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.7); -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0.7); box-shadow: 0 0 0 0 rgba(255,255,255,0.7) } .thb-hotspot-container .thb-hotspot .thb-hotspot-content 70% { -webkit-box-shadow: 0 0 0 12px rgba(255,255,255,0); -moz-box-shadow: 0 0 0 12px rgba(255,255,255,0); box-shadow: 0 0 0 12px rgba(255,255,255,0) } .thb-hotspot-container .thb-hotspot .thb-hotspot-content 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0); -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0); box-shadow: 0 0 0 0 rgba(255,255,255,0) } } @keyframes thb-hotspot-pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.7); -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0.7); box-shadow: 0 0 0 0 rgba(255,255,255,0.7) } 70% { -webkit-box-shadow: 0 0 0 12px rgba(255,255,255,0); -moz-box-shadow: 0 0 0 12px rgba(255,255,255,0); box-shadow: 0 0 0 12px rgba(255,255,255,0) } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0); -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0); box-shadow: 0 0 0 0 rgba(255,255,255,0) } } .thb-hotspot-container .thb-hotspot .thb-hotspot-tooltip { position: relative; width: 260px; height: 60px; flex-shrink: 0; opacity: 0; pointer-events: none } .thb-hotspot-container .thb-hotspot .thb-hotspot-tooltip .thb-hotspot-tooltip-inner { background: #fff; border-radius: 3px; padding: 20px; width: 240px; position: absolute; text-align: center; left: 50%; bottom: 0; margin: 0 0 20px 0; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2); box-shadow: 0 1px 4px rgba(0,0,0,0.2) } .thb-hotspot-container .thb-hotspot .thb-hotspot-tooltip .thb-hotspot-tooltip-inner.thb-product-popup { padding: 5px; width: 270px } .thb-hotspot-container .thb-hotspot .thb-hotspot-tooltip .thb-hotspot-tooltip-inner:after { content: ''; display: block; position: absolute; background: #fff; top: 100%; left: 50%; margin-left: -6px; margin-top: -7px; width: 12px; height: 12px; border-radius: 2px; z-index: -1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 1px -2px rgba(0,0,0,0.5); -moz-box-shadow: -2px 2px 1px -2px rgba(0,0,0,0.5); box-shadow: -2px 2px 1px -2px rgba(0,0,0,0.5) } .thb-hotspot-container .thb-hotspot .thb-hotspot-tooltip .thb-hotspot-tooltip-inner h6 { font-size: 16px; font-weight: 600; margin-bottom: 5px } .thb-hotspot-container .thb-hotspot .thb-hotspot-tooltip .thb-hotspot-tooltip-inner p { font-size: 14px; margin: 0; color: #222 } .thb-hotspot-container .thb-hotspot.top { align-items: flex-end } .thb-hotspot-container .thb-hotspot.top .thb-hotspot-tooltip { bottom: 100%; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) } .thb-hotspot-container .thb-hotspot.bottom { align-items: flex-start } .thb-hotspot-container .thb-hotspot.bottom .thb-hotspot-tooltip { top: 100%; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) } .thb-hotspot-container .thb-hotspot.bottom .thb-hotspot-tooltip .thb-hotspot-tooltip-inner { bottom: auto; top: 0; margin: 20px 0 0 } .thb-hotspot-container .thb-hotspot.bottom .thb-hotspot-tooltip .thb-hotspot-tooltip-inner:after { top: auto; bottom: 100%; left: 50%; margin-left: -6px; margin-top: 0; margin-bottom: -7px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .thb-hotspot-container .thb-hotspot.right .thb-hotspot-tooltip { top: 0; left: 100% } .thb-hotspot-container .thb-hotspot.right .thb-hotspot-tooltip .thb-hotspot-tooltip-inner { margin: 0 0 0 20px; left: auto; bottom: auto; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .thb-hotspot-container .thb-hotspot.right .thb-hotspot-tooltip .thb-hotspot-tooltip-inner:after { top: 50%; right: 100%; left: auto; margin-top: -6px; margin-right: -7px; margin-left: 0; z-index: -1; -webkit-box-shadow: -2px -1px 1px -2px rgba(0,0,0,0.4); -moz-box-shadow: -2px -1px 1px -2px rgba(0,0,0,0.4); box-shadow: -2px -1px 1px -2px rgba(0,0,0,0.4) } .thb-hotspot-container .thb-hotspot.left { flex-direction: row-reverse } .thb-hotspot-container .thb-hotspot.left .thb-hotspot-tooltip { top: 0; left: auto; right: 100%; margin-left: 0 } .thb-hotspot-container .thb-hotspot.left .thb-hotspot-tooltip .thb-hotspot-tooltip-inner { left: auto; bottom: auto; right: 0; top: 50%; margin: 0 20px 0 0; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .thb-hotspot-container .thb-hotspot.left .thb-hotspot-tooltip .thb-hotspot-tooltip-inner:after { top: 50%; left: 100%; margin-top: -6px; margin-left: -7px; margin-right: 0; z-index: -1; -webkit-box-shadow: 1px 2px 1px -2px rgba(0,0,0,0.4); -moz-box-shadow: 1px 2px 1px -2px rgba(0,0,0,0.4); box-shadow: 1px 2px 1px -2px rgba(0,0,0,0.4) } .thb-counter { display: flex; flex-direction: column; text-align: center; color: #222; visibility: hidden; margin-bottom: 30px } .thb-counter figure { display: flex; width: 100%; justify-content: center; align-items: center; padding-top: 15px } .thb-counter figure svg { display: none; width: 50px; margin: 0 auto } .thb-counter figure svg path,.thb-counter figure svg circle,.thb-counter figure svg rect,.thb-counter figure svg ellipse { stroke: #222 } .thb-counter figure .counter-image img { width: 64px } .thb-counter .counter-container { display: flex; justify-content: center; align-items: center; flex-direction: column; white-space: nowrap } .thb-counter .h1 { display: block; width: 100%; line-height: 1; font-weight: 600 !important; letter-spacing: -0.02em !important; margin-bottom: 10px; will-change: contents } .thb-counter .h1 .odometer-digit { line-height: 1 } .thb-counter h6 { text-transform: none; font-weight: 500; font-size: 16px; letter-spacing: normal; color: #222; margin: 0 0 15px } .thb-counter .thb-description p { font-size: 14px; margin-bottom: 15px } .thb-counter.counter-style1 .counter-container { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 15px } .thb-counter.counter-style1 .counter-container .odometer { flex: 0; white-space: nowrap } .thb-counter.counter-style1 .counter-container .odometer .odometer-inside { line-height: 1; display: flex } .thb-counter.counter-style1 .counter-container .odometer .odometer-inside .odometer-digit-spacer { vertical-align: baseline } .thb-counter.counter-style1 .counter-container .h1 { line-height: 1; will-change: contents; margin: 0 } .thb-counter.counter-style1 .counter-container .h1.counter-text { width: auto; display: inline-flex; margin: 0 0 0 7px } @media only screen and (min-width: 64.0625em) { .thb-counter.counter-style1 .h1 { font-size:90px } } .thb-counter.counter-style3 .h1 { font-size: 30px; font-weight: 600; margin: 0 } .thb-counter.counter-style3 h6 { font-size: 14px; font-weight: 600 } .thb-counter.counter-style3 figure { padding: 0; margin-bottom: 30px } .thb-counter.counter-style2 .h1 { margin-bottom: 0 } .thb-counter.counter-style2 .counter-container { text-align: center; padding: 20px 0; min-width: 155px } .thb-counter.counter-style2 .thb-description { display: flex; align-items: center; padding: 30px 0 } .thb-counter.counter-style2 .thb-description p { margin: 0 } .thb-counter.counter-style2.left { flex-direction: row; text-align: left } .thb-counter.counter-style2.left .counter-container { padding-right: 40px; border-right: 1px solid rgba(0,0,0,0.15); margin-right: 40px } .thb-counter.counter-style2.right { text-align: right; flex-direction: row-reverse } .thb-counter.counter-style2.right .counter-container { padding-left: 40px; border-left: 1px solid rgba(0,0,0,0.15); margin-left: 40px } .thb-counter.counter-style4 .counter-container { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 15px } .thb-counter.counter-style4 .counter-container .odometer { flex: 0; white-space: nowrap } .thb-counter.counter-style4 .counter-container .odometer .odometer-inside { line-height: 1; display: flex } .thb-counter.counter-style4 .counter-container .odometer .odometer-inside .odometer-digit-spacer { vertical-align: baseline } .thb-counter.counter-style4 .counter-container .counter { line-height: 1; font-weight: 400 !important; letter-spacing: -0.02em !important; will-change: contents; margin: 0; font-size: 40px } @media only screen and (min-width: 40.0625em) { .thb-counter.counter-style4 .counter-container .counter { font-size:60px } } .thb-counter.counter-style4 .counter-container .counter.counter-text { width: auto; display: inline-flex; margin: 0 0 0 7px } .thb-counter.counter-style4 .thb-title { font-weight: 600; text-transform: uppercase; font-size: 12px; margin-bottom: 10px } .thb-counter.counter-style5 .counter-container { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 15px } .thb-counter.counter-style5 .counter-container .odometer { flex: 0; white-space: nowrap } .thb-counter.counter-style5 .counter-container .odometer .odometer-inside { line-height: 1; display: flex } .thb-counter.counter-style5 .counter-container .odometer .odometer-inside .odometer-digit-spacer { vertical-align: baseline } .thb-counter.counter-style5 .counter-container .counter { line-height: 1; font-weight: 400 !important; letter-spacing: -0.02em !important; will-change: contents; margin: 0; font-size: 40px } @media only screen and (min-width: 40.0625em) { .thb-counter.counter-style5 .counter-container .counter { font-size:60px } } .thb-counter.counter-style5 .counter-container .counter.counter-text { width: auto; display: inline-flex; margin: 0 0 0 7px } .thb-counter.counter-style5 .h1 { font-weight: 400 } @media only screen and (min-width: 64.0625em) { .thb-counter.counter-style5 .h1 { font-size:80px } } .thb-counter.counter-style5 h6 { font-size: 11px; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase } .odometer.odometer-auto-theme,.odometer.odometer-theme-minimal { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom:1;*display: inline; position: relative } .odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-minimal .odometer-digit,.odometer.odometer-theme-minimal .odometer-formatting-mark { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom:1;*display: inline; position: relative } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom:1;*display: inline; visibility: hidden } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon { display: block } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden } .odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0) } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value { position: absolute } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner { transition: transform 2s } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } .thb_cascading_images { position: relative } .thb_cascading_images .cascading_image { display: block; width: 100% } .thb_cascading_images .cascading_image:not(:first-child) { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .thb_cascading_images .cascading_image img { display: block; margin: 0 auto; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0) } .thb_cascading_images .cascading_image .thb_box_shadow { -webkit-box-shadow: 0 4px 25px rgba(0,0,0,0.2); -moz-box-shadow: 0 4px 25px rgba(0,0,0,0.2); box-shadow: 0 4px 25px rgba(0,0,0,0.2) } .thb-autotype .thb-autotype-entry { display: inline; color: rgba(0,0,0,0.1); will-change: contents } .thb-autotype .typed-cursor { font-weight: 400; display: inline-block; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; -ms-animation: blink 0.7s infinite; -o-animation: blink 0.7s infinite; animation: blink 0.7s infinite } @keyframes blink { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes blink { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } @-moz-keyframes blink { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } .thb-fadetype { visibility: hidden; perspective: 2000px } .thb-fadetype .thb-fadetype-entry { display: inline-block; will-change: contents } .thb-fadetype .thb-fadetype-entry div { transform-origin: 0 100%; transform-style: preserve-3d; will-change: opacity } .thb-gradienttype * { -moz-background-clip: text !important; -o-background-clip: text !important; -webkit-background-clip: text !important; background-clip: text !important; -moz-text-fill-color: transparent !important; -o-text-fill-color: transparent !important; -webkit-text-fill-color: transparent !important; text-fill-color: transparent !important } .thb-slidetype { visibility: hidden } .thb-slidetype .thb-slidetype-entry { display: block; will-change: contents; overflow: hidden } .thb-slidetype .thb-slidetype-entry .lines { display: block } .thb-stroketype * { color: #222; -webkit-text-fill-color: rgba(0,0,0,0); -moz-text-fill-color: rgba(0,0,0,0); -o-text-fill-color: rgba(0,0,0,0); -ms-text-fill-color: rgba(0,0,0,0); text-fill-color: rgba(0,0,0,0); -webkit-text-stroke-width: 1px; -moz-text-stroke-width: 1px; -o-text-stroke-width: 1px; -ms-text-stroke-width: 1px; text-stroke-width: 1px; -webkit-text-stroke-color: #222; -moz-text-stroke-color: #222; -o-text-stroke-color: #222; -ms-text-stroke-color: #222; text-stroke-color: #222 } .thb-social-links-container { font-size: 10px } .thb-social-links-container .thb-social-link-wrap { display: block; line-height: 1 } .thb-social-links-container .thb-social-link { display: inline-flex; width: 100%; align-items: center; text-transform: uppercase; color: #222 } .thb-social-links-container .thb-social-link .thb-social-label-container { display: inline-flex; align-items: center } .thb-social-links-container .thb-social-link .thb-social-icon-container { display: inline-flex; justify-content: center; text-align: center; font-size: 16px } .thb-social-links-container .thb-social-link .thb-social-count { opacity: 0.8 } .thb-social-links-container.thb-social-vertical { display: flex; flex-direction: column } .thb-social-links-container.thb-social-vertical .thb-social-link-wrap:last-child .thb-social-link { margin: 0 } .thb-social-links-container.thb-social-vertical .thb-social-link { justify-content: space-between; margin-bottom: 12px } .thb-social-links-container.thb-social-vertical .thb-social-link .thb-social-label-container { font-weight: 600 } .thb-social-links-container.thb-social-vertical .thb-social-link .thb-social-icon-container { min-width: 15px; margin-right: 15px } .rtl .thb-social-links-container.thb-social-vertical .thb-social-link .thb-social-icon-container { margin-right: 0; margin-left: 15px } .thb-social-links-container.thb-social-vertical.border-mono .thb-social-link,.thb-social-links-container.thb-social-vertical.border-color .thb-social-link,.thb-social-links-container.thb-social-vertical.fill-color .thb-social-link { padding: 10px 15px; margin-bottom: 6px } .thb-social-links-container.thb-social-vertical.circle-mono .thb-social-icon-container,.thb-social-links-container.thb-social-vertical.circle-color .thb-social-icon-container,.thb-social-links-container.thb-social-vertical.circle-fill .thb-social-icon-container { font-size: 14px } .thb-social-links-container.thb-social-horizontal .thb-social-link-wrap { display: inline-flex; padding: 0 8px; margin-bottom: 20px } .thb-social-links-container.thb-social-horizontal .thb-social-link-wrap .thb-social-link { flex-direction: column; min-width: 30px } .thb-social-links-container.thb-social-horizontal .thb-social-link-wrap .thb-social-count { margin-top: 12px; opacity: 1 } .thb-social-links-container.thb-social-horizontal .thb-social-label { display: none } .thb-social-links-container.thb-social-horizontal.border-mono .thb-social-link-wrap,.thb-social-links-container.thb-social-horizontal.border-color .thb-social-link-wrap,.thb-social-links-container.thb-social-horizontal.fill-color .thb-social-link-wrap { padding: 0 3px; margin-bottom: 8px } .thb-social-links-container.thb-social-horizontal.border-mono .thb-social-link,.thb-social-links-container.thb-social-horizontal.border-color .thb-social-link,.thb-social-links-container.thb-social-horizontal.fill-color .thb-social-link { padding: 20px; min-width: 65px } .thb-social-links-container.mono-icons .thb-social-link.social-link-facebook:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-facebook:hover .thb-social-icon-container { color: #3b5998 } .thb-social-links-container.mono-icons .thb-social-link.social-link-google:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-google:hover .thb-social-icon-container { color: #dd4b39 } .thb-social-links-container.mono-icons .thb-social-link.social-link-google-plus:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-google-plus:hover .thb-social-icon-container { color: #dd4b39 } .thb-social-links-container.mono-icons .thb-social-link.social-link-linkedin:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-linkedin:hover .thb-social-icon-container { color: #007bb6 } .thb-social-links-container.mono-icons .thb-social-link.social-link-vkontakte:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-vkontakte:hover .thb-social-icon-container { color: #45668e } .thb-social-links-container.mono-icons .thb-social-link.social-link-pinterest:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-pinterest:hover .thb-social-icon-container { color: #bd081c } .thb-social-links-container.mono-icons .thb-social-link.social-link-whatsapp:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-whatsapp:hover .thb-social-icon-container { color: #25d366 } .thb-social-links-container.mono-icons .thb-social-link.social-link-twitter:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-twitter:hover .thb-social-icon-container { color: #00aced } .thb-social-links-container.mono-icons .thb-social-link.social-link-instagram:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-instagram:hover .thb-social-icon-container { color: #3f729b } .thb-social-links-container.mono-icons .thb-social-link.social-link-vk:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-vk:hover .thb-social-icon-container { color: #45668e } .thb-social-links-container.mono-icons .thb-social-link.social-link-tumblr:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-tumblr:hover .thb-social-icon-container { color: #35465c } .thb-social-links-container.mono-icons .thb-social-link.social-link-xing:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-xing:hover .thb-social-icon-container { color: #cfdc00 } .thb-social-links-container.mono-icons .thb-social-link.social-link-soundcloud:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-soundcloud:hover .thb-social-icon-container { color: #f80 } .thb-social-links-container.mono-icons .thb-social-link.social-link-dribbble:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-dribbble:hover .thb-social-icon-container { color: #ea4c89 } .thb-social-links-container.mono-icons .thb-social-link.social-link-youtube:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-youtube:hover .thb-social-icon-container { color: #e52d27 } .thb-social-links-container.mono-icons .thb-social-link.social-link-spotify:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-spotify:hover .thb-social-icon-container { color: #7ab800 } .thb-social-links-container.mono-icons .thb-social-link.social-link-behance:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-behance:hover .thb-social-icon-container { color: #1769ff } .thb-social-links-container.mono-icons .thb-social-link.social-link-deviantart:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-deviantart:hover .thb-social-icon-container { color: #4e6252 } .thb-social-links-container.mono-icons .thb-social-link.social-link-snapchat:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-snapchat:hover .thb-social-icon-container { color: #fffc00 } .thb-social-links-container.mono-icons .thb-social-link.social-link-medium:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-medium:hover .thb-social-icon-container { color: #00ab6c } .thb-social-links-container.mono-icons .thb-social-link.social-link-vimeo:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-vimeo:hover .thb-social-icon-container { color: #1ab7ea } .thb-social-links-container.mono-icons .thb-social-link.social-link-email:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-email:hover .thb-social-icon-container { color: #9b9b9b } .thb-social-links-container.mono-icons .thb-social-link.social-link-reddit:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-reddit:hover .thb-social-icon-container { color: #ff4500 } .thb-social-links-container.mono-icons .thb-social-link.social-link-telegram:hover .thb-social-label-container,.thb-social-links-container.mono-icons .thb-social-link.social-link-telegram:hover .thb-social-icon-container { color: #08c } .thb-social-links-container.mono-icons-horizontal .thb-social-link-wrap { padding-left: 0; margin-bottom: 0 } .thb-social-links-container.mono-icons-horizontal .thb-social-link-wrap:last-child { padding-right: 0 } .thb-social-links-container.mono-icons-horizontal .thb-social-link-wrap .thb-social-count { margin: 0 0 0 8px } .thb-social-links-container.mono-icons-horizontal .thb-social-link { flex-direction: row !important; min-width: 0 !important } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-facebook:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-facebook:hover .thb-social-icon-container { color: #3b5998 } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-google:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-google:hover .thb-social-icon-container { color: #dd4b39 } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-google-plus:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-google-plus:hover .thb-social-icon-container { color: #dd4b39 } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-linkedin:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-linkedin:hover .thb-social-icon-container { color: #007bb6 } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-vkontakte:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-vkontakte:hover .thb-social-icon-container { color: #45668e } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-pinterest:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-pinterest:hover .thb-social-icon-container { color: #bd081c } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-whatsapp:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-whatsapp:hover .thb-social-icon-container { color: #25d366 } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-twitter:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-twitter:hover .thb-social-icon-container { color: #00aced } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-instagram:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-instagram:hover .thb-social-icon-container { color: #3f729b } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-vk:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-vk:hover .thb-social-icon-container { color: #45668e } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-tumblr:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-tumblr:hover .thb-social-icon-container { color: #35465c } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-xing:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-xing:hover .thb-social-icon-container { color: #cfdc00 } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-soundcloud:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-soundcloud:hover .thb-social-icon-container { color: #f80 } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-dribbble:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-dribbble:hover .thb-social-icon-container { color: #ea4c89 } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-youtube:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-youtube:hover .thb-social-icon-container { color: #e52d27 } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-spotify:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-spotify:hover .thb-social-icon-container { color: #7ab800 } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-behance:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-behance:hover .thb-social-icon-container { color: #1769ff } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-deviantart:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-deviantart:hover .thb-social-icon-container { color: #4e6252 } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-snapchat:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-snapchat:hover .thb-social-icon-container { color: #fffc00 } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-medium:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-medium:hover .thb-social-icon-container { color: #00ab6c } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-vimeo:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-vimeo:hover .thb-social-icon-container { color: #1ab7ea } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-email:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-email:hover .thb-social-icon-container { color: #9b9b9b } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-reddit:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-reddit:hover .thb-social-icon-container { color: #ff4500 } .thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-telegram:hover .thb-social-label-container,.thb-social-links-container.mono-icons-horizontal .thb-social-link.social-link-telegram:hover .thb-social-icon-container { color: #08c } .thb-social-links-container.color-icons .thb-social-link.social-link-facebook .thb-social-icon-container { color: #3b5998 } .thb-social-links-container.color-icons .thb-social-link.social-link-facebook:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-facebook:hover .thb-social-icon-container { color: #3b5998 } .thb-social-links-container.color-icons .thb-social-link.social-link-google .thb-social-icon-container { color: #dd4b39 } .thb-social-links-container.color-icons .thb-social-link.social-link-google:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-google:hover .thb-social-icon-container { color: #dd4b39 } .thb-social-links-container.color-icons .thb-social-link.social-link-google-plus .thb-social-icon-container { color: #dd4b39 } .thb-social-links-container.color-icons .thb-social-link.social-link-google-plus:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-google-plus:hover .thb-social-icon-container { color: #dd4b39 } .thb-social-links-container.color-icons .thb-social-link.social-link-linkedin .thb-social-icon-container { color: #007bb6 } .thb-social-links-container.color-icons .thb-social-link.social-link-linkedin:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-linkedin:hover .thb-social-icon-container { color: #007bb6 } .thb-social-links-container.color-icons .thb-social-link.social-link-vkontakte .thb-social-icon-container { color: #45668e } .thb-social-links-container.color-icons .thb-social-link.social-link-vkontakte:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-vkontakte:hover .thb-social-icon-container { color: #45668e } .thb-social-links-container.color-icons .thb-social-link.social-link-pinterest .thb-social-icon-container { color: #bd081c } .thb-social-links-container.color-icons .thb-social-link.social-link-pinterest:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-pinterest:hover .thb-social-icon-container { color: #bd081c } .thb-social-links-container.color-icons .thb-social-link.social-link-whatsapp .thb-social-icon-container { color: #25d366 } .thb-social-links-container.color-icons .thb-social-link.social-link-whatsapp:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-whatsapp:hover .thb-social-icon-container { color: #25d366 } .thb-social-links-container.color-icons .thb-social-link.social-link-twitter .thb-social-icon-container { color: #00aced } .thb-social-links-container.color-icons .thb-social-link.social-link-twitter:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-twitter:hover .thb-social-icon-container { color: #00aced } .thb-social-links-container.color-icons .thb-social-link.social-link-instagram .thb-social-icon-container { color: #3f729b } .thb-social-links-container.color-icons .thb-social-link.social-link-instagram:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-instagram:hover .thb-social-icon-container { color: #3f729b } .thb-social-links-container.color-icons .thb-social-link.social-link-vk .thb-social-icon-container { color: #45668e } .thb-social-links-container.color-icons .thb-social-link.social-link-vk:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-vk:hover .thb-social-icon-container { color: #45668e } .thb-social-links-container.color-icons .thb-social-link.social-link-tumblr .thb-social-icon-container { color: #35465c } .thb-social-links-container.color-icons .thb-social-link.social-link-tumblr:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-tumblr:hover .thb-social-icon-container { color: #35465c } .thb-social-links-container.color-icons .thb-social-link.social-link-xing .thb-social-icon-container { color: #cfdc00 } .thb-social-links-container.color-icons .thb-social-link.social-link-xing:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-xing:hover .thb-social-icon-container { color: #cfdc00 } .thb-social-links-container.color-icons .thb-social-link.social-link-soundcloud .thb-social-icon-container { color: #f80 } .thb-social-links-container.color-icons .thb-social-link.social-link-soundcloud:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-soundcloud:hover .thb-social-icon-container { color: #f80 } .thb-social-links-container.color-icons .thb-social-link.social-link-dribbble .thb-social-icon-container { color: #ea4c89 } .thb-social-links-container.color-icons .thb-social-link.social-link-dribbble:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-dribbble:hover .thb-social-icon-container { color: #ea4c89 } .thb-social-links-container.color-icons .thb-social-link.social-link-youtube .thb-social-icon-container { color: #e52d27 } .thb-social-links-container.color-icons .thb-social-link.social-link-youtube:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-youtube:hover .thb-social-icon-container { color: #e52d27 } .thb-social-links-container.color-icons .thb-social-link.social-link-spotify .thb-social-icon-container { color: #7ab800 } .thb-social-links-container.color-icons .thb-social-link.social-link-spotify:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-spotify:hover .thb-social-icon-container { color: #7ab800 } .thb-social-links-container.color-icons .thb-social-link.social-link-behance .thb-social-icon-container { color: #1769ff } .thb-social-links-container.color-icons .thb-social-link.social-link-behance:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-behance:hover .thb-social-icon-container { color: #1769ff } .thb-social-links-container.color-icons .thb-social-link.social-link-deviantart .thb-social-icon-container { color: #4e6252 } .thb-social-links-container.color-icons .thb-social-link.social-link-deviantart:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-deviantart:hover .thb-social-icon-container { color: #4e6252 } .thb-social-links-container.color-icons .thb-social-link.social-link-snapchat .thb-social-icon-container { color: #fffc00 } .thb-social-links-container.color-icons .thb-social-link.social-link-snapchat:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-snapchat:hover .thb-social-icon-container { color: #fffc00 } .thb-social-links-container.color-icons .thb-social-link.social-link-medium .thb-social-icon-container { color: #00ab6c } .thb-social-links-container.color-icons .thb-social-link.social-link-medium:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-medium:hover .thb-social-icon-container { color: #00ab6c } .thb-social-links-container.color-icons .thb-social-link.social-link-vimeo .thb-social-icon-container { color: #1ab7ea } .thb-social-links-container.color-icons .thb-social-link.social-link-vimeo:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-vimeo:hover .thb-social-icon-container { color: #1ab7ea } .thb-social-links-container.color-icons .thb-social-link.social-link-email .thb-social-icon-container { color: #9b9b9b } .thb-social-links-container.color-icons .thb-social-link.social-link-email:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-email:hover .thb-social-icon-container { color: #9b9b9b } .thb-social-links-container.color-icons .thb-social-link.social-link-reddit .thb-social-icon-container { color: #ff4500 } .thb-social-links-container.color-icons .thb-social-link.social-link-reddit:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-reddit:hover .thb-social-icon-container { color: #ff4500 } .thb-social-links-container.color-icons .thb-social-link.social-link-telegram .thb-social-icon-container { color: #08c } .thb-social-links-container.color-icons .thb-social-link.social-link-telegram:hover .thb-social-label-container,.thb-social-links-container.color-icons .thb-social-link.social-link-telegram:hover .thb-social-icon-container { color: #08c } .thb-social-links-container.border-mono .thb-social-link { border: 1px solid #eaeaea; border-radius: 3px } .thb-social-links-container.border-mono .thb-social-link:hover { color: #fff } .thb-social-links-container.border-mono .thb-social-link.social-link-facebook:hover { background: #3b5998; border-color: #3b5998 } .thb-social-links-container.border-mono .thb-social-link.social-link-google:hover { background: #dd4b39; border-color: #dd4b39 } .thb-social-links-container.border-mono .thb-social-link.social-link-google-plus:hover { background: #dd4b39; border-color: #dd4b39 } .thb-social-links-container.border-mono .thb-social-link.social-link-linkedin:hover { background: #007bb6; border-color: #007bb6 } .thb-social-links-container.border-mono .thb-social-link.social-link-vkontakte:hover { background: #45668e; border-color: #45668e } .thb-social-links-container.border-mono .thb-social-link.social-link-pinterest:hover { background: #bd081c; border-color: #bd081c } .thb-social-links-container.border-mono .thb-social-link.social-link-whatsapp:hover { background: #25d366; border-color: #25d366 } .thb-social-links-container.border-mono .thb-social-link.social-link-twitter:hover { background: #00aced; border-color: #00aced } .thb-social-links-container.border-mono .thb-social-link.social-link-instagram:hover { background: #3f729b; border-color: #3f729b } .thb-social-links-container.border-mono .thb-social-link.social-link-vk:hover { background: #45668e; border-color: #45668e } .thb-social-links-container.border-mono .thb-social-link.social-link-tumblr:hover { background: #35465c; border-color: #35465c } .thb-social-links-container.border-mono .thb-social-link.social-link-xing:hover { background: #cfdc00; border-color: #cfdc00 } .thb-social-links-container.border-mono .thb-social-link.social-link-soundcloud:hover { background: #f80; border-color: #f80 } .thb-social-links-container.border-mono .thb-social-link.social-link-dribbble:hover { background: #ea4c89; border-color: #ea4c89 } .thb-social-links-container.border-mono .thb-social-link.social-link-youtube:hover { background: #e52d27; border-color: #e52d27 } .thb-social-links-container.border-mono .thb-social-link.social-link-spotify:hover { background: #7ab800; border-color: #7ab800 } .thb-social-links-container.border-mono .thb-social-link.social-link-behance:hover { background: #1769ff; border-color: #1769ff } .thb-social-links-container.border-mono .thb-social-link.social-link-deviantart:hover { background: #4e6252; border-color: #4e6252 } .thb-social-links-container.border-mono .thb-social-link.social-link-snapchat:hover { background: #fffc00; border-color: #fffc00 } .thb-social-links-container.border-mono .thb-social-link.social-link-medium:hover { background: #00ab6c; border-color: #00ab6c } .thb-social-links-container.border-mono .thb-social-link.social-link-vimeo:hover { background: #1ab7ea; border-color: #1ab7ea } .thb-social-links-container.border-mono .thb-social-link.social-link-email:hover { background: #9b9b9b; border-color: #9b9b9b } .thb-social-links-container.border-mono .thb-social-link.social-link-reddit:hover { background: #ff4500; border-color: #ff4500 } .thb-social-links-container.border-mono .thb-social-link.social-link-telegram:hover { background: #08c; border-color: #08c } .thb-social-links-container.border-mono .thb-social-link .thb-social-icon-container { transition-duration: 0s } .thb-social-links-container.border-color .thb-social-link { border: 1px solid #eaeaea; border-radius: 3px } .thb-social-links-container.border-color .thb-social-link.social-link-facebook .thb-social-icon-container { color: #3b5998 } .thb-social-links-container.border-color .thb-social-link.social-link-facebook:hover { background: rgba(59,89,152,0.07); border-color: #3b5998 } .thb-social-links-container.border-color .thb-social-link.social-link-google .thb-social-icon-container { color: #dd4b39 } .thb-social-links-container.border-color .thb-social-link.social-link-google:hover { background: rgba(221,75,57,0.07); border-color: #dd4b39 } .thb-social-links-container.border-color .thb-social-link.social-link-google-plus .thb-social-icon-container { color: #dd4b39 } .thb-social-links-container.border-color .thb-social-link.social-link-google-plus:hover { background: rgba(221,75,57,0.07); border-color: #dd4b39 } .thb-social-links-container.border-color .thb-social-link.social-link-linkedin .thb-social-icon-container { color: #007bb6 } .thb-social-links-container.border-color .thb-social-link.social-link-linkedin:hover { background: rgba(0,123,182,0.07); border-color: #007bb6 } .thb-social-links-container.border-color .thb-social-link.social-link-vkontakte .thb-social-icon-container { color: #45668e } .thb-social-links-container.border-color .thb-social-link.social-link-vkontakte:hover { background: rgba(69,102,142,0.07); border-color: #45668e } .thb-social-links-container.border-color .thb-social-link.social-link-pinterest .thb-social-icon-container { color: #bd081c } .thb-social-links-container.border-color .thb-social-link.social-link-pinterest:hover { background: rgba(189,8,28,0.07); border-color: #bd081c } .thb-social-links-container.border-color .thb-social-link.social-link-whatsapp .thb-social-icon-container { color: #25d366 } .thb-social-links-container.border-color .thb-social-link.social-link-whatsapp:hover { background: rgba(37,211,102,0.07); border-color: #25d366 } .thb-social-links-container.border-color .thb-social-link.social-link-twitter .thb-social-icon-container { color: #00aced } .thb-social-links-container.border-color .thb-social-link.social-link-twitter:hover { background: rgba(0,172,237,0.07); border-color: #00aced } .thb-social-links-container.border-color .thb-social-link.social-link-instagram .thb-social-icon-container { color: #3f729b } .thb-social-links-container.border-color .thb-social-link.social-link-instagram:hover { background: rgba(63,114,155,0.07); border-color: #3f729b } .thb-social-links-container.border-color .thb-social-link.social-link-vk .thb-social-icon-container { color: #45668e } .thb-social-links-container.border-color .thb-social-link.social-link-vk:hover { background: rgba(69,102,142,0.07); border-color: #45668e } .thb-social-links-container.border-color .thb-social-link.social-link-tumblr .thb-social-icon-container { color: #35465c } .thb-social-links-container.border-color .thb-social-link.social-link-tumblr:hover { background: rgba(53,70,92,0.07); border-color: #35465c } .thb-social-links-container.border-color .thb-social-link.social-link-xing .thb-social-icon-container { color: #cfdc00 } .thb-social-links-container.border-color .thb-social-link.social-link-xing:hover { background: rgba(207,220,0,0.07); border-color: #cfdc00 } .thb-social-links-container.border-color .thb-social-link.social-link-soundcloud .thb-social-icon-container { color: #f80 } .thb-social-links-container.border-color .thb-social-link.social-link-soundcloud:hover { background: rgba(255,136,0,0.07); border-color: #f80 } .thb-social-links-container.border-color .thb-social-link.social-link-dribbble .thb-social-icon-container { color: #ea4c89 } .thb-social-links-container.border-color .thb-social-link.social-link-dribbble:hover { background: rgba(234,76,137,0.07); border-color: #ea4c89 } .thb-social-links-container.border-color .thb-social-link.social-link-youtube .thb-social-icon-container { color: #e52d27 } .thb-social-links-container.border-color .thb-social-link.social-link-youtube:hover { background: rgba(229,45,39,0.07); border-color: #e52d27 } .thb-social-links-container.border-color .thb-social-link.social-link-spotify .thb-social-icon-container { color: #7ab800 } .thb-social-links-container.border-color .thb-social-link.social-link-spotify:hover { background: rgba(122,184,0,0.07); border-color: #7ab800 } .thb-social-links-container.border-color .thb-social-link.social-link-behance .thb-social-icon-container { color: #1769ff } .thb-social-links-container.border-color .thb-social-link.social-link-behance:hover { background: rgba(23,105,255,0.07); border-color: #1769ff } .thb-social-links-container.border-color .thb-social-link.social-link-deviantart .thb-social-icon-container { color: #4e6252 } .thb-social-links-container.border-color .thb-social-link.social-link-deviantart:hover { background: rgba(78,98,82,0.07); border-color: #4e6252 } .thb-social-links-container.border-color .thb-social-link.social-link-snapchat .thb-social-icon-container { color: #fffc00 } .thb-social-links-container.border-color .thb-social-link.social-link-snapchat:hover { background: rgba(255,252,0,0.07); border-color: #fffc00 } .thb-social-links-container.border-color .thb-social-link.social-link-medium .thb-social-icon-container { color: #00ab6c } .thb-social-links-container.border-color .thb-social-link.social-link-medium:hover { background: rgba(0,171,108,0.07); border-color: #00ab6c } .thb-social-links-container.border-color .thb-social-link.social-link-vimeo .thb-social-icon-container { color: #1ab7ea } .thb-social-links-container.border-color .thb-social-link.social-link-vimeo:hover { background: rgba(26,183,234,0.07); border-color: #1ab7ea } .thb-social-links-container.border-color .thb-social-link.social-link-email .thb-social-icon-container { color: #9b9b9b } .thb-social-links-container.border-color .thb-social-link.social-link-email:hover { background: rgba(155,155,155,0.07); border-color: #9b9b9b } .thb-social-links-container.border-color .thb-social-link.social-link-reddit .thb-social-icon-container { color: #ff4500 } .thb-social-links-container.border-color .thb-social-link.social-link-reddit:hover { background: rgba(255,69,0,0.07); border-color: #ff4500 } .thb-social-links-container.border-color .thb-social-link.social-link-telegram .thb-social-icon-container { color: #08c } .thb-social-links-container.border-color .thb-social-link.social-link-telegram:hover { background: rgba(0,136,204,0.07); border-color: #08c } .thb-social-links-container.fill-color .thb-social-link { color: #fff; border-radius: 3px } .thb-social-links-container.fill-color .thb-social-link.social-link-facebook { background: #3b5998 } .thb-social-links-container.fill-color .thb-social-link.social-link-facebook:hover { background: #2d4373 } .thb-social-links-container.fill-color .thb-social-link.social-link-google { background: #dd4b39 } .thb-social-links-container.fill-color .thb-social-link.social-link-google:hover { background: #c23321 } .thb-social-links-container.fill-color .thb-social-link.social-link-google-plus { background: #dd4b39 } .thb-social-links-container.fill-color .thb-social-link.social-link-google-plus:hover { background: #c23321 } .thb-social-links-container.fill-color .thb-social-link.social-link-linkedin { background: #007bb6 } .thb-social-links-container.fill-color .thb-social-link.social-link-linkedin:hover { background: #005983 } .thb-social-links-container.fill-color .thb-social-link.social-link-vkontakte { background: #45668e } .thb-social-links-container.fill-color .thb-social-link.social-link-vkontakte:hover { background: #344d6c } .thb-social-links-container.fill-color .thb-social-link.social-link-pinterest { background: #bd081c } .thb-social-links-container.fill-color .thb-social-link.social-link-pinterest:hover { background: #8c0615 } .thb-social-links-container.fill-color .thb-social-link.social-link-whatsapp { background: #25d366 } .thb-social-links-container.fill-color .thb-social-link.social-link-whatsapp:hover { background: #1da851 } .thb-social-links-container.fill-color .thb-social-link.social-link-twitter { background: #00aced } .thb-social-links-container.fill-color .thb-social-link.social-link-twitter:hover { background: #0087ba } .thb-social-links-container.fill-color .thb-social-link.social-link-instagram { background: #3f729b } .thb-social-links-container.fill-color .thb-social-link.social-link-instagram:hover { background: #305777 } .thb-social-links-container.fill-color .thb-social-link.social-link-vk { background: #45668e } .thb-social-links-container.fill-color .thb-social-link.social-link-vk:hover { background: #344d6c } .thb-social-links-container.fill-color .thb-social-link.social-link-tumblr { background: #35465c } .thb-social-links-container.fill-color .thb-social-link.social-link-tumblr:hover { background: #222d3c } .thb-social-links-container.fill-color .thb-social-link.social-link-xing { background: #cfdc00 } .thb-social-links-container.fill-color .thb-social-link.social-link-xing:hover { background: #9fa900 } .thb-social-links-container.fill-color .thb-social-link.social-link-soundcloud { background: #f80 } .thb-social-links-container.fill-color .thb-social-link.social-link-soundcloud:hover { background: #cc6d00 } .thb-social-links-container.fill-color .thb-social-link.social-link-dribbble { background: #ea4c89 } .thb-social-links-container.fill-color .thb-social-link.social-link-dribbble:hover { background: #e51e6b } .thb-social-links-container.fill-color .thb-social-link.social-link-youtube { background: #e52d27 } .thb-social-links-container.fill-color .thb-social-link.social-link-youtube:hover { background: #c21d17 } .thb-social-links-container.fill-color .thb-social-link.social-link-spotify { background: #7ab800 } .thb-social-links-container.fill-color .thb-social-link.social-link-spotify:hover { background: #588500 } .thb-social-links-container.fill-color .thb-social-link.social-link-behance { background: #1769ff } .thb-social-links-container.fill-color .thb-social-link.social-link-behance:hover { background: #0050e3 } .thb-social-links-container.fill-color .thb-social-link.social-link-deviantart { background: #4e6252 } .thb-social-links-container.fill-color .thb-social-link.social-link-deviantart:hover { background: #37463a } .thb-social-links-container.fill-color .thb-social-link.social-link-snapchat { background: #fffc00 } .thb-social-links-container.fill-color .thb-social-link.social-link-snapchat:hover { background: #ccca00 } .thb-social-links-container.fill-color .thb-social-link.social-link-medium { background: #00ab6c } .thb-social-links-container.fill-color .thb-social-link.social-link-medium:hover { background: #00784c } .thb-social-links-container.fill-color .thb-social-link.social-link-vimeo { background: #1ab7ea } .thb-social-links-container.fill-color .thb-social-link.social-link-vimeo:hover { background: #1295bf } .thb-social-links-container.fill-color .thb-social-link.social-link-email { background: #9b9b9b } .thb-social-links-container.fill-color .thb-social-link.social-link-email:hover { background: #828181 } .thb-social-links-container.fill-color .thb-social-link.social-link-reddit { background: #ff4500 } .thb-social-links-container.fill-color .thb-social-link.social-link-reddit:hover { background: #cc3700 } .thb-social-links-container.fill-color .thb-social-link.social-link-telegram { background: #08c } .thb-social-links-container.fill-color .thb-social-link.social-link-telegram:hover { background: #069 } .thb-social-links-container.circle-mono .thb-social-link .thb-social-icon-container { width: 30px; height: 30px; background: #f1f1f1; align-items: center; border-radius: 50% } .thb-social-links-container.circle-mono .thb-social-link.social-link-facebook:hover .thb-social-icon-container { color: #3b5998 } .thb-social-links-container.circle-mono .thb-social-link.social-link-google:hover .thb-social-icon-container { color: #dd4b39 } .thb-social-links-container.circle-mono .thb-social-link.social-link-google-plus:hover .thb-social-icon-container { color: #dd4b39 } .thb-social-links-container.circle-mono .thb-social-link.social-link-linkedin:hover .thb-social-icon-container { color: #007bb6 } .thb-social-links-container.circle-mono .thb-social-link.social-link-vkontakte:hover .thb-social-icon-container { color: #45668e } .thb-social-links-container.circle-mono .thb-social-link.social-link-pinterest:hover .thb-social-icon-container { color: #bd081c } .thb-social-links-container.circle-mono .thb-social-link.social-link-whatsapp:hover .thb-social-icon-container { color: #25d366 } .thb-social-links-container.circle-mono .thb-social-link.social-link-twitter:hover .thb-social-icon-container { color: #00aced } .thb-social-links-container.circle-mono .thb-social-link.social-link-instagram:hover .thb-social-icon-container { color: #3f729b } .thb-social-links-container.circle-mono .thb-social-link.social-link-vk:hover .thb-social-icon-container { color: #45668e } .thb-social-links-container.circle-mono .thb-social-link.social-link-tumblr:hover .thb-social-icon-container { color: #35465c } .thb-social-links-container.circle-mono .thb-social-link.social-link-xing:hover .thb-social-icon-container { color: #cfdc00 } .thb-social-links-container.circle-mono .thb-social-link.social-link-soundcloud:hover .thb-social-icon-container { color: #f80 } .thb-social-links-container.circle-mono .thb-social-link.social-link-dribbble:hover .thb-social-icon-container { color: #ea4c89 } .thb-social-links-container.circle-mono .thb-social-link.social-link-youtube:hover .thb-social-icon-container { color: #e52d27 } .thb-social-links-container.circle-mono .thb-social-link.social-link-spotify:hover .thb-social-icon-container { color: #7ab800 } .thb-social-links-container.circle-mono .thb-social-link.social-link-behance:hover .thb-social-icon-container { color: #1769ff } .thb-social-links-container.circle-mono .thb-social-link.social-link-deviantart:hover .thb-social-icon-container { color: #4e6252 } .thb-social-links-container.circle-mono .thb-social-link.social-link-snapchat:hover .thb-social-icon-container { color: #fffc00 } .thb-social-links-container.circle-mono .thb-social-link.social-link-medium:hover .thb-social-icon-container { color: #00ab6c } .thb-social-links-container.circle-mono .thb-social-link.social-link-vimeo:hover .thb-social-icon-container { color: #1ab7ea } .thb-social-links-container.circle-mono .thb-social-link.social-link-email:hover .thb-social-icon-container { color: #9b9b9b } .thb-social-links-container.circle-mono .thb-social-link.social-link-reddit:hover .thb-social-icon-container { color: #ff4500 } .thb-social-links-container.circle-mono .thb-social-link.social-link-telegram:hover .thb-social-icon-container { color: #08c } .thb-social-links-container.circle-color .thb-social-link .thb-social-icon-container { width: 30px; height: 30px; background: #f1f1f1; align-items: center; border-radius: 50% } .thb-social-links-container.circle-color .thb-social-link.social-link-facebook .thb-social-icon-container { color: #3b5998 } .thb-social-links-container.circle-color .thb-social-link.social-link-facebook:hover .thb-social-icon-container { background: #3b5998; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-google .thb-social-icon-container { color: #dd4b39 } .thb-social-links-container.circle-color .thb-social-link.social-link-google:hover .thb-social-icon-container { background: #dd4b39; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-google-plus .thb-social-icon-container { color: #dd4b39 } .thb-social-links-container.circle-color .thb-social-link.social-link-google-plus:hover .thb-social-icon-container { background: #dd4b39; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-linkedin .thb-social-icon-container { color: #007bb6 } .thb-social-links-container.circle-color .thb-social-link.social-link-linkedin:hover .thb-social-icon-container { background: #007bb6; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-vkontakte .thb-social-icon-container { color: #45668e } .thb-social-links-container.circle-color .thb-social-link.social-link-vkontakte:hover .thb-social-icon-container { background: #45668e; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-pinterest .thb-social-icon-container { color: #bd081c } .thb-social-links-container.circle-color .thb-social-link.social-link-pinterest:hover .thb-social-icon-container { background: #bd081c; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-whatsapp .thb-social-icon-container { color: #25d366 } .thb-social-links-container.circle-color .thb-social-link.social-link-whatsapp:hover .thb-social-icon-container { background: #25d366; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-twitter .thb-social-icon-container { color: #00aced } .thb-social-links-container.circle-color .thb-social-link.social-link-twitter:hover .thb-social-icon-container { background: #00aced; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-instagram .thb-social-icon-container { color: #3f729b } .thb-social-links-container.circle-color .thb-social-link.social-link-instagram:hover .thb-social-icon-container { background: #3f729b; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-vk .thb-social-icon-container { color: #45668e } .thb-social-links-container.circle-color .thb-social-link.social-link-vk:hover .thb-social-icon-container { background: #45668e; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-tumblr .thb-social-icon-container { color: #35465c } .thb-social-links-container.circle-color .thb-social-link.social-link-tumblr:hover .thb-social-icon-container { background: #35465c; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-xing .thb-social-icon-container { color: #cfdc00 } .thb-social-links-container.circle-color .thb-social-link.social-link-xing:hover .thb-social-icon-container { background: #cfdc00; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-soundcloud .thb-social-icon-container { color: #f80 } .thb-social-links-container.circle-color .thb-social-link.social-link-soundcloud:hover .thb-social-icon-container { background: #f80; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-dribbble .thb-social-icon-container { color: #ea4c89 } .thb-social-links-container.circle-color .thb-social-link.social-link-dribbble:hover .thb-social-icon-container { background: #ea4c89; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-youtube .thb-social-icon-container { color: #e52d27 } .thb-social-links-container.circle-color .thb-social-link.social-link-youtube:hover .thb-social-icon-container { background: #e52d27; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-spotify .thb-social-icon-container { color: #7ab800 } .thb-social-links-container.circle-color .thb-social-link.social-link-spotify:hover .thb-social-icon-container { background: #7ab800; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-behance .thb-social-icon-container { color: #1769ff } .thb-social-links-container.circle-color .thb-social-link.social-link-behance:hover .thb-social-icon-container { background: #1769ff; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-deviantart .thb-social-icon-container { color: #4e6252 } .thb-social-links-container.circle-color .thb-social-link.social-link-deviantart:hover .thb-social-icon-container { background: #4e6252; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-snapchat .thb-social-icon-container { color: #fffc00 } .thb-social-links-container.circle-color .thb-social-link.social-link-snapchat:hover .thb-social-icon-container { background: #fffc00; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-medium .thb-social-icon-container { color: #00ab6c } .thb-social-links-container.circle-color .thb-social-link.social-link-medium:hover .thb-social-icon-container { background: #00ab6c; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-vimeo .thb-social-icon-container { color: #1ab7ea } .thb-social-links-container.circle-color .thb-social-link.social-link-vimeo:hover .thb-social-icon-container { background: #1ab7ea; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-email .thb-social-icon-container { color: #9b9b9b } .thb-social-links-container.circle-color .thb-social-link.social-link-email:hover .thb-social-icon-container { background: #9b9b9b; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-reddit .thb-social-icon-container { color: #ff4500 } .thb-social-links-container.circle-color .thb-social-link.social-link-reddit:hover .thb-social-icon-container { background: #ff4500; color: #fff } .thb-social-links-container.circle-color .thb-social-link.social-link-telegram .thb-social-icon-container { color: #08c } .thb-social-links-container.circle-color .thb-social-link.social-link-telegram:hover .thb-social-icon-container { background: #08c; color: #fff } .thb-social-links-container.circle-fill .thb-social-link .thb-social-icon-container { width: 30px; height: 30px; align-items: center; border-radius: 50%; color: #fff } .thb-social-links-container.circle-fill .thb-social-link.social-link-facebook .thb-social-icon-container { background: #3b5998 } .thb-social-links-container.circle-fill .thb-social-link.social-link-facebook:hover .thb-social-icon-container { background: #2d4373 } .thb-social-links-container.circle-fill .thb-social-link.social-link-google .thb-social-icon-container { background: #dd4b39 } .thb-social-links-container.circle-fill .thb-social-link.social-link-google:hover .thb-social-icon-container { background: #c23321 } .thb-social-links-container.circle-fill .thb-social-link.social-link-google-plus .thb-social-icon-container { background: #dd4b39 } .thb-social-links-container.circle-fill .thb-social-link.social-link-google-plus:hover .thb-social-icon-container { background: #c23321 } .thb-social-links-container.circle-fill .thb-social-link.social-link-linkedin .thb-social-icon-container { background: #007bb6 } .thb-social-links-container.circle-fill .thb-social-link.social-link-linkedin:hover .thb-social-icon-container { background: #005983 } .thb-social-links-container.circle-fill .thb-social-link.social-link-vkontakte .thb-social-icon-container { background: #45668e } .thb-social-links-container.circle-fill .thb-social-link.social-link-vkontakte:hover .thb-social-icon-container { background: #344d6c } .thb-social-links-container.circle-fill .thb-social-link.social-link-pinterest .thb-social-icon-container { background: #bd081c } .thb-social-links-container.circle-fill .thb-social-link.social-link-pinterest:hover .thb-social-icon-container { background: #8c0615 } .thb-social-links-container.circle-fill .thb-social-link.social-link-whatsapp .thb-social-icon-container { background: #25d366 } .thb-social-links-container.circle-fill .thb-social-link.social-link-whatsapp:hover .thb-social-icon-container { background: #1da851 } .thb-social-links-container.circle-fill .thb-social-link.social-link-twitter .thb-social-icon-container { background: #00aced } .thb-social-links-container.circle-fill .thb-social-link.social-link-twitter:hover .thb-social-icon-container { background: #0087ba } .thb-social-links-container.circle-fill .thb-social-link.social-link-instagram .thb-social-icon-container { background: #3f729b } .thb-social-links-container.circle-fill .thb-social-link.social-link-instagram:hover .thb-social-icon-container { background: #305777 } .thb-social-links-container.circle-fill .thb-social-link.social-link-vk .thb-social-icon-container { background: #45668e } .thb-social-links-container.circle-fill .thb-social-link.social-link-vk:hover .thb-social-icon-container { background: #344d6c } .thb-social-links-container.circle-fill .thb-social-link.social-link-tumblr .thb-social-icon-container { background: #35465c } .thb-social-links-container.circle-fill .thb-social-link.social-link-tumblr:hover .thb-social-icon-container { background: #222d3c } .thb-social-links-container.circle-fill .thb-social-link.social-link-xing .thb-social-icon-container { background: #cfdc00 } .thb-social-links-container.circle-fill .thb-social-link.social-link-xing:hover .thb-social-icon-container { background: #9fa900 } .thb-social-links-container.circle-fill .thb-social-link.social-link-soundcloud .thb-social-icon-container { background: #f80 } .thb-social-links-container.circle-fill .thb-social-link.social-link-soundcloud:hover .thb-social-icon-container { background: #cc6d00 } .thb-social-links-container.circle-fill .thb-social-link.social-link-dribbble .thb-social-icon-container { background: #ea4c89 } .thb-social-links-container.circle-fill .thb-social-link.social-link-dribbble:hover .thb-social-icon-container { background: #e51e6b } .thb-social-links-container.circle-fill .thb-social-link.social-link-youtube .thb-social-icon-container { background: #e52d27 } .thb-social-links-container.circle-fill .thb-social-link.social-link-youtube:hover .thb-social-icon-container { background: #c21d17 } .thb-social-links-container.circle-fill .thb-social-link.social-link-spotify .thb-social-icon-container { background: #7ab800 } .thb-social-links-container.circle-fill .thb-social-link.social-link-spotify:hover .thb-social-icon-container { background: #588500 } .thb-social-links-container.circle-fill .thb-social-link.social-link-behance .thb-social-icon-container { background: #1769ff } .thb-social-links-container.circle-fill .thb-social-link.social-link-behance:hover .thb-social-icon-container { background: #0050e3 } .thb-social-links-container.circle-fill .thb-social-link.social-link-deviantart .thb-social-icon-container { background: #4e6252 } .thb-social-links-container.circle-fill .thb-social-link.social-link-deviantart:hover .thb-social-icon-container { background: #37463a } .thb-social-links-container.circle-fill .thb-social-link.social-link-snapchat .thb-social-icon-container { background: #fffc00 } .thb-social-links-container.circle-fill .thb-social-link.social-link-snapchat:hover .thb-social-icon-container { background: #ccca00 } .thb-social-links-container.circle-fill .thb-social-link.social-link-medium .thb-social-icon-container { background: #00ab6c } .thb-social-links-container.circle-fill .thb-social-link.social-link-medium:hover .thb-social-icon-container { background: #00784c } .thb-social-links-container.circle-fill .thb-social-link.social-link-vimeo .thb-social-icon-container { background: #1ab7ea } .thb-social-links-container.circle-fill .thb-social-link.social-link-vimeo:hover .thb-social-icon-container { background: #1295bf } .thb-social-links-container.circle-fill .thb-social-link.social-link-email .thb-social-icon-container { background: #9b9b9b } .thb-social-links-container.circle-fill .thb-social-link.social-link-email:hover .thb-social-icon-container { background: #828181 } .thb-social-links-container.circle-fill .thb-social-link.social-link-reddit .thb-social-icon-container { background: #ff4500 } .thb-social-links-container.circle-fill .thb-social-link.social-link-reddit:hover .thb-social-icon-container { background: #cc3700 } .thb-social-links-container.circle-fill .thb-social-link.social-link-telegram .thb-social-icon-container { background: #08c } .thb-social-links-container.circle-fill .thb-social-link.social-link-telegram:hover .thb-social-icon-container { background: #069 } .thb-post-slider .wp-post-image { object-fit: cover } .content404 { padding: 30px 0 } @media only screen and (min-width: 40.0625em) { .content404 { padding:40px 0 } } @media only screen and (min-width: 64.0625em) { .content404 { padding:60px 0 } } @media only screen and (min-width: 75.0625em) { .content404 { padding:80px 0 } } .content404 h1 { font-weight: 600; font-size: 30px; line-height: 36px; margin: 20px 0; color: #222 } .content404 h1 span { color: #f4ba39 } @media only screen and (min-width: 40.0625em) { .content404 h1 { font-size:34px; line-height: 40px } } @media only screen and (min-width: 64.0625em) { .content404 h1 { font-size:50px; line-height: 56px } } @media only screen and (min-width: 75.0625em) { .content404 h1 { font-size:60px; line-height: 66px } } .content404 p { font-size: 18px; line-height: 26px; color: #545353; margin-bottom: 35px } .content404 .btn { margin-top: 50px } .content404>.row { background: none; min-height: 600px } @media only screen and (min-width: 40.0625em) { .content404>.row { background:transparent url("../img/404.png") top right no-repeat } } .cart-collaterals h2,.woocommerce-checkout h3,#order_review_heading,#customer_details h3,.addresses .woocommerce-column__title,.woocommerce-order-details__title,.woocommerce-Address-title h3,.woocommerce-MyAccount-content h3,.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content legend { font-size: 24px; font-weight: 400; margin-bottom: 30px; color: #222 } .page-padding { padding: 15px 0 } @media only screen and (min-width: 40.0625em) { .page-padding { padding:30px 0 } } @media only screen and (min-width: 64.0625em) { .page-padding { padding:50px 0 } } @media only screen and (min-width: 75.0625em) { .page-padding { padding:75px 0 } } #archive-title+.page-padding { padding-top: 30px } .shop_bar { margin-bottom: 25px; text-align: center } @media only screen and (min-width: 40.0625em) { .shop_bar .breadcrumbs { text-align:left } .rtl .shop_bar .breadcrumbs { text-align: right } .shop_bar .ordering { text-align: right } .rtl .shop_bar .ordering { text-align: left } } .shop_bar .woocommerce-breadcrumb { line-height: 20px; margin-bottom: 15px } @media only screen and (min-width: 40.0625em) { .shop_bar .woocommerce-breadcrumb { margin:0 } } .shop_bar .woocommerce-result-count,.shop_bar .woocommerce-ordering { display: block; margin: 0 0 15px } @media only screen and (min-width: 40.0625em) { .shop_bar .woocommerce-result-count,.shop_bar .woocommerce-ordering { display:inline-block; margin: 0 } } .shop_bar .woocommerce-result-count { font-size: 14px; color: #8f8f8f; margin-right: 10px; line-height: 20px } .shop_bar .woocommerce-ordering .select-wrapper { border: 0; margin: 0; float: none } .shop_bar .woocommerce-ordering .select-wrapper:after { top: 4px; right: 0 } .rtl .shop_bar .woocommerce-ordering .select-wrapper:after { right: auto; left: 0 } .shop_bar .woocommerce-ordering .select-wrapper select { padding: 0 19px 0 0; font-size: 12px; font-weight: 700; text-transform: uppercase; height: 18px } .rtl .shop_bar .woocommerce-ordering .select-wrapper select { padding: 0 0 0 19px } .no-products { height: 300px; width: 100% } .products { position: relative } .products.two-columns .columns { width: 50% } .products.three-columns .columns { width: 33.33333% } .products.four-columns .columns { width: 25% } .products .product { display: block; margin-bottom: 30px; text-align: center } .thb_mega_menu .products .product { margin: 0 } .products .product .product-title h5,.products .product .post-title h5 { font-size: 16px; margin: 0 0 5px } .products .product .product-title .star-rating,.products .product .product-title .comment-form-rating .stars,.comment-form-rating .products .product .product-title .stars,.products .product .product-title .add_to_cart,.products .product .post-title .star-rating,.products .product .post-title .comment-form-rating .stars,.comment-form-rating .products .product .post-title .stars,.products .product .post-title .add_to_cart { display: none } .products .product .product-image { display: block; position: relative; overflow: hidden; margin-bottom: 15px } .products .product .product-image a:not(.button) { display: block; height: 100% } .products .product .product-image img { width: 100% } .products .product .product-image .woocommerce-loop-product__link { will-change: opacity; opacity: 1 } .products .product .product-image .woocommerce-loop-product__link span { display: none } .products .product .product-image .woocommerce-loop-product__link .attachment-woocommerce_thumbnail+.attachment-woocommerce_thumbnail { position: absolute; top: 0; left: 0; opacity: 0; height: 100%; width: 100%; opacity: 0; object-fit: cover } .products .product .product-image .yith-wcwl-add-to-wishlist { position: absolute; top: 10px; right: 10px; z-index: 10; color: #222; text-transform: uppercase; font-size: 11px; font-weight: 600; margin: 0; opacity: 0 } .products .product .product-image .yith-wcwl-add-to-wishlist a { color: #222 } .products .product .product-image .yith-wcwl-add-to-wishlist:hover .text { opacity: 1 } .products .product .product-image .yith-wcwl-add-to-wishlist .text { position: relative; top: -3px; margin-right: 5px; opacity: 0 } .products .product .product-image .yith-wcwl-add-to-wishlist .wishlist_icon { fill: transparent } .products .product .product-image .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .wishlist_icon path,.products .product .product-image .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .wishlist_icon path { fill: #e25842; stroke: #e25842 } .products .product .product-image .button { display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0; background: #fff; color: #969696; font-size: 11px; font-weight: 400; text-transform: uppercase; padding: 17px 17px 15px; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } .products .product .product-image .button:hover { color: #222 } .products .product .product-image .added_to_cart { display: none } .products .product:hover .attachment-woocommerce_thumbnail+.attachment-woocommerce_thumbnail:not(.wp-post-image),.products .product:hover .add_to_cart,.products .product:hover .yith-wcwl-add-to-wishlist { opacity: 1 } .products .product:hover .button { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .products .product.product-style2 .product-title h5 a,.products .product.product-style2 .product-title .price .amount { color: #222 } .products .product.product-style2 .product-title .button { margin: 12px 0 0 } .products .product.product-category { display: flex; flex-direction: column; width: 100%; text-align: left; margin-bottom: 30px } .products .product.product-category a { position: relative; padding-bottom: 90%; overflow: hidden; height: 0; background-size: cover; background-position: center } @-moz-document url-prefix() { .products .product.product-category a { height: auto; padding: 0 } .products .product.product-category a:before { content: ''; display: block; width: 100%; padding-bottom: 90% } } .products .product.product-category a div { position: absolute; top: 0; left: 0; padding: 30px; z-index: 2; width: 100%; height: 100%; text-align: left } .products .product.product-category a div h2 { text-align: left; text-transform: none; margin: 0 0 10px; font-size: 22px } .products .product.product-category a div h2 .count { display: inline-block; margin-left: 10px; background: none; vertical-align: super; font-size: 12px; color: #f02121 } .products .product.product-category a div span { display: inline-block; font-size: 14px; opacity: 0; -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) } .products .product.product-category a:hover div span { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } .badge { position: absolute; top: 10px; left: 10px; display: block; z-index: 2; font-size: 10px; color: #fff; font-weight: 700; height: 20px; line-height: 24px; padding: 0 6px; text-transform: uppercase; text-align: center; letter-spacing: normal } .badge.onsale { background: rgba(26,169,127,0.5) } .badge.onsale.perc { font-weight: 400; font-size: 11px } .badge.out-of-stock { background: rgba(177,177,177,0.5) } .badge.new { background: rgba(235,186,3,0.5) } .price { display: block } .price .from { display: none } .price .amount { font-size: 14px; color: #969696 } .price del { color: #8f8f8f; font-size: 14px } .price del .amount { color: #8f8f8f } .price del+ins { margin-left: 10px } .price ins { text-decoration: none } .stock.out-of-stock { font-weight: 600; color: #e24f3d } .related h2,.up-sells h2,.cross-sells h2 { display: block; text-align: center } div.quantity { position: relative; zoom:1;padding-right: 15px; display: inline-block } @media only screen and (min-width: 40.0625em) { div.quantity { padding-right:19px } } div.quantity .plus,div.quantity .minus { display: block; padding: 0; margin: 0; outline: 0; border: 1px solid #e5e5e5; position: absolute; text-align: center; width: 15px; height: 50%; text-decoration: none; overflow: visible; text-decoration: none; font-weight: 400; cursor: pointer; text-shadow: none; line-height: 1; background: none; color: #8f8f8f; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none } @media only screen and (min-width: 40.0625em) { div.quantity .plus,div.quantity .minus { width:19px } } div.quantity .plus { top: 0; right: 0; border-bottom: 0; border-left: 0 } div.quantity .minus { bottom: 0; right: 0; border-left: 0 } .demo_store { display: block; background: rgba(0,0,0,0.1); color: #fff; text-transform: uppercase; font-size: 12px; text-align: center; position: fixed; bottom: 0; left: 0; width: 100%; font-weight: 400; margin: 0; line-height: 30px } .coupon { width: 100%; max-width: 100%; display: flex; position: relative; margin-bottom: 15px } @media only screen and (min-width: 40.0625em) { .coupon { margin:0; max-width: 400px } .checkout_coupon .coupon { max-width: 400px; margin: 0 auto; padding-bottom: 40px } } .coupon label { display: none } .coupon .input-text { margin: 0; flex: 1 } .cart-holder { padding-right: 15px } @media only screen and (min-width: 64.0625em) { .cart-holder { padding-right:45px } } .cart-holder { margin-bottom: 30px } @media only screen and (min-width: 40.0625em) { .cart-holder { margin-bottom:0 } } .cart-holder .cross-sells { margin-top: 60px } #shipping_method { display: inline-block; list-style: none; text-align: left; margin: 0 } #shipping_method label { margin: 0 0 0 5px } .woocommerce-shipping-calculator .shipping-calculator-button { display: block; color: #222; font-weight: 600; font-size: 12px; text-transform: uppercase; margin: 20px 0 10px; cursor: pointer; width: 100% } .woocommerce-shipping-calculator .shipping-calculator-form { text-align: left } .woocommerce-shipping-calculator .shipping-calculator-form { width: 100% } @media only screen and (max-width: 40.0625em) { .woocommerce-shipping-calculator .shipping-calculator-form { width:100% } } .woocommerce-shipping-calculator .shipping-calculator-form .form-row { display: block; margin-bottom: 8px } .woocommerce-shipping-calculator .shipping-calculator-form .form-row .select2-container,.woocommerce-shipping-calculator .shipping-calculator-form .form-row input { margin: 0 0 5px; float: none } .woocommerce-shipping-calculator .shipping-calculator-form .form-row .input-text { width: 100% } .woocommerce-shipping-calculator .shipping-calculator-form .form-row:last-child { margin: 0 } .woocommerce-shipping-calculator .shipping-calculator-form p { margin: 0 } .wc-proceed-to-checkout { line-height: 1 } .wc-proceed-to-checkout .button { width: 100%; margin: 0 } .cart_totals table tr th { font-weight: 400 } .cart_totals table tr:nth-of-type(even) { background: #fff } .cart_totals table tr.order-total td { font-size: 20px; color: #ef2673; font-weight: 400 } .cart-empty-container { padding: 80px 15px } .cart-empty-container figure { display: inline-block; margin: 0 auto 30px 20px; width: 172px; height: 194px; max-width: 100%; background: url("../img/cart-empty.png") top left no-repeat; -webkit-background-size: 172px 194px; -moz-background-size: 172px 194px; -o-background-size: 172px 194px; background-size: 172px 194px } .cart-empty-container p { font-size: 40px; font-weight: 700; line-height: 46px; color: #222; margin-bottom: 50px } .cart-empty-container .return-to-shop { margin: 20px 0 0 } .cart-empty-container section { padding: 40px 0 } .shop_table { border: 0; width: 100%; border-spacing: 0; text-align: left } .shop_table tr:nth-of-type(even) { background: none } .shop_table thead { padding-bottom: 10px; background: none } .shop_table thead tr th { text-align: center; font-size: 12px; font-weight: 700; padding: 0 0 10px 0; color: #222; line-height: 1; text-transform: uppercase; border-bottom: 1px solid #eee } @media only screen and (min-width: 40.0625em) { .shop_table thead tr th { padding:0 0 15px 0 } } .shop_table thead tr th:last-child { text-align: right } .shop_table thead tr th.product-name,.shop_table thead tr th.product-remove,.shop_table thead tr th.order-number,.shop_table thead tr th.order-date,.shop_table thead tr th.order-status,.shop_table thead tr th.order-amount { text-align: left } .shop_table thead tr th.order-number { padding-left: 0 } @media only screen and (max-width: 40.0625em) { .shop_table thead tr th.product-remove { width:0 } } .shop_table thead tr th.product-name { display: none } @media only screen and (min-width: 40.0625em) { .shop_table thead tr th.product-name { display:table-cell } } @media only screen and (max-width: 40.0625em) { .shop_table thead tr th.product-price { width:0; padding: 0; visibility: collapse; display: none } } .shop_table tfoot { font-weight: 500; color: #222; background: none } .shop_table tfoot tr th,.shop_table tfoot tr td { font-size: 16px; padding: 20px 0; border-bottom: 1px solid #eee; vertical-align: middle; font-weight: 500 } @media only screen and (max-width: 40.0625em) { .shop_table tfoot tr th,.shop_table tfoot tr td { padding:10px 0 } } .shop_table tfoot tr th { font-weight: 500; text-align: left } .shop_table tfoot tr td:last-child { text-align: right } .shop_table tfoot tr.total th,.shop_table tfoot tr.total td { border-bottom: 0 } .shop_table tfoot tr.total th .amount,.shop_table tfoot tr.total td .amount { font-size: 20px; font-weight: 900 } .shop_table tbody { padding-top: 10px } .shop_table tbody tr:nth-child(even) { background: none } .shop_table tbody tr:nth-child(odd) { background: none } .shop_table tbody tr:last-child td { border-bottom: 0 } .shop_table tbody tr td { padding: 10px 0; vertical-align: middle; text-align: center; color: #222; border-bottom: 1px solid #eee } @media only screen and (min-width: 40.0625em) { .shop_table tbody tr td { padding:20px 0 } } .shop_table tbody tr td:last-child { text-align: right } .shop_table tbody tr td.order-number { text-align: left; font-size: 18px; font-weight: 400; padding-left: 0 } .shop_table tbody tr td.order-status { text-transform: uppercase; font-weight: 600 } .shop_table tbody tr td.order-status.approved { color: #ef2673 } .shop_table tbody tr td.order-status.hold { color: #676767 } .shop_table tbody tr td.order-status.cancelled { color: #ec0f38 } .shop_table tbody tr td.product-price,.shop_table tbody tr td.product-quantity { text-align: center } .shop_table tbody tr td.product-price .quantity .qty,.shop_table tbody tr td.product-quantity .quantity .qty { margin-bottom: 0; text-align: center; width: 30px; padding: 10px 5px; font-size: 13px } @media only screen and (min-width: 40.0625em) { .shop_table tbody tr td.product-price .quantity .qty,.shop_table tbody tr td.product-quantity .quantity .qty { width:50px; font-size: 14px; padding: 10px 10px } } .shop_table tbody tr td.product-price { display: none } @media only screen and (min-width: 40.0625em) { .shop_table tbody tr td.product-price { display:table-cell } } .shop_table tbody tr td.order-actions a+a { margin-left: 10px } .shop_table tbody tr td.product-name { font-size: 16px; font-weight: 400; color: #222; margin-bottom: 10px } @media only screen and (min-width: 40.0625em) { .shop_table tbody tr td.product-name { font-size:18px } } .shop_table tbody tr td.product-name span+.product-quantity { font-size: 16px } .shop_table tbody tr td.product-name,.shop_table tbody tr td.product-remove,.shop_table tbody tr td.order-number,.shop_table tbody tr td.order-date,.shop_table tbody tr td.order-status,.shop_table tbody tr td.order-amount { text-align: left } .shop_table tbody tr td.product-thumbnail { display: none; vertical-align: top; width: 0; text-align: left } @media only screen and (min-width: 40.0625em) { .shop_table tbody tr td.product-thumbnail { display:table-cell; width: 120px; min-width: 120px; padding-right: 25px } } .shop_table tbody tr td.product-quantity { text-transform: uppercase; font-weight: 600; font-size: 13px } .shop_table tbody tr td.product-quantity .wishlist-in-stock { color: #ef2673 } .shop_table tbody tr td.product-quantity .wishlist-out-of-stock { color: #ec0f38 } .shop_table tbody tr td.product-stock-status { text-transform: uppercase; font-weight: 600; font-size: 13px } .shop_table tbody tr td.product-stock-status .wishlist-in-stock { color: #ef2673 } .shop_table tbody tr td.product-stock-status .wishlist-out-of-stock { color: #ec0f38 } .shop_table tbody tr td.product-total { font-size: 16px; color: #222; font-weight: 400 } .shop_table tbody tr td.product-remove { min-width: 20px; width: 20px; position: relative; height: 100% } .shop_table #shipping_method label { font-weight: 400 !important; text-align: left } .shop_table #shipping_method label .amount { font-weight: 600 } .shop_table.order_table { border-bottom: 0; padding: 0 } .shop_table.order_table thead tr th.product-subtotal { text-align: left; padding-left: 15px } @media only screen and (min-width: 40.0625em) { .shop_table.order_table thead tr th.product-subtotal { padding-left:20px } } .shop_table.order_table tbody tr th { border-bottom: 1px solid #eee; width: 150px } .shop_table.order_table tbody tr td { padding-left: 0; padding-right: 0; border-bottom: 1px solid #eee } .shop_table.order_table tbody tr.order-total td,.shop_table.order_table tbody tr.order-total th { border-bottom: 0 } .shop_table.order_table tfoot tr.order-total td { font-size: 20px } .shop_table.order_table tfoot tr.order-total td strong { font-size: 22px } .shop_table.order_table tfoot tr.order-total th,.shop_table.order_table tfoot tr.order-total td { line-height: 22px; border-bottom: 0 } .form-row { display: block; float: left; width: 100%; margin-bottom: 15px } .form-row input,.form-row textarea,.form-row select,.form-row .select2-container--default { margin-bottom: 0 } .form-row .input-checkbox,.form-row .input-radio { margin-right: 5px } .woocommerce-account-fields { margin-bottom: 30px } .woocommerce-additional-fields,.woocommerce-billing-fields,.woocommerce-shipping-fields { margin-bottom: 30px } .woocommerce-billing-fields h3,.woocommerce-shipping-fields h3 { margin-bottom: 30px } .woocommerce-billing-fields .form-row-wide input,.woocommerce-billing-fields .form-row-wide textarea,.woocommerce-billing-fields .form-row-first input,.woocommerce-billing-fields .form-row-first textarea,.woocommerce-billing-fields .form-row-last input,.woocommerce-billing-fields .form-row-last textarea,.woocommerce-shipping-fields .form-row-wide input,.woocommerce-shipping-fields .form-row-wide textarea,.woocommerce-shipping-fields .form-row-first input,.woocommerce-shipping-fields .form-row-first textarea,.woocommerce-shipping-fields .form-row-last input,.woocommerce-shipping-fields .form-row-last textarea { width: 100% } #billing_first_name_field,#shipping_first_name_field,#billing_last_name_field,#shipping_last_name_field,#billing_email_field,#billing_phone_field,#shipping_email_field,#shipping_phone_field { width: 100% } @media only screen and (min-width: 40.0625em) { #billing_first_name_field,#shipping_first_name_field,#billing_last_name_field,#shipping_last_name_field,#billing_email_field,#billing_phone_field,#shipping_email_field,#shipping_phone_field { width:50% } } #billing_first_name_field,#shipping_first_name_field,#billing_phone_field,#shipping_phone_field { padding-right: 0 } @media only screen and (min-width: 40.0625em) { #billing_first_name_field,#shipping_first_name_field,#billing_phone_field,#shipping_phone_field { padding-right:15px } } #billing_last_name_field,#shipping_last_name_field,#billing_phone_field,#shipping_phone_field { padding-left: 0 } #billing_address_1,#shipping_address_1 { margin-bottom: 5px } #ship-to-different-address { display: flex; padding: 0; margin: 0 } #ship-to-different-address .input-checkbox { margin-right: 5px } #order_comments { min-height: 124px; width: 100% } .payment_methods { list-style: none; margin: 0; padding: 0; display: block; margin-bottom: 20px; border-top: 3px solid #f2f2f2; padding-top: 25px } .payment_methods li { display: block; margin: 0; padding: 20px 0; position: relative; border-bottom: 1px solid #f2f2f2 } .payment_methods li>label { margin: 0; float: none } .payment_methods li .input-radio { display: inline-block !important; margin-right: 11px } .payment_methods li img { vertical-align: middle; margin-left: 10px; max-height: 16px } .payment_methods li .payment_box { padding: 10px 0 10px 30px; width: 100%; font-size: 12px } .payment_methods li .payment_box p { margin: 0; color: #79787f; font-size: inherit } .payment_methods li .payment_box .form-row { margin-bottom: 20px } .payment_methods li .payment_box.payment_method_stripe p { margin-bottom: 10px } .payment_methods li .payment_box.payment_method_stripe .form-row-first,.payment_methods li .payment_box.payment_method_stripe .form-row-last { display: inline-flex; width: 50%; flex-direction: column } .payment_methods li .payment_box.payment_method_stripe .form-row-last { padding-left: 15px } .payment_methods li .about_paypal { color: #ef2673; font-size: 12px; text-transform: uppercase; margin-left: 20px } .place-order .terms { margin-top: 10px } .place-order .terms .input-checkbox { margin-right: 5px } .place-order .terms label { text-transform: none; font-size: 13px; font-weight: 600 } .place-order .terms label a { color: #ef2673; font-weight: 700; text-transform: capitalize } .place-order .button { margin-top: 30px } .woocommerce .woocommerce-form-login { max-width: 400px; margin: 0 auto } .woocommerce .woocommerce-form-login p:first-of-type { font-size: 14px; margin-bottom: 30px } @media only screen and (min-width: 40.0625em) { .woocommerce .woocommerce-form-login .form-row.form-row-first,.woocommerce .woocommerce-form-login .form-row.form-row-last { width:100%; padding: 0 } } .woocommerce .woocommerce-form-login label { display: block } .woocommerce .woocommerce-form-login .button { width: 100%; margin-bottom: 30px } .woocommerce .woocommerce-form-login .woocommerce-form__label { float: left; position: relative } .woocommerce .woocommerce-form-login .woocommerce-form__label .woocommerce-form__input-checkbox { visibility: visible; position: static } .woocommerce-order-overview { background: #f9f9f9; padding: 20px 30px; list-style: none; margin: 0 0 60px } .thb-myaccount-login { display: block; padding: 0 15px; max-width: 520px; margin: 0 auto } .login-page-form { list-style: none; padding: 0; margin: 0 0 25px; display: flex; justify-content: center } .login-page-form li { display: inline-flex; align-items: center; padding: 0 15px } .login-page-form li a { font-weight: 600; position: relative; color: #bababa } .login-page-form li a:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; border-bottom: 1px solid #222; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1) } .login-page-form li a.active { color: #222 } .login-page-form li a.active:before { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } .login-page-form li a:hover { color: #222 } .thb-overflow-container { overflow: hidden; padding: 40px 0 } .thb-form-container { display: flex; width: 200%; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%) } .thb-form-container.no-register { width: 100% } .thb-form-container .input-text { width: 100% } .thb-form-container .thb-login-form,.thb-form-container .thb-register-form { padding: 0 1px; width: 100%; will-change: opacity } .thb-form-container .thb-lost-form,.thb-form-container .thb-register-form { opacity: 0 } .thb-form-container.register-active { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .thb-form-container.register-active .thb-register-form { opacity: 1 } .thb-form-container.register-active .thb-login-form { opacity: 0 } .thb-register-form .woocommerce-password-strength { display: flex; margin: 4px 0 0; color: #fff; font-size: 14px; font-weight: 500; line-height: 1; padding: 12px 16px; background: #ffdada; color: #e43737 } .thb-register-form .woocommerce-password-strength.medium,.thb-register-form .woocommerce-password-strength.good { background: #d8fcda; color: #15a93b } .thb-register-form .woocommerce-privacy-policy-text { font-size: 12px } .thb-register-form .woocommerce-password-hint { margin-top: 10px; display: block; font-size: 12px; font-weight: 500 } .thb-register-form .woocommerce-privacy-policy-text p { font-size: 14px } .thb-register-form .button { width: 100% } .thb-login-form .woocommerce-LostPassword { display: flex; flex-direction: column; clear: both; margin-bottom: 20px } @media only screen and (min-width: 40.0625em) { .thb-login-form .woocommerce-LostPassword { flex-direction:row; justify-content: space-between; align-items: center } .thb-login-form .woocommerce-LostPassword .woocommerce-form__label { margin-bottom: 0 } } .thb-login-form .woocommerce-LostPassword a { display: inline-block; clear: left; font-size: 14px; vertical-align: middle } .woocommerce-account.logged-in .woocommerce { display: flex; flex-direction: column } @media only screen and (min-width: 40.0625em) { .woocommerce-account.logged-in .woocommerce { flex-direction:row } } .woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; flex-shrink: 0; max-width: 300px; padding-right: 30px; margin-bottom: 30px } .rtl .woocommerce-account .woocommerce-MyAccount-navigation { padding-right: 0; padding-left: 30px } .woocommerce-account .woocommerce-MyAccount-content { width: 100% } .woocommerce-MyAccount-navigation { margin-bottom: 30px } @media only screen and (min-width: 40.0625em) { .woocommerce-MyAccount-navigation { padding-right:15% } } .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0 } .woocommerce-MyAccount-navigation ul li { margin-bottom: 0 } .woocommerce-MyAccount-navigation ul li a { display: flex; font-weight: 600; text-transform: uppercase; font-size: 12px; border-top: 1px solid rgba(0,0,0,0.1); border-left: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); height: 40px; padding: 0 20px; align-items: center } .woocommerce-MyAccount-navigation ul li:last-child a { border-bottom: 1px solid rgba(0,0,0,0.1) } .woocommerce-MyAccount-navigation ul li:hover a,.woocommerce-MyAccount-navigation ul li.is-active a { background: #ef2673; color: #fff; border-color: #ef2673 } .woocommerce-MyAccount-navigation ul li:hover+li a,.woocommerce-MyAccount-navigation ul li.is-active+li a { border-top-color: #ef2673 } .woocommerce-order-details { margin-top: 30px } .woocommerce-customer-details { margin-top: 30px } .woocommerce-MyAccount-content legend { margin-top: 30px; margin-bottom: 20px } .addresses { margin: 0 -15px; margin-top: 30px } .addresses .col-1,.addresses .col-2 { float: left; width: 100%; padding: 0 15px } @media only screen and (min-width: 40.0625em) { .addresses .col-1,.addresses .col-2 { width:50% } } .addresses .woocommerce-Address-title h3,.addresses .woocommerce-column__title { display: inline-block; margin-bottom: 10px; margin-right: 10px } .addresses address { font-style: normal; font-size: 14px; margin-bottom: 20px } .woocommerce-lost-password .woocommerce { max-width: 400px; margin: 0 auto } .post_nav { font-size: 11px; margin: 0 0 15px 0 } @media only screen and (min-width: 40.0625em) { .post_nav { margin:0 0 30px 0 } } @media only screen and (min-width: 64.0625em) { .post_nav { margin:0 0 40px 0 } } .post_nav a { display: inline-block; text-transform: uppercase; color: #222; opacity: 0.6 } .post_nav a .fa { padding: 0 5px } .post_nav a+a { padding-left: 10px; border-left: 1px dotted rgba(34,34,34,0.6); margin-left: 9px } .post_nav a:hover { opacity: 1 } .product-page { margin: 15px 0 } @media only screen and (min-width: 40.0625em) { .product-page { margin:30px 0 } } @media only screen and (min-width: 64.0625em) { .product-page { margin:45px 0 } } @media only screen and (min-width: 75.0625em) { .product-page { margin:60px 0 } } .product .product-thumbnails { width: 100%; display: none; opacity: 0; max-height: 135px } .product .product-thumbnails.slick-initialized { opacity: 1; max-height: 100% } @media only screen and (min-width: 40.0625em) { .product .product-thumbnails { display:block } } .product .product-thumbnails .slick-list { margin: 0 -5px } .product .product-thumbnails .woocommerce-product-gallery__image { padding: 0 5px; outline: 0; opacity: 0.6 } .product .product-thumbnails .woocommerce-product-gallery__image img { cursor: pointer } .product .product-thumbnails .woocommerce-product-gallery__image.slick-current { opacity: 1 } .product .product-thumbnails .slick-slide>a { pointer-events: none; cursor: pointer } .product .woocommerce-product-gallery { margin-left: 0; margin-bottom: 10px } .product .woocommerce-product-gallery.product-style2 figure { margin-bottom: 20px } .product .woocommerce-product-gallery img { width: 100% } .product .product-information { padding: 0 15px } @media only screen and (min-width: 64.0625em) { .product .product-information { padding:0 25px } } .product .product-information .woocommerce-breadcrumb { margin-bottom: 20px } .product .product-information .woocommerce-product-rating { margin-bottom: 20px } .product .product-information .price { display: inline-block } .product .product-information .price>.amount { font-size: 30px; color: #ef2673 } .product .product-information .price del .amount { font-size: 24px } .product .product-information .price ins .amount { font-size: 30px; color: #ef2673 } .product .product-information form.cart { margin-top: 10px } .product .product-information .button,.product .product-information .btn { margin: 0; padding: 14px 32px } .product .product-information .yith-wcwl-add-to-wishlist { display: inline-block; margin: 10px 0 0; width: 100%; vertical-align: middle } @media only screen and (min-width: 40.0625em) { .product .product-information .yith-wcwl-add-to-wishlist { margin:10px 0 0 3px; width: auto } } .product .product-information .yith-wcwl-add-to-wishlist .feedback { display: none } .product .product-information .wc-forward { float: right; padding: 0; border: 0; line-height: 18px; background-color: transparent } .product .product-information .wc-forward:hover { color: #ef2673 } .product .product-information h1 { font-size: 36px; line-height: 42px; margin-bottom: 5px; font-weight: 300 } .product .product-information .short-description { font-size: 13px; color: #818181 } .product .product-information .short-description p { font-size: inherit } .product .product-information .variations_form .single_variation { display: none !important } .product .product-information .variations_form .select-wrapper { min-width: 150px } .product .product-information .variations_form .select-wrapper select { font-weight: 400; font-size: 12px } .product .product-information .variations_form .select-wrapper+.select-wrapper { margin-left: 0 } @media only screen and (min-width: 40.0625em) { .product .product-information .variations_form .select-wrapper+.select-wrapper { margin-left:10px } } .product .product-information .variations_form .qtylabel { margin-left: 0 } @media only screen and (min-width: 40.0625em) { .product .product-information .variations_form .qtylabel { margin-left:20px } } .product .product-information .qtylabel { display: inline-block; line-height: 45px; color: #222; font-size: 11px; padding-right: 20px } .product .product-information .qtylabel+.quantity { display: inline-block; vertical-align: middle } .product .product-information .qty { margin-bottom: 0; text-align: center; width: 50px; padding: 15px 10px; font-size: 13px } .product .product-information .share-article { width: auto; max-width: 100%; margin-top: 30px } .product .product-information .share-article .boxed-icon { display: inline-flex; margin-right: 5px } .product .product-information .product_meta { margin-top: 40px } .product .product-information .product_meta .wcml_currency_switcher { display: none } .product .product-information .product_meta>span { display: block; margin: 0 15px 0 0; color: #818181; font-size: 11px; font-weight: 400 } .product .product-information .product_meta>span a,.product .product-information .product_meta>span .sku { color: #ef2673; font-weight: 400 } .woocommerce-tabs { margin-bottom: 50px } @media only screen and (min-width: 75.0625em) { .woocommerce-tabs { margin-bottom:75px } } .woocommerce-tabs .wc-tabs { margin: 0 0 20px 0; padding: 26px 0 24px; text-align: center; list-style: none } .woocommerce-tabs .wc-tabs li { display: inline-block; margin: 15px 0 } .rtl .woocommerce-tabs .wc-tabs li { margin: 15px 0 } @media only screen and (min-width: 40.0625em) { .woocommerce-tabs .wc-tabs li { margin:0 30px } } .woocommerce-tabs .wc-tabs li a { background: none; text-transform: none; color: #222; position: relative; padding: 0; font-size: inherit; font-size: 20px } .woocommerce-tabs .wc-tabs li a:hover { color: #ef2673 } .woocommerce-tabs .wc-tabs li a:after { content: ''; display: block; border-bottom: 1px solid #ef2673; position: absolute; top: calc(100% + 2px); left: 0; width: 100%; -webkit-transform-origin: 50% 50% 50%; -moz-transform-origin: 50% 50% 50%; -ms-transform-origin: 50% 50% 50%; -o-transform-origin: 50% 50% 50%; transform-origin: 50% 50% 50%; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1) } .woocommerce-tabs .wc-tabs li.active a { color: #ef2673 } .woocommerce-tabs .wc-tabs li.active a:after { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } .woocommerce-tabs .wc-tab>h2 { display: none } .woocommerce .woocommerce-breadcrumb { font-size: 12px; color: #545353; font-weight: 400 } .woocommerce .woocommerce-breadcrumb a,.woocommerce .woocommerce-breadcrumb span { color: #a0a0a0 } .woocommerce .woocommerce-breadcrumb a:hover { color: #545353 } .shop_attributes { border: 0; width: 100%; max-width: 600px; margin: 0 auto; border-spacing: 0; text-align: left } .rtl .shop_attributes { text-align: right } .shop_attributes tr:nth-of-type(even) { background: none } .shop_attributes tbody tr th { vertical-align: middle; padding: 20px 0 18px; color: #222; font-size: 14px; font-weight: 700; border-bottom: 1px solid #f5f5f5; background: none; width: 120px } .shop_attributes tbody tr td { vertical-align: middle; padding: 14px 0 14px 15px; border-bottom: 1px solid #f5f5f5; background: none; font-weight: 400; font-size: 14px; color: #454545; text-align: right } .shop_attributes tbody tr td p { margin: 0; color: #454545; font-size: 14px; font-weight: 300 } .shop_attributes tbody tr:last-child td,.shop_attributes tbody tr:last-child th { border-bottom: 0; background: none } .shop_attributes tbody tr.alt { background: none } .shop_attributes tbody tr.alt th { background: none } dl.variation { margin: 10px 0 0 0; color: #222; font-size: 11px; line-height: 1; text-transform: uppercase } dl.variation dt { display: inline-block; margin: 0 10px 5px 0; font-size: 11px; font-weight: 400 } dl.variation dd { display: inline-block; margin: 0 0 5px 0 } dl.variation dd p { margin-bottom: 0; font-size: 11px; line-height: 1; font-weight: 600 } .group_table { border: 0; width: 100%; border-spacing: 0; margin-bottom: 20px; table-layout: fixed } .group_table tbody tr td { padding: 0 10px 20px 0 } .group_table tbody tr td:first-child { width: 100px } .group_table tbody tr td label a { color: #222 } .group_table tbody tr:nth-child(even) { background: #fff } .group_table .quantity { float: none } .pagination { margin: 0 0 40px } .pagination ul,.pagination .nav-links { list-style: none; margin: 0; padding: 0 } .pagination ul li,.pagination .nav-links li { display: inline-block } .pagination ul .page-numbers,.pagination .nav-links .page-numbers { display: inline-block; font-size: 11px; color: #767676; border: 1px solid #e9e9e9; width: 32px; height: 32px; line-height: 32px; text-align: center; font-weight: 600; vertical-align: middle } .pagination ul .page-numbers.dots,.pagination .nav-links .page-numbers.dots { border-color: transparent; position: relative; top: -3px } .pagination ul .page-numbers:not(.dots):hover,.pagination ul .page-numbers.current,.pagination .nav-links .page-numbers:not(.dots):hover,.pagination .nav-links .page-numbers.current { color: #fff; background: #222; border-color: #222 } .pagination ul .page-numbers.prev,.pagination ul .page-numbers.next,.pagination .nav-links .page-numbers.prev,.pagination .nav-links .page-numbers.next { font-size: 14px; vertical-align: middle } @keyframes selectionSharerPopover-animation { 0% { transform: matrix(0.97, 0, 0, 1, 0, 12); filter: alpha(opacity=0); opacity: 0 } 20% { transform: matrix(0.99, 0, 0, 1, 0, 2); filter: alpha(opacity=70); opacity: .7 } 40% { transform: matrix(1, 0, 0, 1, 0, -1); filter: alpha(opacity=100); opacity: 1 } 70% { transform: matrix(1, 0, 0, 1, 0, 0); filter: alpha(opacity=100); opacity: 1 } 100% { transform: matrix(1, 0, 0, 1, 0, 0); filter: alpha(opacity=100); opacity: 1 } } .thb-selectionSharer { display: none; position: absolute; z-index: 100; background: #222; -webkit-transition: -webkit-transform .6s ease-in-out; -moz-transition: -moz-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out } .thb-selectionSharer:after { content: ''; display: block; position: absolute; bottom: -3px; left: 50%; margin-left: -4px; width: 8px; height: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #222 } .thb-selectionSharer.anim { transition: top .075s ease-out; animation: selectionSharerPopover-animation 180ms forwards linear; -webkit-animation: selectionSharerPopover-animation 180ms forwards linear } #thnb-selectionSharerPopover-inner { position: relative; overflow: hidden; border-radius: 0; border: 0 } .thb-selectionSharer ul { margin: 0; display: block; text-align: center; padding: 0 8px } .thb-selectionSharer ul li { display: inline-block; list-style: none; margin: 0 } .thb-selectionSharer a { display: block; width: 30px; height: 44px; line-height: 44px; border: none; color: #fff !important; font-size: 14px } .thb-selectionSharer a.email:hover { color: #ef2673 } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8 } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none !important } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #CCC } .mfp-preloader a:hover { color: #FFF } .mfp-s-ready .mfp-preloader { display: none } .mfp-s-error .mfp-content { display: none } button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace } .mfp-close:hover,.mfp-close:focus { opacity: 1 } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #333 } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:hover,.mfp-arrow:focus { opacity: 1 } .mfp-arrow:before,.mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #000 } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto } .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #444 } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px } .mfp-image-holder .mfp-content { max-width: 100% } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left:0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,0.6); position: fixed; text-align: center; padding: 0 } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform:scale(0.75); transform: scale(0.75) } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% } .mfp-container { padding-left: 6px; padding-right: 6px } } .admin-bar .mfp-container { padding-top: 46px } @media screen and (min-width: 783px) { .admin-bar .mfp-container { padding-top:32px } } button.mfp-arrow { display: inline-flex; width: 48px; height: 48px; border-radius: 24px; margin-top: -24px; justify-content: center; align-items: center; font-size: 24px; background: #fff; opacity: 1; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.1); box-shadow: 0 2px 8px rgba(0,0,0,0.1); -webkit-transition: box-shadow .25s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: box-shadow .25s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: box-shadow .25s cubic-bezier(0.165, 0.84, 0.44, 1); transition: box-shadow .25s cubic-bezier(0.165, 0.84, 0.44, 1) } button.mfp-arrow:before,button.mfp-arrow:after { display: none } button.mfp-arrow>* { pointer-events: none } button.mfp-arrow.mfp-arrow-left { left: 15px } @media only screen and (min-width: 40.0625em) { button.mfp-arrow.mfp-arrow-left { left:30px } } button.mfp-arrow.mfp-arrow-right { left: auto; right: 15px } button.mfp-arrow.mfp-arrow-right svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } @media only screen and (min-width: 40.0625em) { button.mfp-arrow.mfp-arrow-right { right:30px } } button.mfp-arrow:hover { -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.2); box-shadow: 0 2px 8px rgba(0,0,0,0.2) } button.mfp-arrow:hover svg { fill: #000 } button.mfp-arrow:hover .thb-arrow-head { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px) } button.mfp-arrow:hover .thb-arrow-line { -webkit-transform: translateX(0px) scale(1, 1); -moz-transform: translateX(0px) scale(1, 1); -ms-transform: translateX(0px) scale(1, 1); -o-transform: translateX(0px) scale(1, 1); transform: translateX(0px) scale(1, 1) } button.mfp-arrow:active { margin-top: -24px } button.mfp-arrow svg { fill: rgba(0,0,0,0.6) } button.mfp-arrow .thb-arrow-head { -webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px) } button.mfp-arrow .thb-arrow-line { -webkit-transform-origin: 100% center; -moz-transform-origin: 100% center; -ms-transform-origin: 100% center; -o-transform-origin: 100% center; transform-origin: 100% center; -webkit-transform: translateX(4px) scale(0, 1); -moz-transform: translateX(4px) scale(0, 1); -ms-transform: translateX(4px) scale(0, 1); -o-transform: translateX(4px) scale(0, 1); transform: translateX(4px) scale(0, 1) } button.mfp-arrow:hover .thb-arrow-head { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px) } button.mfp-arrow:hover .thb-arrow-line { -webkit-transform: translateX(0px) scale(1, 1); -moz-transform: translateX(0px) scale(1, 1); -ms-transform: translateX(0px) scale(1, 1); -o-transform: translateX(0px) scale(1, 1); transform: translateX(0px) scale(1, 1) } .mfp-figure:after { display: none } .mfp-bg { background: #f5f5f5; opacity: 0 } .mfp-wrap:not(.post-gallery-lightbox) .mfp-close { display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; text-transform: uppercase; border: 0; outline: 0; padding: 0; background: none; cursor: pointer; color: #222; width: 40px; height: 40px; top: 15px; right: 15px; white-space: nowrap } .mfp-wrap:not(.post-gallery-lightbox) .mfp-close span { display: inline-block; font-size: 20px; font-weight: 400; line-height: 0; pointer-events: none } .mfp-wrap:not(.post-gallery-lightbox) .mfp-close span svg { width: 40px } .mfp-zoom-in .mfp-with-anim,.mfp-zoom-in .mfp-iframe-scaler,.mfp-zoom-in .mfp-inline-holder,.mfp-zoom-in .mfp-close { opacity: 0; -webkit-transform: scale(.95, .95); -moz-transform: scale(.95, .95); -ms-transform: scale(.95, .95); -o-transform: scale(.95, .95); transform: scale(.95, .95) } .mfp-zoom-in.mfp-bg { opacity: 0 } .mfp-zoom-in.mfp-ready.mfp-image-loaded .mfp-with-anim,.mfp-zoom-in.mfp-ready .mfp-iframe-scaler,.mfp-zoom-in.mfp-ready .mfp-inline-holder,.mfp-zoom-in.mfp-ready .mfp-close { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 1 } .mfp-zoom-in.mfp-removing .mfp-with-anim,.mfp-zoom-in.mfp-removing .mfp-iframe-scaler,.mfp-zoom-in.mfp-removing .mfp-inline-holder,.mfp-zoom-in.mfp-removing .mfp-close { transform: scale(0.95) !important; opacity: 0 !important } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0 } .mfp-wrap.mfp-removing .mfp-arrow-left,.mfp-wrap.mfp-removing .mfp-arrow-right,.mfp-wrap.mfp-removing .mfp-close { opacity: 0 } .mfp-zoom-out .mfp-with-anim { opacity: 0; -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .mfp-zoom-out.mfp-bg { opacity: 0 } .mfp-zoom-out.mfp-ready.mfp-image-loaded .mfp-with-anim,.mfp-zoom-out.mfp-ready.mfp-image-loaded .mfp-close { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } .mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8 } .mfp-zoom-out.mfp-removing .mfp-with-anim { -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); opacity: 0 } .mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0 } .mfp-zoom-3d .mfp-with-anim,.mfp-zoom-3d .mfp-iframe-scaler,.mfp-zoom-3d .mfp-inline-holder,.mfp-zoom-3d .mfp-close { opacity: 0 } .mfp-zoom-3d.mfp-bg { opacity: 0 } .mfp-zoom-3d .mfp-content { perspective: 1000px; overflow: hidden } .mfp-zoom-3d .theme-popup { transform-style: preserve-3d; transform-origin: top center; backface-visibility: hidden; will-change: opacity, transform; opacity: 0; -webkit-transform: rotateX(-105deg); -moz-transform: rotateX(-105deg); -ms-transform: rotateX(-105deg); -o-transform: rotateX(-105deg); transform: rotateX(-105deg) } .mfp-zoom-3d.mfp-ready.mfp-image-loaded .mfp-with-anim,.mfp-zoom-3d.mfp-ready .mfp-iframe-scaler,.mfp-zoom-3d.mfp-ready .mfp-inline-holder,.mfp-zoom-3d.mfp-ready .mfp-close { opacity: 1 } .mfp-zoom-3d.mfp-ready.mfp-bg { opacity: 0.95 } .mfp-zoom-3d.mfp-ready .theme-popup { opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } .mfp-zoom-3d.mfp-removing .theme-popup { -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); -webkit-transform: rotateX(-105deg); -moz-transform: rotateX(-105deg); -ms-transform: rotateX(-105deg); -o-transform: rotateX(-105deg); transform: rotateX(-105deg) } .theme-popup { display: flex; width: 100%; background: #fff; max-width: 780px; margin: 0 auto; position: relative } .theme-popup-content,#newsletter-popup .newsletter-content { display: flex; align-items: center; justify-content: center; padding: 25px; flex: 1 } @media only screen and (min-width: 40.0625em) { .theme-popup-content,#newsletter-popup .newsletter-content { padding:45px } } @media only screen and (min-width: 40.0625em) { #newsletter-popup { height:460px } } #newsletter-popup .mfp-close { top: 0; right: 0; padding: 0; margin: 10px } #newsletter-popup .newsletter-image { display: none; width: 100%; height: 100%; height: 30vh } @media only screen and (min-width: 40.0625em) { #newsletter-popup .newsletter-image { display:block; width: 390px; height: auto } } #newsletter-popup .newsletter-image img { height: 100%; width: 100%; object-fit: cover; will-change: opacity } #newsletter-popup .newsletter-content .button,#newsletter-popup .newsletter-content .btn,#newsletter-popup .newsletter-content input[type="submit"] { width: 100% } #newsletter-popup .newsletter-content .widget_subscribe { width: 100%; text-align: center; margin-bottom: 11px } #newsletter-popup .newsletter-content .newsletter-form-container { text-align: center } #newsletter-popup .newsletter-content .newsletter-form-container .newsletter-form { text-align: center; clear: both; flex-direction: column } #newsletter-popup .newsletter-content .newsletter-form-container h2 { line-height: 1.35 } #newsletter-popup .newsletter-content .newsletter-form-container p { font-size: 14px; margin-bottom: 26px } #newsletter-popup .newsletter-content .newsletter-form-container .thb-custom-checkbox label { text-align: left } @keyframes plyr-progress { to { background-position: 25px 0; background-position: var(--plyr-progress-loading-size, 25px) 0 } } @keyframes plyr-popup { 0% { opacity: .5; transform: translateY(10px) } to { opacity: 1; transform: translateY(0) } } @keyframes plyr-fade-in { from { opacity: 0 } to { opacity: 1 } } .plyr { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; align-items: center; direction: ltr; display: flex; flex-direction: column; font-family: inherit; font-family: var(--plyr-font-family, inherit); font-variant-numeric: tabular-nums; font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); height: 100%; line-height: 1.7; line-height: var(--plyr-line-height, 1.7); max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow .3s ease; z-index: 0 } .plyr audio,.plyr iframe,.plyr video { display: block; height: 100%; width: 100% } .plyr button { font: inherit; line-height: inherit; width: auto } .plyr:focus { outline: 0 } .plyr--full-ui { box-sizing: border-box } .plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before { box-sizing: inherit } .plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label { touch-action: manipulation } .plyr__badge { background: #4a5464; background: var(--plyr-badge-background, #4a5464); border-radius: 2px; border-radius: var(--plyr-badge-border-radius, 2px); color: #fff; color: var(--plyr-badge-text-color, #fff); font-size: 9px; font-size: var(--plyr-font-size-badge, 9px); line-height: 1; padding: 3px 4px } .plyr--full-ui ::-webkit-media-text-track-container { display: none } .plyr__captions { animation: plyr-fade-in .3s ease; bottom: 0; display: none; font-size: 13px; font-size: var(--plyr-font-size-small, 13px); left: 0; padding: 10px; padding: var(--plyr-control-spacing, 10px); position: absolute; text-align: center; transition: transform .4s ease-in-out; width: 100% } .plyr__captions span:empty { display: none } @media (min-width: 480px) { .plyr__captions { font-size:15px; font-size: var(--plyr-font-size-base, 15px); padding: calc(10px * 2); padding: calc(var(--plyr-control-spacing,10px) * 2) } } @media (min-width: 768px) { .plyr__captions { font-size:18px; font-size: var(--plyr-font-size-large, 18px) } } .plyr--captions-active .plyr__captions { display: block } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { transform: translateY(calc(10px * -4)); transform: translateY(calc(var(--plyr-control-spacing,10px) * -4)) } .plyr__caption { background: rgba(0,0,0,0.8); background: var(--plyr-captions-background, rgba(0,0,0,0.8)); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: #fff; color: var(--plyr-captions-text-color, #fff); line-height: 185%; padding: .2em .5em; white-space: pre-wrap } .plyr__caption div { display: inline } .plyr__control { background: 0 0; border: 0; border-radius: 3px; border-radius: var(--plyr-control-radius, 3px); color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: calc(10px * .7); padding: calc(var(--plyr-control-spacing,10px) * .7); position: relative; transition: all .3s ease } .plyr__control svg { display: block; fill: currentColor; height: 18px; height: var(--plyr-control-icon-size, 18px); pointer-events: none; width: 18px; width: var(--plyr-control-icon-size, 18px) } .plyr__control:focus { outline: 0 } .plyr__control.plyr__tab-focus { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px } a.plyr__control { text-decoration: none } a.plyr__control::after,a.plyr__control::before { display: none } .plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed { display: none } .plyr--full-ui ::-webkit-media-controls { display: none } .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center } .plyr__controls .plyr__progress__container { flex: 1; min-width: 0 } .plyr__controls .plyr__controls__item { margin-left: calc(10px / 4); margin-left: calc(var(--plyr-control-spacing,10px)/ 4) } .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: calc(10px / 4); padding-left: calc(var(--plyr-control-spacing,10px)/ 4) } .plyr__controls .plyr__controls__item.plyr__time { padding: 0 calc(10px / 2); padding: 0 calc(var(--plyr-control-spacing,10px)/ 2) } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child { padding-left: 0 } .plyr__controls:empty { display: none } .plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip] { display: none } .plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip] { display: inline-block } .plyr__menu { display: flex; position: relative } .plyr__menu .plyr__control svg { transition: transform .3s ease } .plyr__menu .plyr__control[aria-expanded=true] svg { transform: rotate(90deg) } .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip { display: none } .plyr__menu__container { animation: plyr-popup .2s ease; background: rgba(255,255,255,0.9); background: var(--plyr-menu-background, rgba(255,255,255,0.9)); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0,0,0,0.15)); color: #4a5464; color: var(--plyr-menu-color, #4a5464); font-size: 15px; font-size: var(--plyr-font-size-base, 15px); margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3 } .plyr__menu__container>div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1),width 0.35s cubic-bezier(0.4, 0, 0.2, 1) } .plyr__menu__container::after { border: 4px solid transparent; border: var(--plyr-menu-arrow-size, 4px) solid transparent; border-top-color: rgba(255,255,255,0.9); border-top-color: var(--plyr-menu-background, rgba(255,255,255,0.9)); content: ''; height: 0; position: absolute; right: calc(((18px / 2) + calc(10px * .7)) - (4px / 2)); right: calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2)); top: 100%; width: 0 } .plyr__menu__container [role=menu] { padding: calc(10px * .7); padding: calc(var(--plyr-control-spacing,10px) * .7) } .plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio] { margin-top: 2px } .plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child { margin-top: 0 } .plyr__menu__container .plyr__control { align-items: center; color: #4a5464; color: var(--plyr-menu-color, #4a5464); display: flex; font-size: 13px; font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px)); padding-bottom: calc(calc(10px * .7)/ 1.5); padding-bottom: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5); padding-left: calc(calc(10px * .7) * 1.5); padding-left: calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5); padding-right: calc(calc(10px * .7) * 1.5); padding-right: calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5); padding-top: calc(calc(10px * .7)/ 1.5); padding-top: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5); -webkit-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .plyr__menu__container .plyr__control>span { align-items: inherit; display: flex; width: 100% } .plyr__menu__container .plyr__control::after { border: 4px solid transparent; border: var(--plyr-menu-item-arrow-size, 4px) solid transparent; content: ''; position: absolute; top: 50%; transform: translateY(-50%) } .plyr__menu__container .plyr__control--forward { padding-right: calc(calc(10px * .7) * 4); padding-right: calc(calc(var(--plyr-control-spacing,10px) * .7) * 4) } .plyr__menu__container .plyr__control--forward::after { border-left-color: #728197; border-left-color: var(--plyr-menu-arrow-color, #728197); right: calc((calc(10px * .7) * 1.5) - 4px); right: calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px)) } .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor } .plyr__menu__container .plyr__control--back { font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); margin: calc(10px * .7); margin: calc(var(--plyr-control-spacing,10px) * .7); margin-bottom: calc(calc(10px * .7)/ 2); margin-bottom: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2); padding-left: calc(calc(10px * .7) * 4); padding-left: calc(calc(var(--plyr-control-spacing,10px) * .7) * 4); position: relative; width: calc(100% - (calc(10px * .7) * 2)); width: calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2)) } .plyr__menu__container .plyr__control--back::after { border-right-color: #728197; border-right-color: var(--plyr-menu-arrow-color, #728197); left: calc((calc(10px * .7) * 1.5) - 4px); left: calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px)) } .plyr__menu__container .plyr__control--back::before { background: #dcdfe5; background: var(--plyr-menu-back-border-color, #dcdfe5); box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff); content: ''; height: 1px; left: 0; margin-top: calc(calc(10px * .7)/ 2); margin-top: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2); overflow: hidden; position: absolute; right: 0; top: 100% } .plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor } .plyr__menu__container .plyr__control[role=menuitemradio] { padding-left: calc(10px * .7); padding-left: calc(var(--plyr-control-spacing,10px) * .7) } .plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before { border-radius: 100% } .plyr__menu__container .plyr__control[role=menuitemradio]::before { background: rgba(0,0,0,0.1); content: ''; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); transition: all .3s ease; width: 16px } .plyr__menu__container .plyr__control[role=menuitemradio]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform .3s ease,opacity .3s ease; width: 6px } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before { background: #00b3ff; background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))) } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after { opacity: 1; transform: translateY(-50%) scale(1) } .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before { background: rgba(35,40,47,0.1) } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: calc((calc(10px * .7) - 2) * -1); margin-right: calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1); overflow: hidden; padding-left: calc(calc(10px * .7) * 3.5); padding-left: calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5); pointer-events: none } .plyr--full-ui input[type=range] { -webkit-appearance: none; background: 0 0; border: 0; border-radius: calc(13px * 2); border-radius: calc(var(--plyr-range-thumb-height,13px) * 2); color: #00b3ff; color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); display: block; height: calc((3px * 2) + 13px); height: calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px)); margin: 0; padding: 0; transition: box-shadow .3s ease; width: 100% } .plyr--full-ui input[type=range]::-webkit-slider-runnable-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); -webkit-transition: box-shadow .3s ease; transition: box-shadow .3s ease; -webkit-user-select: none; user-select: none; background-image: linear-gradient(to right, currentColor 0, transparent 0); background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0)) } .plyr--full-ui input[type=range]::-webkit-slider-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35,40,47,0.15),0 0 0 1px rgba(35,40,47,0.2); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.15), 0 0 0 1px rgba(35,40,47,0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -webkit-transition: all .2s ease; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); -webkit-appearance: none; margin-top: calc(((13px - 5px)/ 2) * -1); margin-top: calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1) } .plyr--full-ui input[type=range]::-moz-range-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); -moz-transition: box-shadow .3s ease; transition: box-shadow .3s ease; user-select: none } .plyr--full-ui input[type=range]::-moz-range-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35,40,47,0.15),0 0 0 1px rgba(35,40,47,0.2); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.15), 0 0 0 1px rgba(35,40,47,0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -moz-transition: all .2s ease; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px) } .plyr--full-ui input[type=range]::-moz-range-progress { background: currentColor; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px) } .plyr--full-ui input[type=range]::-ms-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow .3s ease; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; color: transparent } .plyr--full-ui input[type=range]::-ms-fill-upper { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow .3s ease; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none } .plyr--full-ui input[type=range]::-ms-fill-lower { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow .3s ease; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; background: currentColor } .plyr--full-ui input[type=range]::-ms-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35,40,47,0.15),0 0 0 1px rgba(35,40,47,0.2); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.15), 0 0 0 1px rgba(35,40,47,0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -ms-transition: all .2s ease; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); margin-top: 0 } .plyr--full-ui input[type=range]::-ms-tooltip { display: none } .plyr--full-ui input[type=range]:focus { outline: 0 } .plyr--full-ui input[type=range]::-moz-focus-outer { border: 0 } .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px } .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px } .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px } .plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .2s ease; width: 100%; z-index: 1 } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1 } .plyr__time { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)) } .plyr__time+.plyr__time::before { content: '\2044'; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px) } @media (max-width: calc(768px - 1)) { .plyr__time+.plyr__time { display:none } } .plyr__tooltip { background: rgba(255,255,255,0.9); background: var(--plyr-tooltip-background, rgba(255,255,255,0.9)); border-radius: 3px; border-radius: var(--plyr-tooltip-radius, 3px); bottom: 100%; box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0,0,0,0.15)); color: #4a5464; color: var(--plyr-tooltip-color, #4a5464); font-size: 13px; font-size: var(--plyr-font-size-small, 13px); font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); left: 50%; line-height: 1.3; margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2); opacity: 0; padding: calc(10px / 2) calc(calc(10px / 2) * 1.5); padding: calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5); pointer-events: none; position: absolute; transform: translate(-50%, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform .2s .1s ease,opacity .2s .1s ease; white-space: nowrap; z-index: 2 } .plyr__tooltip::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255,255,255,0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255,255,255,0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size,4px) * -1); content: ''; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2 } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible { opacity: 1; transform: translate(-50%, 0) scale(1) } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3 } .plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip { left: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 0 100% } .plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before { left: calc((18px / 2) + calc(10px * .7)); left: calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) } .plyr__controls>.plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 100% 100% } .plyr__controls>.plyr__control:last-child .plyr__tooltip::before { left: auto; right: calc((18px / 2) + calc(10px * .7)); right: calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)); transform: translateX(50%) } .plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip { transform: translate(0, 0) scale(1) } .plyr__progress { left: calc(13px * .5); left: calc(var(--plyr-range-thumb-height,13px) * .5); margin-right: 13px; margin-right: var(--plyr-range-thumb-height, 13px); position: relative } .plyr__progress input[type=range],.plyr__progress__buffer { margin-left: calc(13px * -.5); margin-left: calc(var(--plyr-range-thumb-height,13px) * -.5); margin-right: calc(13px * -.5); margin-right: calc(var(--plyr-range-thumb-height,13px) * -.5); width: calc(100% + 13px); width: calc(100% + var(--plyr-range-thumb-height,13px)) } .plyr__progress input[type=range] { position: relative; z-index: 2 } .plyr__progress .plyr__tooltip { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); left: 0 } .plyr__progress__buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin-top: calc((5px / 2) * -1); margin-top: calc((var(--plyr-range-track-height,5px)/ 2) * -1); padding: 0; position: absolute; top: 50% } .plyr__progress__buffer::-webkit-progress-bar { background: 0 0 } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -webkit-transition: width .2s ease; transition: width .2s ease } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -moz-transition: width .2s ease; transition: width .2s ease } .plyr__progress__buffer::-ms-fill { border-radius: 100px; -ms-transition: width .2s ease; transition: width .2s ease } .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg, rgba(35,40,47,0.6) 25%, transparent 25%, transparent 50%, rgba(35,40,47,0.6) 50%, rgba(35,40,47,0.6) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(35,40,47,0.6) 25%, transparent 25%, transparent 50%, rgba(35,40,47,0.6) 50%, rgba(35,40,47,0.6) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px); color: transparent } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255,255,255,0.25); background-color: var(--plyr-video-progress-buffered-background, rgba(255,255,255,0.25)) } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(193,200,209,0.6); background-color: var(--plyr-audio-progress-buffered-background, rgba(193,200,209,0.6)) } .plyr__volume { align-items: center; display: flex; max-width: 110px; min-width: 80px; position: relative; width: 20% } .plyr__volume input[type=range] { margin-left: calc(10px / 2); margin-left: calc(var(--plyr-control-spacing,10px)/ 2); margin-right: calc(10px / 2); margin-right: calc(var(--plyr-control-spacing,10px)/ 2); position: relative; z-index: 2 } .plyr--is-ios .plyr__volume { min-width: 0; width: auto } .plyr--audio { display: block } .plyr--audio .plyr__controls { background: #fff; background: var(--plyr-audio-controls-background, #fff); border-radius: inherit; color: #4a5464; color: var(--plyr-audio-control-color, #4a5464); padding: 10px; padding: var(--plyr-control-spacing, 10px) } .plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true] { background: #00b3ff; background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-audio-control-color-hover, #fff) } .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track { background-color: rgba(193,200,209,0.6); background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193,200,209,0.6))) } .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track { background-color: rgba(193,200,209,0.6); background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193,200,209,0.6))) } .plyr--full-ui.plyr--audio input[type=range]::-ms-track { background-color: rgba(193,200,209,0.6); background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193,200,209,0.6))) } .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35,40,47,0.15),0 0 0 1px rgba(35,40,47,0.2),0 0 0 3px rgba(35,40,47,0.1); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.15), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35,40,47,0.1)) } .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35,40,47,0.15),0 0 0 1px rgba(35,40,47,0.2),0 0 0 3px rgba(35,40,47,0.1); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.15), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35,40,47,0.1)) } .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35,40,47,0.15),0 0 0 1px rgba(35,40,47,0.2),0 0 0 3px rgba(35,40,47,0.1); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.15), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35,40,47,0.1)) } .plyr--audio .plyr__progress__buffer { color: rgba(193,200,209,0.6); color: var(--plyr-audio-progress-buffered-background, rgba(193,200,209,0.6)) } .plyr--video { background: #000; overflow: hidden } .plyr--video.plyr--menu-open { overflow: visible } .plyr__video-wrapper { background: #000; height: 100%; margin: auto; overflow: hidden; position: relative; width: 100% } .plyr__video-embed,.plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25% } .plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video { border: 0; left: 0; position: absolute; top: 0 } .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%) } .plyr--video .plyr__controls { background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75)); background: var(--plyr-video-controls-background, linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75))); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; color: var(--plyr-video-control-color, #fff); left: 0; padding: calc(10px / 2); padding: calc(var(--plyr-control-spacing,10px)/ 2); padding-top: calc(10px * 2); padding-top: calc(var(--plyr-control-spacing,10px) * 2); position: absolute; right: 0; transition: opacity .4s ease-in-out,transform .4s ease-in-out; z-index: 3 } @media (min-width: 480px) { .plyr--video .plyr__controls { padding:10px; padding: var(--plyr-control-spacing, 10px); padding-top: calc(10px * 3.5); padding-top: calc(var(--plyr-control-spacing,10px) * 3.5) } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translateY(100%) } .plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true] { background: #00b3ff; background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-video-control-color-hover, #fff) } .plyr__control--overlaid { background: #00b3ff; background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); border: 0; border-radius: 100%; color: #fff; color: var(--plyr-video-control-color, #fff); display: none; left: 50%; opacity: .9; padding: calc(10px * 1.5); padding: calc(var(--plyr-control-spacing,10px) * 1.5); position: absolute; top: 50%; transform: translate(-50%, -50%); transition: .3s; z-index: 2 } .plyr__control--overlaid svg { left: 2px; position: relative } .plyr__control--overlaid:focus,.plyr__control--overlaid:hover { opacity: 1 } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block } .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-color: rgba(255,255,255,0.25); background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255,255,255,0.25))) } .plyr--full-ui.plyr--video input[type=range]::-moz-range-track { background-color: rgba(255,255,255,0.25); background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255,255,255,0.25))) } .plyr--full-ui.plyr--video input[type=range]::-ms-track { background-color: rgba(255,255,255,0.25); background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255,255,255,0.25))) } .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35,40,47,0.15),0 0 0 1px rgba(35,40,47,0.2),0 0 0 3px rgba(255,255,255,0.5); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.15), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255,255,255,0.5)) } .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35,40,47,0.15),0 0 0 1px rgba(35,40,47,0.2),0 0 0 3px rgba(255,255,255,0.5); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.15), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255,255,255,0.5)) } .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35,40,47,0.15),0 0 0 1px rgba(35,40,47,0.2),0 0 0 3px rgba(255,255,255,0.5); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.15), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255,255,255,0.5)) } .plyr--video .plyr__progress__buffer { color: rgba(255,255,255,0.25); color: var(--plyr-video-progress-buffered-background, rgba(255,255,255,0.25)) } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100% } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100% } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100% } .plyr:-webkit-full-screen video { height: 100% } .plyr:-ms-fullscreen video { height: 100% } .plyr:fullscreen video { height: 100% } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static } .plyr:fullscreen .plyr__video-wrapper { height: 100%; position: static } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none } .plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none } .plyr:fullscreen.plyr--hide-controls { cursor: none } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size:21px; font-size: var(--plyr-font-size-xlarge, 21px) } .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px) } .plyr:fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px) } } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100% } .plyr:-webkit-full-screen video { height: 100% } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size:21px; font-size: var(--plyr-font-size-xlarge, 21px) } } .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100% } .plyr:-moz-full-screen video { height: 100% } .plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; position: static } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg { display: none } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none } @media (min-width: 1024px) { .plyr:-moz-full-screen .plyr__captions { font-size:21px; font-size: var(--plyr-font-size-xlarge, 21px) } } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100% } .plyr:-ms-fullscreen video { height: 100% } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none } @media (min-width: 1024px) { .plyr:-ms-fullscreen .plyr__captions { font-size:21px; font-size: var(--plyr-font-size-xlarge, 21px) } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; display: block; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000 } .plyr--fullscreen-fallback video { height: 100% } .plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; position: static } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg { display: none } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size:21px; font-size: var(--plyr-font-size-xlarge, 21px) } } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1 } .plyr__ads>div,.plyr__ads>div iframe { height: 100%; position: absolute; width: 100% } .plyr__ads::after { background: #23282f; border-radius: 2px; bottom: 10px; bottom: var(--plyr-control-spacing, 10px); color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; right: var(--plyr-control-spacing, 10px); z-index: 3 } .plyr__ads::after:empty { display: none } .plyr__cues { background: currentColor; display: block; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin: -var(--plyr-range-track-height, 5px)/2 0 0; opacity: .8; position: absolute; top: 50%; width: 3px; z-index: 3 } .plyr__preview-thumb { background-color: rgba(255,255,255,0.9); background-color: var(--plyr-tooltip-background, rgba(255,255,255,0.9)); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0,0,0,0.15)); margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2); opacity: 0; padding: 3px; padding: var(--plyr-tooltip-radius, 3px); pointer-events: none; position: absolute; transform: translate(0, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform .2s .1s ease,opacity .2s .1s ease; z-index: 2 } .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0, 0) scale(1) } .plyr__preview-thumb::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255,255,255,0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255,255,255,0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size,4px) * -1); content: ''; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2 } .plyr__preview-thumb__image-container { background: #c1c8d1; border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius,3px) - 1px); overflow: hidden; position: relative; z-index: 0 } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100% } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3 } .plyr__preview-thumb__time-container span { background-color: rgba(0,0,0,0.55); border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius,3px) - 1px); color: #fff; font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); padding: 3px 6px } .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity .3s ease; width: 100%; z-index: 1 } .plyr__preview-scrubbing--is-shown { opacity: 1 } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; object-fit: contain; position: absolute; top: 0; width: 100% } .plyr--no-transition { transition: none !important } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important } .plyr [hidden] { display: none !important } .plyr__poster { background-size: cover; pointer-events: none } .plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true] { background: #ef2673 } .plyr--full-ui input[type=range] { color: #ef2673 } @media only screen and (max-width: 40.0625em) { .plyr__video-embed iframe { z-index:999 } } .thb-cookie-bar { display: flex; position: fixed; left: 0; bottom: 0; background: #222; padding: 15px; z-index: 40; width: 100%; flex-direction: column; align-items: center; opacity: 0; color: #fff; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%) } @media only screen and (min-width: 40.0625em) { .thb-cookie-bar { padding:15px 25px; flex-direction: row; justify-content: center } } .thb-cookie-bar p { font-size: 13px; line-height: 1.2 } @media only screen and (min-width: 40.0625em) { .thb-cookie-bar p { line-height:1; margin: 0 } } .thb-cookie-bar .button { margin: 0 } @media only screen and (min-width: 40.0625em) { .thb-cookie-bar .button { margin:0 0 0 20px } .rtl .thb-cookie-bar .button { margin: 0 20px 0 0 } } .thb-cookie-bar .thb-cookie-text a { font-weight: 600; color: #fff }