.pogoSlider-dir-btn:focus, .pogoSlider-nav-btn:focus { outline: 0; } .pogoSlider { width: 100%; height: 500px!important; position: relative; overflow: hidden; } #column-left .pogoSlider, #column-right .pogoSlider, #content .pogoSlider { margin-bottom: 20px; } .pogoSlider--banner .pogoSlider-slide { ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .pogoSlider-slide { width: 100%; /*height: 100%;*/ position: absolute; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; min-height: 500px!important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; overflow: hidden; } .pogoSlider-loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #eaeaea; z-index: 11; } .pogoSlider-loading-icon { position: absolute; top: 50%; margin-top: -18px; left: 50%; margin-left: -18px; width: 36px; height: 36px; background-image: url(data:image/gif;base64,R0lGODlhJAAkAPIAAJmZmczMzObm5vLy8gAAAAAAAAAAAAAAACH5BA0KAAQAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAJAAkAAADfQi6DPQwyhmbpTgT27Sv3PKNoTh6pXKi6aqljovB8tzWE43vfH8GwKAw4HsMj0XCcZhcCptOIDQ6dVaXV2QxKk16vzWBeEwWPAbotHpUbp/VcHab/Ian5XNx3T7A5/d2fnOAcR95Y4RrhodmBHx3i4eJkB6MjY9ogm6OmCMJACH5BA0KAAQALAAAAAAkACQAAAN+GLocRCDK+aq1Lb/Jwf1P1mydBH4iQ5beiaXKWrovLHd0BccQ2+Y7R4+VC+1unCIhiKQUmcOZckqtWl2CrHYruIK4YO8HzBVfyFuzBa1VV9hZ9wPeldPlhLsdju/7vQOBgoMDeISHhoeDiYqBjI2PipGIco2Ck4SYi5WWhXIJACH5BA0KAAQALAAAAAAkACQAAAN7KLosRCHK+YC9GLT9pg9Vlm1N90mheJGMeYKEirGLe6YyrdgfruoOyAsmW+l4Hp8IiKTEipqj8KUcSYdE6GPL7Xq/4LB4/B2Yz+gBeZ1ur8nt9HscR8/F9fM9nDfvwX1qf16Bg4R9hl2FiYyNjo+QkZKTlJWWl5iZmpoJACH5BA0KAAQALAAAAAAkACQAAAN8OLo8RCLK+YK9OLT9phdVlm1N90mheJGMeYKEirGLe6YyrdgfruoOyAsmW+l4Hp8IiKTEipqj8KUcSYdE6GPL7Xq/4LB4TC5/Aei0GmAer99t8XsdD8/VdfA9nT/v2X1df4CBW4OFXIeID4qLjo+QkZKTlJWWl5iZmptxCQAh+QQNCgAEACwAAAAAJAAkAAADfUi6vPMwKkGrFS2ryMe8l5Z1EgGGIkNC30ml6uqZ7gtvcuve+KqfPIJsVrPdhj9QEEmrLXPNXXBKrVqvi4B2yw1gM93wtxHujhll7jmb1q4Vbfc77p3H3wQ6Xo/v+68AgYKDAHiEh4aHg4mKgYyNj4qRiG+NgpOEmIuVlgAJACH5BA0KAAQALAAAAAAkACQAAAN8SLrcziPKOZ69hGrMoZ5d+IEhN0qleVbptbLt88bWTDv27Z167/8cgXBIFAAJxeQxWVwyh86nESgVRp9XZlZJrR6/4AdgTC4rAui0OhAquwHn9br9JsflaXodTsCr9XV3foBvgniEboZyiGZ9fmiMdo6PkWOKcx17lpN+CQAh+QQNCgAEACwAAAAAJAAkAAADd0i63P4wykmrvTjrzbv/YCiOZGmSQ6quQ8i+7rvGckrXt5zDYK3uLODsRIQAjsgkQBFoOp8KgXRKFSivzKc2Wq1elVmtk9udfpNhcYBctp6PaTG7/IYT1GNC21yPb/V7bm9+UIB7dUt3eGuGbYiEeYGCZ5BNc10JACH5BA0KAAQALAAAAAAkACQAAAN3SLrc/jDKSau9OOvNu/9gKI5kaS5Aqq5AyL7uu8ZySte3nMNgre4s4OxELAaOyGRAIWg6n4qBdEodKK/MpzZarV6VWa2T251+k2GxgFy2no9pMbv8hhPUY0LbXI9v9Xtub35QgHt1S3d4a4ZtiIR5gYJnkE1zXQkAOw==); } .pogoSlider-slide-element { -webkit-animation-fill-mode: both; animation-fill-mode: both; } .m-pogoSlider .pogoSlider-slide-element { position: absolute; margin: 0; box-sizing: border-box; } .pogoSlider-progressBar { position: absolute; width: 100%; height: 5px; top: 0; left: 0; background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); background: rgba(255,255,255,.2); z-index: 6; } .pogoSlider-progressBar-duration { position: absolute; height: 100%; left: 0; width: 0; background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); background: rgba(255,255,255,.4); } .pogoSlider-dir-btn { position: absolute; z-index: 10; background: 0 0; width: 20px; height: 20px; border-color: #eaeaea; border-color: rgba(255,255,255,.7); border-style: solid; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); cursor: pointer; } .pogoSlider-dir-btn:hover { border-color: #fff; } .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev, .pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev, .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev, .pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev, .pogoSlider--dirTopRight .pogoSlider-dir-btn--prev { border-width: 0 0 3px 3px; } .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next, .pogoSlider--dirBottomRight .pogoSlider-dir-btn--next, .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next, .pogoSlider--dirTopLeft .pogoSlider-dir-btn--next, .pogoSlider--dirTopRight .pogoSlider-dir-btn--next { border-width: 3px 3px 0 0; } .pogoSlider--dirCenterVertical .pogoSlider-dir-btn--next { border-width: 3px 0 0 3px; } .pogoSlider--dirCenterVertical .pogoSlider-dir-btn--prev { border-width: 0 3px 3px 0; } .pogoSlider--dirCenterVertical .pogoSlider-dir-btn--next, .pogoSlider--dirTopLeft .pogoSlider-dir-btn, .pogoSlider--dirTopRight .pogoSlider-dir-btn { top: 14px; } .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev, .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev, .pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev { left: 14px; } .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next, .pogoSlider--dirTopLeft .pogoSlider-dir-btn--next { left: 50px; } .pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev, .pogoSlider--dirTopRight .pogoSlider-dir-btn--prev { right: 50px; } .pogoSlider--dirBottomRight .pogoSlider-dir-btn--next, .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next, .pogoSlider--dirTopRight .pogoSlider-dir-btn--next { right: 14px; } .pogoSlider--dirBottomLeft .pogoSlider-dir-btn, .pogoSlider--dirBottomRight .pogoSlider-dir-btn, .pogoSlider--dirCenterVertical .pogoSlider-dir-btn--prev { bottom: 14px; } .pogoSlider--dirCenterVertical .pogoSlider-dir-btn { left: 50%; margin-left: -10px; } .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn { top: 50%; margin-top: -10px; } .pogoSlider-nav { position: absolute; padding: 0; margin: 0; z-index: 10; } .pogoSlider--navBottom .pogoSlider-nav, .pogoSlider--navTop .pogoSlider-nav { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pogoSlider--navTop .pogoSlider-nav { top: 10px; } .pogoSlider--navBottom .pogoSlider-nav { bottom: 10px; } .pogoSlider--navBottom .pogoSlider-nav li, .pogoSlider--navTop .pogoSlider-nav li { display: inline; margin: 0 6px; } .pogoSlider--navLeft .pogoSlider-nav, .pogoSlider--navRight .pogoSlider-nav { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .pogoSlider--navLeft .pogoSlider-nav { left: 10px; } .pogoSlider--navRight .pogoSlider-nav { right: 10px; } .pogoSlider--navLeft .pogoSlider-nav li, .pogoSlider--navRight .pogoSlider-nav li { display: block; margin: 6px 0; } .pogoSlider-nav-btn { background: #ccc; background: rgba(255,255,255,.5); border: none; border-radius: 50%; width: 20px; height: 20px; box-shadow: 0 1px 1px rgba(0,0,0,.1); cursor: pointer; } .pogoSlider-nav-btn--selected { background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.3); } .pogoSlider-slide-slice { overflow: hidden; position: absolute; background-size: cover; } .pogoSlider-slide-slice-inner { position: absolute; overflow: hidden; } .pogoSlider-animation-slideDownIn { -webkit-animation-name: slideDownIn; animation-name: slideDownIn; } @-webkit-keyframes slideDownIn { 0% { -webkit-transform:translateY(-50px); transform:translateY(-50px); opacity:0 } 100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } } @keyframes slideDownIn { 0% { -webkit-transform:translateY(-50px); transform:translateY(-50px); opacity:0 } 100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } } .pogoSlider-animation-slideDownOut { -webkit-animation-name: slideDownOut; animation-name: slideDownOut } @-webkit-keyframes slideDownOut { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } 100% { -webkit-transform:translateY(50px); transform:translateY(50px); opacity:0 } } @keyframes slideDownOut { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } 100% { -webkit-transform:translateY(50px); transform:translateY(50px); opacity:0 } } .pogoSlider-animation-slideUpIn { -webkit-animation-name: slideUpIn; animation-name: slideUpIn } @-webkit-keyframes slideUpIn { 0% { -webkit-transform:translateY(50px); transform:translateY(50px); opacity:0 } 100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } } @keyframes slideUpIn { 0% { -webkit-transform:translateY(50px); transform:translateY(50px); opacity:0 } 100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } } .pogoSlider-animation-slideUpOut { -webkit-animation-name: slideUpOut; animation-name: slideUpOut } @-webkit-keyframes slideUpOut { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } 100% { -webkit-transform:translateY(50px); transform:translateY(50px); opacity:0 } } @keyframes slideUpOut { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } 100% { -webkit-transform:translateY(50px); transform:translateY(50px); opacity:0 } } .pogoSlider-animation-slideRightIn { -webkit-animation-name: slideRightIn; animation-name: slideRightIn } .pogoSlider-animation-slideRightOut { -webkit-animation-name: slideRightOut; animation-name: slideRightOut } @-webkit-keyframes slideRightIn { 0% { -webkit-transform:translateX(-50px); transform:translateX(-50px); opacity:0 } 100% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } @keyframes slideRightIn { 0% { -webkit-transform:translateX(-50px); transform:translateX(-50px); opacity:0 } 100% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } @-webkit-keyframes slideRightOut { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } 100% { -webkit-transform:translateX(50px); transform:translateX(50px); opacity:0 } } @keyframes slideRightOut { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } 100% { -webkit-transform:translateX(50px); transform:translateX(50px); opacity:0 } } .pogoSlider-animation-slideLeftIn { -webkit-animation-name: slideLeftIn; animation-name: slideLeftIn } .pogoSlider-animation-slideLeftOut { -webkit-animation-name: slideLeftOut; animation-name: slideLeftOut } @-webkit-keyframes slideLeftIn { 0% { -webkit-transform:translateX(50px); transform:translateX(50px); opacity:0 } 100% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } @keyframes slideLeftIn { 0% { -webkit-transform:translateX(50px); transform:translateX(50px); opacity:0 } 100% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } @-webkit-keyframes slideLeftOut { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } 100% { -webkit-transform:translateX(-50px); transform:translateX(-50px); opacity:0 } } @keyframes slideLeftOut { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } 100% { -webkit-transform:translateX(-50px); transform:translateX(-50px); opacity:0 } } .pogoSlider-animation-expandIn { -webkit-animation-name: expandIn; animation-name: expandIn } .pogoSlider-animation-expandOut { -webkit-animation-name: expandOut; animation-name: expandOut } @-webkit-keyframes expandIn { 0% { -webkit-transform:scale(.7); transform:scale(.7); opacity:0 } 100% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } } @keyframes expandIn { 0% { -webkit-transform:scale(.7); transform:scale(.7); opacity:0 } 100% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } } @-webkit-keyframes expandOut { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 100% { -webkit-transform:scale(1.5); transform:scale(1.5); opacity:0 } } @keyframes expandOut { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 100% { -webkit-transform:scale(1.5); transform:scale(1.5); opacity:0 } } .pogoSlider-animation-contractIn { -webkit-animation-name: contractIn; animation-name: contractIn } .pogoSlider-animation-contractOut { -webkit-animation-name: contractOut; animation-name: contractOut } @-webkit-keyframes contractIn { 0% { -webkit-transform:scale(2); transform:scale(2); opacity:0 } 100% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } } @keyframes contractIn { 0% { -webkit-transform:scale(2); transform:scale(2); opacity:0 } 100% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } } @-webkit-keyframes contractOut { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 100% { -webkit-transform:scale(.5); transform:scale(.5); opacity:0 } } @keyframes contractOut { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 100% { -webkit-transform:scale(.5); transform:scale(.5); opacity:0 } } .pogoSlider-animation-spinIn { -webkit-animation-name: spinIn; animation-name: spinIn } .pogoSlider-animation-spinOut { -webkit-animation-name: spinOut; animation-name: spinOut } @-webkit-keyframes spinIn { 0% { -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:scale(0)rotate(720deg); transform:scale(0)rotate(720deg) } 100% { -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:scale(1)rotate(0); transform:scale(1)rotate(0) } } @keyframes spinIn { 0% { -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:scale(0)rotate(720deg); transform:scale(0)rotate(720deg) } 100% { -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:scale(1)rotate(0); transform:scale(1)rotate(0) } } @-webkit-keyframes spinOut { 0% { -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:scale(1)rotate(0); transform:scale(1)rotate(0) } 100% { -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:scale(0)rotate(720deg); transform:scale(0)rotate(720deg) } } @keyframes spinOut { 0% { -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:scale(1)rotate(0); transform:scale(1)rotate(0) } 100% { -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:scale(0)rotate(720deg); transform:scale(0)rotate(720deg) } } .pogoSlider-animation-sideFallIn { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: sideFallIn; animation-name: sideFallIn } .pogoSlider-animation-sideFallOut { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: sideFallOut; animation-name: sideFallOut } @-webkit-keyframes sideFallIn { 0% { -webkit-transform:translate(30%)translateZ(600px)rotate(10deg); transform:translate(30%)translateZ(600px)rotate(10deg); opacity:0 } 100% { -webkit-transform:translate(0)translateZ(0)rotate(0); transform:translate(0)translateZ(0)rotate(0); opacity:1 } } @keyframes sideFallIn { 0% { -webkit-transform:translate(30%)translateZ(600px)rotate(10deg); transform:translate(30%)translateZ(600px)rotate(10deg); opacity:0 } 100% { -webkit-transform:translate(0)translateZ(0)rotate(0); transform:translate(0)translateZ(0)rotate(0); opacity:1 } } @-webkit-keyframes sideFallOut { 0% { -webkit-transform:translate(0)translateZ(0)rotate(0); transform:translate(0)translateZ(0)rotate(0); opacity:1 } 100% { -webkit-transform:translate(30%)translateZ(600px)rotate(10deg); transform:translate(30%)translateZ(600px)rotate(10deg); opacity:0 } } @keyframes sideFallOut { 0% { -webkit-transform:translate(0)translateZ(0)rotate(0); transform:translate(0)translateZ(0)rotate(0); opacity:1 } 100% { -webkit-transform:translate(30%)translateZ(600px)rotate(10deg); transform:translate(30%)translateZ(600px)rotate(10deg); opacity:0 } } .pogoSlider-animation-horizontal3DFlipIn { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: horizontal3DFlipIn; animation-name: horizontal3DFlipIn } .pogoSlider-animation-horizontal3DFlipOut { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: horizontal3DFlipOut; animation-name: horizontal3DFlipOut } @-webkit-keyframes horizontal3DFlipIn { 0% { -webkit-transform:rotateY(-70deg); transform:rotateY(-70deg); opacity:0 } 100% { -webkit-transform:rotateY(0); transform:rotateY(0); opacity:1 } } @keyframes horizontal3DFlipIn { 0% { -webkit-transform:rotateY(-70deg); transform:rotateY(-70deg); opacity:0 } 100% { -webkit-transform:rotateY(0); transform:rotateY(0); opacity:1 } } @-webkit-keyframes horizontal3DFlipOut { 0% { -webkit-transform:rotateY(0); transform:rotateY(0); opacity:1 } 100% { -webkit-transform:rotateY(-70deg); transform:rotateY(-70deg); opacity:0 } } @keyframes horizontal3DFlipOut { 0% { -webkit-transform:rotateY(0); transform:rotateY(0); opacity:1 } 100% { -webkit-transform:rotateY(-70deg); transform:rotateY(-70deg); opacity:0 } } .pogoSlider-animation-vertical3DFlipIn { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: vertical3DFlipIn; animation-name: vertical3DFlipIn } .pogoSlider-animation-vertical3DFlipOut { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: vertical3DFlipOut; animation-name: vertical3DFlipOut } @-webkit-keyframes vertical3DFlipIn { 0% { -webkit-transform:rotateX(-70deg); transform:rotateX(-70deg); opacity:0 } 100% { -webkit-transform:rotateX(0); transform:rotateX(0); opacity:1 } } @keyframes vertical3DFlipIn { 0% { -webkit-transform:rotateX(-70deg); transform:rotateX(-70deg); opacity:0 } 100% { -webkit-transform:rotateX(0); transform:rotateX(0); opacity:1 } } @-webkit-keyframes vertical3DFlipOut { 0% { -webkit-transform:rotateX(0); transform:rotateX(0); opacity:1 } 100% { -webkit-transform:rotateX(-70deg); transform:rotateX(-70deg); opacity:0 } } @keyframes vertical3DFlipOut { 0% { -webkit-transform:rotateX(0); transform:rotateX(0); opacity:1 } 100% { -webkit-transform:rotateX(-70deg); transform:rotateX(-70deg); opacity:0 } } .pogoSlider-animation-3DPivotIn { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: pivotIn; animation-name: pivotIn } .pogoSlider-animation-3DPivotOut { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: pivotOut; animation-name: pivotOut } @-webkit-keyframes pivotIn { 0% { -webkit-transform:rotateX(-60deg); transform:rotateX(-60deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; opacity:0 } 100% { -webkit-transform:rotateX(0); transform:rotateX(0); -webkit-transform-origin:0 0; transform-origin:0 0; opacity:1 } } @keyframes pivotIn { 0% { -webkit-transform:rotateX(-60deg); transform:rotateX(-60deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; opacity:0 } 100% { -webkit-transform:rotateX(0); transform:rotateX(0); -webkit-transform-origin:0 0; transform-origin:0 0; opacity:1 } } @-webkit-keyframes pivotOut { 0% { -webkit-transform:rotateX(0); transform:rotateX(0); -webkit-transform-origin:0 0; transform-origin:0 0; opacity:1 } 100% { -webkit-transform:rotateX(-60deg); transform:rotateX(-60deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; opacity:0 } } @keyframes pivotOut { 0% { -webkit-transform:rotateX(0); transform:rotateX(0); -webkit-transform-origin:0 0; transform-origin:0 0; opacity:1 } 100% { -webkit-transform:rotateX(-60deg); transform:rotateX(-60deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; opacity:0 } } .pogoSlider-animation-rollLeftIn { -webkit-animation-name: rollLeftIn; animation-name: rollLeftIn } .pogoSlider-animation-rollLeftOut { -webkit-animation-name: rollLeftOut; animation-name: rollLeftOut } @-webkit-keyframes rollLeftIn { 0% { opacity:0; -webkit-transform:translateX(100%)rotate(120deg); transform:translateX(100%)rotate(120deg) } 100% { opacity:1; -webkit-transform:translateX(0)rotate(0); transform:translateX(0)rotate(0) } } @keyframes rollLeftIn { 0% { opacity:0; -webkit-transform:translateX(100%)rotate(120deg); transform:translateX(100%)rotate(120deg) } 100% { opacity:1; -webkit-transform:translateX(0)rotate(0); transform:translateX(0)rotate(0) } } @-webkit-keyframes rollLeftOut { 0% { opacity:1; -webkit-transform:translateX(0)rotate(0); transform:translateX(0)rotate(0) } 100% { opacity:0; -webkit-transform:translateX(-100%)rotate(-120deg); transform:translateX(-100%)rotate(-120deg) } } @keyframes rollLeftOut { 0% { opacity:1; -webkit-transform:translateX(0)rotate(0); transform:translateX(0)rotate(0) } 100% { opacity:0; -webkit-transform:translateX(-100%)rotate(-120deg); transform:translateX(-100%)rotate(-120deg) } } .pogoSlider-animation-rollRightIn { -webkit-animation-name: rollRightIn; animation-name: rollRightIn } .pogoSlider-animation-rollRightOut { -webkit-animation-name: rollRightOut; animation-name: rollRightOut } @-webkit-keyframes rollRightIn { 0% { opacity:0; -webkit-transform:translateX(-100%)rotate(-120deg); transform:translateX(-100%)rotate(-120deg) } 100% { opacity:1; -webkit-transform:translateX(0)rotate(0); transform:translateX(0)rotate(0) } } @keyframes rollRightIn { 0% { opacity:0; -webkit-transform:translateX(-100%)rotate(-120deg); transform:translateX(-100%)rotate(-120deg) } 100% { opacity:1; -webkit-transform:translateX(0)rotate(0); transform:translateX(0)rotate(0) } } @-webkit-keyframes rollRightOut { 0% { opacity:1; -webkit-transform:translateX(0)rotate(0); transform:translateX(0)rotate(0) } 100% { opacity:0; -webkit-transform:translateX(100%)rotate(120deg); transform:translateX(100%)rotate(120deg) } } @keyframes rollRightOut { 0% { opacity:1; -webkit-transform:translateX(0)rotate(0); transform:translateX(0)rotate(0) } 100% { opacity:0; -webkit-transform:translateX(100%)rotate(120deg); transform:translateX(100%)rotate(120deg) } } .pogoSlider-animation-glideLeftIn { -webkit-animation-name: glideLeftIn; animation-name: glideLeftIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } .pogoSlider-animation-glideLeftOut { -webkit-animation-name: glideLeftOut; animation-name: glideLeftOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes glideLeftIn { 0% { -webkit-transform:translateX(100%)skewX(-30deg); transform:translateX(100%)skewX(-30deg); opacity:0 } 60% { -webkit-transform:translateX(-20%)skewX(30deg); transform:translateX(-20%)skewX(30deg); opacity:1 } 80% { -webkit-transform:translateX(0)skewX(-15deg); transform:translateX(0)skewX(-15deg); opacity:1 } 100% { -webkit-transform:translateX(0)skewX(0); transform:translateX(0)skewX(0); opacity:1 } } @keyframes glideLeftIn { 0% { -webkit-transform:translateX(100%)skewX(-30deg); transform:translateX(100%)skewX(-30deg); opacity:0 } 60% { -webkit-transform:translateX(-20%)skewX(30deg); transform:translateX(-20%)skewX(30deg); opacity:1 } 80% { -webkit-transform:translateX(0)skewX(-15deg); transform:translateX(0)skewX(-15deg); opacity:1 } 100% { -webkit-transform:translateX(0)skewX(0); transform:translateX(0)skewX(0); opacity:1 } } @-webkit-keyframes glideLeftOut { 0% { -webkit-transform:translateX(0)skewX(0); transform:translateX(0)skewX(0); opacity:1 } 100% { -webkit-transform:translateX(-100%)skewX(30deg); transform:translateX(-100%)skewX(30deg); opacity:0 } } @keyframes glideLeftOut { 0% { -webkit-transform:translateX(0)skewX(0); transform:translateX(0)skewX(0); opacity:1 } 100% { -webkit-transform:translateX(-100%)skewX(30deg); transform:translateX(-100%)skewX(30deg); opacity:0 } } .pogoSlider-animation-glideRightIn { -webkit-animation-name: glideRightIn; animation-name: glideRightIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } .pogoSlider-animation-glideRightOut { -webkit-animation-name: glideRightOut; animation-name: glideRightOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes glideRightIn { 0% { -webkit-transform:translateX(-100%)skewX(30deg); transform:translateX(-100%)skewX(30deg); opacity:0 } 60% { -webkit-transform:translateX(20%)skewX(-30deg); transform:translateX(20%)skewX(-30deg); opacity:1 } 80% { -webkit-transform:translateX(0)skewX(15deg); transform:translateX(0)skewX(15deg); opacity:1 } 100% { -webkit-transform:translateX(0)skewX(0); transform:translateX(0)skewX(0); opacity:1 } } @keyframes glideRightIn { 0% { -webkit-transform:translateX(-100%)skewX(30deg); transform:translateX(-100%)skewX(30deg); opacity:0 } 60% { -webkit-transform:translateX(20%)skewX(-30deg); transform:translateX(20%)skewX(-30deg); opacity:1 } 80% { -webkit-transform:translateX(0)skewX(15deg); transform:translateX(0)skewX(15deg); opacity:1 } 100% { -webkit-transform:translateX(0)skewX(0); transform:translateX(0)skewX(0); opacity:1 } } @-webkit-keyframes glideRightOut { 0% { -webkit-transform:translateX(0)skewX(0); transform:translateX(0)skewX(0); opacity:1 } 100% { -webkit-transform:translateX(100%)skewX(-30deg); transform:translateX(100%)skewX(-30deg); opacity:0 } } @keyframes glideRightOut { 0% { -webkit-transform:translateX(0)skewX(0); transform:translateX(0)skewX(0); opacity:1 } 100% { -webkit-transform:translateX(100%)skewX(-30deg); transform:translateX(100%)skewX(-30deg); opacity:0 } } .pogoSlider-animation-flipXIn { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipXIn; animation-name: flipXIn } .pogoSlider-animation-flipXOut { -webkit-animation-name: flipXOut; animation-name: flipXOut; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flipXIn { 0% { -webkit-transform:perspective(400px)rotateX(90deg); transform:perspective(400px)rotateX(90deg); opacity:0 } 40% { -webkit-transform:perspective(400px)rotateX(-10deg); transform:perspective(400px)rotateX(-10deg) } 70% { -webkit-transform:perspective(400px)rotateX(10deg); transform:perspective(400px)rotateX(10deg) } 100% { -webkit-transform:perspective(400px)rotateX(0); transform:perspective(400px)rotateX(0); opacity:1 } } @keyframes flipXIn { 0% { -webkit-transform:perspective(400px)rotateX(90deg); transform:perspective(400px)rotateX(90deg); opacity:0 } 40% { -webkit-transform:perspective(400px)rotateX(-10deg); transform:perspective(400px)rotateX(-10deg) } 70% { -webkit-transform:perspective(400px)rotateX(10deg); transform:perspective(400px)rotateX(10deg) } 100% { -webkit-transform:perspective(400px)rotateX(0); transform:perspective(400px)rotateX(0); opacity:1 } } @-webkit-keyframes flipXOut { 0% { -webkit-transform:perspective(400px)rotateX(0); transform:perspective(400px)rotateX(0); opacity:1 } 100% { -webkit-transform:perspective(400px)rotateX(90deg); transform:perspective(400px)rotateX(90deg); opacity:0 } } @keyframes flipXOut { 0% { -webkit-transform:perspective(400px)rotateX(0); transform:perspective(400px)rotateX(0); opacity:1 } 100% { -webkit-transform:perspective(400px)rotateX(90deg); transform:perspective(400px)rotateX(90deg); opacity:0 } } .pogoSlider-animation-flipYIn { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipYIn; animation-name: flipYIn } .pogoSlider-animation-flipYOut { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipYOut; animation-name: flipYOut } @-webkit-keyframes flipYIn { 0% { -webkit-transform:perspective(400px)rotateY(90deg); transform:perspective(400px)rotateY(90deg); opacity:0 } 40% { -webkit-transform:perspective(400px)rotateY(-10deg); transform:perspective(400px)rotateY(-10deg) } 70% { -webkit-transform:perspective(400px)rotateY(10deg); transform:perspective(400px)rotateY(10deg) } 100% { -webkit-transform:perspective(400px)rotateY(0); transform:perspective(400px)rotateY(0); opacity:1 } } @keyframes flipYIn { 0% { -webkit-transform:perspective(400px)rotateY(90deg); transform:perspective(400px)rotateY(90deg); opacity:0 } 40% { -webkit-transform:perspective(400px)rotateY(-10deg); transform:perspective(400px)rotateY(-10deg) } 70% { -webkit-transform:perspective(400px)rotateY(10deg); transform:perspective(400px)rotateY(10deg) } 100% { -webkit-transform:perspective(400px)rotateY(0); transform:perspective(400px)rotateY(0); opacity:1 } } @-webkit-keyframes flipYOut { 0% { -webkit-transform:perspective(400px)rotateY(0); transform:perspective(400px)rotateY(0); opacity:1 } 100% { -webkit-transform:perspective(400px)rotateY(90deg); transform:perspective(400px)rotateY(90deg); opacity:0 } } @keyframes flipYOut { 0% { -webkit-transform:perspective(400px)rotateY(0); transform:perspective(400px)rotateY(0); opacity:1 } 100% { -webkit-transform:perspective(400px)rotateY(90deg); transform:perspective(400px)rotateY(90deg); opacity:0 } } .pogoSlider-animation-foldInLeft { -webkit-animation-name: foldInLeft; animation-name: foldInLeft; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } @-webkit-keyframes foldInLeft { 0% { -webkit-transform:rotateY(0); transform:rotateY(0) } 100% { -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg) } } @keyframes foldInLeft { 0% { -webkit-transform:rotateY(0); transform:rotateY(0) } 100% { -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg) } } .pogoSlider-animation-foldOutLeft { -webkit-animation-name: foldOutLeft; animation-name: foldOutLeft; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100% 0; -ms-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } @-webkit-keyframes foldOutLeft { 0% { -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } 100% { -webkit-transform:rotateY(0); transform:rotateY(0) } } @keyframes foldOutLeft { 0% { -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } 100% { -webkit-transform:rotateY(0); transform:rotateY(0) } } .pogoSlider-animation-foldInRight { -webkit-animation-name: foldInRight; animation-name: foldInRight; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100% 0; -ms-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } @-webkit-keyframes foldInRight { 0% { -webkit-transform:rotateY(0); transform:rotateY(0) } 100% { -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } } @keyframes foldInRight { 0% { -webkit-transform:rotateY(0); transform:rotateY(0) } 100% { -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } } .pogoSlider-animation-foldOutRight { -webkit-animation-name: foldOutRight; animation-name: foldOutRight; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } @-webkit-keyframes foldOutRight { 0% { -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg) } 100% { -webkit-transform:rotateY(0); transform:rotateY(0) } } @keyframes foldOutRight { 0% { -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg) } 100% { -webkit-transform:rotateY(0); transform:rotateY(0) } } .pogoSlider-animation-expandReveal { -webkit-animation-name: expandReveal; animation-name: expandReveal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes expandReveal { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 100% { -webkit-transform:scale(1.3); transform:scale(1.3); opacity:0 } } @keyframes expandReveal { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 100% { -webkit-transform:scale(1.3); transform:scale(1.3); opacity:0 } } .pogoSlider-animation-shrinkReveal { -webkit-animation-name: shrinkReveal; animation-name: shrinkReveal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes shrinkReveal { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 100% { -webkit-transform:scale(.5); transform:scale(.5); opacity:0 } } @keyframes shrinkReveal { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 100% { -webkit-transform:scale(.5); transform:scale(.5); opacity:0 } } .pogoSlider-animation-blocksReveal { -webkit-animation-name: blocksReveal; animation-name: blocksReveal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes blocksReveal { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 100% { -webkit-transform:scale(.8); transform:scale(.8); opacity:0 } } @keyframes blocksReveal { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 100% { -webkit-transform:scale(.8); transform:scale(.8); opacity:0 } } .pogoSlider-animation-downIn { -webkit-animation-name: downIn; animation-name: downIn; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes downIn { 0% { -webkit-transform:translateY(-100%); transform:translateY(-100%) } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes downIn { 0% { -webkit-transform:translateY(-100%); transform:translateY(-100%) } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } .pogoSlider-animation-downOut { -webkit-animation-name: downOut; animation-name: downOut; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes downOut { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 100% { -webkit-transform:translateY(100%); transform:translateY(100%) } } @keyframes downOut { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 100% { -webkit-transform:translateY(100%); transform:translateY(100%) } } .pogoSlider-animation-upIn { -webkit-animation-name: upIn; animation-name: upIn; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes upIn { 0% { -webkit-transform:translateY(100%); transform:translateY(100%) } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes upIn { 0% { -webkit-transform:translateY(100%); transform:translateY(100%) } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } .pogoSlider-animation-upOut { -webkit-animation-name: upOut; animation-name: upOut; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes upOut { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 100% { -webkit-transform:translateY(-100%); transform:translateY(-100%) } } @keyframes upOut { 0% { -webkit-transform:translateY(0); transform:translateY(0) } 100% { -webkit-transform:translateY(-100%); transform:translateY(-100%) } } .pogoSlider-animation-rightIn { -webkit-animation-name: rightIn; animation-name: rightIn; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes rightIn { 0% { -webkit-transform:translateX(-100%); transform:translateX(-100%) } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes rightIn { 0% { -webkit-transform:translateX(-100%); transform:translateX(-100%) } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } .pogoSlider-animation-rightOut { -webkit-animation-name: rightOut; animation-name: rightOut; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes rightOut { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 100% { -webkit-transform:translateX(100%); transform:translateX(100%) } } @keyframes rightOut { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 100% { -webkit-transform:translateX(100%); transform:translateX(100%) } } .pogoSlider-animation-leftIn { -webkit-animation-name: leftIn; animation-name: leftIn; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes leftIn { 0% { -webkit-transform:translateX(100%); transform:translateX(100%) } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes leftIn { 0% { -webkit-transform:translateX(100%); transform:translateX(100%) } 100% { -webkit-transform:translateX(0); transform:translateX(0) } } .pogoSlider-animation-leftOut { -webkit-animation-name: leftOut; animation-name: leftOut; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes leftOut { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 100% { -webkit-transform:translateX(-100%); transform:translateX(-100%) } } @keyframes leftOut { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 100% { -webkit-transform:translateX(-100%); transform:translateX(-100%) } } /*-- responsive design --*/ /*@media (max-width:1600px) { .navbar-wrapper { margin-top: 56px; } .pogoSlider-slide-element { margin-top: 175px!important; } .pogoSlider { height: 744px!important; } .pogoSlider-slide { min-height:744px!important; } } @media (max-width: 1440px) { .pogoSlider-slide-element h3 { padding:0 175px 30px 100px; } } @media (max-width: 1366px) { .pogoSlider { height: 717px!important; } .pogoSlider-slide { min-height:717px!important; } .pogoSlider-slide-element h3 { font-size: 40px; padding: 0 370px 10px 100px; font-family: 'Philosopher', sans-serif; font-weight: bold; } } .pogoSlider-slide-element { margin-top: 175px!important; } .pogoSlider-slide-element h3:after { left:8%; } @media (max-width: 1280px) { .pogoSlider-slide-element h3 { padding: 0 480px 30px 100px; } }*/ @media (max-width: 1080px) { .pogoSlider-slide-element h3 { padding: 0 370px 30px 100px; font-size: 35px; line-height: 60px; } } @media (max-width: 1024px) { .pogoSlider-slide-element h3 { padding: 0 280px 30px 100px; font-size: 35px; line-height: 60px; } .pogoSlider { height: 400px!important; } .pogoSlider-slide { min-height: 400px!important; } .pogoSlider-slide-element { margin-top: 180px!important; } .pogoSlider-slide-element h3:after { left: 11%; } } @media (max-width:800px) { .pogoSlider-slide-element h3 { padding: 0 100px 30px 70px; font-size: 35px; line-height: 60px; } } @media (max-width:768px) { .pogoSlider-slide-element h3 { padding: 0 60px 30px; line-height: 55px; } .pogoSlider-slide-element h3:after { left: 9%; } .pogoSlider { height: 377px!important; } .pogoSlider-slide { min-height: 377px!important; } .pogoSlider-slide-element { margin-top: 180px!important; } section.divider p.banner-p1 { font-size: 14px; margin-top: 20px; } } @media (max-width:736px) { .pogoSlider { height: 300px!important; } .pogoSlider-slide { min-height: 300px!important; } .pogoSlider-slide-element { margin-top: 98px!important; } .pogoSlider-slide-element h3 { font-size: 30px; line-height: 50px; } } @media (max-width: 600px) { .pogoSlider-slide-element h3 { font-size: 25px; line-height: 45px; padding: 0 40px 30px; } } @media (max-width: 480px) { .pogoSlider { height: 300px!important;/*margin-top: 60px;*/ } .pogoSlider-slide { min-height: 300px!important; } .pogoSlider-slide-element { margin-top: 140px!important; } .pogoSlider-slide-element h3 { font-size: 20px; line-height: 35px; padding: 0 40px 30px; } } @media (max-width:414px) { .pogoSlider { height: 178px!important;/*margin-top: 65px;*/ } .pogoSlider-slide { min-height: 178px!important; } .pogoSlider-slide-element h3 { font-size: 17px; line-height: 30px; text-align: center; padding: 0 20px 20px; } .pogoSlider-slide-element { margin-top: 58px!important; } .pogoSlider-slide-element h3:after { left: 35%; width: 30%; } section.work .nav-tabs > li:nth-child(1):after, section.work .nav-tabs > li:nth-child(2):after, section.work .nav-tabs > li:nth-child(3):after, section.work .nav-tabs > li:nth-child(4):after { right: 0; } .col-md-3.col-sm-6.col-xs-6.portfolio-grids { width: 100%; float: left; } } @media (max-width:375px) { .pogoSlider-slide-element h3 { padding: 0 10px 15px; } } @media (max-width: 320px) { .pogoSlider { height: 150px!important;/*margin-top: 60px;*/ } .pogoSlider-slide { min-height: 150px!important; } .pogoSlider-slide-element { margin-top: 60px!important; } .pogoSlider-slide-element h3 { font-size: 14px; } } @media screen and (min-width: 1400px) { .pogoSlider { height: 560px!important; } .pogoSlider-slide { min-height: 560px!important; } .pogoSlider-slide-element { margin-top: 230px!important; } .pogoSlider-slide-element h3 { font-size: 35px; line-height: 50px; } p { line-height: 1.6em; font-size: 18px; font-family: 'Muli', sans-serif; } .heading { font-size: 24px; color: #3b4e9a; font-family: 'Bree Serif', serif; } .nav-tabs > li > a { font-size: 18px; padding: 16px 100px; } .parallex-text h4 { font-size: 27px; line-height: 48px; } body { font-family: 'Muli', sans-serif; color: #777; font-size: 17px; } h3 { font-size: 22px; } .testimonial-grid p { color: #fff; font-size: 18px; line-height: 34px; } .bold { color: #0b78d5; font-size: 23px; } .navigation .navbar-default .navbar-nav > li > a { display: block; font-size: 18px; } .navbar-nav .dropdown-menu li a { line-height: 46px; height: 40px; padding-top: 0; color: #fff; font-size: 15px; } #header-info-bar { font-size: 17px; line-height: 40px; text-transform: uppercase; } } @media screen and (min-width: 1600px) { .pogoSlider { height: 615px!important; } .pogoSlider-slide { min-height: 615px!important; } .pogoSlider-slide-element { margin-top: 298px!important; } .pogoSlider-slide-element h3 { font-size: 38px; line-height: 50px; } p { line-height: 37px; font-size: 20px; font-family: 'Muli', sans-serif; } .heading { font-size: 27px; color: #3b4e9a; font-family: 'Bree Serif', serif; } .nav-tabs > li > a { font-size: 19px; padding: 20px 100px; } .parallex-text h4 { font-size: 27px; line-height: 48px; } body { font-family: 'Muli', sans-serif; color: #777; font-size: 19px; } h3 { font-size: 24px; } .testimonial-grid p { color: #fff; font-size: 20px; line-height: 34px; } .bold { color: #0b78d5; font-size: 23px; } .navigation .navbar-default .navbar-nav > li > a { display: block; font-size: 20px; } .navbar-nav .dropdown-menu li a { line-height: 46px; height: 40px; padding-top: 0; color: #fff; font-size: 17px; } #header-info-bar { font-size: 17px; line-height: 40px; text-transform: uppercase; } .footer-content .links-widget li a { color: #c9c9c9; display: block; font-size: 20px; line-height: 24px; position: relative; text-transform: capitalize; } } @media screen and (min-width: 1900px) { .pogoSlider { height: 745px!important; } .pogoSlider-slide { min-height: 745px!important; } .pogoSlider-slide-element { margin-top: 398px!important; } .pogoSlider-slide-element h3 { font-size: 45px; line-height: 50px; } .navigation .navbar-default .navbar-nav > li > a { display: block; font-size: 23px; } .navbar-nav .dropdown-menu li a { line-height: 46px; height: 55px; padding-top: 0; color: #fff; font-size: 19px; } p { line-height: 43px; font-size: 23px; font-family: 'Muli', sans-serif; } .heading { font-size: 33px; color: #3b4e9a; font-family: 'Bree Serif', serif; } .nav-tabs > li > a { font-size: 23px; padding: 27px 103px; } .parallex-text h4 { font-size: 29px; line-height: 48px; } body { font-family: 'Muli', sans-serif; color: #777; font-size: 21px; } #header-info-bar { font-size: 20px; } h3 { font-size: 28px; } .bold { color: #0b78d5; font-size: 30px; } .testimonial-grid p { color: #fff; font-size: 24px; line-height: 38px; width: 80%; margin: 0 auto; } .footer-copyright { color: #808080; font-size: 19px; text-align: center; } } @media(min-width:300px) and (max-width:768px) { .pogoSlider-slide-element .heading3 { color: #fff; font-weight: normal; font-size: 18px; padding: 0 0 30px 37px; line-height: 25px; letter-spacing: 0; font-family: 'Merriweather', serif; } } @media(min-width:768px) and (max-width:1000px) { .pogoSlider-slide-element .heading3 { color: #fff; font-weight: normal; font-size: 30px; padding: 0 0 30px 37px; line-height: 25px; letter-spacing: 0; font-family: 'Merriweather', serif; } }