.mfp-hide { display: none !important; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .penci-owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; --pcfs-delay: .5s; } @-webkit-keyframes bounce { from,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @-webkit-keyframes flash { from,50%,to { opacity: 1; } 25%,75% { opacity: 0; } } @keyframes flash { from,50%,to { opacity: 1; } 25%,75% { opacity: 0; } } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @keyframes pulse { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1); } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1); } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1); } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1); } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1); } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1); } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1); } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1); } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @-webkit-keyframes shake { from,to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } } @keyframes shake { from,to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); } 40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg); } 60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg); } 80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg); } to { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); } 40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg); } 60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg); } 80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg); } to { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); } } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @keyframes tada { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); } 30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); } 45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); } 60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); } 75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); } 30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); } 45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); } 60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); } 75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes jello { from,11.1%,to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg); } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg); } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg); } } @keyframes jello { from,11.1%,to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg); } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg); } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg); } } @-webkit-keyframes bounceIn { from,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @keyframes bounceIn { from,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @-webkit-keyframes bounceInDown { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes bounceInLeft { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes bounceInRight { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } from { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0); } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } from { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0); } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes bounceInUp { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } from { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes bounceInUp { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } from { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg); transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95); transform: perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg); transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95); transform: perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0; } } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0; } } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; } } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0; } } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0; } } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%,60% { -webkit-transform: rotate3d(0,0,1,80deg); transform: rotate3d(0,0,1,80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%,80% { -webkit-transform: rotate3d(0,0,1,60deg); transform: rotate3d(0,0,1,60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%,60% { -webkit-transform: rotate3d(0,0,1,80deg); transform: rotate3d(0,0,1,80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%,80% { -webkit-transform: rotate3d(0,0,1,60deg); transform: rotate3d(0,0,1,60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; } } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); } } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 50% { opacity: 1; } } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } to { opacity: 0; } } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center; } } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center; } } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } @-webkit-keyframes justified-gallery-show-caption-animation { from { opacity: 0; } to { opacity: .7; } } @-moz-keyframes justified-gallery-show-caption-animation { from { opacity: 0; } to { opacity: .7; } } @-o-keyframes justified-gallery-show-caption-animation { from { opacity: 0; } to { opacity: .7; } } @keyframes justified-gallery-show-caption-animation { from { opacity: 0; } to { opacity: .7; } } @-webkit-keyframes justified-gallery-show-entry-animation { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes justified-gallery-show-entry-animation { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes justified-gallery-show-entry-animation { from { opacity: 0; } to { opacity: 1; } } @keyframes justified-gallery-show-entry-animation { from { opacity: 0; } to { opacity: 1; } } * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box; outline: none; } *,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td { margin: 0; padding: 0; } input { background-color: transparent; } fieldset,img { border: 0; } ol,ul,li { list-style: none; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } img { max-width: 100%; vertical-align: top; height: auto; } a img { border: none; } body:not(.penci-fawesome-ver5) .penci-faicon { font-family: "FontAwesome"; font-weight: normal; } textarea,input[type="text"],input[type="email"],input[type="search"],input[type="button"],input[type="submit"],button { -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; } p:empty:before { content: none; } html,body { -webkit-font-smoothing: antialiased; } body { font-family: var(--pcbody-font); color: #313131; background-color: #fff; font-size: 14px; overflow-x: hidden; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; --pcbg-cl: #fff; --pctext-cl: #313131; --pcborder-cl: #dedede; --pcheading-cl: #313131; --pcmeta-cl: #888; --pcaccent-cl: #6eb48c; --pcbody-font: "PT Serif",serif; --pchead-font: "Raleway",sans-serif; --pchead-wei: bold; --pchd-mg: 60px; --pcctain: 1170px; --pcctain2: 1400px; } p { font-size: 14px; line-height: 28px; } a { text-decoration: none; color: var(--pcaccent-cl); transition: color .3s; -webkit-transition: color .3s; -moz-transition: color .3s; outline: none; cursor: pointer; } a:hover { } h1,h2,h3,h4,h5,h6 { font-family: var(--pchead-font); font-style: normal; font-weight: var(--pchead-wei); } .container { width: var(--pcctain); margin: 0 auto; } body:not(.penci-fawesome-ver5) .penci-faicon.fa-facebook-f:before,body:not(.penci-fawesome-ver5) .penci-faicon.fa-facebook:before { content: ""; } #main { width: 100%; } .penci-sidebar-content { width: 29.06%; float: right; } .penci-sidebar-content-vc { width: 100% !important; float: none; } .clear-footer { height: 1px; margin-bottom: 29px; clear: both; display: block; width: 100%; } .penci-clearfix { clear: both; } .penci-clearfix:before,.penci-clearfix:after { content: ""; display: table; clear: both; } .wrapper-boxed { overflow: hidden; } .penci-top-bar { background: #313131; height: auto; } .penci-headline { display: block; } .penci-headline:before,.penci-headline:after { content: ""; display: table; clear: both; } .penci-headline .pctopbar-item { display: inline-block; margin: 0 15px; float: left; line-height: 32px; color: #fff; } .penci-topbar-ctext { font-size: 13px; } .penci-topbar-ctext * { color: inherit; font-size: inherit; } .penci-headline .pctopbar-item:first-child { margin-left: 0; } .penci-headline .pctopbar-item:last-child { margin-right: 0; } @media only screen and (min-width: 1170px) { .penci-headline .pctopbar-item:last-child:not(:first-child) { float:right; } } .headline-title { height: 32px; line-height: 32px; padding: 0 15px; font-size: 12px; color: #fff; background: var(--pcaccent-cl); float: left; text-transform: uppercase; font-family: var(--pchead-font); z-index: 10; position: relative; display: inline-block; font-weight: var(--pchead-wei); } .penci-top-bar .penci-owl-carousel:not(.owl-loaded) > div:first-child { height: 32px; } .penci-trending-nav { line-height: 32px; } .penci-trending-nav a { font-size: 16px; line-height: inherit; padding-left: 5px; padding-right: 5px; cursor: pointer; display: inline-block; vertical-align: top; text-decoration: none !important; color: #999; position: relative; } .penci-owl-carousel-slider.penci-headline-posts .owl-nav .owl-prev:hover,.penci-owl-carousel-slider.penci-headline-posts .owl-nav .owl-next:hover,.penci-trending-nav a:hover { color: #fff; } @keyframes TickerslideOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(20px,0,0); } } @keyframes TickerslideInRight { from { opacity: 0; transform: translate3d(20px,0,0); } to { opacity: 1; transform: none; } } a.penci-topbar-post-title { color: #fff; font-size: 12px; font-family: var(--pchead-font); text-decoration: none !important; text-transform: uppercase; transition: color .3s; -webkit-transition: color .3s; -moz-transition: color .3s; display: inline-block; white-space: nowrap; line-height: 32px; font-weight: var(--pchead-wei); } a.penci-topbar-post-title:hover { color: var(--pcaccent-cl); } .penci-topbar-social { display: inline-block; float: right; z-index: 10; position: relative; } .penci-topbar-social > div { display: inline-block; vertical-align: top; } .penci-topbar-social a { float: left; display: inline-block; vertical-align: top; margin-left: 13px; font-size: 13px; color: #fff; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; line-height: 32px; } .penci-topbar-social a:first-child { margin-left: 0; } .penci-topbar-social a:hover { color: var(--pcaccent-cl); } .penci-topbar-trending { display: inline-block; float: left; overflow: hidden; width: 100%; max-width: 420px; text-align: left; text-overflow: ellipsis; white-space: nowrap; } .penci-topbar-trending .penci-trending-nav { float: left; position: relative; z-index: 100; padding-left: 8px; padding-right: 8px; } .headline-title.nticker-style-2 { margin-right: 8px; } .headline-title.nticker-style-2:after { width: 0; height: 0; border-top: 8px solid transparent; border-left: 9px solid var(--pcaccent-cl); border-bottom: 8px solid transparent; border-top-color: transparent !important; border-bottom-color: transparent !important; content: ""; position: absolute; right: -8px; top: 50%; margin-top: -8px; display: inline-block; } .penci-enews-ticker.penci-topbar-trending { float: none; display: block; text-overflow: clip; max-width: 100%; } .penci-enews-ticker .penci-trending-nav a,.penci-enews-ticker .penci-trending-nav a:hover { color: #666; } ul.penci-topbar-menu,div.penci-topbar-menu > ul { display: inline-block; vertical-align: top; padding: 0; margin: 0; } ul.penci-topbar-menu li,div.penci-topbar-menu > ul li { position: relative; } ul.penci-topbar-menu > li,div.penci-topbar-menu > ul > li { display: inline-block; float: left; margin-right: 20px; } ul.penci-topbar-menu > li:last-child,div.penci-topbar-menu > ul > li:last-child { margin-right: 0; } ul.penci-topbar-menu > li a,div.penci-topbar-menu > ul > li a { color: #fff; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; background: none; font-size: 11px; text-transform: uppercase; line-height: 32px; font-family: var(--pchead-font); font-weight: var(--pchead-wei); } ul.penci-topbar-menu > li > a,div.penci-topbar-menu > ul > li > a { display: inline-block; vertical-align: top; } .penci-topbar-menu img { vertical-align: middle; } ul.penci-topbar-menu > li a:hover,div.penci-topbar-menu > ul > li a:hover { color: var(--pcaccent-cl); } ul.penci-topbar-menu ul.sub-menu,div.penci-topbar-menu > ul ul.sub-menu { display: none; position: absolute; left: 0; background: #313131; box-shadow: 0px 3px 3px rgba(0,0,0,.15); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.15); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,.15); } ul.penci-topbar-menu li:hover > ul.sub-menu,div.penci-topbar-menu > ul li:hover > ul.sub-menu { display: block; z-index: 105; } ul.penci-topbar-menu li:hover ul.sub-menu ul.sub-menu,div.penci-topbar-menu > ul li:hover ul.sub-menu ul.sub-menu { left: 100%; top: 0; } ul.penci-topbar-menu ul.sub-menu li a,div.penci-topbar-menu > ul ul.sub-menu li a { width: 150px; padding: 7px 0; margin: 0 20px; line-height: 1.7; display: block; text-align: left; } ul.penci-topbar-menu ul.sub-menu li a,div.penci-topbar-menu > ul ul.sub-menu li a,ul.penci-topbar-menu > li > ul.sub-menu > li:first-child,div.penci-topbar-menu > ul > li > ul.sub-menu > li:first-child { border-top: 1px solid #414141; } ul.penci-topbar-menu ul.sub-menu > li:first-child > a,div.penci-topbar-menu > ul ul.sub-menu li:first-child > a { border-top: none; } .penci-top-bar .pctopbar-login-btn,.penci-top-bar .pclogin-item { display: inline-block; position: relative; vertical-align: top; } .penci-topbar-social .pclogin-item { margin-right: 13px; } .penci-top-bar .pclogin-item:not(.penci-login-popup-btn) a,.penci-top-bar .penci-login-popup-btn a { font-size: inherit; } .penci-top-bar .penci-login-popup-btn a i { font-size: 13px; } .pclogin-item.login-popup span { margin-left: 4px; font-size: inherit; } .penci-topbar-social.penci-lgdisplay-right .pclogin-item { margin-right: 0; margin-left: 13px; } .pctopbar-login-btn li.pclogin-item img { position: relative; top: 5px; margin: 0; margin-right: 2px; } .penci-loader-effect { width: 40px; height: 40px; margin: 0 auto; margin-top: -26px; margin-left: -26px; display: none; position: absolute; top: 50%; left: 50%; z-index: 300; } .penci-loader-effect .penci-ld { width: 40px; height: 40px; position: relative; margin: 0; display: block; } .penci-ld .penci-ldin { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .penci-ld .penci-ld2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .penci-ld .penci-ld3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .penci-ld .penci-ld4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .penci-ld .penci-ld5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .penci-ld .penci-ld6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .penci-ld .penci-ld7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .penci-ld .penci-ld8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .penci-ld .penci-ld9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .penci-ld .penci-ld10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .penci-ld .penci-ld11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .penci-ld .penci-ld12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .penci-ld .penci-ldin:before { content: ""; display: block; margin: 0 auto; width: 15%; height: 15%; border-radius: 100%; -webkit-animation: LoadingCircleEf .7s infinite ease-in-out both; animation: LoadingCircleEf .7s infinite ease-in-out both; background: var(--pcaccent-cl); } .penci-ld .penci-ld2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .penci-ld .penci-ld3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .penci-ld .penci-ld4:before { -webkit-animation-delay: -.9s; animation-delay: -.9s; } .penci-ld .penci-ld5:before { -webkit-animation-delay: -.8s; animation-delay: -.8s; } .penci-ld .penci-ld6:before { -webkit-animation-delay: -.7s; animation-delay: -.7s; } .penci-ld .penci-ld7:before { -webkit-animation-delay: -.6s; animation-delay: -.6s; } .penci-ld .penci-ld8:before { -webkit-animation-delay: -.5s; animation-delay: -.5s; } .penci-ld .penci-ld9:before { -webkit-animation-delay: -.4s; animation-delay: -.4s; } .penci-ld .penci-ld10:before { -webkit-animation-delay: -.3s; animation-delay: -.3s; } .penci-ld .penci-ld11:before { -webkit-animation-delay: -.2s; animation-delay: -.2s; } .penci-ld .penci-ld12:before { -webkit-animation-delay: -.1s; animation-delay: -.1s; } @-webkit-keyframes LoadingCircleEf { 0%,80%,100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes LoadingCircleEf { 0%,80%,100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .penci-hidden { display: none; } #penci-login-popup { position: relative; display: block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 10; width: 100%; max-width: 470px; padding: 44px; background: transparent; background-size: auto; color: #313131; opacity: 0; -webkit-transition: all .4s cubic-bezier(.5,0,.1,1); transition: all .4s cubic-bezier(.5,0,.1,1); transform: scale(.6); -webkit-transform: scale(.6); } #penci-login-popup:before,#penci-login-popup:after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; display: block; background: #fff no-repeat fixed center center; opacity: .75; } #penci-login-popup:after { z-index: -2; background-color: transparent; opacity: 1; } .penci-login-container .penci-login input[type="text"],.penci-login-container .penci-login input[type="password"],.penci-login-container .penci-login input[type="submit"],.penci-login-container .penci-login input[type="email"] { width: 100%; padding: 0 15px; border-radius: 0; margin-bottom: 20px; line-height: 40px; } .penci-lgpop-title { text-align: center; line-height: 1.2; text-transform: uppercase; font-size: 24px; margin-bottom: 20px; letter-spacing: 0; font-family: var(--pchead-font); font-weight: var(--pchead-wei); } .pclogin-input-checkbox { margin-bottom: 20px; } #navigation { background: #fff; height: 60px; z-index: 9999; width: 100%; -webkit-backface-visibility: hidden; border-bottom: 1px solid #ececec; transition: box-shadow .3s; transition: all .3s; -webkit-transition: box-shadow .3s; -webkit-transition: all .3s; -moz-transition: box-shadow .3s; -moz-transition: all .3s; } #navigation.header-layout-bottom { box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; border-top: 1px solid #ececec; } #navigation .container { position: relative; display: table; text-align: center; } #navigation .menu { float: left; } #navigation ul.menu > li,#navigation .menu > ul > li { display: inline-block; position: relative; float: left; margin-right: 30px; } #navigation .menu > li:last-child,#navigation .menu > ul > li:last-child { margin-right: 0; } #navigation .sub-menu li a,#navigation .menu > li > a { font-family: var(--pchead-font); font-size: 12px; color: #313131; text-transform: uppercase; display: inline-block; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; position: relative; font-weight: var(--pchead-wei); text-decoration: none; } #navigation .menu > li > a { line-height: 58px; } #navigation .sub-menu li > a > i,#navigation .menu > li > a > i { font-size: 13px; margin-right: 5px; } #navigation ul.menu > li > a:before,#navigation .menu > ul > li > a:before { content: ""; position: absolute; bottom: 18px; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; left: 50%; height: 2px; width: 0; background: var(--pcaccent-cl); } #navigation ul.menu > li > a:hover:before,#navigation .menu > ul > li > a:hover:before,#navigation ul.menu > li:hover > a:before,#navigation .menu > ul > li:hover > a:before { left: 0; width: 100%; } #navigation .menu > li > a:hover,#navigation .menu > li:hover > a,#navigation .menu > li.current-menu-item > a,#navigation .menu > li.current_page_item > a,#navigation .menu > li.current-menu-ancestor > a,#navigation .menu > li.current-menu-item > a { color: var(--pcaccent-cl); } #navigation ul.menu > li > a > img,#navigation .menu > ul > li > a > img { vertical-align: middle; } #navigation .button-menu-mobile { display: none; float: left; line-height: 60px; text-align: center; color: #313131; font-size: 21px; cursor: pointer; transition: color .3s; -webkit-transition: color .3s; -moz-transition: color .3s; } #navigation .button-menu-mobile:hover { } #logo a { display: inline-block; vertical-align: top; } .penci-mobile-hlogo { display: none; float: left; margin-left: 10px; } .penci-mobile-hlogo a { display: inline-block; } .penci-mobile-hlogo img { max-height: 60px; padding: 8px 0; width: auto; } @media only screen and (max-width: 960px) { .penci-hlogo-center .penci-mobile-hlogo,.penci-hlogo-center #navigation.header-6 #logo { float:none; margin: 0; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 10; } .penci-mobile-hlogo { display: inline-block; } } #navigation.header-11 > .container,#navigation.header-10 > .container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #navigation.header-11 .penci-menu-wrap,#navigation.header-10 .penci-menu-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 3 0; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; float: left; text-align: center; -webkit-justify-content: space-between; justify-content: space-between; } #navigation.header-11 .penci-menu-wrap #logo,#navigation.header-10 .penci-menu-wrap #logo { width: 24%; display: flex; justify-content: center; align-items: center; position: relative; } #navigation.header-11 .penci-menu-wrap .menu,#navigation.header-10 .penci-menu-wrap .menu { padding: 0; margin: 0; display: flex; align-items: center; flex-wrap: wrap; } #navigation.header-11,#navigation.header-10 { height: 82px; } #navigation.header-11 .menu > li > a,#navigation.header-11 ul.menu > li > a,#navigation.header-10 .menu > li > a,#navigation.header-10 ul.menu > li > a { line-height: 80px; } #navigation.header-10 #logo img,#navigation.header-11 #logo img { padding: 12px 0; max-height: 80px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; width: auto; } #navigation.header-11 .penci-header-extra,#navigation.header-10 .penci-header-extra { margin-left: 15px; } #navigation.header-11 .pcheader-icon > a,#navigation.header-11 .show-search a.close-search,#navigation.header-11 .penci-menuhbg-toggle,#navigation.header-10 .pcheader-icon > a,#navigation.header-10 .show-search a.close-search,#navigation.header-10 .penci-menuhbg-toggle { height: 80px; line-height: 80px; } @media only screen and (min-width: 961px) { .header-search-style-default #navigation.header-10 .show-search form.pc-searchform input.search-input { height:80px; padding: 26px 35px 26px 0; } .header-search-style-default #navigation.header-10 .show-search,.header-search-style-default #navigation.header-11 .show-search { height: 80px; } } #navigation .sub-menu,.navigation .sub-menu,#navigation .penci-dropdown-menu,.navigation .penci-dropdown-menu { pointer-events: none; } #navigation li:hover > .sub-menu,.navigation li:hover > .sub-menu,#navigation li:hover > .penci-dropdown-menu,.navigation li:hover > .penci-dropdown-menu { pointer-events: auto; } #navigation .menu .sub-menu { visibility: hidden; opacity: 0; position: absolute; left: 0; z-index: 9999; box-shadow: 0px 3px 3px rgba(190,190,190,.6); -webkit-box-shadow: 0px 3px 3px rgba(190,190,190,.6); -moz-box-shadow: 0px 3px 3px rgba(190,190,190,.6); border-top: 1px solid #ececec; margin-top: 0; background: #fff; } #navigation ul.menu ul.sub-menu li > a { margin: 0 20px; padding: 12px 0; font-size: 12px; min-width: 200px; line-height: 1.4; -moz-transition: color .3s,background-color .3s; -webkit-transition: color .3s,background-color .3s; transition: color .3s,background-color .3s; border-bottom: 1px solid #e0e0e0; text-align: left; border-left: none !important; position: relative; overflow: hidden; vertical-align: top; } #navigation ul.menu ul.sub-menu li,#navigation ul.menu ul.sub-menu ul li { padding-right: 0; margin-right: 0; float: none; position: relative; width: 100%; } #navigation .menu ul.sub-menu > li:last-child > a { border-bottom: none; } #navigation .menu .sub-menu ul { left: 100%; top: 0; } body .penci-dropdown-menu,body .navigation .menu .sub-menu,body #navigation .menu .sub-menu { transition: transform .27s ease-in-out,opacity .27s ease-in-out,visibility .27s ease-in-out; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } body.pcmn-drdw-style-slide_down .penci-dropdown-menu,body.pcmn-drdw-style-slide_down .navigation .menu .sub-menu,body.pcmn-drdw-style-slide_down #navigation .menu .sub-menu { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); } body.pcmn-drdw-style-slide_down .navigation ul.menu li:hover > .penci-dropdown-menu,body.pcmn-drdw-style-slide_down .navigation .menu ul li:hover > .penci-dropdown-menu,body.pcmn-drdw-style-slide_down #navigation ul.menu li:hover > .penci-dropdown-menu,body.pcmn-drdw-style-slide_down #navigation .menu ul li:hover > .penci-dropdown-menu,body.pcmn-drdw-style-slide_down .navigation ul.menu li:hover > ul,body.pcmn-drdw-style-slide_down .navigation .menu ul li:hover > ul,body.pcmn-drdw-style-slide_down #navigation ul.menu li:hover > ul,body.pcmn-drdw-style-slide_down #navigation .menu ul li:hover > ul { visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } #navigation .menu li.penci-mega-menu { position: static !important; } li.penci-mega-menu > ul.sub-menu { display: none; } #sidebar-nav li.penci-mega-menu .penci-content-megamenu,.penci-menu-hbg li.penci-mega-menu .penci-content-megamenu { display: none !important; } #navigation .menu li.penci-mega-menu > ul.sub-menu { width: 100%; padding: 0 !important; clear: both; display: block; } #navigation .penci-megamenu { width: 100%; display: table; } #navigation .penci-megamenu .penci-mega-child-categories { width: 230px; display: table-cell; vertical-align: top; background: #fff; padding: 20px 0; position: relative; } #navigation .penci-megamenu .penci-mega-child-categories:after { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background-color: #ececec; } #navigation .penci-megamenu .penci-mega-child-categories a { min-width: 0; display: block; font-size: 12px; text-align: right; line-height: 1.4em; margin: 0; padding: 12px 20px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; position: relative; } #navigation .penci-megamenu .penci-mega-child-categories a.cat-active { border-top-color: #ececec; border-bottom-color: #ececec; background: #fff; color: var(--pcaccent-cl); z-index: 10; position: relative; } #navigation .penci-megamenu .penci-mega-child-categories a.cat-active:before { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: #fff; z-index: 1; transition: none; -webkit-transition: none; -moz-transition: none; } #navigation .penci-megamenu .penci-content-megamenu { display: table-cell; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts { padding: 20px 10px 0 10px; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-row { width: 100%; display: none; vertical-align: top; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post { width: 20%; padding: 0 10px; float: left; margin-bottom: 15px; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post { width: 25%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(5n+1),#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(4n+1) { clear: both; } .penci-megamenu .penci-image-holder:before { padding-top: 66.6667%; } #navigation .penci-megamenu .penci-mega-thumbnail { display: block; margin: 0 0 17px 0; position: relative; } #navigation .penci-megamenu .penci-mega-thumbnail a { width: 100%; } #navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name { font-size: 10px; background: var(--pcaccent-cl); text-transform: uppercase; position: absolute; display: inline-block; padding: 0 6px; color: #fff; top: 0; left: 0; z-index: 3; height: 18px; font-weight: normal; line-height: 18px; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post a { margin: 0; padding: 0; min-width: 0; border-bottom: none; position: relative; text-align: center; line-height: 1.4; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post a:hover,#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post a:hover { color: var(--pcaccent-cl); } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail a { transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail a:hover { opacity: .8; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail .mega-cat-name a { font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; color: inherit !important; opacity: 1; padding: 0; margin: 0; text-transform: none; letter-spacing: 0; } #navigation .penci-megamenu .penci-mega-thumbnail img { width: 100%; height: auto; } #navigation .penci-megamenu .post-mega-title { text-align: center; margin: 0; } #navigation .penci-megamenu .post-mega-title a { text-align: center; } #navigation .penci-megamenu .penci-mega-date { line-height: 1; font-size: 12px; color: #999; text-align: center; margin-top: 6px; } #navigation ul.menu > li.menu-item-has-children > a:after,#navigation .menu > ul > li.menu-item-has-children > a:after,#navigation ul.menu > li.penci-mega-menu > a:after,#navigation .menu > ul > li.penci-mega-menu > a:after { font-family: FontAwesome; content: ""; margin-left: 5px; color: inherit; font-size: 13px; font-weight: normal; width: auto; display: inline-block; } .penci-menu-hbg,#sidebar-nav { position: fixed; top: 0; height: 100%; z-index: 99997; width: 270px; overflow-y: auto; padding: 30px 20px 20px; background: #fff; left: 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; transform: translateX(-270px); -webkit-transform: translateX(-270px); -moz-transform: translateX(-270px); } @media only screen and (min-width: 961px) { #sidebar-nav { display:none; } } #sidebar-nav #logo { display: none !important; } #sidebar-nav #logo + ul { border-top: 1px solid #dedede; } #sidebar-nav::-webkit-scrollbar { width: 6px; background: #848484; } #sidebar-nav::-webkit-scrollbar-thumb { background-color: #313131; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } #sidebar-nav::-webkit-scrollbar-corner { background-color: #dedede; } #sidebar-nav-logo { padding: 0 20px 20px; text-align: center; margin: 0 0 15px 0; position: relative; } #sidebar-nav-logo:before { content: ""; width: 60px; height: 1px; background: var(--pcaccent-cl); position: absolute; bottom: 0; left: 50%; margin-left: -30px; } .header-social.sidebar-nav-social { margin: 0 0 43px 0; padding: 0 10px; } .header-social.sidebar-nav-social .inner-header-social:before,.header-social.sidebar-nav-social .inner-header-social:after { content: none; } .header-social.sidebar-nav-social a i { color: #313131; } .header-social.sidebar-nav-social a i:hover { color: var(--pcaccent-cl); } .penci-menu-hbg .header-social.penci-hbg-social-style-4 a i,.penci-menu-hbg .header-social.penci-hbg-social-style-4 a:hover i,.penci-social-colored ul.footer-socials li a i { color: #fff !important; border: none !important; line-height: 36px; } .penci-menu-hbg .header-social.penci-hbg-social-style-4 a:hover i,.penci-social-colored ul.footer-socials li a:hover i { opacity: .85; } .tags-share-box.tags-share-box-s2 .post-share-facebook,.pcsoccl-brandbg .pcsc-brandflag.pcsoci-facebook,.penci-social-colored a i.fa-facebook,.penci-social-colored a i.penciicon-facebook,.penci-social-colored a i.fa-facebook-f { background: #0d47a1 !important; } .tags-share-box.tags-share-box-s2 .post-share-twitter,.pcsoccl-brandbg .pcsc-brandflag.pcsoci-twitter,.penci-social-colored a i.penciicon-twitter,.penci-social-colored a i.fa-twitter { background: #40c4ff !important; } .pcsoccl-brandbg .pcsc-brandflag.pcsoci-instagram,.penci-social-colored a i.penciicon-instagram,.penci-social-colored a i.fa-instagram { background: #4d7a9e !important; background: radial-gradient(circle farthest-corner at 35% 90%,#ffa100,transparent 50%),radial-gradient(circle farthest-corner at 0 140%,#efa11c,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#8f44c7,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d43178,transparent),linear-gradient(#6559ca,#bc318f 30%,#e33f5f 50%,#f77638 70%,#fec66d 100%) !important; } .tags-share-box.tags-share-box-s2 .post-share-pinterest,.pcsoccl-brandbg .pcsc-brandflag.pcsoci-pinterest,.penci-social-colored a i.penciicon-pinterest,.penci-social-colored a i.fa-pinterest { background: #bd081c !important; } .pcsoccl-brandbg .pcsc-brandflag.pcsoci-youtube,.penci-social-colored a i.fa-youtube-play,.penci-social-colored a i.penciicon-youtube,.penci-social-colored a i.fa-youtube { background: #f00 !important; } .tags-share-box.tags-share-box-s2 .post-share-email,.penci-social-email .penci-social-content,.penci-social-colored a i.fa-envelope-o,.penci-social-colored a i.penciicon-email,.penci-social-colored a i.fa-envelope { background: #0084ff !important; } .penci-menu-hbg .menu,#sidebar-nav .menu { margin: 0; list-style: none; } .penci-menu-hbg .menu li,#sidebar-nav .menu li { display: block; border-bottom: 1px solid #dedede; padding: 0; margin-bottom: 0; } .penci-menu-hbg .menu > li:last-child,.penci-menu-hbg .menu ul > li:last-child,#sidebar-nav .menu > li:last-child,#sidebar-nav .menu ul > li:last-child { border-bottom: none; } .penci-menu-hbg .menu li a,#sidebar-nav .menu li a { font-size: 13px; font-weight: normal; font-weight: var(--pchead-wei); letter-spacing: 0; text-transform: uppercase; color: #313131; margin: 0; position: relative; padding: 13px 0 13px 0; display: block; line-height: 1.3em; font-family: var(--pchead-font); } .penci-menu-hbg .menu li.menu-item-has-children a,#sidebar-nav .menu li.menu-item-has-children a { padding-right: 17px; } .penci-menu-hbg .menu li a:hover,#sidebar-nav .menu li a:hover { color: var(--pcaccent-cl); } .penci-menu-hbg .menu li a > i,#sidebar-nav .menu li a > i { display: inline-block; margin-right: 5px; } .penci-menu-hbg ul.sub-menu,#sidebar-nav ul.sub-menu { border-top: 1px solid #dedede; display: none; padding: 10px 0 10px 12px; } .penci-menu-hbg ul.sub-menu ul.sub-menu,#sidebar-nav ul.sub-menu ul.sub-menu { border: none; padding: 5px 0 5px 12px; } .penci-menu-hbg ul.sub-menu ul.sub-menu,#sidebar-nav ul.sub-menu ul.sub-menu { padding-right: 0; } .penci-menu-hbg ul.sub-menu li,#sidebar-nav ul.sub-menu li { overflow: hidden; border: none; } .penci-menu-hbg ul.sub-menu li a,#sidebar-nav ul.sub-menu li a { margin: 0 0 0 0; padding: 10px 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; } .penci-menu-hbg-overlay,#close-sidebar-nav { position: fixed; visibility: hidden; opacity: 0; text-decoration: none; top: 0; left: 0; font-size: 1.4em; color: #313131; padding: 10px; height: 100%; background: rgba(0,0,0,.8); right: 0; z-index: 99996; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } #close-sidebar-nav i { display: none; width: 24px; height: 24px; background-color: #fff; line-height: 24px; text-align: center; border-radius: 12px; font-size: 14px; } .pcheader-icon { float: right; width: 20px; text-align: center; } .pcheader-icon > a { height: 58px; font-size: 14px; line-height: 58px; color: #313131; cursor: pointer; background: none; display: block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .show-search { position: absolute; left: 0; width: 100%; top: 0; height: 58px; background: #fff; text-align: left; z-index: 200; display: none; } .show-search form.pc-searchform input.search-input { padding: 15px 35px 15px 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; border: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 3; color: #313131; height: 58px; line-height: 28px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: none; font-weight: normal; letter-spacing: 0; font-size: 13px; } .show-search form.pc-searchform i { display: none; } .show-search a.close-search { position: absolute; width: 20px; height: 60px; display: inline-block; right: 0; top: 0; z-index: 5; text-align: center; line-height: 60px; font-size: 16px; cursor: pointer; color: #313131; } .show-search a.close-search i { font-size: 70%; } form.pc-searchform .searchsubmit { display: none; } .main-nav-social a i,.pcheader-icon a i,.button-menu-mobile i { line-height: inherit; vertical-align: top; } #header { margin-bottom: var(--pchd-mg); position: relative; } .page-template-page-fullwidth #header,.elementor-template-full-width #header,.page-template-page-fullwidth .penci-page-header-wrap,.elementor-template-full-width .penci-page-header-wrap,.single.elementor-template-full-width .post { margin-bottom: 0; } .page-template-page-fullwidth .clear-footer,.elementor-template-full-width .clear-footer { height: 0; margin-bottom: 0; } #logo { text-align: center; } .header-social { display: block; text-align: center; margin: 20px 0 0; } .header-social .inner-header-social { display: inline-block; vertical-align: top; position: relative; } .header-social a { float: left; display: inline-block; vertical-align: top; margin-right: 13px; } .header-social a:last-child { margin-right: 0; } .header-social a i { font-size: 14px; color: #313131; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; vertical-align: top; } .header-social a:hover i { color: var(--pcaccent-cl); } .penci-enSticky .penci-sticky-ct.elementor-column,.penci-enSticky .penci-sticky-sb.elementor-column { display: block !important; } @-webkit-keyframes pencifade { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes pencifade { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes pencifade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes pencifade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes pencitextslider { 0% { opacity: 0; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes pencitextslider { 0% { opacity: 0; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-o-keyframes pencitextslider { 0% { opacity: 0; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencitextslider { 0% { opacity: 0; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes pencitextslide { 0% { opacity: 0; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes pencitextslide { 0% { opacity: 0; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-o-keyframes pencitextslide { 0% { opacity: 0; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencitextslide { 0% { opacity: 0; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .feat-meta span > time,span.side-item-meta > time,span.date > time { font-size: inherit; color: inherit; text-decoration: inherit; font-weight: inherit; background: none; font-style: inherit; font-family: inherit; } @-webkit-keyframes pencifadeInUpDiv { 0% { opacity: 0; -webkit-transform: translate3d(0,450px,0); transform: translate3d(0,450px,0); } 100% { opacity: .7; -webkit-transform: none; transform: none; } } @keyframes pencifadeInUpDiv { 0% { opacity: 0; -webkit-transform: translate3d(0,450px,0); transform: translate3d(0,450px,0); } 100% { opacity: .7; -webkit-transform: none; transform: none; } } .penci-image-holder { position: relative; width: 100%; background: #f5f5f5; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; overflow: hidden; } .penci-image-holder:before { display: block; content: ""; width: 100%; padding-top: 66.6667%; background: none !important; box-shadow: none !important; } .penci-image-holder:not([style*='background-image']),.penci-lazy[src*="penci-holder"],.penci-lazy[src*="20xmlns='http://www.w3.org/2000/svg'"],.owl-lazy[src*="20xmlns='http://www.w3.org/2000/svg'"],.penci-holder-load:not([style*='background-image']),.penci-lazy:not(.lazyloaded) { background-image: linear-gradient(to left,#f5f5f5 0%,#efefef 15%,#f5f5f5 40%,#f5f5f5 100%); background-repeat: no-repeat !important; background-color: #f5f5f5; background-size: 900px 1700px !important; animation: pencipreload .6s infinite linear forwards; -webkit-animation: pencipreload .6s infinite linear forwards; } .penci-lazy[src*="penci-holder"] { width: 100%; height: auto; } .about-widget img.penci-lazy[src*="penci-holder"] { opacity: 0; } @-webkit-keyframes pencipreload { from { background-position: -800px 0; } to { background-position: 100px 0; } } @keyframes pencipreload { from { background-position: -800px 0; } to { background-position: 100px 0; } } .penci-image-holder.small-fix-size { width: 120px; } @-webkit-keyframes pencifadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-40px,0); transform: translate3d(0,-40px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-40px,0); transform: translate3d(0,-40px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes pencifadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes pencifadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes pencifadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes pencifadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .penci-owl-carousel:not(.owl-loaded) { display: block; } .penci-owl-carousel:not(.owl-loaded) > div,.penci-owl-carousel:not(.owl-loaded) > img,.penci-owl-carousel:not(.owl-loaded) > figure,.penci-owl-carousel:not(.owl-loaded) .penci-featured-content-right { display: none; } .penci-owl-carousel:not(.owl-loaded) > div:first-child,.penci-owl-carousel:not(.owl-loaded) > figure:first-child,.penci-owl-carousel:not(.owl-loaded) > img:first-child { display: block; } .penci-owl-carousel:not(.owl-loaded):before,.penci-owl-carousel:not(.owl-loaded):after { content: ""; clear: both; display: table; } .penci-owl-carousel.penci-headline-posts:not(.owl-loaded):before,.penci-owl-carousel.penci-headline-posts:not(.owl-loaded):after { content: none; clear: none; display: none; } @media only screen and (min-width: 1170px) { .penci-owl-carousel:not(.owl-loaded)[data-item="6"] > div { width:16.666666%; float: left; } .penci-owl-carousel:not(.owl-loaded)[data-item="5"] > div { width: 20%; float: left; } .penci-owl-carousel:not(.owl-loaded)[data-item="4"] > div { width: 25%; float: left; } .penci-owl-carousel:not(.owl-loaded)[data-item="3"] > div { width: 33.3333%; float: left; } .penci-owl-carousel:not(.owl-loaded)[data-item="2"] > div { width: 50%; float: left; } .penci-owl-carousel:not(.owl-loaded)[data-item="6"] > div:nth-child(2),.penci-owl-carousel:not(.owl-loaded)[data-item="6"] > div:nth-child(3),.penci-owl-carousel:not(.owl-loaded)[data-item="6"] > div:nth-child(4),.penci-owl-carousel:not(.owl-loaded)[data-item="6"] > div:nth-child(5),.penci-owl-carousel:not(.owl-loaded)[data-item="6"] > div:nth-child(6),.penci-owl-carousel:not(.owl-loaded)[data-item="5"] > div:nth-child(2),.penci-owl-carousel:not(.owl-loaded)[data-item="5"] > div:nth-child(3),.penci-owl-carousel:not(.owl-loaded)[data-item="5"] > div:nth-child(4),.penci-owl-carousel:not(.owl-loaded)[data-item="5"] > div:nth-child(5),.penci-owl-carousel:not(.owl-loaded)[data-item="4"] > div:nth-child(2),.penci-owl-carousel:not(.owl-loaded)[data-item="4"] > div:nth-child(3),.penci-owl-carousel:not(.owl-loaded)[data-item="4"] > div:nth-child(4),.penci-owl-carousel:not(.owl-loaded)[data-item="3"] > div:nth-child(2),.penci-owl-carousel:not(.owl-loaded)[data-item="3"] > div:nth-child(3),.penci-owl-carousel:not(.owl-loaded)[data-item="2"] > div:nth-child(2) { display: block; } } @media only screen and (max-width: 1169px) and (min-width: 768px) { .penci-owl-carousel:not(.owl-loaded)[data-tablet="4"] > div { width:25%; float: left; } .penci-owl-carousel:not(.owl-loaded)[data-tablet="4"] > div:nth-child(2),.penci-owl-carousel:not(.owl-loaded)[data-tablet="4"] > div:nth-child(3),.penci-owl-carousel:not(.owl-loaded)[data-tablet="4"] > div:nth-child(4) { display: block; } .penci-owl-carousel:not(.owl-loaded)[data-tablet="3"] > div { width: 33.3333%; float: left; } .penci-owl-carousel:not(.owl-loaded)[data-tablet="3"] > div:nth-child(2),.penci-owl-carousel:not(.owl-loaded)[data-tablet="3"] > div:nth-child(3) { display: block; } .penci-owl-carousel:not(.owl-loaded)[data-tablet="2"] > div { width: 50%; float: left; } .penci-owl-carousel:not(.owl-loaded)[data-tablet="2"] > div:nth-child(2) { display: block; } } @media only screen and (max-width: 767px) and (min-width: 481px) { .penci-owl-carousel:not(.owl-loaded)[data-tabsmall="4"] > div { width:25%; float: left; } .penci-owl-carousel:not(.owl-loaded)[data-tabsmall="4"] > div:nth-child(2),.penci-owl-carousel:not(.owl-loaded)[data-tabsmall="4"] > div:nth-child(3),.penci-owl-carousel:not(.owl-loaded)[data-tabsmall="4"] > div:nth-child(4) { display: block; } .penci-owl-carousel:not(.owl-loaded)[data-tabsmall="3"] > div { width: 33.3333%; float: left; } .penci-owl-carousel:not(.owl-loaded)[data-tabsmall="3"] > div:nth-child(2),.penci-owl-carousel:not(.owl-loaded)[data-tabsmall="3"] > div:nth-child(3) { display: block; } .penci-owl-carousel:not(.owl-loaded)[data-tabsmall="2"] > div { width: 50%; float: left; } .penci-owl-carousel:not(.owl-loaded)[data-tabsmall="2"] > div:nth-child(2) { display: block; } } @media only screen and (max-width: 960px) { .penci-hlogo-center .penci-mobile-hlogo { float:none; margin: 0; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 10; } .penci-mobile-hlogo { display: inline-block; } } li.penci-mega-menu > ul.sub-menu { display: none; } #sidebar-nav li.penci-mega-menu .penci-content-megamenu,.penci-menu-hbg li.penci-mega-menu .penci-content-megamenu { display: none !important; } .penci-megamenu .penci-image-holder:before { padding-top: 66.6667%; } @keyframes Penci-FadeDown { from { transform: translate3d(0,-100%,0); } to { transform: none; } } @keyframes Penci-FadeUp { from { transform: none; } to { transform: translate3d(0,-100%,0); } } [class^="pc-button-define-style-"],.penci-builder.penci-builder-button { display: inline-block; transition: .3s all ease-in-out; border-style: solid; border-width: 0; } .penci-biggrid { --pcgap: 4px; } .penci-biggrid-wrapper { margin-bottom: 20px; } .penci-biggrid-inner { overflow: hidden; display: block; } .penci-biggrid-wrapper .pcbg-content-inner { z-index: 5; } .penci-dflex { display: flex; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; align-items: flex-start; } .penci-bgstyle-1 .penci-dflex { margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); } .penci-bgstyle-1 .penci-dflex .penci-bgitem { padding: 0 10px; margin-bottom: 20px; } .pcsl-col-2 .pcsl-item,.penci-grid-col-2 .penci-dflex .penci-bgitem { flex: 0 0 50%; } .pcsl-col-6 .pcsl-item,.penci-grid-col-6 .penci-dflex .penci-bgitem { flex: 0 0 16.66667%; } .penci-dflex .penci-bgitem .penci-bgitem { } .penci-bgitin,.pcbg-thumb { position: relative; overflow: hidden; } .pcbg-thumb .pcbg-bgoverlay.active-overlay { z-index: 2; } .pcbg-bgoverlay.active-overlay { background: -webkit-linear-gradient(to bottom,rgba(255,255,255,0) 60%,#000 100%); background: -o-linear-gradient(to bottom,rgba(255,255,255,0) 60%,#000 100%); background: -ms-linear-gradient(to bottom,rgba(255,255,255,0) 60%,#000 100%); background: linear-gradient(to bottom,rgba(255,255,255,0) 60%,#000 100%); opacity: .7; } .penci-bgitem:hover .pcbg-bgoverlay.active-overlay { opacity: .9; } .penci-bgmain { display: flex; flex-direction: column; position: relative; } .pcbg-cbgoverlap,.pcbg-bgoverlay,.pcbg-content,.pcbg-bgoverlaytext { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: block; } .pcbg-cbgoverlap { z-index: 100; } .penci-bgrid-content-below .pcbg-content,.penci-bgrid-content-above .pcbg-content { position: static; } .pcbg-bgoverlay,.pcbg-bgoverlaytext { transition: opacity .3s; } .pcbg-bgoverlaytext { z-index: -1; } .pcbg-mask-title .pcbg-content-inner .pcbg-above { margin-bottom: 5px; } .penci-bgrid-based-custom.pcbg-mask-title .pcbg-content-inner .pcbg-above { margin-bottom: 9px; } .pcbg-mask-title .pcbg-content-inner .pcbg-meta,.post-entry .pcbg-mask-title .pcbg-content-inner .pcbg-meta { margin-top: 13px; } .pcbg-mask-subtitle .cat > a.penci-cat-name:after { content: none; display: none; } .penci-bgrid-based-post.pcbg-mask-subtitle .cat > a.penci-cat-name { display: inline-block; padding: 1px 5px; background: #a2d4af; box-decoration-break: clone; -webkit-box-decoration-break: clone; margin-right: 5px; } .penci-bgrid-based-post.pcbg-mask-subtitle .cat > a.penci-cat-name:last-child { margin-right: 0; } .pcbg-mask-title .pcbg-title,.pcbg-mask-meta .pcbg-meta-desc,.penci-bgrid-based-custom.pcbg-mask-subtitle .pcbg-sub-title { display: inline; background: #a2d4af; border: none; padding: 0 4px; box-decoration-break: clone; -webkit-box-decoration-break: clone; max-width: 99%; transition: background-color .3s,border-color .3s; } .pcbg-mask-title .pcbg-title { border-width: 3px 10px; } .pcbg-mask-meta .pcbg-meta-desc { border-width: 2px 8px; } .pcbg-content-flex { display: flex; height: 100%; width: 100%; z-index: 1; align-items: flex-end; } .pcbg-content-inner { padding: 20px; position: relative; z-index: 1; display: block; width: 100%; } .pcbg-content-inner .pcbg-above { line-height: 1; margin-bottom: 2px; } .pcbg-content-inner .cat > a.penci-cat-name,.pcbg-content-inner .cat > a.penci-cat-name:hover { color: inherit; } .penci-bgrid-content-on .pcbg-content-inner .pcbg-sub-title { color: #fff; } .penci-biggrid-data .pcbg-content-inner .pcbg-title { font-size: 18px; } .penci-biggrid-data .pcbg-content-inner .pcbg-title a { font-size: inherit; } .penci-biggrid-data.penci-fixh .pcbg-content-inner .pcbg-title { font-size: 16px; } .penci-biggrid-data.penci-fixh .pcbg-big-item .pcbg-content-inner .pcbg-title { font-size: 24px; } .penci-biggrid-data .pcbg-content-inner .pcbg-title,.penci-biggrid-data .pcbg-content-inner .pcbg-title a,.penci-biggrid-data .pcbg-content-inner .pcbg-title a:hover { letter-spacing: 0; text-decoration: none; margin: 0; } .penci-bgrid-content-on .pcbg-content-inner .pcbg-title,.penci-bgrid-content-on .pcbg-content-inner .pcbg-title a,.penci-bgrid-content-on .pcbg-content-inner .pcbg-title a:hover { color: #fff; } .pcbg-content-inner .pcbg-meta,.post-entry .pcbg-content-inner .pcbg-meta { margin-top: 6px; line-height: 1.3; font-size: 14px; } .penci-bgrid-content-on .pcbg-meta,.penci-bgrid-content-on .pcbg-meta span,.penci-bgrid-content-on .pcbg-meta span a { color: #fff; } .pcbg-above,.penci-bgrid-based-custom .pcbg-meta { font-size: 14px; } .pcbg-content-inner .pcbg-meta > div,.post-entry .pcbg-content-inner .pcbg-meta > div { margin-top: 10px; } .pcbg-content-inner .pcbg-meta > div:first-child,.post-entry .pcbg-content-inner .pcbg-meta > div:first-child { margin-top: 0; } .penci-bgrid-based-custom .pcbg-sub-title { line-height: 1.2; margin-bottom: 7px; } .penci-bgrid-based-custom .pcbg-sub-title a { color: inherit; } .penci-biggrid-data .pcbg-readmore-sec { margin-top: 15px; } .pcbg-readmore-sec .pcbg-readmorebtn,.pcsl-readmore .pcsl-readmorebtn { padding: 10px 15px; font-size: 13px; line-height: 1; background-color: #efefef; color: #111; position: relative; display: inline-flex; align-items: center; justify-content: center; outline: 0; border-width: 0; border-style: solid; border-color: transparent; border-radius: 0; box-shadow: none; vertical-align: middle; text-align: center; text-decoration: none; text-decoration: none !important; text-transform: uppercase; text-shadow: none; letter-spacing: .3px; cursor: pointer; transition: color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .3s ease; } .pcbg-readmore-sec .pcbg-readmorebtn.pcreadmore-icon-right { flex-direction: row; } .penci-biggrid-data .pcbg-readmore-sec span { color: inherit; font: inherit; } .penci-biggrid-data .pcbg-readmore-sec i { font-size: inherit; color: inherit; } .pcbg-readmore-sec .pcrm-text { line-height: 1; } .pcbg-readmore-sec .pcreadmore-icon-right i,.pcbg-readmore-sec .pcreadmore-icon-right svg { margin-left: 5px; } .pcbg-thumb .icon-post-format { position: absolute; z-index: 2; text-align: center; display: inline-block; width: 36px; height: 36px; line-height: 32px; margin: 0; font-size: 15px; opacity: 1; color: rgba(255,255,255,.9); background: #fff; background: rgba(0,0,0,.4); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; border: 2px solid rgba(255,255,255,.9); } .pcbg-thumb .icon-post-format .fa-play { margin-left: 2px; } .pcbg-reiconpo-top-right .pcbg-thumb .penci-piechart,.pcbg-ficonpo-top-right .pcbg-thumb .icon-post-format { top: 20px; right: 20px; } .pcbg-reiconpo-top-left .pcbg-thumb .penci-piechart,.pcbg-ficonpo-top-left .pcbg-thumb .icon-post-format { top: 20px; left: 20px; } .penci-bgitem:hover .icon-post-format { opacity: 0; transform: scale(.5); -webkit-transform: scale(.5); -moz-transform: scale(.5); } @media only screen and (max-width: 767px) { .penci-biggrid-wrapper.hide-msubtitle .pcbg-content-inner .pcbg-above,.penci-biggrid-wrapper.hide-msubtitle .pcbg-content-inner .pcbg-below,.penci-biggrid-wrapper.hide-mdesc .pcbg-content-inner .pcbg-meta,.penci-biggrid-wrapper.hide-mexcerpt .pcbg-content-inner .pcbg-pexcerpt,.penci-biggrid-wrapper.hide-mreadmorebt .pcbg-content-inner .pcbg-readmore-sec { display:none; } .pcbg-reiconpo-top-right .pcbg-thumb .penci-piechart,.pcbg-ficonpo-top-right .pcbg-thumb .icon-post-format { top: 15px; right: 15px; } .pcbg-reiconpo-top-left .pcbg-thumb .penci-piechart,.pcbg-ficonpo-top-left .pcbg-thumb .icon-post-format { top: 15px; left: 15px; } } .penci-biggrid .penci-pagination { margin-bottom: 0; margin-top: 20px; } .penci-bgstyle-1 .penci-pagination,.penci-bgstyle-2 .penci-pagination { margin-top: 0; } .penci-biggrid .penci-pagination a i { font-size: inherit; } .pcbg-thumbin { display: block; margin: -1px; transition: -webkit-transform .5s cubic-bezier(0,0,.42,1.21); transition: transform .5s cubic-bezier(0,0,.42,1.21); } .pencibg-imageh-zoom-in .penci-bgitem:hover .pcbg-thumbin,.pencibg-imageh-zoom-out .penci-bgitem .pcbg-thumbin,.pencibg-imageh-move-left .penci-bgitem .pcbg-thumbin,.pencibg-imageh-move-right .penci-bgitem .pcbg-thumbin,.pencibg-imageh-move-bottom .penci-bgitem .pcbg-thumbin,.pencibg-imageh-move-top .penci-bgitem .pcbg-thumbin { -webkit-transform: scale(1.09); transform: scale(1.09); } .pencibg-imageh-zoom-out .penci-bgitem:hover .pcbg-thumbin { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } .textop .pcbg-content-inner > div:nth-of-type(1) { transition-delay: .05s; } .textop .pcbg-content-inner > div:nth-of-type(2) { transition-delay: .1s; } .textop .pcbg-content-inner > div:nth-of-type(3) { transition-delay: .15s; } .textop .pcbg-content-inner > div:nth-of-type(4) { transition-delay: .2s; } .penci-fixh { display: block; } .penci-fixh .penci-bgitin,.penci-fixh .penci-bgmain,.penci-fixh .pcbg-thumb,.penci-fixh .pcbg-thumbin,.penci-fixh .penci-image-holder { height: 100%; } .penci-fixh .penci-image-holder:before { content: none; padding-top: 0; } .penci-fixh .penci-bgitem { margin-right: var(--pcgap); margin-bottom: var(--pcgap); float: left; } .penci-pagination.pcbg-paging-align-center.penci-ajax-more a.penci-ajax-more-button { margin-right: auto; margin-left: auto; } .penci-bgstyle-4 .penci-fixh { --bgh: 460px; } .penci-bgstyle-4 .penci-fixh .penci-bgitem { width: calc(25% - var(--pcgap) / 2); height: calc(var(--bgh) / 2 - var(--pcgap) / 2); } .penci-bgstyle-4 .penci-fixh .bgitem-1 { width: calc(50% - var(--pcgap)); height: var(--bgh); } .penci-bgstyle-4 .penci-fixh .bgitem-3,.penci-bgstyle-4 .penci-fixh .bgitem-0 { margin-right: 0; } .penci-bgstyle-14 .penci-fixh { --bgh: 660px; } .penci-bgstyle-14 .penci-fixh .penci-bgitem { width: calc(( 100% - 2 * var(--pcgap) ) / 3); height: calc(var(--bgh) / 3); } .penci-bgstyle-14 .penci-fixh .bgitem-1 { width: 100%; height: var(--bgh); } .penci-bgstyle-14 .penci-fixh .bgitem-1,.penci-bgstyle-14 .penci-fixh .bgitem-0 { margin-right: 0; } .penci-bgstyle-19 .penci-fixh,.penci-bgstyle-20 .penci-fixh,.penci-bgstyle-21 .penci-fixh,.penci-bgstyle-22 .penci-fixh { --bgh: 250px; margin-left: calc(var(--pcgap) * -1 / 2); margin-right: calc(var(--pcgap) * -1 / 2); } .penci-bgstyle-19 .penci-fixh .penci-bgitem,.penci-bgstyle-20 .penci-fixh .penci-bgitem { width: calc(33.3333% - var(--pcgap)); height: var(--bgh); margin-left: calc(var(--pcgap) / 2); margin-right: calc(var(--pcgap) / 2); } .penci-bgstyle-19 .penci-fixh .bgitem-3,.penci-bgstyle-20 .penci-fixh .bgitem-1 { height: calc(2 * var(--bgh) + var(--pcgap)); float: right; } .penci-bgstyle-20 .penci-fixh .bgitem-1 { float: left; } @media screen and (max-width: 960px) { .penci-bgstyle-4 .penci-fixh .penci-bgitem { width:calc(50% - var(--pcgap) / 2); } .penci-bgstyle-4 .penci-fixh .bgitem-1 { width: 100%; } .penci-bgstyle-11 .penci-fixh,.penci-bgstyle-14 .penci-fixh,.penci-bgstyle-15 .penci-fixh { --bgh: 250px; } .penci-bgstyle-11 .penci-fixh .penci-bgitem,.penci-bgstyle-14 .penci-fixh .penci-bgitem,.penci-bgstyle-15 .penci-fixh .penci-bgitem { width: calc(50% - var(--pcgap) / 2); height: var(--bgh); margin-right: var(--pcgap); } .penci-bgstyle-11 .penci-fixh .bgitem-2,.penci-bgstyle-11 .penci-fixh .bgitem-0,.penci-bgstyle-14 .penci-fixh .bgitem-2,.penci-bgstyle-14 .penci-fixh .bgitem-0,.penci-bgstyle-15 .penci-fixh .bgitem-2,.penci-bgstyle-15 .penci-fixh .bgitem-4,.penci-bgstyle-15 .penci-fixh .bgitem-0 { margin-right: 0; } .penci-bgstyle-19 .penci-fixh .penci-bgitem,.penci-bgstyle-20 .penci-fixh .penci-bgitem,.penci-bgstyle-19 .penci-fixh .bgitem-0,.penci-bgstyle-20 .penci-fixh .bgitem-6 { width: calc(50% - var(--pcgap)); } .penci-bgstyle-19 .penci-fixh .bgitem-3,.penci-bgstyle-20 .penci-fixh .bgitem-1 { width: calc(100% + var(--pcgap)); } } @media screen and (max-width: 767px) { .penci-bgstyle-4 .penci-fixh,.penci-bgstyle-6 .penci-fixh { --bgh:380px; } .penci-bgstyle-11 .penci-fixh,.penci-bgstyle-14 .penci-fixh,.penci-bgstyle-15 .penci-fixh,.penci-bgstyle-16 .penci-fixh,.penci-bgstyle-19 .penci-fixh,.penci-bgstyle-20 .penci-fixh,.penci-bgstyle-21 .penci-fixh,.penci-bgstyle-22 .penci-fixh { --bgh: 190px; } .penci-bgrid-monecol .penci-fixh .penci-bgitem { margin-right: 0 !important; margin-left: 0 !important; width: 100% !important; } .penci-bgrid-monecol .penci-fixh { margin-left: 0 !important; margin-right: 0 !important; } .penci-bgrid-monecol .penci-bgstyle-3 .penci-fixh .penci-bgitem,.penci-bgrid-monecol .penci-bgstyle-6 .penci-fixh .penci-bgitem,.penci-bgrid-monecol .penci-bgstyle-11 .penci-fixh .penci-bgitem,.penci-bgrid-monecol .penci-bgstyle-13 .penci-fixh .penci-bgitem,.penci-bgrid-monecol .penci-bgstyle-14 .penci-fixh .penci-bgitem,.penci-bgrid-monecol .penci-bgstyle-15 .penci-fixh .penci-bgitem,.penci-bgrid-monecol .penci-bgstyle-4 .penci-fixh .penci-bgitem { height: var(--bgh); } .penci-bgrid-msameh .penci-fixh .penci-bgitem { height: var(--bgh) !important; } .pcbg-content-inner { padding: 15px; } } @media screen and (max-width: 1169px) { .pcsl-col-5 .pcsl-item,.pcsl-col-6 .pcsl-item,.penci-grid-col-5 .penci-dflex .penci-bgitem,.penci-grid-col-6 .penci-dflex .penci-bgitem { flex:0 0 33.33333%; } } @media screen and (max-width: 767px) { .pcsl-col-2 .pcsl-item,.pcsl-col-3 .pcsl-item,.pcsl-col-4 .pcsl-item,.pcsl-col-5 .pcsl-item,.pcsl-col-6 .pcsl-item,.penci-dflex .penci-bgitem,.penci-grid-col-2 .penci-dflex .penci-bgitem,.penci-grid-col-3 .penci-dflex .penci-bgitem,.penci-grid-col-4 .penci-dflex .penci-bgitem,.penci-grid-col-5 .penci-dflex .penci-bgitem,.penci-grid-col-6 .penci-dflex .penci-bgitem,.pcsl-mobcol-1 .pcsl-item,.penci-grid-mcol-1 .penci-dflex .penci-bgitem { flex:0 0 100%; } .pcsl-mobcol-2 .pcsl-item,.penci-grid-mcol-2 .penci-dflex .penci-bgitem { flex: 0 0 50%; } } .penci-homepage-title { position: relative; margin-bottom: 30px; text-align: center; clear: both; background: transparent; margin-top: 5px; } .penci-border-arrow { position: relative; line-height: 1.3; margin-left: 5px; margin-right: 5px; margin-top: 5px; } .penci-border-arrow .inner-arrow { border: 1px solid #313131; background: #fff; position: relative; display: block; text-transform: uppercase; padding: 8px 12px 7px; z-index: 3; font-size: 14px; } .penci-border-arrow .inner-arrow a { text-decoration: none !important; font-size: inherit; font-weight: inherit; color: inherit !important; } .penci-border-arrow:before,.penci-border-arrow:after { content: ""; position: absolute; } .penci-border-arrow:before { width: 0; height: 0; border-style: solid; border-color: transparent; bottom: -5px; left: 50%; border-top-color: #313131; border-width: 6px; border-bottom: 0; margin-left: -6px; z-index: 5; } .penci-border-arrow:after { border: 1px solid #313131; left: -5px; right: -5px; bottom: 3px; display: block; z-index: 1; height: 100%; } .penci-homepage-title h3 { font-size: 14px; color: #313131; text-transform: uppercase; position: relative; z-index: 1; } .penci-hide-tagupdated { display: none !important; } .grid-post-box-meta i,.penci-post-box-meta .penci-box-meta i { margin-right: 5px; } ul.penci-grid { display: inline-block; width: 100%; vertical-align: top; padding: 0 !important; margin: 0; } .penci-grid > li { display: inline-block; vertical-align: top; width: 31.62%; margin-bottom: 51px; float: left; margin-right: 2.57%; list-style: none !important; } .penci-grid > li.grid-style { text-align: center; } .penci-grid > li:nth-of-type(3n+3) { margin-right: 0; } .penci-grid > li:nth-of-type(3n+1) { clear: both; } .penci-grid li .item > .thumbnail,.penci-masonry .item-masonry > .thumbnail { display: inline-block; position: relative; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; margin-bottom: 28px; width: 100%; } .pcsl-thumb .icon-post-format,.penci-grid li .item .thumbnail .icon-post-format,.penci-masonry .item-masonry > .thumbnail .icon-post-format,.grid-mixed .thumbnail .icon-post-format { position: absolute; z-index: 2; text-align: center; display: inline-block; width: 42px; height: 42px; line-height: 38px; top: 50%; left: 50%; margin: -21px 0 0 -21px; font-size: 16px; opacity: 1; color: rgba(255,255,255,.9); background: #fff; background: rgba(0,0,0,.4); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; border: 2px solid rgba(255,255,255,.9); } .pcsl-thumb .icon-post-format i.fa-play,.penci-grid li .item .thumbnail .icon-post-format i.fa-play,.penci-masonry .item-masonry > .thumbnail .icon-post-format i.fa-play { margin-left: 3px; } .pcsl-thumb:hover .icon-post-format,.grid-mixed .thumbnail:hover .icon-post-format,.penci-grid li .item > .thumbnail:hover .icon-post-format,.penci-masonry .item-masonry > .thumbnail:hover .icon-post-format { opacity: 0; transform: scale(.5); -webkit-transform: scale(.5); -moz-transform: scale(.5); } .grid-mixed .thumbnail:hover,.penci-grid li .item > .thumbnail:hover,.penci-masonry .item-masonry > .thumbnail:hover { opacity: .85; } .penci-grid li .item img,.penci-masonry .item-masonry a img { width: 100%; height: auto; vertical-align: top; margin: 0; } .penci-grid li .item .cat,.penci-masonry .item-masonry .cat { color: var(--pcaccent-cl); display: block; margin-bottom: 8px; } .penci-grid li .item h2 a,.penci-masonry .item-masonry h2 a { font-size: 18px; color: var(--pcheading-cl); text-transform: uppercase; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .penci-grid li .item h2 a:hover,.penci-masonry .item-masonry h2 a:hover { color: #888; } .penci-grid li .item p,.penci-masonry .item-masonry p { margin-bottom: 0; } .penci-grid li .item .item-content,.penci-masonry .item-masonry .item-content,.penci-grid .mixed-detail .item-content { margin-top: 18px; text-align: left; } .grid-header-box { padding-bottom: 17px; position: relative; } .grid-header-box:after { width: 60px; height: 1px; background: var(--pcaccent-cl); margin-left: -30px; position: absolute; left: 50%; bottom: 0; content: ""; } .cat > a.penci-cat-name { font-size: 13px; color: var(--pcaccent-cl); line-height: 1.2; margin: 0 15px 0 0; padding-right: 10px; display: inline-block; vertical-align: top; background: none; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; font-weight: normal; margin-bottom: 5px; position: relative; text-decoration: none; } .cat > a.penci-cat-name:after { content: ""; display: inline-block; border: 1px solid; font-size: 12px; margin-left: 10px; position: absolute; top: 50%; margin-top: -3px; width: 3px; height: 3px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); box-sizing: unset; -webkit-box-sizing: unset; opacity: .65; } .cat > a.penci-cat-name:hover { } .cat > a.penci-cat-name:first-child { margin-left: 0; } .cat > a.penci-cat-name:last-child { margin-right: 0; padding: 0; } .cat > a.penci-cat-name:last-child:after { content: none; display: none; } .penci-grid li.list-post { width: 100% !important; margin-right: 0 !important; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #dedede; } .penci-grid li.list-post .item { width: 100%; } .penci-grid li.list-post:last-child { margin-bottom: 40px; padding-bottom: 0; border-bottom: none; } .penci-grid li.list-post .item > .thumbnail { margin: 0; width: 46.25%; float: left; max-width: 100%; } .penci-latest-posts-sc .penci-grid li.list-post .item > .thumbnail { max-width: 100%; } .penci-grid li.list-post .item .content-list-right { margin: 0; padding-left: 30px; width: 53.75%; float: left; } .list-post .header-list-style { position: relative; padding-bottom: 17px; } .list-post .header-list-style:after { content: ""; width: 60px; height: 1px; background: var(--pcaccent-cl); display: block; bottom: 0; left: 0; position: absolute; } .grid-post-box-meta { margin: 12px 0 0; font-size: 14px; } .grid-post-box-meta span { color: #888; } .grid-post-box-meta span,.grid-post-box-meta a { font-size: inherit; } .grid-post-box-meta span.author-italic { } .grid-post-box-meta span:after { content: ""; width: 1px; height: 10px; background: #dedede; background: none !important; margin: 0 8px 0 10px; border-right: 1px solid; opacity: .6; display: inline-block; } .grid-post-box-meta span:last-child:after { content: none; display: none; } .grid-post-box-meta span a { color: #313131; } .grid-post-box-meta span a:hover,.grid-post-box-meta span a.comment-link:hover { color: var(--pcaccent-cl); } section.home-featured-cat { clear: both; display: block; width: 100%; } .penci-homepage-title.penci-magazine-title { text-align: left; } .penci-homepage-title.penci-magazine-title:before { left: 30px; } .penci-homepage-title.penci-magazine-title h3 a { color: #313131; } .penci-homepage-title.pcalign-left { text-align: left; } .penci-homepage-title.pcalign-center { text-align: center; } .home-featured-cat-content { display: inline-block; width: 100%; vertical-align: top; margin-bottom: 60px; } .elementor-widget-penci-featured-cat .home-featured-cat-content { margin-bottom: 0 !important; } .home-featured-cat-content.style-13 { margin-bottom: 40px; } .home-featured-cat-content .cat-left,.home-featured-cat-content .cat-right { width: 50%; float: left; display: inline-block; padding: 0 15px; } .home-featured-cat-content .mag-post-box { width: 100%; overflow: hidden; display: table; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--pcborder-cl); } .home-featured-cat-content .mag-post-box.first-post { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .home-featured-cat-content > .mag-post-box:last-child,.home-featured-cat-content .cat-right > .mag-post-box:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .home-featured-cat-content.style-2 .mag-post-box.first-post,.home-featured-cat-content.style-10 .mag-post-box.first-post { padding-bottom: 22px; margin-bottom: 30px; border-bottom: 1px solid #dedede; } .home-featured-cat-content .mag-post-box .magcat-thumb { float: left; margin-right: 20px; position: relative; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; } .cat-right .magcat-detail,.home-featured-cat-content.style-9 .magcat-detail,.home-featured-cat-content.style-2 .mag-post-box:not(.first-post) .magcat-detail,.home-featured-cat-content.style-10 .mag-post-box:not(.first-post) .magcat-detail { overflow: hidden; } .home-featured-cat-content .magcat-thumb .icon-post-format,.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image a.icon-post-format,.widget ul.side-newsfeed li .side-item .side-image a.icon-post-format { width: 30px; height: 30px; position: absolute; display: inline-block; line-height: 26px; z-index: 10; top: 50%; left: 50%; text-align: center; margin: -15px 0 0 -15px; border-radius: 50%; font-size: 13px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; border: 2px solid rgba(255,255,255,.9); background: rgba(0,0,0,.4); color: rgba(255,255,255,.9); } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb .icon-post-format,.penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-item .side-image a.icon-post-format,.widget ul.side-newsfeed li.featured-news .side-item .side-image a.icon-post-format,.home-featured-cat-content.style-3 .magcat-thumb .icon-post-format,.home-featured-cat-content.style-4 .magcat-thumb .icon-post-format { font-size: 18px; width: 42px; height: 42px; line-height: 38px; margin: -21px 0 0 -21px; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-item .side-image a.icon-post-format i.fa-play,.widget ul.side-newsfeed li.featured-news .side-item .side-image a.icon-post-format i.fa-play,.home-featured-cat-content .magcat-thumb .icon-post-format i.fa-play { margin-left: 2px; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb:hover i,.home-featured-cat-content .magcat-thumb:hover .icon-post-format,.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image:hover a.icon-post-format,.widget ul.side-newsfeed li .side-item .side-image:hover a.icon-post-format { opacity: 0; transform: scale(.5); -webkit-transform: scale(.5); -moz-transform: scale(.5); } .home-featured-cat-content .mag-post-box .magcat-thumb img { width: 120px; height: auto; } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb { margin: 0 0 24px 0; float: none; } .home-featured-cat-content .mag-post-box .magcat-thumb:hover { opacity: .8; } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb img { width: 100% !important; } .home-featured-cat-content .first-post .magcat-detail .mag-header { padding-bottom: 17px; margin-bottom: 19px; position: relative; } .home-featured-cat-content .first-post .magcat-detail .mag-header:after { content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 1px; background: var(--pcaccent-cl); display: block; } .home-featured-cat-content .magcat-detail h3 a { color: var(--pcheading-cl); display: block; font-size: 14px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; font-family: var(--pchead-font); font-weight: var(--pchead-wei); letter-spacing: 0; line-height: 1.4; } .home-featured-cat-content .first-post .magcat-detail h3 a { font-size: 18px; } .home-featured-cat-content .magcat-detail h3 a:hover { color: var(--pcaccent-cl); text-decoration: none; } .home-featured-cat-content .magcat-detail .mag-meta { margin-top: 7px; } .home-featured-cat-content.style-6 { margin-bottom: 50px; } .home-featured-cat-content.style-6 .cat-left,.home-featured-cat-content.style-6 .cat-right { width: 100%; float: none; padding: 0; } .home-featured-cat-content.style-6 .cat-left { margin-bottom: 30px; } .home-featured-cat-content.style-6 .mag-post-box.first-post { display: inline-block; vertical-align: top; margin: 0; width: 100%; float: none; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-thumb { margin: 0; width: 46.25%; float: left; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { padding-left: 30px; width: 53.75%; float: left; } .home-featured-cat-content.style-6 .cat-right .mag-post-box { float: left; width: 48.5%; margin-right: 3%; display: inline-block; border: none; padding-bottom: 0; margin-bottom: 30px; } .home-featured-cat-content.style-6 .cat-right .mag-post-box:nth-child(2n+2) { margin-right: 0; } .home-featured-cat-content.style-6 .cat-right .mag-post-box:last-child { margin-bottom: 0; } .home-featured-cat-content.style-9 .mag-post-box,.home-featured-cat-content.style-10 .mag-post-box { width: 48.0745%; float: left; margin-right: 3.851%; border-bottom: none; } .home-featured-cat-content.style-9 .mag-post-box:nth-child(2n+1),.home-featured-cat-content.style-10 .mag-post-box:nth-child(2n+1) { clear: both; } .home-featured-cat-content.style-9 .mag-post-box:nth-child(2n+2),.home-featured-cat-content.style-10 .mag-post-box:nth-child(2n+2) { margin-right: 0; } .home-featured-cat-content.style-10 .mag-post-box.first-post { margin-bottom: 30px; } @media only screen and (min-width: 768px) { .home-featured-cat-content.style-9 .mag-post-box:nth-last-child(2),.home-featured-cat-content.style-10 .mag-post-box:nth-last-child(2),.home-featured-cat-content.style-6 .cat-right .mag-post-box:nth-last-child(2) { margin-bottom:0; padding: 0; border-bottom: 0; } } @media only screen and (min-width: 1170px) { ul.penci-grid.penci-fea-cat-style-13 { width:100%; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .container.penci_sidebar .penci-grid.penci-fea-cat-style-13 > li,.penci-grid.penci-fea-cat-style-13 > li { width: 33.3333333%; margin: 0 0 20px 0 !important; padding: 0 10px; } .container.penci_sidebar .penci-grid.penci-fea-cat-style-13 > li:nth-child(2n+1),.penci-grid.penci-fea-cat-style-13 > li:nth-child(2n+1) { clear: none; } .container.penci_sidebar .penci-grid.penci-fea-cat-style-13 > li:nth-child(3n+1),.penci-grid.penci-fea-cat-style-13 > li:nth-child(3n+1) { clear: both; } } .penci-grid.penci-fea-cat-style-13 > li.grid-style { text-align: left; } .penci-grid.penci-fea-cat-style-13 li .item > .thumbnail { margin-bottom: 18px; } .penci-grid.penci-fea-cat-style-13 li .item h2 a { font-size: 15px; text-transform: none; letter-spacing: 0; line-height: 1.4; } .penci-fea-cat-style-13 .grid-post-box-meta { font-size: 13px; margin-top: 5px; } .penci-fea-cat-style-13 .grid-header-box { padding-bottom: 0; } .penci-fea-cat-style-13 .grid-header-box:after { content: none; } .home-featured-cat-content.style-14 .penci-image-holder:after,.home-featured-cat-content.style-15 .mag-post-box.first-post .penci-image-holder:after { bottom: 0; content: ""; display: block; height: 90%; width: 100%; position: absolute; z-index: 1; background: -moz-linear-gradient(top,transparent 50%,#000 100%); background: -webkit-linear-gradient(top,transparent 50%,#000 100%); background: -o-linear-gradient(top,transparent 50%,#000 100%); background: -ms-linear-gradient(top,transparent 50%,#000 100%); background: linear-gradient(to bottom,transparent 50%,#000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#b3000000",GradientType=0); opacity: .5; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; } .home-featured-cat-content.style-14 .magcat-thumb:hover .penci-image-holder:after,.home-featured-cat-content.style-15 .mag-post-box.first-post:hover .penci-image-holder:after { opacity: .8; } @media only screen and (min-width: 768px) { .home-featured-cat-content.style-15 { display:-ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; } } .home-featured-cat-content.style-15 { border: 1px solid var(--pcborder-cl); } .home-featured-cat-content.style-15 .mag-post-box.first-post .magcat-thumb { margin: 0; } .home-featured-cat-content.style-15 .first-post .magcat-thumb:hover { opacity: 1; } .home-featured-cat-content.style-15 .first-post .magcat-detail .mag-header { padding: 20px; margin: 0; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 5; } .home-featured-cat-content.style-15 .first-post .magcat-detail .mag-header:after { content: none; display: none; } .home-featured-cat-content.style-15 .first-post .magcat-detail h3 a,.home-featured-cat-content.style-15 .first-post .grid-post-box-meta span,.home-featured-cat-content.style-15 .first-post .grid-post-box-meta span a { color: #fff; } .home-featured-cat-content.style-15 .penci-image-holder.small-fix-size { width: 100px; } .container-single a[data-rel="penci-gallery-image-content"],.container-single a[data-rel="penci-gallery-bground-content"],.container-single-page a[data-rel="penci-gallery-image-content"] { cursor: zoom-in; } .navigation .penci-megamenu .penci-mega-post a i,#navigation .penci-megamenu .penci-mega-post a i,.item-related > a i,.home-featured-cat-content.style-12 .penci-magcat-carousel .magcat-thumb .mag-post-thumb i,.penci-grid.penci-fea-cat-style-13 li .item .thumbnail .icon-post-format { position: absolute; width: 36px; height: 36px; line-height: 32px; left: 50%; top: 50%; margin: -15px 0 0 -15px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; font-size: 14px; transition: all .25s; -webkit-transition: all .25s; -moz-transition: all .25s; border: 2px solid rgba(255,255,255,.9); background: rgba(0,0,0,.4); color: rgba(255,255,255,.9); text-align: center; } .navigation .penci-megamenu .penci-mega-post a i.fa-play:before,#navigation .penci-megamenu .penci-mega-post a i.fa-play:before,.item-related > a i.fa-play:before { margin-left: 2px; } .navigation .penci-megamenu .penci-mega-post a:hover i,#navigation .penci-megamenu .penci-mega-post a:hover i,.item-related > a:hover i { opacity: 0; transform: scale(.5); -webkit-transform: scale(.5); -moz-transform: scale(.5); } .penci-pagination,#comments_pagination { margin-bottom: 40px; overflow: hidden; clear: both; text-align: center; } .penci-pagination a,.penci-pagination .disable-url { color: #999; font-family: var(--pchead-font); font-weight: var(--pchead-wei); text-transform: uppercase; font-size: 12px; display: inline-block; line-height: 1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; } .penci-pagination a i,.penci-pagination .disable-url i { font-size: 14px; margin-left: 8px; } .penci-pagination a:hover { text-decoration: none; color: var(--pcaccent-cl); } .penci-pagination.penci-ajax-more a.penci-ajax-more-button { display: block; padding: 11px 10px; max-width: 400px; margin: 0 auto; border: 1px solid var(--pcborder-cl); line-height: 1.4; text-align: center; transition: all .25s; -webkit-transition: all .25s; background: #fff; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button .ajax-more-text { color: inherit; font-family: inherit; font-weight: inherit; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button:hover { border-color: var(--pcaccent-cl); } .penci-pagination.penci-ajax-more a.penci-ajax-more-button i { color: inherit; } @-o-keyframes pencirotate { from { -o-transform: rotate(360deg); } to { -o-transform: rotate(0deg); } } @-webkit-keyframes pencirotate { from { -webkit-transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); } } @-moz-keyframes pencirotate { from { -moz-transform: rotate(360deg); } to { -moz-transform: rotate(0deg); } } #footer-section { padding: 0; background: #313131; text-align: center; color: #999; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; } .footer-socials-section { padding: 30px 0 15px; border-bottom: 1px solid #4a4a4a; text-align: center; } ul.footer-socials { list-style: none; display: inline-block; vertical-align: top; } ul.footer-socials li { float: none; display: inline-block; margin-right: 30px; margin-bottom: 15px; } ul.footer-socials li:last-child { margin-right: 0; } ul.footer-socials li a { line-height: 36px; display: inline-block; vertical-align: top; } ul.footer-socials li a i { width: 36px; height: 36px; line-height: 34px; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: none; color: #999; border: 1px solid #999; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; font-size: 14px; vertical-align: top; } ul.footer-socials li a:hover i { background: var(--pcaccent-cl); color: #fff; border-color: var(--pcaccent-cl); } ul.footer-socials li a span { text-transform: uppercase; font-size: 14px; font-family: var(--pchead-font); font-weight: var(--pchead-wei); color: #999; display: inline-block; margin-left: 10px; vertical-align: top; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } ul.footer-socials li a:hover span { color: var(--pcaccent-cl); } .footer-social-remove-radius ul.footer-socials li a i { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } ul.footer-socials li svg,.widget-social svg { vertical-align: middle; } .footer-logo-copyright { padding: 40px 0 73px; text-align: center; } .footer-logo-copyright.footer-not-gotop { padding: 40px 0; } .footer-logo-copyright.footer-not-logo { padding: 20px 0 62px; } .footer-logo-copyright.footer-not-logo.footer-not-gotop { padding: 20px 0; } #footer-copyright * { font-size: 14px; color: #999; line-height: 1.4; font-style: italic; } #footer-copyright a { color: var(--pcaccent-cl); } #footer-copyright a:hover { text-decoration: underline; } .penci-go-to-top-floating { cursor: pointer; position: fixed; bottom: 20px; right: 20px; width: 36px; height: 36px; line-height: 36px; font-size: 16px; background-color: var(--pcaccent-cl); color: #fff; z-index: 99999; text-align: center; transform: translate3d(0,60px,0); -webkit-transform: translate3d(0,60px,0); -moz-transform: translate3d(0,60px,0); -ms-transform: translate3d(0,60px,0); -o-transform: translate3d(0,60px,0); -webkit-transition: transform .4s cubic-bezier(.55,0,.05,1.1) 0s,opacity .3s; -moz-transition: transform .4s cubic-bezier(.55,0,.05,1.1) 0s,opacity .3s; -o-transition: transform .4s cubic-bezier(.55,0,.05,1.1) 0s,opacity .3s; transition: transform .4s cubic-bezier(.55,0,.05,1.1) 0s,opacity .3s; } .penci-go-to-top-floating i[class^="penciicon-"] { vertical-align: top; line-height: inherit; } .penci-go-to-top-floating:hover { opacity: .85; } .penci-go-to-top-floating i { font-size: inherit; line-height: inherit; color: inherit; } .textwidget { line-height: 1.8; } #widget-area { overflow: hidden; margin: 0; padding: 60px 0; background: #fff; position: relative; border-top: 1px solid #ececec; background-repeat: no-repeat; background-size: cover; background-position: center center; } #widget-area > .container { position: relative; z-index: 3; } #widget-area > .container:before,#widget-area > .container:after { content: ""; display: table; clear: both; } .footer-widget-wrapper { width: 31%; margin-right: 3.5%; float: left; } #widget-area .footer-widget-wrapper.last { margin-right: 0; } .footer-widget-wrapper > .widget:last-child { margin-bottom: 0 !important; } .widget input { font-weight: normal; } .penci-button,.widget input[type="submit"],.widget button[type="submit"] { font-family: var(--pchead-font); font-weight: var(--pchead-wei); } .penci-sidebar-content .widget { width: 100%; margin-right: 0; float: none; margin-bottom: 60px; clear: both; } .penci-sidebar-content.pcsb-boxed-widget .widget { padding: 20px; border: 1px solid var(--pcborder-cl); } .penci-sidebar-content img { max-width: 100%; height: auto; vertical-align: top; } .penci-sidebar-content .widget-title { color: #313131; margin-bottom: 30px; font-family: var(--pchead-font); font-weight: var(--pchead-wei); position: relative; text-align: center; line-height: 1.3; background: transparent; } .penci-sidebar-content.pcalign-left .widget-title { text-align: left; } .penci-sidebar-content.style-2 .widget-title,.penci-sidebar-content.style-3 .widget-title,.penci-sidebar-content.style-4 .widget-title,.penci-sidebar-content.style-5 .widget-title,.penci-sidebar-content.style-6 .widget-title,.penci-sidebar-content.style-7 .widget-title,.penci-sidebar-content.style-8 .widget-title,.penci-sidebar-content.style-9 .widget-title,.penci-sidebar-content.style-10 .widget-title,.penci-sidebar-content.style-11 .widget-title,.penci-sidebar-content.style-12 .widget-title,.penci-sidebar-content.style-13 .widget-title,.penci-sidebar-content.style-14 .widget-title,.penci-homepage-title.style-2,.penci-homepage-title.style-3,.penci-homepage-title.style-4,.penci-homepage-title.style-5,.penci-homepage-title.style-6,.penci-homepage-title.style-7,.penci-homepage-title.style-8,.penci-homepage-title.style-9,.penci-homepage-title.style-10,.penci-homepage-title.style-11,.penci-homepage-title.style-12,.penci-homepage-title.style-13 { margin-left: 0; margin-right: 0; margin-top: 0; } .penci-sidebar-content.style-3 .penci-border-arrow:before,.penci-sidebar-content.style-3 .penci-border-arrow:after,.penci-sidebar-content.style-4 .penci-border-arrow:before,.penci-sidebar-content.style-4 .penci-border-arrow:after,.penci-sidebar-content.style-5 .penci-border-arrow:before,.penci-sidebar-content.style-5 .penci-border-arrow:after,.penci-sidebar-content.style-6 .penci-border-arrow:before,.penci-sidebar-content.style-6 .penci-border-arrow:after,.penci-sidebar-content.style-7 .penci-border-arrow:before,.penci-sidebar-content.style-7 .penci-border-arrow:after,.penci-sidebar-content.style-8 .penci-border-arrow:before,.penci-sidebar-content.style-8 .penci-border-arrow:after,.penci-sidebar-content.style-9 .penci-border-arrow:before,.penci-sidebar-content.style-9 .penci-border-arrow:after,.penci-homepage-title.style-3:before,.penci-homepage-title.style-3:after,.penci-homepage-title.style-4:before,.penci-homepage-title.style-4:after,.penci-homepage-title.style-5:before,.penci-homepage-title.style-5:after,.penci-homepage-title.style-6:before,.penci-homepage-title.style-6:after,.penci-homepage-title.style-7:before,.penci-homepage-title.style-7:after,.penci-homepage-title.style-8:before,.penci-homepage-title.style-8:after,.penci-homepage-title.style-9:before,.penci-homepage-title.style-9:after { content: none; } .penci-homepage-title.style-6 .inner-arrow,.penci-sidebar-content.style-6 .penci-border-arrow .inner-arrow { background: none !important; padding: 0 !important; border: none !important; } .penci-homepage-title.style-10,.penci-sidebar-content.style-10 .penci-border-arrow { border-top: 3px solid #313131; border-bottom: 1px solid #dedede; } .penci-homepage-title.style-10 .inner-arrow,.penci-sidebar-content.style-10 .penci-border-arrow .inner-arrow { background: none !important; border: none !important; padding: 9px 0 !important; } .penci-sidebar-content.style-14 .penci-border-arrow:after,.penci-sidebar-content.style-14 .penci-border-arrow:before,.penci-sidebar-content.style-13 .penci-border-arrow:after,.penci-sidebar-content.style-13 .penci-border-arrow:before,.penci-sidebar-content.style-12 .penci-border-arrow:after,.penci-sidebar-content.style-12 .penci-border-arrow:before,.penci-sidebar-content.style-11 .penci-border-arrow:after,.penci-sidebar-content.style-11 .penci-border-arrow:before,.penci-sidebar-content.style-10 .penci-border-arrow:after,.penci-sidebar-content.style-10 .penci-border-arrow:before { content: none; } .penci-homepage-title.style-10:before,.penci-homepage-title.style-10:after,.penci-homepage-title.style-11:before,.penci-homepage-title.style-11:after,.penci-homepage-title.style-12:before,.penci-homepage-title.style-12:after,.penci-homepage-title.style-13:before,.penci-homepage-title.style-13:after,.penci-homepage-title.style-14:before,.penci-homepage-title.style-14:after { content: none; } .penci-homepage-title.style-13 .inner-arrow,.penci-sidebar-content.style-13 .penci-border-arrow .inner-arrow { display: inline-block; margin-bottom: 0; background-color: #313131; color: #fff; border: 0; padding-top: 0; padding-bottom: 0; line-height: 34px; } .penci-homepage-title.style-13.pcalign-left .inner-arrow,.penci-sidebar-content.style-13.pcalign-left .penci-border-arrow .inner-arrow { padding-right: 30px; } .penci-homepage-title.style-13.pcalign-center .inner-arrow:after,.penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow:after,.penci-homepage-title.style-13.pcalign-left .inner-arrow:after,.penci-sidebar-content.style-13.pcalign-left .penci-border-arrow .inner-arrow:after,.penci-homepage-title.style-13.pcalign-center .inner-arrow:before,.penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow:before,.penci-homepage-title.style-13.pcalign-right .inner-arrow:before,.penci-sidebar-content.style-13.pcalign-right .penci-border-arrow .inner-arrow:before { content: ""; display: inline-block; position: absolute; top: 0; width: 0; height: 0; z-index: 1; border-top: 16px solid transparent; border-bottom: 17px solid transparent; } .penci-homepage-title.style-13.pcalign-center .inner-arrow:after,.penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow:after,.penci-homepage-title.style-13.pcalign-left .inner-arrow:after,.penci-sidebar-content.style-13.pcalign-left .penci-border-arrow .inner-arrow:after { border-right: 16px solid #fff; right: 0; } .penci-homepage-title.style-13.pcalign-center .inner-arrow,.penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow { padding-right: 30px; padding-left: 30px; } .penci-homepage-title.style-13.pcalign-center .inner-arrow:before,.penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow:before,.penci-homepage-title.style-13.pcalign-right .inner-arrow:before,.penci-sidebar-content.style-13.pcalign-right .penci-border-arrow .inner-arrow:before { left: 0; border-left: 15px solid #fff; } .penci-homepage-title.style-11 .inner-arrow a,.penci-homepage-title.style-12 .inner-arrow a,.penci-homepage-title.style-13 .inner-arrow a,.penci-homepage-title.style-14 .inner-arrow a { color: inherit; } .penci-homepage-title.style-15,.penci-sidebar-content.style-15 .widget-title,.penci-homepage-title.style-16,.penci-sidebar-content.style-16 .widget-title,.penci-homepage-title.style-18,.penci-sidebar-content.style-18 .widget-title { margin-left: 0; margin-right: 0; margin-top: 0; } .penci-sidebar-content.style-15 .penci-border-arrow .inner-arrow,.penci-homepage-title.style-15 .inner-arrow { background: #f2f2f2; border: none; padding-right: 48px; } .penci-sidebar-content.style-15 .penci-border-arrow:before,.penci-homepage-title.style-15.penci-border-arrow:before { width: 36px; display: block; top: 0; left: auto; right: 0; bottom: 0; height: 100%; background: #e6e6e6; z-index: 5; border: none; margin: 0; } .penci-sidebar-content.style-15 .penci-border-arrow:after,.penci-homepage-title.style-15.penci-border-arrow:after { left: auto; right: 0; bottom: auto; width: 36px; border: none; border: none; background: transparent; z-index: 10; display: inline-block; content: ""; font-size: 12px; font-family: "penciicon"; font-weight: 600; text-align: center; height: 24px; line-height: 24px; top: 50%; transform: translateY(-50%); margin: 0; } .penci-homepage-title.style-18 .inner-arrow,.penci-sidebar-content.style-18 .widget-title .inner-arrow { border: none !important; background: transparent !important; } .penci-sidebar-content.style-18 .penci-border-arrow:after,.penci-homepage-title.style-18.penci-border-arrow:after { top: 0; left: 0; bottom: 0; right: 0; width: 100%; margin: 0; color: #dedede; background-image: linear-gradient(-45deg,transparent,transparent 30%,currentColor 30%,currentColor 50%,transparent 50%,transparent 80%,currentColor 80%); background-size: 5px 5px; background-color: transparent !important; border: none !important; } .penci-sidebar-content.style-18 .penci-border-arrow:before,.penci-homepage-title.style-18.penci-border-arrow:before { content: none; display: none; } .widget ul { list-style: none; } .widget ul ul { padding-top: 11px; margin-top: 12px; border-top: 1px solid var(--pcborder-cl); padding-left: 20px; } .widget ul li { margin-bottom: 11px; padding-bottom: 12px; border-bottom: 1px solid var(--pcborder-cl); font-size: 14px; color: #888; } .widget ul > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget ul li a { font-size: 14px; font-style: normal; line-height: 1.4; } .widget a { color: var(--pctext-cl); } .widget a:hover { color: var(--pcaccent-cl); text-decoration: underline; } .pc-widget-advanced-tax.tax-style-1 ul li,.widget.widget_categories ul li,.widget.widget_archive ul li { text-align: right; color: #888; display: table; width: 100%; font-style: italic; padding-right: 2px; } .pc-widget-advanced-tax.tax-style-1 ul li,.widget.widget_categories ul li { text-align: left; } .pc-widget-advanced-tax.tax-style-1 ul li a,.widget.widget_categories ul li a { display: block !important; text-decoration: none; } .pc-widget-advanced-tax.tax-style-1 ul li a:before,.widget.widget_categories ul li a:before,.widget.widget_archive ul li a:before { content: ""; font-family: FontAwesome; display: inline-block; margin-right: 10px; font-size: 90%; } .pc-widget-advanced-tax.tax-style-1 ul li span.category-item-count,.widget.widget_categories ul li span.category-item-count { float: right; font-style: normal; color: #888; font-family: var(--pcbody-font); font-weight: normal; } form.pc-searchform { position: relative; } form.pc-searchform input.search-input { border: 1px solid #e9e9e9; background: transparent; padding: 12px 40px 12px 20px; color: #313131; font-size: 13px; font-family: var(--pcbody-font); font-weight: normal; width: 100%; } form.pc-searchform i { position: absolute; color: var(--pctext-cl); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 20px; z-index: 1; font-size: 15px; opacity: .9; } .widget form.pc-searchform input.search-input,.penci-sidebar-content .widget form.pc-searchform input.search-input { width: 100%; max-width: 100%; background-color: transparent; margin-bottom: 0; } .penci-about-me .about-widget,.widget .about-widget { text-align: center; } .penci-about-me .about-widget.pc_alignleft,.widget .about-widget.pc_alignleft { text-align: left; } .about-widget img { max-width: 100% !important; height: auto; margin-bottom: 20px; width: 100%; } .penci_recent-posts-sc ul.side-newsfeed { padding: 0; margin: 0; } .penci_recent-posts-sc ul.side-newsfeed:before,.widget ul.side-newsfeed:before,.penci_recent-posts-sc ul.side-newsfeed:after,.widget ul.side-newsfeed:after { display: table; content: ""; clear: both; line-height: 0; } .penci_recent-posts-sc ul.side-newsfeed li { border-bottom: 1px solid #dedede; font-size: 14px; color: #888; } .penci_recent-posts-sc ul.side-newsfeed li,.widget ul.side-newsfeed li { list-style-type: none; margin-bottom: 20px; padding-bottom: 20px; margin-left: 0; position: relative; } .penci_recent-posts-sc ul.side-newsfeed li:last-child,.penci_recent-posts-sc ul.side-newsfeed.penci-feed-2columns li:nth-last-child(2),.widget ul.side-newsfeed li:last-child,.widget ul.side-newsfeed.penci-feed-2columns li:nth-last-child(2) { margin-bottom: 0 !important; padding-bottom: 0 !important; } .penci_recent-posts-sc ul.side-newsfeed li:last-child { border-bottom: 0 !important; } .penci_recent-posts-sc ul.side-newsfeed li .side-item,.widget ul.side-newsfeed li .side-item { overflow: hidden; position: relative; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image,.widget ul.side-newsfeed li .side-item .side-image { float: left; margin-right: 20px; position: relative; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image a,.widget ul.side-newsfeed li .side-item .side-image a { transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image a:hover,.widget ul.side-newsfeed li .side-item .side-image a:hover { opacity: .8; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image img,.widget ul.side-newsfeed li .side-item .side-image img { width: 120px; height: auto; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text,.widget ul.side-newsfeed li .side-item .side-item-text { overflow: hidden; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text h4,.widget ul.side-newsfeed li .side-item .side-item-text h4 { margin-bottom: 0; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text h4 a,.widget ul.side-newsfeed li .side-item .side-item-text h4 a { margin-bottom: 0; color: var(--pcheading-cl); display: block; font-size: 16px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; letter-spacing: 0; line-height: 1.4; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text h4 a:hover,.widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover { color: var(--pcaccent-cl); text-decoration: none; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text .side-item-meta,.widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { letter-spacing: 0; color: #888; font-family: inherit; font-size: 13px; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta a { color: var(--pctext-cl); font-size: inherit; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta a:hover { color: var(--pcaccent-cl); } ul.side-newsfeed li .grid-post-box-meta.penci-side-item-meta { margin-top: 5px; line-height: 1.2; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news,.widget ul.side-newsfeed li.featured-news { width: 100% !important; margin-right: 0; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news.all-featured-news,.widget ul.side-newsfeed li.featured-news.all-featured-news { border-bottom: none; margin-bottom: 0; padding-bottom: 26px; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-image,.widget ul.side-newsfeed li.featured-news .side-image { float: none !important; margin: 0 0 12px 0 !important; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-image img,.widget ul.side-newsfeed li.featured-news .side-image img { width: 100% !important; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-item .side-item-text h4 a,.widget ul.side-newsfeed li.featured-news .side-item .side-item-text h4 a { font-size: 18px; margin-bottom: 6px; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news2 .side-item .side-item-text,.widget ul.side-newsfeed li.featured-news2 .side-item .side-item-text { position: absolute; z-index: 1; bottom: 12px; padding: 15px 10px 0 20px; left: 20px; right: 20px; background: #fff; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news2.all-featured-news .side-item .side-item-text,.widget ul.side-newsfeed li.featured-news2.all-featured-news .side-item .side-item-text { padding-left: 10px; } .penci_recent-posts-sc ul.side-newsfeed li .order-border-number,.widget ul.side-newsfeed li .order-border-number { position: absolute; left: 5px; top: -15px; background-color: rgba(255,255,255,.3); box-shadow: 0px 1px 2px 0px rgba(0,0,0,.25); display: inline-block; vertical-align: middle; width: 30px; height: 30px; line-height: 28px; border-radius: 50%; z-index: 3; text-align: center; } .penci_recent-posts-sc ul.side-newsfeed li .number-post,.widget ul.side-newsfeed li .number-post { background-color: #383838; border-radius: 50%; width: 26px; height: 26px; line-height: 28px; text-align: center; display: inline-block; vertical-align: middle; color: #fff; font-size: 12px; font-family: var(--pchead-font); font-weight: 600; z-index: 3; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news .order-border-number,.widget ul.side-newsfeed li.featured-news .order-border-number { width: 40px; height: 40px; line-height: 38px; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news .number-post,.widget ul.side-newsfeed li.featured-news .number-post { width: 36px; height: 36px; line-height: 38px; font-size: 16px; } @keyframes pencisonar { 0% { opacity: 0; transform: scale(.2); } 50% { opacity: .9; } 100% { opacity: 0; transform: scale(1); } } .widget-social { text-align: center; display: table; width: 100%; } .widget-social.pc_alignleft { text-align: left; } .widget-social.show-text { margin-left: -5px; } .widget-social a i { width: 36px; height: 36px; line-height: 34px; background: none; color: #313131; border: 1px solid #e0e0e0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 0 5px 5px; display: inline-block; font-size: 14px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-align: center; } .widget-social.show-text a i { margin-bottom: 0; } .widget-social a:hover { text-decoration: none !important; } .widget-social a:hover i { text-decoration: none; color: #fff; background: var(--pcaccent-cl); border-color: var(--pcaccent-cl); } .widget-social a span { display: none; } .widget-social a:first-child { margin-left: 0; } .widget-social a:last-child { margin-right: 0; } .widget-social.show-text > a { width: 50%; float: left; text-align: left; margin-bottom: 10px; text-decoration: none; } .widget-social.show-text > a:nth-child(2n+1) { clear: both; } .widget-social.show-text a span { display: inline-block; color: #313131; text-transform: uppercase; font-size: 13px; margin-left: 10px; font-family: var(--pchead-font); font-weight: var(--pchead-wei); letter-spacing: 0; transition: color .3s; -webkit-transition: color .3s; -moz-transition: color .3s; line-height: 20px; } .widget-social.show-text a:hover span { color: var(--pcaccent-cl); } .widget-social.penci-social-colored a i { border: none !important; line-height: 36px; color: #fff !important; } .widget-social.penci-social-colored a:hover i { opacity: .85; } .widget-social.remove-border-radius a i { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .footer-widget-wrapper .widget { margin-bottom: 30px; } .footer-widget-wrapper .widget .widget-title { color: #313131; margin: 0 0 30px; font-family: var(--pchead-font); font-weight: var(--pchead-wei); position: relative; text-align: left; font-size: 16px; text-transform: uppercase; background: none; } .footer-widget-wrapper .widget .widget-title .inner-arrow { border-top: none; border-left: none; border-right: none; padding: 0 0 10px; background: none; border-bottom: 3px solid #e0e0e0; } .footer-widget-wrapper .widget .widget-title:before,.footer-widget-wrapper .widget .widget-title:after { content: none; } .mc4wp-form { max-width: 450px; width: 100%; margin: 0; text-align: center; margin-left: auto; margin-right: auto; } .mc4wp-form > form > p,.mc4wp-form .mc4wp-form-fields > p { margin-bottom: 20px; } .widget .mc4wp-form > form > p:last-of-type,.mc4wp-form .mc4wp-form-fields > p:last-of-type { margin-bottom: 0; } .mc4wp-form input { border: 1px solid #dedede; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; outline: none; background: none; display: block; font-size: 12px; line-height: 1; padding: 17px 20px; margin-bottom: 20px; letter-spacing: 0; font-family: var(--pcbody-font); } .mc4wp-form input:focus { background: #fff; } .mc4wp-form input[type="text"],.mc4wp-form input[type="email"],.mc4wp-form input[type="number"],.mc4wp-form input[type="date"] { width: 100%; } .mc4wp-form input[type="checkbox"] { display: inline-block; vertical-align: middle; } .mc4wp-form input[type="submit"] { display: block; width: 100%; font-size: 14px; padding: 18px 20px; text-transform: uppercase; color: #313131; margin: 0; cursor: pointer; border: none; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; background: #f5f5f5; } .mc4wp-form input[type="submit"]:hover { background: var(--pcaccent-cl); color: #fff; } div.wpforms-container .wpforms-form.wpforms-form input[type=submit]:hover,div.wpforms-container .wpforms-form.wpforms-form button[type=submit]:hover,div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button:hover,.mc4wp-form input[type="submit"]:hover { color: #fff; border: none; background: var(--pcaccent-cl); } .mc4wp-response { clear: both; color: #5c5c5e; } .mc4wp-response p { line-height: 1.4; color: #5c5c5e; } .mc4wp-form label { text-align: left; margin-bottom: 10px; display: block; } .penci-login-register:before,.penci-login-register:after,.pclg-2col:before,.pclg-2col:after { content: ""; display: table; width: 100%; } .penci-login-register input[type="email"],.penci-login-register input[type="text"],.penci-login-register input[type="password"],.penci-login-register input[type="number"],#respond input,.wpcf7 input,.widget_wysija input { padding: 12px 20px; max-width: 100%; border: 1px solid #dedede; margin-bottom: 28px; font-size: 14px; width: 100%; font-weight: normal; font-family: var(--pcbody-font); max-height: 50px; background: none; } .penci-login-register input:focus,#respond input:focus,.wpcf7 input:focus { outline: none; } .penci-login-register input[type="submit"],#respond #submit,.wpcf7 input[type="submit"],.widget_wysija input[type="submit"] { text-transform: uppercase; font-family: var(--pchead-font); font-weight: var(--pchead-wei); background: #f5f5f5; border-radius: 0; font-size: 14px; color: #313131; padding: 12px 20px; display: inline-block; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; cursor: pointer; width: auto; min-width: 120px; text-align: center; margin: 0; border: none; } .penci-login-register input[type="submit"]:hover,#respond #submit:hover,.wpcf7 input[type="submit"]:hover,.widget_wysija input[type="submit"]:hover { color: #fff; background: var(--pcaccent-cl); } .widget input[type="text"],.widget input[type="email"],.widget input[type="date"],.widget input[type="number"],.widget input[type="search"],.widget input[type="password"] { border: 1px solid #dedede; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; outline: none; background: none; display: block; display: block; font-size: 13px; padding: 11px 20px; margin-bottom: 20px; letter-spacing: 0; font-family: var(--pcbody-font); width: 100%; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: auto; height: auto; vertical-align: baseline; line-height: normal; } .penci-button,.widget input[type="submit"],.widget button[type="submit"] { display: block; width: 100%; font-size: 14px; padding: 12px 20px; text-transform: uppercase; color: #313131; margin: 0; cursor: pointer; border: none; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; background: #f5f5f5; max-width: 100%; outline: none; } .penci-button,.widget input[type="submit"]:hover,.widget button[type="submit"]:hover { background: var(--pcaccent-cl); color: #fff; } #respond input[type="checkbox"],.wpcf7 input[type="checkbox"],.widget_wysija input[type="checkbox"],.widget input[type="checkbox"],#respond input[type="radio"],.wpcf7 input[type="radio"],.widget_wysija input[type="radio"],.widget input[type="radio"] { width: auto; margin: 0; padding: 0; } @-webkit-keyframes sk-bouncedelay { 0%,80%,100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%,80%,100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scaleoutPortfolio { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); opacity: 0; } } @keyframes scaleoutPortfolio { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .elementor-column-gap-wide > .elementor-column > .theiaStickySidebar > .elementor-element-populated { padding: 20px; } @media only screen and (max-width: 1169px) { .penci-headline { text-align:center; padding: 15px 0 8px; } .penci-headline .pctopbar-item { float: none; margin-left: 0; margin-right: 0; display: block; margin-bottom: 10px; line-height: normal; } .penci-headline .pctopbar-item.penci-topbar-social { margin-bottom: 6px; } .penci-topbar-social a { line-height: normal; float: none; margin-bottom: 5px; } ul.penci-topbar-menu > li > a,div.penci-topbar-menu > ul > li > a { line-height: 1.6; } .penci-headline .pctopbar-item.penci-topbar-trending { margin-left: auto; margin-right: auto; } .pctopbar-login-btn li.pclogin-item img { top: auto; display: inline-block; } } @media only screen and (min-width: 961px) and (max-width: 1169px) { .container,.featured-area.style-1,.featured-area.style-4,.featured-area.magazine-slider,#navigation ul.menu > li.megamenu > ul.sub-menu { width:940px; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post { width: 25%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post { width: 33.3333%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-1 .penci-mega-post:nth-child(5),#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-1 .penci-mega-post:nth-child(4),#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-2 .penci-mega-post:nth-child(9),#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-2 .penci-mega-post:nth-child(10),#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(8),#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(7),#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(15),#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(14),#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(13),#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(12),#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(11),#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(10) { display: none; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(5n+1),#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(4n+1) { clear: none; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(4n+1),#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(3n+1),#navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(3n+1) { clear: both; } #navigation ul.menu > li,#navigation .menu > ul > li { margin-right: 16px; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image img,.widget ul.side-newsfeed li .side-item .side-image img { width: 100px; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text h4 a,.widget ul.side-newsfeed li .side-item .side-item-text h4 a { font-size: 14px; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text .side-item-meta,.widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size: 11px; } .home-featured-cat-content .magcat-detail h3 a { font-size: 14px; } .home-featured-cat-content .magcat-detail .mag-meta { margin-top: 5px; } .widget-social.show-text a span { margin-left: 1px; font-size: 12px; } ul.footer-socials li { margin-right: 12px; } ul.footer-socials li a span { margin-left: 8px; } } @media only screen and (min-width: 961px) { #navigation .menu { display:inline-block !important; } } @media only screen and (max-width: 960px) { .penci-top-bar { text-align:center; } .penci-topbar-social { float: none; } #navigation.header-11 > .container,#navigation.header-10 > .container { display: table; } #navigation.header-11 .penci-menu-wrap,#navigation.header-10 .penci-menu-wrap { display: none; } #navigation.header-11,#navigation.header-11 .penci-menuhbg-toggle,#navigation.header-10,#navigation.header-10 .penci-menuhbg-toggle,#navigation.header-6,#navigation.header-6 .penci-menuhbg-toggle { height: 60px; } #navigation.header-11 .show-search,#navigation.header-10 .show-search,#navigation.header-9 .show-search,#navigation.header-6 .show-search { height: 58px; } #navigation.header-9 .pcheader-icon > a,#navigation.header-9 .show-search a.close-search,#navigation.header-9 .main-nav-social,#navigation.header-10 .pcheader-icon > a,#navigation.header-10 .show-search a.close-search,#navigation.header-10 .main-nav-social,#navigation.header-11 .pcheader-icon > a,#navigation.header-11 .show-search a.close-search,#navigation.header-11 .main-nav-social { height: 58px; line-height: 58px; } #navigation .button-menu-mobile { display: inline-block; } #navigation .menu { display: none !important; } .penci-sidebar-content { position: static !important; margin-left: 0 !important; top: auto !important; float: none !important; width: 100% !important; } .about-widget { text-align: center; } .footer-widget-wrapper { width: 100% !important; margin: 0 0 30px 0 !important; float: none; } .footer-widget-wrapper.last { margin-bottom: 0 !important; } ul.footer-socials li a span,.footer-social-drop-line ul.footer-socials li a span { display: none; } div.penci-topbar-menu > ul { display: none !important; } ul.penci-topbar-menu,div.penci-topbar-menu > ul { width: 100%; text-align: center; } ul.penci-topbar-menu > li,div.penci-topbar-menu > ul > li { float: none; margin-right: 15px; } ul.penci-topbar-menu ul.sub-menu,div.penci-topbar-menu > ul ul.sub-menu { top: auto; } } @media only screen and (min-width: 768px) and (max-width: 960px) { .container,.container.two-sidebar.two-sidebar,.featured-area.style-1,.featured-carousel.style-2 .item img,.featured-area.style-4,.featured-area.magazine-slider { width:726px; } #logo img { max-width: 600px; height: auto; } .penci-grid > li { width: 48.05%; margin-right: 3.9%; } .penci-grid li:nth-of-type(3n+1) { clear: none; } .penci-grid > li:nth-of-type(3n+3) { margin-right: 3.9%; } .penci-grid li:nth-of-type(2n+2) { margin-right: 0; } .penci-grid li:nth-of-type(2n+1) { clear: both; } } .penci-featured-cat-sc .home-featured-cat-content.style-6 .cat-right .mag-post-box:last-child,.penci-featured-cat-sc .home-featured-cat-content .mag-photo:last-child { margin-bottom: 0 !important; } @media only screen and (min-width: 768px) { .penci-featured-cat-sc .home-featured-cat-content .mag-photo:nth-last-child(2) .penci-featured-cat-sc .home-featured-cat-content.style-6 .cat-right .mag-post-box:nth-last-child(2),.penci-featured-cat-sc .home-featured-cat-content.style-9 .mag-post-box:nth-last-child(2),.penci-featured-cat-sc .home-featured-cat-content.style-10 .mag-post-box:nth-last-child(2) { margin-bottom:0 !important; } .penci-featured-cat-sc .home-featured-cat-content.style-9 .mag-post-box:nth-last-child(2),.penci-featured-cat-sc .home-featured-cat-content.style-10 .mag-post-box:nth-last-child(2) { padding-bottom: 0 !important; } .penci-latest-posts-sc .penci-grid li.penci-item-listp .item .content-list-right,.penci-featured-cat-sc .penci-grid li.list-post .item .content-list-right,.penci-featured-cat-sc .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail,.penci-grid li.pclist-layout .item .content-list-right { padding-left: 30px; width: 53.75%; float: left; } .penci-latest-posts-sc .penci-grid li.list-post .item > .thumbnail,.penci-featured-cat-sc .penci-grid li.list-post .item > .thumbnail,.penci-grid li.pclist-layout .item > .thumbnail { max-width: 100%; } } @media only screen and (max-width: 767px) { .container,.container.two-sidebar.two-sidebar,.featured-area.style-1,.featured-carousel.style-2 .item img,.featured-area.style-4,.featured-area.magazine-slider { width:100%; } .home-featured-cat-content.style-9 .mag-post-box:nth-last-child(2),.home-featured-cat-content.style-10 .mag-post-box:nth-last-child(2) { padding-bottom: 15px; margin-bottom: 15px; } #logo img { max-width: 100%; height: auto; } .penci-grid .list-post.list-boxed-post .item > .thumbnail,.penci-grid .list-post.list-boxed-post .item .content-list-right,.penci-grid li.list-post .item > .thumbnail,.home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-thumb,.home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { width: 100% !important; display: block; height: auto; min-height: 0; float: none; max-width: 100%; } .penci-grid li { width: 100% !important; margin-right: 0 !important; float: none; } .penci-grid li.list-post .item .content-list-right { padding: 0; width: 100% !important; float: none; } .penci-grid li.list-post .item > .thumbnail { margin-bottom: 30px; } .penci-grid li .item > .thumbnail,.penci-masonry .item-masonry > .thumbnail { width: 100%; } .home-featured-cat-content .cat-left,.home-featured-cat-content .cat-right { width: 100%; float: none; } .home-featured-cat-content .cat-left { margin-bottom: 30px; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { padding: 0; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-thumb { margin-bottom: 24px; } .home-featured-cat-content.style-6 .cat-right .mag-post-box { margin-right: 0; width: 100%; float: none; display: table; padding-bottom: 15px; border-bottom: 1px solid #dedede; margin-bottom: 15px; } .home-featured-cat-content.style-6 .cat-right .mag-post-box:last-child { border: none; } .home-featured-cat-content.style-9 .mag-post-box,.home-featured-cat-content.style-10 .mag-post-box { width: 100%; float: none; margin-right: 0; } ul.footer-socials li { margin-right: 20px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .container,.container.two-sidebar.two-sidebar,.featured-area.style-1,.featured-carousel.style-2 .item img,.featured-area.style-4,.featured-area.magazine-slider { width:480px; } #logo img { max-width: 100%; height: auto; } } @media only screen and (max-width: 479px) { .penci-single-smore .container,.penci-post-image-wrapper > .container,.wrapper-boxed > .container,.wrapper-boxed > .penci-single-wrapper > .penci-single-block > .container,#widget-area > .container,#footer-section > .container,.penci-two-sidebar .container.penci-breadcrumb,.penci-page-header-wrap .penci-page-header-inner.container,​.penci-page-header-wrap { padding-left:20px; padding-right: 20px; } .wrapper-boxed > .container > .container,.penci-single-smore .container .container { padding-left: 0; padding-right: 0; } #navigation,.inner-header { padding-left: 10px; padding-right: 10px; } #penci-login-popup { padding: 30px; } .penci-lgpop-title { font-size: 22px; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image img,.widget ul.side-newsfeed li .side-item .side-image img { width: 100px; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text h4 a,.widget ul.side-newsfeed li .side-item .side-item-text h4 a { font-size: 15px; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text .side-item-meta,.widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size: 13px; } .cat > a.penci-cat-name,.penci-grid li .item .cat a,.penci-masonry .item-masonry .cat a { font-size: 11px; } .home-featured-cat-content .magcat-detail .mag-meta { margin-top: 5px; } .home-featured-cat-content .magcat-detail h3 a { font-size: 15px; line-height: 1.3; } .home-featured-cat-content .magcat-detail .mag-meta span { font-size: 13px; } .penci-pagination a,.penci-pagination .disable-url { font-size: 11px; } .penci-pagination a i { font-size: 12px; } #footer-copyright * { font-size: 12px; } #sidebar-nav { width: 270px; transform: translateX(-270px); -webkit-transform: translateX(-270px); -moz-transform: translateX(-270px); } ul.footer-socials li { margin-right: 10px; } ul.footer-socials li a { line-height: 32px; } ul.footer-socials li a i { width: 32px; height: 32px; line-height: 32px; font-size: 14px; } } @media screen and (max-width: 600px) { #sidebar-nav,#close-sidebar-nav,.penci-menu-hbg,.penci-menu-hbg-overlay { z-index:9999999; } #close-sidebar-nav i { display: inline-block; } } .block-title-icon-left .inner-arrow i { margin-right: 8px; } @keyframes penci-animation-pulse { 25% { transform: scale(1.1); } 75% { transform: scale(.9); } } @keyframes penci-animation-pulse-grow { to { transform: scale(1.1); } } @keyframes penci-animation-pulse-shrink { to { transform: scale(.9); } } @keyframes penci-animation-push { 50% { transform: scale(.8); } 100% { transform: scale(1); } } @keyframes penci-animation-pop { 50% { transform: scale(1.2); } } @-webkit-keyframes penciIconToRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes penciIconToRightFromLeft { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } } @-webkit-keyframes penciIconspinAround { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes penciIconspinAround { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .penci-login-register input[type="email"],.penci-login-register input[type="submit"],.penci-login-register input[type="text"],.penci-login-register input[type="password"],.penci-login-register input[type="number"] { max-width: 100%; width: 100%; } .penci-login-register p,.post-entry .penci-login-register p { margin-bottom: 0; } .penci-block_content { position: relative; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes penci-ken-burns-in { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } @keyframes penci-ken-burns-out { 0% { transform: scale(1.2); } 100% { transform: scale(1); } } @-webkit-keyframes pencifadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes pencifadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes pencifadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes pencifadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-40px,0); transform: translate3d(0,-40px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-40px,0); transform: translate3d(0,-40px,0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0,-100%,0); } to { opacity: 1; transform: none; } } @keyframes popUpfadeInDown { from { opacity: 0; transform: translate3d(0,-80px,0); } to { opacity: 1; transform: none; } } .penci-grid-excerpt-left .penci-grid li .item .item-content,.penci-grid-excerpt-left .penci-masonry .item-masonry .item-content,.penci-grid-excerpt-left .penci-featured-infor .item-content,.penci-std-excerpt-left .penci-grid .mixed-detail .item-content,.penci-std-continue-left .penci-more-link,.penci-std-excerpt-left .standard-main-content { text-align: left; } .penci-latest-posts-el .penci-pagination { margin-top: 30px; margin-bottom: 0; } .penci-latest-posts-el.penci-latest-posts-standard .penci-wrapper-data > article:last-child,.penci-latest-posts-el.penci-latest-posts-classic .penci-wrapper-data > article:last-child,.penci-latest-posts-el.penci-latest-posts-grid .penci-wrapper-data > .grid-style:last-child,.penci-latest-posts-el.penci-latest-posts-standard-grid .penci-wrapper-data > .grid-style:last-child,.penci-latest-posts-el.penci-latest-posts-standard-grid-2 .penci-wrapper-data > .grid-style:last-child,.penci-latest-posts-el.penci-latest-posts-standard-list .penci-wrapper-data > .list-post:last-child,.penci-latest-posts-el.penci-latest-posts-standard-boxed-1 .penci-wrapper-data > .list-boxed-post:last-child,.penci-latest-posts-el.penci-latest-posts-classic-grid .penci-wrapper-data > .grid-style:last-child,.penci-latest-posts-el.penci-latest-posts-classic-grid-2 .penci-wrapper-data > .grid-style:last-child,.penci-latest-posts-el.penci-latest-posts-classic-list .penci-wrapper-data > .list-post:last-child,.penci-latest-posts-el.penci-latest-posts-classic-boxed-1 .penci-wrapper-data > .list-boxed-post:last-child,.penci-latest-posts-el.penci-latest-posts-grid-2 .penci-wrapper-data > .grid-style:last-child,.penci-latest-posts-el.penci-latest-posts-list .penci-wrapper-data > .list-post:last-child,.penci-latest-posts-el.penci-latest-posts-boxed-1 .penci-wrapper-data > .list-boxed-post:last-child,.penci-latest-posts-el.penci-latest-posts-overlay .penci-wrapper-data > .grid-overlay:last-child,.penci-latest-posts-el.penci-latest-posts-featured .penci-wrapper-data > .grid-featured:last-child,.penci-latest-posts-el.penci-latest-posts-mixed .penci-grid > li:last-child,.penci-latest-posts-el.penci-latest-posts-mixed-2 .penci-grid > li:last-child,.penci-latest-posts-el.penci-latest-posts-photography .penci-grid > .typography-style:last-child { margin-bottom: 0 !important; } @media only screen and (max-width: 767px) { .penci-top-bar .pctopbar-item.penci-topbar-trending { display:none; padding: 0 10px; } } .menu-item-has-label .menu-label { font-size: 9px; font-weight: 600; line-height: 12px; position: absolute; z-index: 1; top: calc(50% - 25px); left: 100%; display: inline-block; margin-left: -20px; padding: 2px 4px; vertical-align: middle; white-space: nowrap; letter-spacing: .3px; text-transform: uppercase; color: #fff; background-color: var(--pcaccent-cl); } .penci-menu-hbg .menu-item-has-label .menu-label,.pc-dropdown-menu .menu-item-has-label .menu-label,#sidebar-nav .menu-item-has-label .menu-label { left: auto; } .menu-item-has-label .menu-label.label-style-1:before,.menu-item-has-label .menu-label.label-style-2:before { position: absolute; top: 100%; left: 10px; content: ""; border: 4px solid; border-color: var(--pcaccent-cl); border-right-width: 7px; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-width: 0; } @keyframes penci-menu-rotate { 100% { transform: rotate(360deg); } } .penci-social-colored a i.fa-facebook,.penci-social-colored a i.penciicon-facebook,.penci-social-colored a i.fa-facebook-f { border-left-color: #0d47a1 !important; } .penci-social-colored a i.penciicon-twitter,.penci-social-colored a i.fa-twitter { border-left-color: #40c4ff !important; } .penci-social-colored a i.penciicon-instagram,.penci-social-colored a i.fa-instagram { border-left-color: #4d7a9e !important; } .penci-social-colored a i.penciicon-pinterest,.penci-social-colored a i.fa-pinterest { border-left-color: #bd081c !important; } .penci-social-colored a i.fa-youtube-play,.penci-social-colored a i.penciicon-youtube,.penci-social-colored a i.fa-youtube { border-left-color: #f00 !important; } .penci-social-colored a i.fa-envelope-o,.penci-social-colored a i.penciicon-email,.penci-social-colored a i.fa-envelope { border-left-color: #0084ff !important; } .pcnav-lgroup { position: absolute; top: 0; bottom: 0; right: 0; left: auto; display: flex; flex-wrap: wrap; align-items: end; align-content: end; flex-direction: column; justify-content: center; opacity: 0; z-index: 9; padding: 0 12px; } .pciconp-right.pcalign-left.style-15 .pcnav-lgroup { right: 36px; } .pcnav-lgroup ul { list-style: none; margin: 0; padding: 0; white-space: normal; } .pcnav-lgroup ul ul { position: absolute; top: 100%; right: 0; width: 190px; background-color: rgba(255,255,255,.9); border: 1px solid var(--pcborder-cl); margin: 4px 0 0; padding: 10px 15px; z-index: 9; opacity: 0; visibility: hidden; text-align: right; } .pcnav-lgroup ul li:hover > ul { opacity: 1; visibility: visible; display: block !important; } .pcnav-lgroup ul li { display: inline-block; margin: 0; padding: 0; position: relative; line-height: unset; list-style: none; } .pcnav-lgroup ul li.pcaj-next { margin-left: 4px; } .pcnav-lgroup ul.pcflx > li:last-child > a { padding-right: 0 !important; } .pcnav-lgroup ul.pcflx > li:first-child > a { padding-left: 0 !important; } .pcnav-lgroup ul.pcflx-nav { padding-left: 15px; } .pcnav-lgroup ul li.pcaj-nav-item a { padding-left: 0; padding-right: 0; vertical-align: middle; font-size: 13px; } .pcnav-lgroup ul li.pcaj-nav-item a i { line-height: inherit; vertical-align: middle; } .pcnav-lgroup ul li.pcaj-nav-item a.disable { pointer-events: none; opacity: .4 !important; cursor: default; } .pcnav-lgroup ul li { color: var(--pcheading-cl); } .pcnav-lgroup ul li a { display: inline-block; padding: 0 10px; color: inherit; opacity: .6; transition: all .3s; text-decoration: none; font-size: 14px; } .pcnav-lgroup ul li i { color: inherit; } .pcnav-lgroup ul li > a.clactive,.pcnav-lgroup ul li:hover > a { opacity: 1; color: var(--pcaccent-cl); } .pcnav-lgroup ul ul li a { line-height: 1.3; display: block; padding: 3px 0; } .pcnav-lgroup ul ul li a:hover { color: var(--pcaccent-cl); } .pcnav-lgroup ul ul li { display: block; padding: 2px 0; } .pcnav-lgroup ul ul li:last-child { border: 0; } .penci-biggrid .penci-pagination { order: 9999999; } .penci-homepage-title.style-4 .pcnav-lgroup,.penci-homepage-title.style-5 .pcnav-lgroup,.penci-homepage-title.style-6 .pcnav-lgroup,.penci-homepage-title.style-7 .pcnav-lgroup,.penci-homepage-title.style-9 .pcnav-lgroup,.penci-homepage-title.style-10 .pcnav-lgroup,.penci-homepage-title.style-11 .pcnav-lgroup,.penci-homepage-title.style-12 .pcnav-lgroup,.penci-homepage-title.style-13 .pcnav-lgroup,.penci-homepage-title.style-14 .pcnav-lgroup,.penci-homepage-title.style-16 .pcnav-lgroup,.penci-homepage-title.style-17 .pcnav-lgroup { padding: 0; } .penci-loader-effect { width: 40px; height: 40px; margin: 0 auto; margin-top: -20px; margin-left: -20px; display: none; position: absolute; top: 50%; left: 50%; z-index: 300; } @media (max-width: 767px) { .penci-loader-effect { top:135px; } } .penci-loading-animation:before,.penci-loading-animation:after { content: ""; position: absolute; } .penci-loading-animation-1 .penci-loading-animation,.penci-loading-animation-1 .penci-loading-animation:before,.penci-loading-animation-1 .penci-loading-animation:after,.penci-loading-animation-5 .penci-loading-animation,.penci-loading-animation-6 .penci-loading-animation:before,.penci-loading-animation-7 .penci-loading-animation,.penci-loading-animation-8 .penci-loading-animation,.penci-loading-animation-9 .penci-loading-circle-inner:before { background-color: var(--pcaccent-cl); } @keyframes penci-load-fold-thecube { 0%,10% { transform: perspective(77px) rotateX(-180deg); opacity: 0; } 25%,75% { transform: perspective(77px) rotateX(0deg); opacity: 1; } 90%,100% { transform: perspective(77px) rotateY(180deg); opacity: 0; } } @-webkit-keyframes penci-load-fold-thecube { 0%,10% { -webkit-transform: perspective(77px) rotateX(-180deg); opacity: 0; } 25%,75% { -webkit-transform: perspective(77px) rotateX(0deg); opacity: 1; } 90%,100% { -webkit-transform: perspective(77px) rotateY(180deg); opacity: 0; } } @-webkit-keyframes pencibouncedelay { 0%,80%,100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes pencibouncedelay { 0%,80%,100% { -webkit-transform: scale(0); transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes pencistretchdelay { 0%,40%,100% { -webkit-transform: scaleY(.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes pencistretchdelay { 0%,40%,100% { transform: scaleY(.4); -webkit-transform: scaleY(.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } body { --pc-loader-2: var(--pcaccent-cl); } @-webkit-keyframes loader-2 { 0%,100% { box-shadow: 0 -3em 0 .2em var(--pc-loader-2),2em -2em 0 0 var(--pc-loader-2),3em 0 0 -1em var(--pc-loader-2),2em 2em 0 -1em var(--pc-loader-2),0 3em 0 -1em var(--pc-loader-2),-2em 2em 0 -1em var(--pc-loader-2),-3em 0 0 -1em var(--pc-loader-2),-2em -2em 0 0 var(--pc-loader-2); } 12.5% { box-shadow: 0 -3em 0 0 var(--pc-loader-2),2em -2em 0 .2em var(--pc-loader-2),3em 0 0 0 var(--pc-loader-2),2em 2em 0 -1em var(--pc-loader-2),0 3em 0 -1em var(--pc-loader-2),-2em 2em 0 -1em var(--pc-loader-2),-3em 0 0 -1em var(--pc-loader-2),-2em -2em 0 -1em var(--pc-loader-2); } 25% { box-shadow: 0 -3em 0 -.5em var(--pc-loader-2),2em -2em 0 0 var(--pc-loader-2),3em 0 0 .2em var(--pc-loader-2),2em 2em 0 0 var(--pc-loader-2),0 3em 0 -1em var(--pc-loader-2),-2em 2em 0 -1em var(--pc-loader-2),-3em 0 0 -1em var(--pc-loader-2),-2em -2em 0 -1em var(--pc-loader-2); } 37.5% { box-shadow: 0 -3em 0 -1em var(--pc-loader-2),2em -2em 0 -1em var(--pc-loader-2),3em 0 0 0 var(--pc-loader-2),2em 2em 0 .2em var(--pc-loader-2),0 3em 0 0 var(--pc-loader-2),-2em 2em 0 -1em var(--pc-loader-2),-3em 0 0 -1em var(--pc-loader-2),-2em -2em 0 -1em var(--pc-loader-2); } 50% { box-shadow: 0 -3em 0 -1em var(--pc-loader-2),2em -2em 0 -1em var(--pc-loader-2),3em 0 0 -1em var(--pc-loader-2),2em 2em 0 0 var(--pc-loader-2),0 3em 0 .2em var(--pc-loader-2),-2em 2em 0 0 var(--pc-loader-2),-3em 0 0 -1em var(--pc-loader-2),-2em -2em 0 -1em var(--pc-loader-2); } 62.5% { box-shadow: 0 -3em 0 -1em var(--pc-loader-2),2em -2em 0 -1em var(--pc-loader-2),3em 0 0 -1em var(--pc-loader-2),2em 2em 0 -1em var(--pc-loader-2),0 3em 0 0 var(--pc-loader-2),-2em 2em 0 .2em var(--pc-loader-2),-3em 0 0 0 var(--pc-loader-2),-2em -2em 0 -1em var(--pc-loader-2); } 75% { box-shadow: 0 -3em 0 -1em var(--pc-loader-2),2em -2em 0 -1em var(--pc-loader-2),3em 0 0 -1em var(--pc-loader-2),2em 2em 0 -1em var(--pc-loader-2),0 3em 0 -1em var(--pc-loader-2),-2em 2em 0 0 var(--pc-loader-2),-3em 0 0 .2em var(--pc-loader-2),-2em -2em 0 0 var(--pc-loader-2); } 87.5% { box-shadow: 0 -3em 0 0 var(--pc-loader-2),2em -2em 0 -1em var(--pc-loader-2),3em 0 0 -1em var(--pc-loader-2),2em 2em 0 -1em var(--pc-loader-2),0 3em 0 -1em var(--pc-loader-2),-2em 2em 0 0 var(--pc-loader-2),-3em 0 0 0 var(--pc-loader-2),-2em -2em 0 .2em var(--pc-loader-2); } } @keyframes loader-2 { 0%,100% { box-shadow: 0 -3em 0 .2em var(--pc-loader-2),2em -2em 0 0 var(--pc-loader-2),3em 0 0 -1em var(--pc-loader-2),2em 2em 0 -1em var(--pc-loader-2),0 3em 0 -1em var(--pc-loader-2),-2em 2em 0 -1em var(--pc-loader-2),-3em 0 0 -1em var(--pc-loader-2),-2em -2em 0 0 var(--pc-loader-2); } 12.5% { box-shadow: 0 -3em 0 0 var(--pc-loader-2),2em -2em 0 .2em var(--pc-loader-2),3em 0 0 0 var(--pc-loader-2),2em 2em 0 -1em var(--pc-loader-2),0 3em 0 -1em var(--pc-loader-2),-2em 2em 0 -1em var(--pc-loader-2),-3em 0 0 -1em var(--pc-loader-2),-2em -2em 0 -1em var(--pc-loader-2); } 25% { box-shadow: 0 -3em 0 -.5em var(--pc-loader-2),2em -2em 0 0 var(--pc-loader-2),3em 0 0 .2em var(--pc-loader-2),2em 2em 0 0 var(--pc-loader-2),0 3em 0 -1em var(--pc-loader-2),-2em 2em 0 -1em var(--pc-loader-2),-3em 0 0 -1em var(--pc-loader-2),-2em -2em 0 -1em var(--pc-loader-2); } 37.5% { box-shadow: 0 -3em 0 -1em var(--pc-loader-2),2em -2em 0 -1em var(--pc-loader-2),3em 0 0 0 var(--pc-loader-2),2em 2em 0 .2em var(--pc-loader-2),0 3em 0 0 var(--pc-loader-2),-2em 2em 0 -1em var(--pc-loader-2),-3em 0 0 -1em var(--pc-loader-2),-2em -2em 0 -1em var(--pc-loader-2); } 50% { box-shadow: 0 -3em 0 -1em var(--pc-loader-2),2em -2em 0 -1em var(--pc-loader-2),3em 0 0 -1em var(--pc-loader-2),2em 2em 0 0 var(--pc-loader-2),0 3em 0 .2em var(--pc-loader-2),-2em 2em 0 0 var(--pc-loader-2),-3em 0 0 -1em var(--pc-loader-2),-2em -2em 0 -1em var(--pc-loader-2); } 62.5% { box-shadow: 0 -3em 0 -1em var(--pc-loader-2),2em -2em 0 -1em var(--pc-loader-2),3em 0 0 -1em var(--pc-loader-2),2em 2em 0 -1em var(--pc-loader-2),0 3em 0 0 var(--pc-loader-2),-2em 2em 0 .2em var(--pc-loader-2),-3em 0 0 0 var(--pc-loader-2),-2em -2em 0 -1em var(--pc-loader-2); } 75% { box-shadow: 0 -3em 0 -1em var(--pc-loader-2),2em -2em 0 -1em var(--pc-loader-2),3em 0 0 -1em var(--pc-loader-2),2em 2em 0 -1em var(--pc-loader-2),0 3em 0 -1em var(--pc-loader-2),-2em 2em 0 0 var(--pc-loader-2),-3em 0 0 .2em var(--pc-loader-2),-2em -2em 0 0 var(--pc-loader-2); } 87.5% { box-shadow: 0 -3em 0 0 var(--pc-loader-2),2em -2em 0 -1em var(--pc-loader-2),3em 0 0 -1em var(--pc-loader-2),2em 2em 0 -1em var(--pc-loader-2),0 3em 0 -1em var(--pc-loader-2),-2em 2em 0 0 var(--pc-loader-2),-3em 0 0 0 var(--pc-loader-2),-2em -2em 0 .2em var(--pc-loader-2); } } @-webkit-keyframes loader-3 { 0%,100% { box-shadow: 0 -2.6em 0 0 #3f51b5,1.8em -1.8em 0 0 rgba(63,81,181,.2),2.5em 0 0 0 rgba(63,81,181,.2),1.75em 1.75em 0 0 rgba(63,81,181,.2),0 2.5em 0 0 rgba(63,81,181,.2),-1.8em 1.8em 0 0 rgba(63,81,181,.2),-2.6em 0 0 0 rgba(63,81,181,.5),-1.8em -1.8em 0 0 rgba(63,81,181,.7); } 12.5% { box-shadow: 0 -2.6em 0 0 rgba(63,81,181,.7),1.8em -1.8em 0 0 #3f51b5,2.5em 0 0 0 rgba(63,81,181,.2),1.75em 1.75em 0 0 rgba(63,81,181,.2),0 2.5em 0 0 rgba(63,81,181,.2),-1.8em 1.8em 0 0 rgba(63,81,181,.2),-2.6em 0 0 0 rgba(63,81,181,.2),-1.8em -1.8em 0 0 rgba(63,81,181,.5); } 25% { box-shadow: 0 -2.6em 0 0 rgba(63,81,181,.5),1.8em -1.8em 0 0 rgba(63,81,181,.7),2.5em 0 0 0 #3f51b5,1.75em 1.75em 0 0 rgba(63,81,181,.2),0 2.5em 0 0 rgba(63,81,181,.2),-1.8em 1.8em 0 0 rgba(63,81,181,.2),-2.6em 0 0 0 rgba(63,81,181,.2),-1.8em -1.8em 0 0 rgba(63,81,181,.2); } 37.5% { box-shadow: 0 -2.6em 0 0 rgba(63,81,181,.2),1.8em -1.8em 0 0 rgba(63,81,181,.5),2.5em 0 0 0 rgba(63,81,181,.7),1.75em 1.75em 0 0 rgba(63,81,181,.2),0 2.5em 0 0 rgba(63,81,181,.2),-1.8em 1.8em 0 0 rgba(63,81,181,.2),-2.6em 0 0 0 rgba(63,81,181,.2),-1.8em -1.8em 0 0 rgba(63,81,181,.2); } 50% { box-shadow: 0 -2.6em 0 0 rgba(63,81,181,.2),1.8em -1.8em 0 0 rgba(63,81,181,.2),2.5em 0 0 0 rgba(63,81,181,.5),1.75em 1.75em 0 0 rgba(63,81,181,.7),0 2.5em 0 0 #3f51b5,-1.8em 1.8em 0 0 rgba(63,81,181,.2),-2.6em 0 0 0 rgba(63,81,181,.2),-1.8em -1.8em 0 0 rgba(63,81,181,.2); } 62.5% { box-shadow: 0 -2.6em 0 0 rgba(63,81,181,.2),1.8em -1.8em 0 0 rgba(63,81,181,.2),2.5em 0 0 0 rgba(63,81,181,.2),1.75em 1.75em 0 0 rgba(63,81,181,.5),0 2.5em 0 0 rgba(63,81,181,.7),-1.8em 1.8em 0 0 #3f51b5,-2.6em 0 0 0 rgba(63,81,181,.2),-1.8em -1.8em 0 0 rgba(63,81,181,.2); } 75% { box-shadow: 0 -2.6em 0 0 rgba(63,81,181,.2),1.8em -1.8em 0 0 rgba(63,81,181,.2),2.5em 0 0 0 rgba(63,81,181,.2),1.75em 1.75em 0 0 rgba(63,81,181,.2),0 2.5em 0 0 rgba(63,81,181,.5),-1.8em 1.8em 0 0 rgba(63,81,181,.7),-2.6em 0 0 0 #3f51b5,-1.8em -1.8em 0 0 rgba(63,81,181,.2); } 87.5% { box-shadow: 0 -2.6em 0 0 rgba(63,81,181,.2),1.8em -1.8em 0 0 rgba(63,81,181,.2),2.5em 0 0 0 rgba(63,81,181,.2),1.75em 1.75em 0 0 rgba(63,81,181,.2),0 2.5em 0 0 rgba(63,81,181,.2),-1.8em 1.8em 0 0 rgba(63,81,181,.5),-2.6em 0 0 0 rgba(63,81,181,.7),-1.8em -1.8em 0 0 #3f51b5; } } @keyframes loader-3 { 0%,100% { box-shadow: 0 -2.6em 0 0 #3f51b5,1.8em -1.8em 0 0 rgba(63,81,181,.2),2.5em 0 0 0 rgba(63,81,181,.2),1.75em 1.75em 0 0 rgba(63,81,181,.2),0 2.5em 0 0 rgba(63,81,181,.2),-1.8em 1.8em 0 0 rgba(63,81,181,.2),-2.6em 0 0 0 rgba(63,81,181,.5),-1.8em -1.8em 0 0 rgba(63,81,181,.7); } 12.5% { box-shadow: 0 -2.6em 0 0 rgba(63,81,181,.7),1.8em -1.8em 0 0 #3f51b5,2.5em 0 0 0 rgba(63,81,181,.2),1.75em 1.75em 0 0 rgba(63,81,181,.2),0 2.5em 0 0 rgba(63,81,181,.2),-1.8em 1.8em 0 0 rgba(63,81,181,.2),-2.6em 0 0 0 rgba(63,81,181,.2),-1.8em -1.8em 0 0 rgba(63,81,181,.5); } 25% { box-shadow: 0 -2.6em 0 0 rgba(63,81,181,.5),1.8em -1.8em 0 0 rgba(63,81,181,.7),2.5em 0 0 0 #3f51b5,1.75em 1.75em 0 0 rgba(63,81,181,.2),0 2.5em 0 0 rgba(63,81,181,.2),-1.8em 1.8em 0 0 rgba(63,81,181,.2),-2.6em 0 0 0 rgba(63,81,181,.2),-1.8em -1.8em 0 0 rgba(63,81,181,.2); } 37.5% { box-shadow: 0 -2.6em 0 0 rgba(63,81,181,.2),1.8em -1.8em 0 0 rgba(63,81,181,.5),2.5em 0 0 0 rgba(63,81,181,.7),1.75em 1.75em 0 0 rgba(63,81,181,.2),0 2.5em 0 0 rgba(63,81,181,.2),-1.8em 1.8em 0 0 rgba(63,81,181,.2),-2.6em 0 0 0 rgba(63,81,181,.2),-1.8em -1.8em 0 0 rgba(63,81,181,.2); } 50% { box-shadow: 0 -2.6em 0 0 rgba(63,81,181,.2),1.8em -1.8em 0 0 rgba(63,81,181,.2),2.5em 0 0 0 rgba(63,81,181,.5),1.75em 1.75em 0 0 rgba(63,81,181,.7),0 2.5em 0 0 #3f51b5,-1.8em 1.8em 0 0 rgba(63,81,181,.2),-2.6em 0 0 0 rgba(63,81,181,.2),-1.8em -1.8em 0 0 rgba(63,81,181,.2); } 62.5% { box-shadow: 0 -2.6em 0 0 rgba(63,81,181,.2),1.8em -1.8em 0 0 rgba(63,81,181,.2),2.5em 0 0 0 rgba(63,81,181,.2),1.75em 1.75em 0 0 rgba(63,81,181,.5),0 2.5em 0 0 rgba(63,81,181,.7),-1.8em 1.8em 0 0 #3f51b5,-2.6em 0 0 0 rgba(63,81,181,.2),-1.8em -1.8em 0 0 rgba(63,81,181,.2); } 75% { box-shadow: 0 -2.6em 0 0 rgba(63,81,181,.2),1.8em -1.8em 0 0 rgba(63,81,181,.2),2.5em 0 0 0 rgba(63,81,181,.2),1.75em 1.75em 0 0 rgba(63,81,181,.2),0 2.5em 0 0 rgba(63,81,181,.5),-1.8em 1.8em 0 0 rgba(63,81,181,.7),-2.6em 0 0 0 #3f51b5,-1.8em -1.8em 0 0 rgba(63,81,181,.2); } 87.5% { box-shadow: 0 -2.6em 0 0 rgba(63,81,181,.2),1.8em -1.8em 0 0 rgba(63,81,181,.2),2.5em 0 0 0 rgba(63,81,181,.2),1.75em 1.75em 0 0 rgba(63,81,181,.2),0 2.5em 0 0 rgba(63,81,181,.2),-1.8em 1.8em 0 0 rgba(63,81,181,.5),-2.6em 0 0 0 rgba(63,81,181,.7),-1.8em -1.8em 0 0 #3f51b5; } } @-webkit-keyframes loader-4 { 0% { -webkit-transform: rotate(0); transform: rotate(0); box-shadow: 0 -.83em 0 -.4em var(--pcaccent-cl),0 -.83em 0 -.42em var(--pcaccent-cl),0 -.83em 0 -.44em var(--pcaccent-cl),0 -.83em 0 -.46em var(--pcaccent-cl),0 -.83em 0 -.477em var(--pcaccent-cl); } 5%,95% { box-shadow: 0 -.83em 0 -.4em var(--pcaccent-cl),0 -.83em 0 -.42em var(--pcaccent-cl),0 -.83em 0 -.44em var(--pcaccent-cl),0 -.83em 0 -.46em var(--pcaccent-cl),0 -.83em 0 -.477em var(--pcaccent-cl); } 10%,59% { box-shadow: 0 -.83em 0 -.4em var(--pcaccent-cl),-.087em -.825em 0 -.42em var(--pcaccent-cl),-.173em -.812em 0 -.44em var(--pcaccent-cl),-.256em -.789em 0 -.46em var(--pcaccent-cl),-.297em -.775em 0 -.477em var(--pcaccent-cl); } 20% { box-shadow: 0 -.83em 0 -.4em var(--pcaccent-cl),-.338em -.758em 0 -.42em var(--pcaccent-cl),-.555em -.617em 0 -.44em var(--pcaccent-cl),-.671em -.488em 0 -.46em var(--pcaccent-cl),-.749em -.34em 0 -.477em var(--pcaccent-cl); } 48% { box-shadow: 0 -.83em 0 -.4em var(--pcaccent-cl),-.377em -.74em 0 -.42em var(--pcaccent-cl),-.645em -.522em 0 -.44em var(--pcaccent-cl),-.775em -.297em 0 -.46em var(--pcaccent-cl),-.82em -.09em 0 -.477em var(--pcaccent-cl); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); box-shadow: 0 -.83em 0 -.4em var(--pcaccent-cl),0 -.83em 0 -.42em var(--pcaccent-cl),0 -.83em 0 -.44em var(--pcaccent-cl),0 -.83em 0 -.46em var(--pcaccent-cl),0 -.83em 0 -.477em var(--pcaccent-cl); } } @keyframes loader-4 { 0% { -webkit-transform: rotate(0); transform: rotate(0); box-shadow: 0 -.83em 0 -.4em var(--pcaccent-cl),0 -.83em 0 -.42em var(--pcaccent-cl),0 -.83em 0 -.44em var(--pcaccent-cl),0 -.83em 0 -.46em var(--pcaccent-cl),0 -.83em 0 -.477em var(--pcaccent-cl); } 5%,95% { box-shadow: 0 -.83em 0 -.4em var(--pcaccent-cl),0 -.83em 0 -.42em var(--pcaccent-cl),0 -.83em 0 -.44em var(--pcaccent-cl),0 -.83em 0 -.46em var(--pcaccent-cl),0 -.83em 0 -.477em var(--pcaccent-cl); } 10%,59% { box-shadow: 0 -.83em 0 -.4em var(--pcaccent-cl),-.087em -.825em 0 -.42em var(--pcaccent-cl),-.173em -.812em 0 -.44em var(--pcaccent-cl),-.256em -.789em 0 -.46em var(--pcaccent-cl),-.297em -.775em 0 -.477em var(--pcaccent-cl); } 20% { box-shadow: 0 -.83em 0 -.4em var(--pcaccent-cl),-.338em -.758em 0 -.42em var(--pcaccent-cl),-.555em -.617em 0 -.44em var(--pcaccent-cl),-.671em -.488em 0 -.46em var(--pcaccent-cl),-.749em -.34em 0 -.477em var(--pcaccent-cl); } 48% { box-shadow: 0 -.83em 0 -.4em var(--pcaccent-cl),-.377em -.74em 0 -.42em var(--pcaccent-cl),-.645em -.522em 0 -.44em var(--pcaccent-cl),-.775em -.297em 0 -.46em var(--pcaccent-cl),-.82em -.09em 0 -.477em var(--pcaccent-cl); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); box-shadow: 0 -.83em 0 -.4em var(--pcaccent-cl),0 -.83em 0 -.42em var(--pcaccent-cl),0 -.83em 0 -.44em var(--pcaccent-cl),0 -.83em 0 -.46em var(--pcaccent-cl),0 -.83em 0 -.477em var(--pcaccent-cl); } } @-webkit-keyframes loader-7 { 0%,70%,100% { -webkit-transform: scale3D(1,1,1); transform: scale3D(1,1,1); } 35% { -webkit-transform: scale3D(0,0,1); transform: scale3D(0,0,1); } } @keyframes loader-7 { 0%,70%,100% { -webkit-transform: scale3D(1,1,1); transform: scale3D(1,1,1); } 35% { -webkit-transform: scale3D(0,0,1); transform: scale3D(0,0,1); } } @-webkit-keyframes loader-8 { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 25% { -webkit-transform: translateX(30px) rotate(-90deg) scale(.5); transform: translateX(30px) rotate(-90deg) scale(.5); } 50% { -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg); transform: translateX(30px) translateY(30px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg); transform: translateX(30px) translateY(30px) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5); transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes loader-8 { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 25% { -webkit-transform: translateX(30px) rotate(-90deg) scale(.5); transform: translateX(30px) rotate(-90deg) scale(.5); } 50% { -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg); transform: translateX(30px) translateY(30px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg); transform: translateX(30px) translateY(30px) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5); transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .penci-loading-circle { margin: 0 auto; width: 40px; height: 40px; position: relative; } .penci-loading-circle .penci-loading-circle-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .penci-loading-circle .penci-loading-circle-inner:before { content: ""; display: block; margin: 0 auto; width: 15%; height: 15%; border-radius: 100%; -webkit-animation: penciLoadingCircleBounceDelay .7s infinite ease-in-out both; animation: penciLoadingCircleBounceDelay .7s infinite ease-in-out both; } .penci-loading-circle .penci-loading-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .penci-loading-circle .penci-loading-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .penci-loading-circle .penci-loading-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .penci-loading-circle .penci-loading-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .penci-loading-circle .penci-loading-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .penci-loading-circle .penci-loading-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .penci-loading-circle .penci-loading-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .penci-loading-circle .penci-loading-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .penci-loading-circle .penci-loading-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .penci-loading-circle .penci-loading-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .penci-loading-circle .penci-loading-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .penci-loading-circle .penci-loading-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .penci-loading-circle .penci-loading-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .penci-loading-circle .penci-loading-circle4:before { -webkit-animation-delay: -.9s; animation-delay: -.9s; } .penci-loading-circle .penci-loading-circle5:before { -webkit-animation-delay: -.8s; animation-delay: -.8s; } .penci-loading-circle .penci-loading-circle6:before { -webkit-animation-delay: -.7s; animation-delay: -.7s; } .penci-loading-circle .penci-loading-circle7:before { -webkit-animation-delay: -.6s; animation-delay: -.6s; } .penci-loading-circle .penci-loading-circle8:before { -webkit-animation-delay: -.5s; animation-delay: -.5s; } .penci-loading-circle .penci-loading-circle9:before { -webkit-animation-delay: -.4s; animation-delay: -.4s; } .penci-loading-circle .penci-loading-circle10:before { -webkit-animation-delay: -.3s; animation-delay: -.3s; } .penci-loading-circle .penci-loading-circle11:before { -webkit-animation-delay: -.2s; animation-delay: -.2s; } .penci-loading-circle .penci-loading-circle12:before { -webkit-animation-delay: -.1s; animation-delay: -.1s; } @-webkit-keyframes penciLoadingCircleBounceDelay { 0%,80%,100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes penciLoadingCircleBounceDelay { 0%,80%,100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes PenciSlideInUp { from { -webkit-transform: translate3d(0,15px,0); transform: translate3d(0,15px,0); opacity: 0; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @keyframes PenciSlideInUp { from { -webkit-transform: translate3d(0,15px,0); transform: translate3d(0,15px,0); opacity: 0; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }