/* Bootstrap 3, which the theme is built on (its own copy was 3.3.2) and which no library row loaded: without it every box is content-box and the grid has no columns, so the panels overflowed and spaced badly. First, so the theme's rules below win as in the demo. 2026-09-23. */ @import url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"); *{margin:0;padding:0}body{background:#111;height:100%}img{border:none}#supersized-loader{position:absolute;top:50%;left:50%;z-index:0;width:60px;height:60px;margin:-30px 0 0 -30px;text-indent:-999em}#supersized{display:block;position:fixed;left:0;top:0;overflow:hidden;z-index:-999;height:100%;width:100%}#supersized img{width:auto;height:auto;position:relative;display:none;outline:none;border:none}#supersized.speed img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges}#supersized.quality img{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality}#supersized li{display:block;list-style:none;z-index:-30;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;background:#111}#supersized a{width:100%;height:100%;display:block}#supersized li.prevslide{z-index:-20}#supersized li.activeslide{z-index:-10}#supersized li.image-loading{width:100%;height:100%}#supersized li.image-loading img{visibility:hidden}#supersized li.prevslide img,#supersized li.activeslide img{display:inline} .pt-page-moveToLeft{-webkit-animation:moveToLeft .6s ease both; -moz-animation:moveToLeft .6s ease both; animation:moveToLeft .6s ease both}.pt-page-moveFromLeft{-webkit-animation:moveFromLeft .6s ease both; -moz-animation:moveFromLeft .6s ease both; animation:moveFromLeft .6s ease both}.pt-page-moveToRight{-webkit-animation:moveToRight .6s ease both; -moz-animation:moveToRight .6s ease both; animation:moveToRight .6s ease both}.pt-page-moveFromRight{-webkit-animation:moveFromRight .6s ease both; -moz-animation:moveFromRight .6s ease both; animation:moveFromRight .6s ease both}.pt-page-moveToTop{-webkit-animation:moveToTop .6s ease both; -moz-animation:moveToTop .6s ease both; animation:moveToTop .6s ease both}.pt-page-moveFromTop{-webkit-animation:moveFromTop .6s ease both; -moz-animation:moveFromTop .6s ease both; animation:moveFromTop .6s ease both}.pt-page-moveToBottom{-webkit-animation:moveToBottom .6s ease both; -moz-animation:moveToBottom .6s ease both; animation:moveToBottom .6s ease both}.pt-page-moveFromBottom{-webkit-animation:moveFromBottom .6s ease both; -moz-animation:moveFromBottom .6s ease both; animation:moveFromBottom .6s ease both}.pt-page-fade{-webkit-animation:fade .7s ease both; -moz-animation:fade .7s ease both; animation:fade .7s ease both}.pt-page-moveToLeftFade{-webkit-animation:moveToLeftFade .7s ease both; -moz-animation:moveToLeftFade .7s ease both; animation:moveToLeftFade .7s ease both}.pt-page-moveFromLeftFade{-webkit-animation:moveFromLeftFade .7s ease both; -moz-animation:moveFromLeftFade .7s ease both; animation:moveFromLeftFade .7s ease both}.pt-page-moveToRightFade{-webkit-animation:moveToRightFade .7s ease both; -moz-animation:moveToRightFade .7s ease both; animation:moveToRightFade .7s ease both}.pt-page-moveFromRightFade{-webkit-animation:moveFromRightFade .7s ease both; -moz-animation:moveFromRightFade .7s ease both; animation:moveFromRightFade .7s ease both}.pt-page-moveToTopFade{-webkit-animation:moveToTopFade .7s ease both; -moz-animation:moveToTopFade .7s ease both; animation:moveToTopFade .7s ease both}.pt-page-moveFromTopFade{-webkit-animation:moveFromTopFade .7s ease both; -moz-animation:moveFromTopFade .7s ease both; animation:moveFromTopFade .7s ease both}.pt-page-moveToBottomFade{-webkit-animation:moveToBottomFade .7s ease both; -moz-animation:moveToBottomFade .7s ease both; animation:moveToBottomFade .7s ease both}.pt-page-moveFromBottomFade{-webkit-animation:moveFromBottomFade .7s ease both; -moz-animation:moveFromBottomFade .7s ease both; animation:moveFromBottomFade .7s ease both}.pt-page-moveToLeftEasing{-webkit-animation:moveToLeft .7s ease-in-out both; -moz-animation:moveToLeft .7s ease-in-out both; animation:moveToLeft .7s ease-in-out both}.pt-page-moveToRightEasing{-webkit-animation:moveToRight .7s ease-in-out both; -moz-animation:moveToRight .7s ease-in-out both; animation:moveToRight .7s ease-in-out both}.pt-page-moveToTopEasing{-webkit-animation:moveToTop .7s ease-in-out both; -moz-animation:moveToTop .7s ease-in-out both; animation:moveToTop .7s ease-in-out both}.pt-page-moveToBottomEasing{-webkit-animation:moveToBottom .7s ease-in-out both; -moz-animation:moveToBottom .7s ease-in-out both; animation:moveToBottom .7s ease-in-out both}@-webkit-keyframes moveToLeft{to{-webkit-transform:translateX(-100%)}}@-moz-keyframes moveToLeft{to{-moz-transform:translateX(-100%)}}@keyframes moveToLeft{to{transform:translateX(-100%)}}@-webkit-keyframes moveFromLeft{from{-webkit-transform:translateX(-100%)}}@-moz-keyframes moveFromLeft{from{-moz-transform:translateX(-100%)}}@keyframes moveFromLeft{from{transform:translateX(-100%)}}@-webkit-keyframes moveToRight{to{-webkit-transform:translateX(100%)}}@-moz-keyframes moveToRight{to{-moz-transform:translateX(100%)}}@keyframes moveToRight{to{transform:translateX(100%)}}@-webkit-keyframes moveFromRight{from{-webkit-transform:translateX(100%)}}@-moz-keyframes moveFromRight{from{-moz-transform:translateX(100%)}}@keyframes moveFromRight{from{transform:translateX(100%)}}@-webkit-keyframes moveToTop{to{-webkit-transform:translateY(-100%)}}@-moz-keyframes moveToTop{to{-moz-transform:translateY(-100%)}}@keyframes moveToTop{to{transform:translateY(-100%)}}@-webkit-keyframes moveFromTop{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes moveFromTop{from{-moz-transform:translateY(-100%)}}@keyframes moveFromTop{from{transform:translateY(-100%)}}@-webkit-keyframes moveToBottom{to{-webkit-transform:translateY(100%)}}@-moz-keyframes moveToBottom{to{-moz-transform:translateY(100%)}}@keyframes moveToBottom{to{transform:translateY(100%)}}@-webkit-keyframes moveFromBottom{from{-webkit-transform:translateY(100%)}}@-moz-keyframes moveFromBottom{from{-moz-transform:translateY(100%)}}@keyframes moveFromBottom{from{transform:translateY(100%)}}@-webkit-keyframes fade{to{opacity:0.3}}@-moz-keyframes fade{to{opacity:0.3}}@keyframes fade{to{opacity:0.3}}@-webkit-keyframes moveToLeftFade{to{opacity:0.3;-webkit-transform:translateX(-100%)}}@-moz-keyframes moveToLeftFade{to{opacity:0.3;-moz-transform:translateX(-100%)}}@keyframes moveToLeftFade{to{opacity:0.3;transform:translateX(-100%)}}@-webkit-keyframes moveFromLeftFade{from{opacity:0.3;-webkit-transform:translateX(-100%)}}@-moz-keyframes moveFromLeftFade{from{opacity:0.3;-moz-transform:translateX(-100%)}}@keyframes moveFromLeftFade{from{opacity:0.3;transform:translateX(-100%)}}@-webkit-keyframes moveToRightFade{to{opacity:0.3;-webkit-transform:translateX(100%)}}@-moz-keyframes moveToRightFade{to{opacity:0.3;-moz-transform:translateX(100%)}}@keyframes moveToRightFade{to{opacity:0.3;transform:translateX(100%)}}@-webkit-keyframes moveFromRightFade{from{opacity:0.3;-webkit-transform:translateX(100%)}}@-moz-keyframes moveFromRightFade{from{opacity:0.3;-moz-transform:translateX(100%)}}@keyframes moveFromRightFade{from{opacity:0.3;transform:translateX(100%)}}@-webkit-keyframes moveToTopFade{to{opacity:0.3;-webkit-transform:translateY(-100%)}}@-moz-keyframes moveToTopFade{to{opacity:0.3;-moz-transform:translateY(-100%)}}@keyframes moveToTopFade{to{opacity:0.3;transform:translateY(-100%)}}@-webkit-keyframes moveFromTopFade{from{opacity:0.3;-webkit-transform:translateY(-100%)}}@-moz-keyframes moveFromTopFade{from{opacity:0.3;-moz-transform:translateY(-100%)}}@keyframes moveFromTopFade{from{opacity:0.3;transform:translateY(-100%)}}@-webkit-keyframes moveToBottomFade{to{opacity:0.3;-webkit-transform:translateY(100%)}}@-moz-keyframes moveToBottomFade{to{opacity:0.3;-moz-transform:translateY(100%)}}@keyframes moveToBottomFade{to{opacity:0.3;transform:translateY(100%)}}@-webkit-keyframes moveFromBottomFade{from{opacity:0.3;-webkit-transform:translateY(100%)}}@-moz-keyframes moveFromBottomFade{from{opacity:0.3;-moz-transform:translateY(100%)}}@keyframes moveFromBottomFade{from{opacity:0.3;transform:translateY(100%)}}.pt-page-scaleDown{-webkit-animation:scaleDown .7s ease both; -moz-animation:scaleDown .7s ease both; animation:scaleDown .7s ease both}.pt-page-scaleUp{-webkit-animation:scaleUp .7s ease both; -moz-animation:scaleUp .7s ease both; animation:scaleUp .7s ease both}.pt-page-scaleUpDown{-webkit-animation:scaleUpDown .5s ease both; -moz-animation:scaleUpDown .5s ease both; animation:scaleUpDown .5s ease both}.pt-page-scaleDownUp{-webkit-animation:scaleDownUp .5s ease both; -moz-animation:scaleDownUp .5s ease both; animation:scaleDownUp .5s ease both}.pt-page-scaleDownCenter{-webkit-animation:scaleDownCenter .4s ease-in both; -moz-animation:scaleDownCenter .4s ease-in both; animation:scaleDownCenter .4s ease-in both}.pt-page-scaleUpCenter{-webkit-animation:scaleUpCenter .4s ease-out both; -moz-animation:scaleUpCenter .4s ease-out both; animation:scaleUpCenter .4s ease-out both}@-webkit-keyframes scaleDown{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleDown{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleDown{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes scaleUp{from{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleUp{from{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleUp{from{opacity:0;transform:scale(.8)}}@-webkit-keyframes scaleUpDown{from{opacity:0;-webkit-transform:scale(1.2)}}@-moz-keyframes scaleUpDown{from{opacity:0;-moz-transform:scale(1.2)}}@keyframes scaleUpDown{from{opacity:0;transform:scale(1.2)}}@-webkit-keyframes scaleDownUp{to{opacity:0;-webkit-transform:scale(1.2)}}@-moz-keyframes scaleDownUp{to{opacity:0;-moz-transform:scale(1.2)}}@keyframes scaleDownUp{to{opacity:0;transform:scale(1.2)}}@-webkit-keyframes scaleDownCenter{to{opacity:0;-webkit-transform:scale(.7)}}@-moz-keyframes scaleDownCenter{to{opacity:0;-moz-transform:scale(.7)}}@keyframes scaleDownCenter{to{opacity:0;transform:scale(.7)}}@-webkit-keyframes scaleUpCenter{from{opacity:0;-webkit-transform:scale(.7)}}@-moz-keyframes scaleUpCenter{from{opacity:0;-moz-transform:scale(.7)}}@keyframes scaleUpCenter{from{opacity:0;transform:scale(.7)}}.pt-page-rotateRightSideFirst{-webkit-transform-origin:0% 50%; -webkit-animation:rotateRightSideFirst .8s both ease-in; -moz-transform-origin:0% 50%; -moz-animation:rotateRightSideFirst .8s both ease-in; transform-origin:0% 50%; animation:rotateRightSideFirst .8s both ease-in}.pt-page-rotateLeftSideFirst{-webkit-transform-origin:100% 50%; -webkit-animation:rotateLeftSideFirst .8s both ease-in; -moz-transform-origin:100% 50%; -moz-animation:rotateLeftSideFirst .8s both ease-in; transform-origin:100% 50%; animation:rotateLeftSideFirst .8s both ease-in}.pt-page-rotateTopSideFirst{-webkit-transform-origin:50% 100%; -webkit-animation:rotateTopSideFirst .8s both ease-in; -moz-transform-origin:50% 100%; -moz-animation:rotateTopSideFirst .8s both ease-in; transform-origin:50% 100%; animation:rotateTopSideFirst .8s both ease-in}.pt-page-rotateBottomSideFirst{-webkit-transform-origin:50% 0%; -webkit-animation:rotateBottomSideFirst .8s both ease-in; -moz-transform-origin:50% 0%; -moz-animation:rotateBottomSideFirst .8s both ease-in; transform-origin:50% 0%; animation:rotateBottomSideFirst .8s both ease-in}.pt-page-flipOutRight{-webkit-transform-origin:50% 50%; -webkit-animation:flipOutRight .5s both ease-in; -moz-transform-origin:50% 50%; -moz-animation:flipOutRight .5s both ease-in; transform-origin:50% 50%; animation:flipOutRight .5s both ease-in}.pt-page-flipInLeft{-webkit-transform-origin:50% 50%; -webkit-animation:flipInLeft .5s both ease-out; -moz-transform-origin:50% 50%; -moz-animation:flipInLeft .5s both ease-out; transform-origin:50% 50%; animation:flipInLeft .5s both ease-out}.pt-page-flipOutLeft{-webkit-transform-origin:50% 50%; -webkit-animation:flipOutLeft .5s both ease-in; -moz-transform-origin:50% 50%; -moz-animation:flipOutLeft .5s both ease-in; transform-origin:50% 50%; animation:flipOutLeft .5s both ease-in}.pt-page-flipInRight{-webkit-transform-origin:50% 50%; -webkit-animation:flipInRight .5s both ease-out; -moz-transform-origin:50% 50%; -moz-animation:flipInRight .5s both ease-out; transform-origin:50% 50%; animation:flipInRight .5s both ease-out}.pt-page-flipOutTop{-webkit-transform-origin:50% 50%; -webkit-animation:flipOutTop .5s both ease-in; -moz-transform-origin:50% 50%; -moz-animation:flipOutTop .5s both ease-in; transform-origin:50% 50%; animation:flipOutTop .5s both ease-in}.pt-page-flipInBottom{-webkit-transform-origin:50% 50%; -webkit-animation:flipInBottom .5s both ease-out; -moz-transform-origin:50% 50%; -moz-animation:flipInBottom .5s both ease-out; transform-origin:50% 50%; animation:flipInBottom .5s both ease-out}.pt-page-flipOutBottom{-webkit-transform-origin:50% 50%; -webkit-animation:flipOutBottom .5s both ease-in; -moz-transform-origin:50% 50%; -moz-animation:flipOutBottom .5s both ease-in; transform-origin:50% 50%; animation:flipOutBottom .5s both ease-in}.pt-page-flipInTop{-webkit-transform-origin:50% 50%; -webkit-animation:flipInTop .5s both ease-out; -moz-transform-origin:50% 50%; -moz-animation:flipInTop .5s both ease-out; transform-origin:50% 50%; animation:flipInTop .5s both ease-out}.pt-page-rotateFall{-webkit-transform-origin:0% 0%; -webkit-animation:rotateFall 1s both ease-in; -moz-transform-origin:0% 0%; -moz-animation:rotateFall 1s both ease-in; transform-origin:0% 0%; animation:rotateFall 1s both ease-in}.pt-page-rotateOutNewspaper{-webkit-transform-origin:50% 50%; -webkit-animation:rotateOutNewspaper .5s both ease-in; -moz-transform-origin:50% 50%; -moz-animation:rotateOutNewspaper .5s both ease-in; transform-origin:50% 50%; animation:rotateOutNewspaper .5s both ease-in}.pt-page-rotateInNewspaper{-webkit-transform-origin:50% 50%; -webkit-animation:rotateInNewspaper .5s both ease-out; -moz-transform-origin:50% 50%; -moz-animation:rotateInNewspaper .5s both ease-out; transform-origin:50% 50%; animation:rotateInNewspaper .5s both ease-out}.pt-page-rotatePushLeft{-webkit-transform-origin:0% 50%; -webkit-animation:rotatePushLeft .8s both ease; -moz-transform-origin:0% 50%; -moz-animation:rotatePushLeft .8s both ease; transform-origin:0% 50%; animation:rotatePushLeft .8s both ease}.pt-page-rotatePushRight{-webkit-transform-origin:100% 50%; -webkit-animation:rotatePushRight .8s both ease; -moz-transform-origin:100% 50%; -moz-animation:rotatePushRight .8s both ease; transform-origin:100% 50%; animation:rotatePushRight .8s both ease}.pt-page-rotatePushTop{-webkit-transform-origin:50% 0%; -webkit-animation:rotatePushTop .8s both ease; -moz-transform-origin:50% 0%; -moz-animation:rotatePushTop .8s both ease; transform-origin:50% 0%; animation:rotatePushTop .8s both ease}.pt-page-rotatePushBottom{-webkit-transform-origin:50% 100%; -webkit-animation:rotatePushBottom .8s both ease; -moz-transform-origin:50% 100%; -moz-animation:rotatePushBottom .8s both ease; transform-origin:50% 100%; animation:rotatePushBottom .8s both ease}.pt-page-rotatePullRight{-webkit-transform-origin:100% 50%; -webkit-animation:rotatePullRight .5s both ease; -moz-transform-origin:100% 50%; -moz-animation:rotatePullRight .5s both ease; transform-origin:100% 50%; animation:rotatePullRight .5s both ease}.pt-page-rotatePullLeft{-webkit-transform-origin:0% 50%; -webkit-animation:rotatePullLeft .5s both ease; -moz-transform-origin:0% 50%; -moz-animation:rotatePullLeft .5s both ease; transform-origin:0% 50%; animation:rotatePullLeft .5s both ease}.pt-page-rotatePullTop{-webkit-transform-origin:50% 0%; -webkit-animation:rotatePullTop .5s both ease; -moz-transform-origin:50% 0%; -moz-animation:rotatePullTop .5s both ease; transform-origin:50% 0%; animation:rotatePullTop .5s both ease}.pt-page-rotatePullBottom{-webkit-transform-origin:50% 100%; -webkit-animation:rotatePullBottom .5s both ease; -moz-transform-origin:50% 100%; -moz-animation:rotatePullBottom .5s both ease; transform-origin:50% 100%; animation:rotatePullBottom .5s both ease}.pt-page-rotateFoldRight{-webkit-transform-origin:0% 50%; -webkit-animation:rotateFoldRight .7s both ease; -moz-transform-origin:0% 50%; -moz-animation:rotateFoldRight .7s both ease; transform-origin:0% 50%; animation:rotateFoldRight .7s both ease}.pt-page-rotateFoldLeft{-webkit-transform-origin:100% 50%; -webkit-animation:rotateFoldLeft .7s both ease; -moz-transform-origin:100% 50%; -moz-animation:rotateFoldLeft .7s both ease; transform-origin:100% 50%; animation:rotateFoldLeft .7s both ease}.pt-page-rotateFoldTop{-webkit-transform-origin:50% 100%; -webkit-animation:rotateFoldTop .7s both ease; -moz-transform-origin:50% 100%; -moz-animation:rotateFoldTop .7s both ease; transform-origin:50% 100%; animation:rotateFoldTop .7s both ease}.pt-page-rotateFoldBottom{-webkit-transform-origin:50% 0%; -webkit-animation:rotateFoldBottom .7s both ease; -moz-transform-origin:50% 0%; -moz-animation:rotateFoldBottom .7s both ease; transform-origin:50% 0%; animation:rotateFoldBottom .7s both ease}.pt-page-rotateUnfoldLeft{-webkit-transform-origin:100% 50%; -webkit-animation:rotateUnfoldLeft .7s both ease; -moz-transform-origin:100% 50%; -moz-animation:rotateUnfoldLeft .7s both ease; transform-origin:100% 50%; animation:rotateUnfoldLeft .7s both ease}.pt-page-rotateUnfoldRight{-webkit-transform-origin:0% 50%; -webkit-animation:rotateUnfoldRight .7s both ease; -moz-transform-origin:0% 50%; -moz-animation:rotateUnfoldRight .7s both ease; transform-origin:0% 50%; animation:rotateUnfoldRight .7s both ease}.pt-page-rotateUnfoldTop{-webkit-transform-origin:50% 100%; -webkit-animation:rotateUnfoldTop .7s both ease; -moz-transform-origin:50% 100%; -moz-animation:rotateUnfoldTop .7s both ease; transform-origin:50% 100%; animation:rotateUnfoldTop .7s both ease}.pt-page-rotateUnfoldBottom{-webkit-transform-origin:50% 0%; -webkit-animation:rotateUnfoldBottom .7s both ease; -moz-transform-origin:50% 0%; -moz-animation:rotateUnfoldBottom .7s both ease; transform-origin:50% 0%; animation:rotateUnfoldBottom .7s both ease}.pt-page-rotateRoomLeftOut{-webkit-transform-origin:100% 50%; -webkit-animation:rotateRoomLeftOut .8s both ease; -moz-transform-origin:100% 50%; -moz-animation:rotateRoomLeftOut .8s both ease; transform-origin:100% 50%; animation:rotateRoomLeftOut .8s both ease}.pt-page-rotateRoomLeftIn{-webkit-transform-origin:0% 50%; -webkit-animation:rotateRoomLeftIn .8s both ease; -moz-transform-origin:0% 50%; -moz-animation:rotateRoomLeftIn .8s both ease; transform-origin:0% 50%; animation:rotateRoomLeftIn .8s both ease}.pt-page-rotateRoomRightOut{-webkit-transform-origin:0% 50%; -webkit-animation:rotateRoomRightOut .8s both ease; -moz-transform-origin:0% 50%; -moz-animation:rotateRoomRightOut .8s both ease; transform-origin:0% 50%; animation:rotateRoomRightOut .8s both ease}.pt-page-rotateRoomRightIn{-webkit-transform-origin:100% 50%; -webkit-animation:rotateRoomRightIn .8s both ease; -moz-transform-origin:100% 50%; -moz-animation:rotateRoomRightIn .8s both ease; transform-origin:100% 50%; animation:rotateRoomRightIn .8s both ease}.pt-page-rotateRoomTopOut{-webkit-transform-origin:50% 100%; -webkit-animation:rotateRoomTopOut .8s both ease; -moz-transform-origin:50% 100%; -moz-animation:rotateRoomTopOut .8s both ease; transform-origin:50% 100%; animation:rotateRoomTopOut .8s both ease}.pt-page-rotateRoomTopIn{-webkit-transform-origin:50% 0%; -webkit-animation:rotateRoomTopIn .8s both ease; -moz-transform-origin:50% 0%; -moz-animation:rotateRoomTopIn .8s both ease; transform-origin:50% 0%; animation:rotateRoomTopIn .8s both ease}.pt-page-rotateRoomBottomOut{-webkit-transform-origin:50% 0%; -webkit-animation:rotateRoomBottomOut .8s both ease; -moz-transform-origin:50% 0%; -moz-animation:rotateRoomBottomOut .8s both ease; transform-origin:50% 0%; animation:rotateRoomBottomOut .8s both ease}.pt-page-rotateRoomBottomIn{-webkit-transform-origin:50% 100%; -webkit-animation:rotateRoomBottomIn .8s both ease; -moz-transform-origin:50% 100%; -moz-animation:rotateRoomBottomIn .8s both ease; transform-origin:50% 100%; animation:rotateRoomBottomIn .8s both ease}.pt-page-rotateCubeLeftOut{-webkit-transform-origin:100% 50%; -webkit-animation:rotateCubeLeftOut .6s both ease-in; -moz-transform-origin:100% 50%; -moz-animation:rotateCubeLeftOut .6s both ease-in; transform-origin:100% 50%; animation:rotateCubeLeftOut .6s both ease-in}.pt-page-rotateCubeLeftIn{-webkit-transform-origin:0% 50%; -webkit-animation:rotateCubeLeftIn .6s both ease-in; -moz-transform-origin:0% 50%; -moz-animation:rotateCubeLeftIn .6s both ease-in; transform-origin:0% 50%; animation:rotateCubeLeftIn .6s both ease-in}.pt-page-rotateCubeRightOut{-webkit-transform-origin:0% 50%; -webkit-animation:rotateCubeRightOut .6s both ease-in; -moz-transform-origin:0% 50%; -moz-animation:rotateCubeRightOut .6s both ease-in; transform-origin:0% 50%; animation:rotateCubeRightOut .6s both ease-in}.pt-page-rotateCubeRightIn{-webkit-transform-origin:100% 50%; -webkit-animation:rotateCubeRightIn .6s both ease-in; -moz-transform-origin:100% 50%; -moz-animation:rotateCubeRightIn .6s both ease-in; transform-origin:100% 50%; animation:rotateCubeRightIn .6s both ease-in}.pt-page-rotateCubeTopOut{-webkit-transform-origin:50% 100%; -webkit-animation:rotateCubeTopOut .6s both ease-in; -moz-transform-origin:50% 100%; -moz-animation:rotateCubeTopOut .6s both ease-in; transform-origin:50% 100%; animation:rotateCubeTopOut .6s both ease-in}.pt-page-rotateCubeTopIn{-webkit-transform-origin:50% 0%; -webkit-animation:rotateCubeTopIn .6s both ease-in; -moz-transform-origin:50% 0%; -moz-animation:rotateCubeTopIn .6s both ease-in; transform-origin:50% 0%; animation:rotateCubeTopIn .6s both ease-in}.pt-page-rotateCubeBottomOut{-webkit-transform-origin:50% 0%; -webkit-animation:rotateCubeBottomOut .6s both ease-in; -moz-transform-origin:50% 0%; -moz-animation:rotateCubeBottomOut .6s both ease-in; transform-origin:50% 0%; animation:rotateCubeBottomOut .6s both ease-in}.pt-page-rotateCubeBottomIn{-webkit-transform-origin:50% 100%; -webkit-animation:rotateCubeBottomIn .6s both ease-in; -moz-transform-origin:50% 100%; -moz-animation:rotateCubeBottomIn .6s both ease-in; transform-origin:50% 100%; animation:rotateCubeBottomIn .6s both ease-in}.pt-page-rotateCarouselLeftOut{-webkit-transform-origin:100% 50%; -webkit-animation:rotateCarouselLeftOut .8s both ease; -moz-transform-origin:100% 50%; -moz-animation:rotateCarouselLeftOut .8s both ease; transform-origin:100% 50%; animation:rotateCarouselLeftOut .8s both ease}.pt-page-rotateCarouselLeftIn{-webkit-transform-origin:0% 50%; -webkit-animation:rotateCarouselLeftIn .8s both ease; -moz-transform-origin:0% 50%; -moz-animation:rotateCarouselLeftIn .8s both ease; transform-origin:0% 50%; animation:rotateCarouselLeftIn .8s both ease}.pt-page-rotateCarouselRightOut{-webkit-transform-origin:0% 50%; -webkit-animation:rotateCarouselRightOut .8s both ease; -moz-transform-origin:0% 50%; -moz-animation:rotateCarouselRightOut .8s both ease; transform-origin:0% 50%; animation:rotateCarouselRightOut .8s both ease}.pt-page-rotateCarouselRightIn{-webkit-transform-origin:100% 50%; -webkit-animation:rotateCarouselRightIn .8s both ease; -moz-transform-origin:100% 50%; -moz-animation:rotateCarouselRightIn .8s both ease; transform-origin:100% 50%; animation:rotateCarouselRightIn .8s both ease}.pt-page-rotateCarouselTopOut{-webkit-transform-origin:50% 100%; -webkit-animation:rotateCarouselTopOut .8s both ease; -moz-transform-origin:50% 100%; -moz-animation:rotateCarouselTopOut .8s both ease; transform-origin:50% 100%; animation:rotateCarouselTopOut .8s both ease}.pt-page-rotateCarouselTopIn{-webkit-transform-origin:50% 0%; -webkit-animation:rotateCarouselTopIn .8s both ease; -moz-transform-origin:50% 0%; -moz-animation:rotateCarouselTopIn .8s both ease; transform-origin:50% 0%; animation:rotateCarouselTopIn .8s both ease}.pt-page-rotateCarouselBottomOut{-webkit-transform-origin:50% 0%; -webkit-animation:rotateCarouselBottomOut .8s both ease; -moz-transform-origin:50% 0%; -moz-animation:rotateCarouselBottomOut .8s both ease; transform-origin:50% 0%; animation:rotateCarouselBottomOut .8s both ease}.pt-page-rotateCarouselBottomIn{-webkit-transform-origin:50% 100%; -webkit-animation:rotateCarouselBottomIn .8s both ease; -moz-transform-origin:50% 100%; -moz-animation:rotateCarouselBottomIn .8s both ease; transform-origin:50% 100%; animation:rotateCarouselBottomIn .8s both ease}.pt-page-rotateSidesOut{-webkit-transform-origin:-50% 50%; -webkit-animation:rotateSidesOut .5s both ease-in; -moz-transform-origin:-50% 50%; -moz-animation:rotateSidesOut .5s both ease-in; transform-origin:-50% 50%; animation:rotateSidesOut .5s both ease-in}.pt-page-rotateSidesIn{-webkit-transform-origin:150% 50%; -webkit-animation:rotateSidesIn .5s both ease-out; -moz-transform-origin:150% 50%; -moz-animation:rotateSidesIn .5s both ease-out; transform-origin:150% 50%; animation:rotateSidesIn .5s both ease-out}.pt-page-rotateSlideOut{-webkit-animation:rotateSlideOut 1s both ease; -moz-animation:rotateSlideOut 1s both ease; animation:rotateSlideOut 1s both ease}.pt-page-rotateSlideIn{-webkit-animation:rotateSlideIn 1s both ease; -moz-animation:rotateSlideIn 1s both ease; animation:rotateSlideIn 1s both ease}@-webkit-keyframes rotateRightSideFirst{40%{-webkit-transform:rotateY(15deg);opacity:.8;-webkit-animation-timing-function:ease-out} 100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0}}@-moz-keyframes rotateRightSideFirst{40%{-moz-transform:rotateY(15deg);opacity:.8;-moz-animation-timing-function:ease-out} 100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0}}@keyframes rotateRightSideFirst{40%{transform:rotateY(15deg);opacity:.8;animation-timing-function:ease-out} 100%{transform:scale(0.8) translateZ(-200px);opacity:0}}@-webkit-keyframes rotateLeftSideFirst{40%{-webkit-transform:rotateY(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out} 100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0}}@-moz-keyframes rotateLeftSideFirst{40%{-moz-transform:rotateY(-15deg);opacity:.8;-moz-animation-timing-function:ease-out} 100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0}}@keyframes rotateLeftSideFirst{40%{transform:rotateY(-15deg);opacity:.8;animation-timing-function:ease-out} 100%{transform:scale(0.8) translateZ(-200px);opacity:0}}@-webkit-keyframes rotateTopSideFirst{40%{-webkit-transform:rotateX(15deg);opacity:.8;-webkit-animation-timing-function:ease-out} 100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0}}@-moz-keyframes rotateTopSideFirst{40%{-moz-transform:rotateX(15deg);opacity:.8;-moz-animation-timing-function:ease-out} 100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0}}@keyframes rotateTopSideFirst{40%{transform:rotateX(15deg);opacity:.8;animation-timing-function:ease-out} 100%{transform:scale(0.8) translateZ(-200px);opacity:0}}@-webkit-keyframes rotateBottomSideFirst{40%{-webkit-transform:rotateX(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out} 100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0}}@-moz-keyframes rotateBottomSideFirst{40%{-moz-transform:rotateX(-15deg);opacity:.8;-moz-animation-timing-function:ease-out} 100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0}}@keyframes rotateBottomSideFirst{40%{transform:rotateX(-15deg);opacity:.8;animation-timing-function:ease-out} 100%{transform:scale(0.8) translateZ(-200px);opacity:0}}@-webkit-keyframes flipOutRight{to{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@-moz-keyframes flipOutRight{to{-moz-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@keyframes flipOutRight{to{transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@-webkit-keyframes flipInLeft{from{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-moz-keyframes flipInLeft{from{-moz-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@keyframes flipInLeft{from{transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-webkit-keyframes flipOutLeft{to{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-moz-keyframes flipOutLeft{to{-moz-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@keyframes flipOutLeft{to{transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-webkit-keyframes flipInRight{from{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@-moz-keyframes flipInRight{from{-moz-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@keyframes flipInRight{from{transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@-webkit-keyframes flipOutTop{to{-webkit-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@-moz-keyframes flipOutTop{to{-moz-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@keyframes flipOutTop{to{transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@-webkit-keyframes flipInBottom{from{-webkit-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-moz-keyframes flipInBottom{from{-moz-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@keyframes flipInBottom{from{transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-webkit-keyframes flipOutBottom{to{-webkit-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-moz-keyframes flipOutBottom{to{-moz-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@keyframes flipOutBottom{to{transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-webkit-keyframes flipInTop{from{-webkit-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@-moz-keyframes flipInTop{from{-moz-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@keyframes flipInTop{from{transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@-webkit-keyframes rotateFall{0%{-webkit-transform:rotateZ(0deg)} 20%{-webkit-transform:rotateZ(10deg);-webkit-animation-timing-function:ease-out} 40%{-webkit-transform:rotateZ(17deg)} 60%{-webkit-transform:rotateZ(16deg)} 100%{-webkit-transform:translateY(100%) rotateZ(17deg)}}@-moz-keyframes rotateFall{0%{-moz-transform:rotateZ(0deg)} 20%{-moz-transform:rotateZ(10deg);-moz-animation-timing-function:ease-out} 40%{-moz-transform:rotateZ(17deg)} 60%{-moz-transform:rotateZ(16deg)} 100%{-moz-transform:translateY(100%) rotateZ(17deg)}}@keyframes rotateFall{0%{transform:rotateZ(0deg)} 20%{transform:rotateZ(10deg);animation-timing-function:ease-out} 40%{transform:rotateZ(17deg)} 60%{transform:rotateZ(16deg)} 100%{transform:translateY(100%) rotateZ(17deg)}}@-webkit-keyframes rotateOutNewspaper{to{-webkit-transform:translateZ(-3000px) rotateZ(360deg);opacity:0}}@-moz-keyframes rotateOutNewspaper{to{-moz-transform:translateZ(-3000px) rotateZ(360deg);opacity:0}}@keyframes rotateOutNewspaper{to{transform:translateZ(-3000px) rotateZ(360deg);opacity:0}}@-webkit-keyframes rotateInNewspaper{from{-webkit-transform:translateZ(-3000px) rotateZ(-360deg);opacity:0}}@-moz-keyframes rotateInNewspaper{from{-moz-transform:translateZ(-3000px) rotateZ(-360deg);opacity:0}}@keyframes rotateInNewspaper{from{transform:translateZ(-3000px) rotateZ(-360deg);opacity:0}}@-webkit-keyframes rotatePushLeft{to{opacity:0;-webkit-transform:rotateY(90deg)}}@-moz-keyframes rotatePushLeft{to{opacity:0;-moz-transform:rotateY(90deg)}}@keyframes rotatePushLeft{to{opacity:0;transform:rotateY(90deg)}}@-webkit-keyframes rotatePushRight{to{opacity:0;-webkit-transform:rotateY(-90deg)}}@-moz-keyframes rotatePushRight{to{opacity:0;-moz-transform:rotateY(-90deg)}}@keyframes rotatePushRight{to{opacity:0;transform:rotateY(-90deg)}}@-webkit-keyframes rotatePushTop{to{opacity:0;-webkit-transform:rotateX(-90deg)}}@-moz-keyframes rotatePushTop{to{opacity:0;-moz-transform:rotateX(-90deg)}}@keyframes rotatePushTop{to{opacity:0;transform:rotateX(-90deg)}}@-webkit-keyframes rotatePushBottom{to{opacity:0;-webkit-transform:rotateX(90deg)}}@-moz-keyframes rotatePushBottom{to{opacity:0;-moz-transform:rotateX(90deg)}}@keyframes rotatePushBottom{to{opacity:0;transform:rotateX(90deg)}}@-webkit-keyframes rotatePullRight{from{opacity:0;-webkit-transform:rotateY(-90deg)}}@-moz-keyframes rotatePullRight{from{opacity:0;-moz-transform:rotateY(-90deg)}}@keyframes rotatePullRight{from{opacity:0;transform:rotateY(-90deg)}}@-webkit-keyframes rotatePullLeft{from{opacity:0;-webkit-transform:rotateY(90deg)}}@-moz-keyframes rotatePullLeft{from{opacity:0;-moz-transform:rotateY(90deg)}}@keyframes rotatePullLeft{from{opacity:0;transform:rotateY(90deg)}}@-webkit-keyframes rotatePullTop{from{opacity:0;-webkit-transform:rotateX(-90deg)}}@-moz-keyframes rotatePullTop{from{opacity:0;-moz-transform:rotateX(-90deg)}}@keyframes rotatePullTop{from{opacity:0;transform:rotateX(-90deg)}}@-webkit-keyframes rotatePullBottom{from{opacity:0;-webkit-transform:rotateX(90deg)}}@-moz-keyframes rotatePullBottom{from{opacity:0;-moz-transform:rotateX(90deg)}}@keyframes rotatePullBottom{from{opacity:0;transform:rotateX(90deg)}}@-webkit-keyframes rotateFoldRight{to{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg)}}@-moz-keyframes rotateFoldRight{to{opacity:0;-moz-transform:translateX(100%) rotateY(90deg)}}@keyframes rotateFoldRight{to{opacity:0;transform:translateX(100%) rotateY(90deg)}}@-webkit-keyframes rotateFoldLeft{to{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg)}}@-moz-keyframes rotateFoldLeft{to{opacity:0;-moz-transform:translateX(-100%) rotateY(-90deg)}}@keyframes rotateFoldLeft{to{opacity:0;transform:translateX(-100%) rotateY(-90deg)}}@-webkit-keyframes rotateFoldTop{to{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg)}}@-moz-keyframes rotateFoldTop{to{opacity:0;-moz-transform:translateY(-100%) rotateX(90deg)}}@keyframes rotateFoldTop{to{opacity:0;transform:translateY(-100%) rotateX(90deg)}}@-webkit-keyframes rotateFoldBottom{to{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg)}}@-moz-keyframes rotateFoldBottom{to{opacity:0;-moz-transform:translateY(100%) rotateX(-90deg)}}@keyframes rotateFoldBottom{to{opacity:0;transform:translateY(100%) rotateX(-90deg)}}@-webkit-keyframes rotateUnfoldLeft{from{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg)}}@-moz-keyframes rotateUnfoldLeft{from{opacity:0;-moz-transform:translateX(-100%) rotateY(-90deg)}}@keyframes rotateUnfoldLeft{from{opacity:0;transform:translateX(-100%) rotateY(-90deg)}}@-webkit-keyframes rotateUnfoldRight{from{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg)}}@-moz-keyframes rotateUnfoldRight{from{opacity:0;-moz-transform:translateX(100%) rotateY(90deg)}}@keyframes rotateUnfoldRight{from{opacity:0;transform:translateX(100%) rotateY(90deg)}}@-webkit-keyframes rotateUnfoldTop{from{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg)}}@-moz-keyframes rotateUnfoldTop{from{opacity:0;-moz-transform:translateY(-100%) rotateX(90deg)}}@keyframes rotateUnfoldTop{from{opacity:0;transform:translateY(-100%) rotateX(90deg)}}@-webkit-keyframes rotateUnfoldBottom{from{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg)}}@-moz-keyframes rotateUnfoldBottom{from{opacity:0;-moz-transform:translateY(100%) rotateX(-90deg)}}@keyframes rotateUnfoldBottom{from{opacity:0;transform:translateY(100%) rotateX(-90deg)}}@-webkit-keyframes rotateRoomLeftOut{to{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg)}}@-moz-keyframes rotateRoomLeftOut{to{opacity:.3;-moz-transform:translateX(-100%) rotateY(90deg)}}@keyframes rotateRoomLeftOut{to{opacity:.3;transform:translateX(-100%) rotateY(90deg)}}@-webkit-keyframes rotateRoomLeftIn{from{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg)}}@-moz-keyframes rotateRoomLeftIn{from{opacity:.3;-moz-transform:translateX(100%) rotateY(-90deg)}}@keyframes rotateRoomLeftIn{from{opacity:.3;transform:translateX(100%) rotateY(-90deg)}}@-webkit-keyframes rotateRoomRightOut{to{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg)}}@-moz-keyframes rotateRoomRightOut{to{opacity:.3;-moz-transform:translateX(100%) rotateY(-90deg)}}@keyframes rotateRoomRightOut{to{opacity:.3;transform:translateX(100%) rotateY(-90deg)}}@-webkit-keyframes rotateRoomRightIn{from{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg)}}@-moz-keyframes rotateRoomRightIn{from{opacity:.3;-moz-transform:translateX(-100%) rotateY(90deg)}}@keyframes rotateRoomRightIn{from{opacity:.3;transform:translateX(-100%) rotateY(90deg)}}@-webkit-keyframes rotateRoomTopOut{to{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg)}}@-moz-keyframes rotateRoomTopOut{to{opacity:.3;-moz-transform:translateY(-100%) rotateX(-90deg)}}@keyframes rotateRoomTopOut{to{opacity:.3;transform:translateY(-100%) rotateX(-90deg)}}@-webkit-keyframes rotateRoomTopIn{from{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg)}}@-moz-keyframes rotateRoomTopIn{from{opacity:.3;-moz-transform:translateY(100%) rotateX(90deg)}}@keyframes rotateRoomTopIn{from{opacity:.3;transform:translateY(100%) rotateX(90deg)}}@-webkit-keyframes rotateRoomBottomOut{to{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg)}}@-moz-keyframes rotateRoomBottomOut{to{opacity:.3;-moz-transform:translateY(100%) rotateX(90deg)}}@keyframes rotateRoomBottomOut{to{opacity:.3;transform:translateY(100%) rotateX(90deg)}}@-webkit-keyframes rotateRoomBottomIn{from{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg)}}@-moz-keyframes rotateRoomBottomIn{from{opacity:.3;-moz-transform:translateY(-100%) rotateX(-90deg)}}@keyframes rotateRoomBottomIn{from{opacity:.3;transform:translateY(-100%) rotateX(-90deg)}}@-webkit-keyframes rotateCubeLeftOut{50%{-webkit-animation-timing-function:ease-out; -webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)} 100%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg)}}@-moz-keyframes rotateCubeLeftOut{50%{-moz-animation-timing-function:ease-out; -moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)} 100%{opacity:.3;-moz-transform:translateX(-100%) rotateY(-90deg)}}@keyframes rotateCubeLeftOut{50%{animation-timing-function:ease-out; transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)} 100%{opacity:.3;transform:translateX(-100%) rotateY(-90deg)}}@-webkit-keyframes rotateCubeLeftIn{0%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg)} 50%{-webkit-animation-timing-function:ease-out; -webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg)}}@-moz-keyframes rotateCubeLeftIn{0%{opacity:.3;-moz-transform:translateX(100%) rotateY(90deg)} 50%{-moz-animation-timing-function:ease-out; -moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg)}}@keyframes rotateCubeLeftIn{0%{opacity:.3;transform:translateX(100%) rotateY(90deg)} 50%{animation-timing-function:ease-out; transform:translateX(50%) translateZ(-200px) rotateY(45deg)}}@-webkit-keyframes rotateCubeRightOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg)} 100%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg)}}@-moz-keyframes rotateCubeRightOut{50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg)} 100%{opacity:.3;-moz-transform:translateX(100%) rotateY(90deg)}}@keyframes rotateCubeRightOut{50%{animation-timing-function:ease-out;transform:translateX(50%) translateZ(-200px) rotateY(45deg)} 100%{opacity:.3;transform:translateX(100%) rotateY(90deg)}}@-webkit-keyframes rotateCubeRightIn{0%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg)} 50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}}@-moz-keyframes rotateCubeRightIn{0%{opacity:.3;-moz-transform:translateX(-100%) rotateY(-90deg)} 50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}}@keyframes rotateCubeRightIn{0%{opacity:.3;transform:translateX(-100%) rotateY(-90deg)} 50%{animation-timing-function:ease-out;transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}}@-webkit-keyframes rotateCubeTopOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg)} 100%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg)}}@-moz-keyframes rotateCubeTopOut{50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(-50%) translateZ(-200px) rotateX(45deg)} 100%{opacity:.3;-moz-transform:translateY(-100%) rotateX(90deg)}}@keyframes rotateCubeTopOut{50%{animation-timing-function:ease-out;transform:translateY(-50%) translateZ(-200px) rotateX(45deg)} 100%{opacity:.3;transform:translateY(-100%) rotateX(90deg)}}@-webkit-keyframes rotateCubeTopIn{0%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg)} 50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}}@-moz-keyframes rotateCubeTopIn{0%{opacity:.3;-moz-transform:translateY(100%) rotateX(-90deg)} 50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}}@keyframes rotateCubeTopIn{0%{opacity:.3;transform:translateY(100%) rotateX(-90deg)} 50%{animation-timing-function:ease-out;transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}}@-webkit-keyframes rotateCubeBottomOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg)} 100%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg)}}@-moz-keyframes rotateCubeBottomOut{50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(50%) translateZ(-200px) rotateX(-45deg)} 100%{opacity:.3;-moz-transform:translateY(100%) rotateX(-90deg)}}@keyframes rotateCubeBottomOut{50%{animation-timing-function:ease-out;transform:translateY(50%) translateZ(-200px) rotateX(-45deg)} 100%{opacity:.3;transform:translateY(100%) rotateX(-90deg)}}@-webkit-keyframes rotateCubeBottomIn{0%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg)} 50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}}@-moz-keyframes rotateCubeBottomIn{0%{opacity:.3;-moz-transform:translateY(-100%) rotateX(90deg)} 50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}}@keyframes rotateCubeBottomIn{0%{opacity:.3;transform:translateY(-100%) rotateX(90deg)} 50%{animation-timing-function:ease-out;transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}}@-webkit-keyframes rotateCarouselLeftOut{to{opacity:.3;-webkit-transform:translateX(-150%) scale(.4) rotateY(-65deg)}}@-moz-keyframes rotateCarouselLeftOut{to{opacity:.3;-moz-transform:translateX(-150%) scale(.4) rotateY(-65deg)}}@keyframes rotateCarouselLeftOut{to{opacity:.3;transform:translateX(-150%) scale(.4) rotateY(-65deg)}}@-webkit-keyframes rotateCarouselLeftIn{from{opacity:.3;-webkit-transform:translateX(200%) scale(.4) rotateY(65deg)}}@-moz-keyframes rotateCarouselLeftIn{from{opacity:.3;-moz-transform:translateX(200%) scale(.4) rotateY(65deg)}}@keyframes rotateCarouselLeftIn{from{opacity:.3;transform:translateX(200%) scale(.4) rotateY(65deg)}}@-webkit-keyframes rotateCarouselRightOut{to{opacity:.3;-webkit-transform:translateX(200%) scale(.4) rotateY(65deg)}}@-moz-keyframes rotateCarouselRightOut{to{opacity:.3;-moz-transform:translateX(200%) scale(.4) rotateY(65deg)}}@keyframes rotateCarouselRightOut{to{opacity:.3;transform:translateX(200%) scale(.4) rotateY(65deg)}}@-webkit-keyframes rotateCarouselRightIn{from{opacity:.3;-webkit-transform:translateX(-200%) scale(.4) rotateY(-65deg)}}@-moz-keyframes rotateCarouselRightIn{from{opacity:.3;-moz-transform:translateX(-200%) scale(.4) rotateY(-65deg)}}@keyframes rotateCarouselRightIn{from{opacity:.3;transform:translateX(-200%) scale(.4) rotateY(-65deg)}}@-webkit-keyframes rotateCarouselTopOut{to{opacity:.3;-webkit-transform:translateY(-200%) scale(.4) rotateX(65deg)}}@-moz-keyframes rotateCarouselTopOut{to{opacity:.3;-moz-transform:translateY(-200%) scale(.4) rotateX(65deg)}}@keyframes rotateCarouselTopOut{to{opacity:.3;transform:translateY(-200%) scale(.4) rotateX(65deg)}}@-webkit-keyframes rotateCarouselTopIn{from{opacity:.3;-webkit-transform:translateY(200%) scale(.4) rotateX(-65deg)}}@-moz-keyframes rotateCarouselTopIn{from{opacity:.3;-moz-transform:translateY(200%) scale(.4) rotateX(-65deg)}}@keyframes rotateCarouselTopIn{from{opacity:.3;transform:translateY(200%) scale(.4) rotateX(-65deg)}}@-webkit-keyframes rotateCarouselBottomOut{to{opacity:.3;-webkit-transform:translateY(200%) scale(.4) rotateX(-65deg)}}@-moz-keyframes rotateCarouselBottomOut{to{opacity:.3;-moz-transform:translateY(200%) scale(.4) rotateX(-65deg)}}@keyframes rotateCarouselBottomOut{to{opacity:.3;transform:translateY(200%) scale(.4) rotateX(-65deg)}}@-webkit-keyframes rotateCarouselBottomIn{from{opacity:.3;-webkit-transform:translateY(-200%) scale(.4) rotateX(65deg)}}@-moz-keyframes rotateCarouselBottomIn{from{opacity:.3;-moz-transform:translateY(-200%) scale(.4) rotateX(65deg)}}@keyframes rotateCarouselBottomIn{from{opacity:.3;transform:translateY(-200%) scale(.4) rotateX(65deg)}}@-webkit-keyframes rotateSidesOut{to{opacity:0;-webkit-transform:translateZ(-500px) rotateY(90deg)}}@-moz-keyframes rotateSidesOut{to{opacity:0;-moz-transform:translateZ(-500px) rotateY(90deg)}}@keyframes rotateSidesOut{to{opacity:0;transform:translateZ(-500px) rotateY(90deg)}}@-webkit-keyframes rotateSidesIn{from{opacity:0;-webkit-transform:translateZ(-500px) rotateY(-90deg)}}@-moz-keyframes rotateSidesIn{from{opacity:0;-moz-transform:translateZ(-500px) rotateY(-90deg)}}@keyframes rotateSidesIn{from{opacity:0;transform:translateZ(-500px) rotateY(-90deg)}}@-webkit-keyframes rotateSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)} 75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)} 100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes rotateSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)} 75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)} 100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes rotateSlideOut{25%{opacity:.5;transform:translateZ(-500px)} 75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)} 100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes rotateSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)} 75%{opacity:.5;-webkit-transform:translateZ(-500px)} 100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes rotateSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)} 75%{opacity:.5;-moz-transform:translateZ(-500px)} 100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes rotateSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)} 75%{opacity:.5;transform:translateZ(-500px)} 100%{opacity:1;transform:translateZ(0) translateX(0)}}.pt-page-delay100{-webkit-animation-delay:.1s; -moz-animation-delay:.1s; animation-delay:.1s}.pt-page-delay180{-webkit-animation-delay:.180s; -moz-animation-delay:.180s; animation-delay:.180s}.pt-page-delay200{-webkit-animation-delay:.2s; -moz-animation-delay:.2s; animation-delay:.2s}.pt-page-delay300{-webkit-animation-delay:.3s; -moz-animation-delay:.3s; animation-delay:.3s}.pt-page-delay400{-webkit-animation-delay:.4s; -moz-animation-delay:.4s; animation-delay:.4s}.pt-page-delay500{-webkit-animation-delay:.5s; -moz-animation-delay:.5s; animation-delay:.5s}.pt-page-delay700{-webkit-animation-delay:.7s; -moz-animation-delay:.7s; animation-delay:.7s}.pt-page-delay1000{-webkit-animation-delay:1s; -moz-animation-delay:1s; animation-delay:1s} .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:white}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0; border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:white;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:white;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after, .mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before, .mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left:after, .mfp-arrow-left .mfp-a{border-right:17px solid white;margin-left:31px}.mfp-arrow-left:before, .mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after, .mfp-arrow-right .mfp-a{border-left:17px solid white;margin-left:39px}.mfp-arrow-right:before, .mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-close:hover{background:transparent}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:black}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer} @media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.mfp-zoom-in .mfp-container,.mfp-zoom-in.mfp-bg{opacity:0;-webkit-backface-visibility:hidden;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.mfp-zoom-in.mfp-ready .mfp-container{opacity:1}.mfp-zoom-in.mfp-ready.mfp-bg{opacity:0.8}.mfp-zoom-in.mfp-removing .mfp-container,.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.mfp-zoom-in .mfp-with-anim{opacity:0; transform:scale(0.8); transition:all 0.2s ease-in-out 0s}.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1; transform:scale(1)}.mfp-zoom-in.mfp-removing .mfp-with-anim{opacity:0; transform:scale(0.8)}.mfp-zoom-in{ .mfp-with-anim{opacity:0; transform:scale(0.8)} &.mfp-ready{.mfp-with-anim{opacity:1; transition:all 0.2s ease-in-out; transform:scale(1)}} &.mfp-removing{ .mfp-with-anim{transform:scale(0.8); transition:all 0.1s ease-in-out; opacity:0} } } [data-icon]:before{font-family:'ElegantIcons';content:attr(data-icon);speak:none;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.arrow_up,.arrow_down,.arrow_left,.arrow_right,.arrow_left-up,.arrow_right-up,.arrow_right-down,.arrow_left-down,.arrow-up-down,.arrow_up-down_alt,.arrow_left-right_alt,.arrow_left-right,.arrow_expand_alt2,.arrow_expand_alt,.arrow_condense,.arrow_expand,.arrow_move,.arrow_carrot-up,.arrow_carrot-down,.arrow_carrot-left,.arrow_carrot-right,.arrow_carrot-2up,.arrow_carrot-2down,.arrow_carrot-2left,.arrow_carrot-2right,.arrow_carrot-up_alt2,.arrow_carrot-down_alt2,.arrow_carrot-left_alt2,.arrow_carrot-right_alt2,.arrow_carrot-2up_alt2,.arrow_carrot-2down_alt2,.arrow_carrot-2left_alt2,.arrow_carrot-2right_alt2,.arrow_triangle-up,.arrow_triangle-down,.arrow_triangle-left,.arrow_triangle-right,.arrow_triangle-up_alt2,.arrow_triangle-down_alt2,.arrow_triangle-left_alt2,.arrow_triangle-right_alt2,.arrow_back,.icon_minus-06,.icon_plus,.icon_close,.icon_check,.icon_minus_alt2,.icon_plus_alt2,.icon_close_alt2,.icon_check_alt2,.icon_zoom-out_alt,.icon_zoom-in_alt,.icon_search,.icon_box-empty,.icon_box-selected,.icon_minus-box,.icon_plus-box,.icon_box-checked,.icon_circle-empty,.icon_circle-slelected,.icon_stop_alt2,.icon_stop,.icon_pause_alt2,.icon_pause,.icon_menu,.icon_menu-square_alt2,.icon_menu-circle_alt2,.icon_ul,.icon_ol,.icon_adjust-horiz,.icon_adjust-vert,.icon_document_alt,.icon_documents_alt,.icon_pencil,.icon_pencil-edit_alt,.icon_pencil-edit,.icon_folder-alt,.icon_folder-open_alt,.icon_folder-add_alt,.icon_info_alt,.icon_error-oct_alt,.icon_error-circle_alt,.icon_error-triangle_alt,.icon_question_alt2,.icon_question,.icon_comment_alt,.icon_chat_alt,.icon_vol-mute_alt,.icon_volume-low_alt,.icon_volume-high_alt,.icon_quotations,.icon_quotations_alt2,.icon_clock_alt,.icon_lock_alt,.icon_lock-open_alt,.icon_key_alt,.icon_cloud_alt,.icon_cloud-upload_alt,.icon_cloud-download_alt,.icon_image,.icon_images,.icon_lightbulb_alt,.icon_gift_alt,.icon_house_alt,.icon_genius,.icon_mobile,.icon_tablet,.icon_laptop,.icon_desktop,.icon_camera_alt,.icon_mail_alt,.icon_cone_alt,.icon_ribbon_alt,.icon_bag_alt,.icon_creditcard,.icon_cart_alt,.icon_paperclip,.icon_tag_alt,.icon_tags_alt,.icon_trash_alt,.icon_cursor_alt,.icon_mic_alt,.icon_compass_alt,.icon_pin_alt,.icon_pushpin_alt,.icon_map_alt,.icon_drawer_alt,.icon_toolbox_alt,.icon_book_alt,.icon_calendar,.icon_film,.icon_table,.icon_contacts_alt,.icon_headphones,.icon_lifesaver,.icon_piechart,.icon_refresh,.icon_link_alt,.icon_link,.icon_loading,.icon_blocked,.icon_archive_alt,.icon_heart_alt,.icon_star_alt,.icon_star-half_alt,.icon_star,.icon_star-half,.icon_tools,.icon_tool,.icon_cog,.icon_cogs,.arrow_up_alt,.arrow_down_alt,.arrow_left_alt,.arrow_right_alt,.arrow_left-up_alt,.arrow_right-up_alt,.arrow_right-down_alt,.arrow_left-down_alt,.arrow_condense_alt,.arrow_expand_alt3,.arrow_carrot_up_alt,.arrow_carrot-down_alt,.arrow_carrot-left_alt,.arrow_carrot-right_alt,.arrow_carrot-2up_alt,.arrow_carrot-2dwnn_alt,.arrow_carrot-2left_alt,.arrow_carrot-2right_alt,.arrow_triangle-up_alt,.arrow_triangle-down_alt,.arrow_triangle-left_alt,.arrow_triangle-right_alt,.icon_minus_alt,.icon_plus_alt,.icon_close_alt,.icon_check_alt,.icon_zoom-out,.icon_zoom-in,.icon_stop_alt,.icon_menu-square_alt,.icon_menu-circle_alt,.icon_document,.icon_documents,.icon_pencil_alt,.icon_folder,.icon_folder-open,.icon_folder-add,.icon_folder_upload,.icon_folder_download,.icon_info,.icon_error-circle,.icon_error-oct,.icon_error-triangle,.icon_question_alt,.icon_comment,.icon_chat,.icon_vol-mute,.icon_volume-low,.icon_volume-high,.icon_quotations_alt,.icon_clock,.icon_lock,.icon_lock-open,.icon_key,.icon_cloud,.icon_cloud-upload,.icon_cloud-download,.icon_lightbulb,.icon_gift,.icon_house,.icon_camera,.icon_mail,.icon_cone,.icon_ribbon,.icon_bag,.icon_cart,.icon_tag,.icon_tags,.icon_trash,.icon_cursor,.icon_mic,.icon_compass,.icon_pin,.icon_pushpin,.icon_map,.icon_drawer,.icon_toolbox,.icon_book,.icon_contacts,.icon_archive,.icon_heart,.icon_profile,.icon_group,.icon_grid-2x2,.icon_grid-3x3,.icon_music,.icon_pause_alt,.icon_phone,.icon_upload,.icon_download,.social_facebook,.social_twitter,.social_pinterest,.social_googleplus,.social_tumblr,.social_tumbleupon,.social_wordpress,.social_instagram,.social_dribbble,.social_vimeo,.social_linkedin,.social_rss,.social_deviantart,.social_share,.social_myspace,.social_skype,.social_youtube,.social_picassa,.social_googledrive,.social_flickr,.social_blogger,.social_spotify,.social_delicious,.social_facebook_circle,.social_twitter_circle,.social_pinterest_circle,.social_googleplus_circle,.social_tumblr_circle,.social_stumbleupon_circle,.social_wordpress_circle,.social_instagram_circle,.social_dribbble_circle,.social_vimeo_circle,.social_linkedin_circle,.social_rss_circle,.social_deviantart_circle,.social_share_circle,.social_myspace_circle,.social_skype_circle,.social_youtube_circle,.social_picassa_circle,.social_googledrive_alt2,.social_flickr_circle,.social_blogger_circle,.social_spotify_circle,.social_delicious_circle,.social_facebook_square,.social_twitter_square,.social_pinterest_square,.social_googleplus_square,.social_tumblr_square,.social_stumbleupon_square,.social_wordpress_square,.social_instagram_square,.social_dribbble_square,.social_vimeo_square,.social_linkedin_square,.social_rss_square,.social_deviantart_square,.social_share_square,.social_myspace_square,.social_skype_square,.social_youtube_square,.social_picassa_square,.social_googledrive_square,.social_flickr_square,.social_blogger_square,.social_spotify_square,.social_delicious_square,.icon_printer,.icon_calulator,.icon_building,.icon_floppy,.icon_drive,.icon_search-2,.icon_id,.icon_id-2,.icon_puzzle,.icon_like,.icon_dislike,.icon_mug,.icon_currency,.icon_wallet,.icon_pens,.icon_easel,.icon_flowchart,.icon_datareport,.icon_briefcase,.icon_shield,.icon_percent,.icon_globe,.icon_globe-2,.icon_target,.icon_hourglass,.icon_balance,.icon_rook,.icon_printer-alt,.icon_calculator_alt,.icon_building_alt,.icon_floppy_alt,.icon_drive_alt,.icon_search_alt,.icon_id_alt,.icon_id-2_alt,.icon_puzzle_alt,.icon_like_alt,.icon_dislike_alt,.icon_mug_alt,.icon_currency_alt,.icon_wallet_alt,.icon_pens_alt,.icon_easel_alt,.icon_flowchart_alt,.icon_datareport_alt,.icon_briefcase_alt,.icon_shield_alt,.icon_percent_alt,.icon_globe_alt,.icon_clipboard{font-family:'ElegantIcons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.arrow_up:before{content:"\21"}.arrow_down:before{content:"\22"}.arrow_left:before{content:"\23"}.arrow_right:before{content:"\24"}.arrow_left-up:before{content:"\25"}.arrow_right-up:before{content:"\26"}.arrow_right-down:before{content:"\27"}.arrow_left-down:before{content:"\28"}.arrow-up-down:before{content:"\29"}.arrow_up-down_alt:before{content:"\2a"}.arrow_left-right_alt:before{content:"\2b"}.arrow_left-right:before{content:"\2c"}.arrow_expand_alt2:before{content:"\2d"}.arrow_expand_alt:before{content:"\2e"}.arrow_condense:before{content:"\2f"}.arrow_expand:before{content:"\30"}.arrow_move:before{content:"\31"}.arrow_carrot-up:before{content:"\32"}.arrow_carrot-down:before{content:"\33"}.arrow_carrot-left:before{content:"\34"}.arrow_carrot-right:before{content:"\35"}.arrow_carrot-2up:before{content:"\36"}.arrow_carrot-2down:before{content:"\37"}.arrow_carrot-2left:before{content:"\38"}.arrow_carrot-2right:before{content:"\39"}.arrow_carrot-up_alt2:before{content:"\3a"}.arrow_carrot-down_alt2:before{content:"\3b"}.arrow_carrot-left_alt2:before{content:"\3c"}.arrow_carrot-right_alt2:before{content:"\3d"}.arrow_carrot-2up_alt2:before{content:"\3e"}.arrow_carrot-2down_alt2:before{content:"\3f"}.arrow_carrot-2left_alt2:before{content:"\40"}.arrow_carrot-2right_alt2:before{content:"\41"}.arrow_triangle-up:before{content:"\42"}.arrow_triangle-down:before{content:"\43"}.arrow_triangle-left:before{content:"\44"}.arrow_triangle-right:before{content:"\45"}.arrow_triangle-up_alt2:before{content:"\46"}.arrow_triangle-down_alt2:before{content:"\47"}.arrow_triangle-left_alt2:before{content:"\48"}.arrow_triangle-right_alt2:before{content:"\49"}.arrow_back:before{content:"\4a"}.icon_minus-06:before{content:"\4b"}.icon_plus:before{content:"\4c"}.icon_close:before{content:"\4d"}.icon_check:before{content:"\4e"}.icon_minus_alt2:before{content:"\4f"}.icon_plus_alt2:before{content:"\50"}.icon_close_alt2:before{content:"\51"}.icon_check_alt2:before{content:"\52"}.icon_zoom-out_alt:before{content:"\53"}.icon_zoom-in_alt:before{content:"\54"}.icon_search:before{content:"\55"}.icon_box-empty:before{content:"\56"}.icon_box-selected:before{content:"\57"}.icon_minus-box:before{content:"\58"}.icon_plus-box:before{content:"\59"}.icon_box-checked:before{content:"\5a"}.icon_circle-empty:before{content:"\5b"}.icon_circle-slelected:before{content:"\5c"}.icon_stop_alt2:before{content:"\5d"}.icon_stop:before{content:"\5e"}.icon_pause_alt2:before{content:"\5f"}.icon_pause:before{content:"\60"}.icon_menu:before{content:"\61"}.icon_menu-square_alt2:before{content:"\62"}.icon_menu-circle_alt2:before{content:"\63"}.icon_ul:before{content:"\64"}.icon_ol:before{content:"\65"}.icon_adjust-horiz:before{content:"\66"}.icon_adjust-vert:before{content:"\67"}.icon_document_alt:before{content:"\68"}.icon_documents_alt:before{content:"\69"}.icon_pencil:before{content:"\6a"}.icon_pencil-edit_alt:before{content:"\6b"}.icon_pencil-edit:before{content:"\6c"}.icon_folder-alt:before{content:"\6d"}.icon_folder-open_alt:before{content:"\6e"}.icon_folder-add_alt:before{content:"\6f"}.icon_info_alt:before{content:"\70"}.icon_error-oct_alt:before{content:"\71"}.icon_error-circle_alt:before{content:"\72"}.icon_error-triangle_alt:before{content:"\73"}.icon_question_alt2:before{content:"\74"}.icon_question:before{content:"\75"}.icon_comment_alt:before{content:"\76"}.icon_chat_alt:before{content:"\77"}.icon_vol-mute_alt:before{content:"\78"}.icon_volume-low_alt:before{content:"\79"}.icon_volume-high_alt:before{content:"\7a"}.icon_quotations:before{content:"\7b"}.icon_quotations_alt2:before{content:"\7c"}.icon_clock_alt:before{content:"\7d"}.icon_lock_alt:before{content:"\7e"}.icon_lock-open_alt:before{content:"\e000"}.icon_key_alt:before{content:"\e001"}.icon_cloud_alt:before{content:"\e002"}.icon_cloud-upload_alt:before{content:"\e003"}.icon_cloud-download_alt:before{content:"\e004"}.icon_image:before{content:"\e005"}.icon_images:before{content:"\e006"}.icon_lightbulb_alt:before{content:"\e007"}.icon_gift_alt:before{content:"\e008"}.icon_house_alt:before{content:"\e009"}.icon_genius:before{content:"\e00a"}.icon_mobile:before{content:"\e00b"}.icon_tablet:before{content:"\e00c"}.icon_laptop:before{content:"\e00d"}.icon_desktop:before{content:"\e00e"}.icon_camera_alt:before{content:"\e00f"}.icon_mail_alt:before{content:"\e010"}.icon_cone_alt:before{content:"\e011"}.icon_ribbon_alt:before{content:"\e012"}.icon_bag_alt:before{content:"\e013"}.icon_creditcard:before{content:"\e014"}.icon_cart_alt:before{content:"\e015"}.icon_paperclip:before{content:"\e016"}.icon_tag_alt:before{content:"\e017"}.icon_tags_alt:before{content:"\e018"}.icon_trash_alt:before{content:"\e019"}.icon_cursor_alt:before{content:"\e01a"}.icon_mic_alt:before{content:"\e01b"}.icon_compass_alt:before{content:"\e01c"}.icon_pin_alt:before{content:"\e01d"}.icon_pushpin_alt:before{content:"\e01e"}.icon_map_alt:before{content:"\e01f"}.icon_drawer_alt:before{content:"\e020"}.icon_toolbox_alt:before{content:"\e021"}.icon_book_alt:before{content:"\e022"}.icon_calendar:before{content:"\e023"}.icon_film:before{content:"\e024"}.icon_table:before{content:"\e025"}.icon_contacts_alt:before{content:"\e026"}.icon_headphones:before{content:"\e027"}.icon_lifesaver:before{content:"\e028"}.icon_piechart:before{content:"\e029"}.icon_refresh:before{content:"\e02a"}.icon_link_alt:before{content:"\e02b"}.icon_link:before{content:"\e02c"}.icon_loading:before{content:"\e02d"}.icon_blocked:before{content:"\e02e"}.icon_archive_alt:before{content:"\e02f"}.icon_heart_alt:before{content:"\e030"}.icon_star_alt:before{content:"\e031"}.icon_star-half_alt:before{content:"\e032"}.icon_star:before{content:"\e033"}.icon_star-half:before{content:"\e034"}.icon_tools:before{content:"\e035"}.icon_tool:before{content:"\e036"}.icon_cog:before{content:"\e037"}.icon_cogs:before{content:"\e038"}.arrow_up_alt:before{content:"\e039"}.arrow_down_alt:before{content:"\e03a"}.arrow_left_alt:before{content:"\e03b"}.arrow_right_alt:before{content:"\e03c"}.arrow_left-up_alt:before{content:"\e03d"}.arrow_right-up_alt:before{content:"\e03e"}.arrow_right-down_alt:before{content:"\e03f"}.arrow_left-down_alt:before{content:"\e040"}.arrow_condense_alt:before{content:"\e041"}.arrow_expand_alt3:before{content:"\e042"}.arrow_carrot_up_alt:before{content:"\e043"}.arrow_carrot-down_alt:before{content:"\e044"}.arrow_carrot-left_alt:before{content:"\e045"}.arrow_carrot-right_alt:before{content:"\e046"}.arrow_carrot-2up_alt:before{content:"\e047"}.arrow_carrot-2dwnn_alt:before{content:"\e048"}.arrow_carrot-2left_alt:before{content:"\e049"}.arrow_carrot-2right_alt:before{content:"\e04a"}.arrow_triangle-up_alt:before{content:"\e04b"}.arrow_triangle-down_alt:before{content:"\e04c"}.arrow_triangle-left_alt:before{content:"\e04d"}.arrow_triangle-right_alt:before{content:"\e04e"}.icon_minus_alt:before{content:"\e04f"}.icon_plus_alt:before{content:"\e050"}.icon_close_alt:before{content:"\e051"}.icon_check_alt:before{content:"\e052"}.icon_zoom-out:before{content:"\e053"}.icon_zoom-in:before{content:"\e054"}.icon_stop_alt:before{content:"\e055"}.icon_menu-square_alt:before{content:"\e056"}.icon_menu-circle_alt:before{content:"\e057"}.icon_document:before{content:"\e058"}.icon_documents:before{content:"\e059"}.icon_pencil_alt:before{content:"\e05a"}.icon_folder:before{content:"\e05b"}.icon_folder-open:before{content:"\e05c"}.icon_folder-add:before{content:"\e05d"}.icon_folder_upload:before{content:"\e05e"}.icon_folder_download:before{content:"\e05f"}.icon_info:before{content:"\e060"}.icon_error-circle:before{content:"\e061"}.icon_error-oct:before{content:"\e062"}.icon_error-triangle:before{content:"\e063"}.icon_question_alt:before{content:"\e064"}.icon_comment:before{content:"\e065"}.icon_chat:before{content:"\e066"}.icon_vol-mute:before{content:"\e067"}.icon_volume-low:before{content:"\e068"}.icon_volume-high:before{content:"\e069"}.icon_quotations_alt:before{content:"\e06a"}.icon_clock:before{content:"\e06b"}.icon_lock:before{content:"\e06c"}.icon_lock-open:before{content:"\e06d"}.icon_key:before{content:"\e06e"}.icon_cloud:before{content:"\e06f"}.icon_cloud-upload:before{content:"\e070"}.icon_cloud-download:before{content:"\e071"}.icon_lightbulb:before{content:"\e072"}.icon_gift:before{content:"\e073"}.icon_house:before{content:"\e074"}.icon_camera:before{content:"\e075"}.icon_mail:before{content:"\e076"}.icon_cone:before{content:"\e077"}.icon_ribbon:before{content:"\e078"}.icon_bag:before{content:"\e079"}.icon_cart:before{content:"\e07a"}.icon_tag:before{content:"\e07b"}.icon_tags:before{content:"\e07c"}.icon_trash:before{content:"\e07d"}.icon_cursor:before{content:"\e07e"}.icon_mic:before{content:"\e07f"}.icon_compass:before{content:"\e080"}.icon_pin:before{content:"\e081"}.icon_pushpin:before{content:"\e082"}.icon_map:before{content:"\e083"}.icon_drawer:before{content:"\e084"}.icon_toolbox:before{content:"\e085"}.icon_book:before{content:"\e086"}.icon_contacts:before{content:"\e087"}.icon_archive:before{content:"\e088"}.icon_heart:before{content:"\e089"}.icon_profile:before{content:"\e08a"}.icon_group:before{content:"\e08b"}.icon_grid-2x2:before{content:"\e08c"}.icon_grid-3x3:before{content:"\e08d"}.icon_music:before{content:"\e08e"}.icon_pause_alt:before{content:"\e08f"}.icon_phone:before{content:"\e090"}.icon_upload:before{content:"\e091"}.icon_download:before{content:"\e092"}.social_facebook:before{content:"\e093"}.social_twitter:before{content:"\e094"}.social_pinterest:before{content:"\e095"}.social_googleplus:before{content:"\e096"}.social_tumblr:before{content:"\e097"}.social_tumbleupon:before{content:"\e098"}.social_wordpress:before{content:"\e099"}.social_instagram:before{content:"\e09a"}.social_dribbble:before{content:"\e09b"}.social_vimeo:before{content:"\e09c"}.social_linkedin:before{content:"\e09d"}.social_rss:before{content:"\e09e"}.social_deviantart:before{content:"\e09f"}.social_share:before{content:"\e0a0"}.social_myspace:before{content:"\e0a1"}.social_skype:before{content:"\e0a2"}.social_youtube:before{content:"\e0a3"}.social_picassa:before{content:"\e0a4"}.social_googledrive:before{content:"\e0a5"}.social_flickr:before{content:"\e0a6"}.social_blogger:before{content:"\e0a7"}.social_spotify:before{content:"\e0a8"}.social_delicious:before{content:"\e0a9"}.social_facebook_circle:before{content:"\e0aa"}.social_twitter_circle:before{content:"\e0ab"}.social_pinterest_circle:before{content:"\e0ac"}.social_googleplus_circle:before{content:"\e0ad"}.social_tumblr_circle:before{content:"\e0ae"}.social_stumbleupon_circle:before{content:"\e0af"}.social_wordpress_circle:before{content:"\e0b0"}.social_instagram_circle:before{content:"\e0b1"}.social_dribbble_circle:before{content:"\e0b2"}.social_vimeo_circle:before{content:"\e0b3"}.social_linkedin_circle:before{content:"\e0b4"}.social_rss_circle:before{content:"\e0b5"}.social_deviantart_circle:before{content:"\e0b6"}.social_share_circle:before{content:"\e0b7"}.social_myspace_circle:before{content:"\e0b8"}.social_skype_circle:before{content:"\e0b9"}.social_youtube_circle:before{content:"\e0ba"}.social_picassa_circle:before{content:"\e0bb"}.social_googledrive_alt2:before{content:"\e0bc"}.social_flickr_circle:before{content:"\e0bd"}.social_blogger_circle:before{content:"\e0be"}.social_spotify_circle:before{content:"\e0bf"}.social_delicious_circle:before{content:"\e0c0"}.social_facebook_square:before{content:"\e0c1"}.social_twitter_square:before{content:"\e0c2"}.social_pinterest_square:before{content:"\e0c3"}.social_googleplus_square:before{content:"\e0c4"}.social_tumblr_square:before{content:"\e0c5"}.social_stumbleupon_square:before{content:"\e0c6"}.social_wordpress_square:before{content:"\e0c7"}.social_instagram_square:before{content:"\e0c8"}.social_dribbble_square:before{content:"\e0c9"}.social_vimeo_square:before{content:"\e0ca"}.social_linkedin_square:before{content:"\e0cb"}.social_rss_square:before{content:"\e0cc"}.social_deviantart_square:before{content:"\e0cd"}.social_share_square:before{content:"\e0ce"}.social_myspace_square:before{content:"\e0cf"}.social_skype_square:before{content:"\e0d0"}.social_youtube_square:before{content:"\e0d1"}.social_picassa_square:before{content:"\e0d2"}.social_googledrive_square:before{content:"\e0d3"}.social_flickr_square:before{content:"\e0d4"}.social_blogger_square:before{content:"\e0d5"}.social_spotify_square:before{content:"\e0d6"}.social_delicious_square:before{content:"\e0d7"}.icon_printer:before{content:"\e103"}.icon_calulator:before{content:"\e0ee"}.icon_building:before{content:"\e0ef"}.icon_floppy:before{content:"\e0e8"}.icon_drive:before{content:"\e0ea"}.icon_search-2:before{content:"\e101"}.icon_id:before{content:"\e107"}.icon_id-2:before{content:"\e108"}.icon_puzzle:before{content:"\e102"}.icon_like:before{content:"\e106"}.icon_dislike:before{content:"\e0eb"}.icon_mug:before{content:"\e105"}.icon_currency:before{content:"\e0ed"}.icon_wallet:before{content:"\e100"}.icon_pens:before{content:"\e104"}.icon_easel:before{content:"\e0e9"}.icon_flowchart:before{content:"\e109"}.icon_datareport:before{content:"\e0ec"}.icon_briefcase:before{content:"\e0fe"}.icon_shield:before{content:"\e0f6"}.icon_percent:before{content:"\e0fb"}.icon_globe:before{content:"\e0e2"}.icon_globe-2:before{content:"\e0e3"}.icon_target:before{content:"\e0f5"}.icon_hourglass:before{content:"\e0e1"}.icon_balance:before{content:"\e0ff"}.icon_rook:before{content:"\e0f8"}.icon_printer-alt:before{content:"\e0fa"}.icon_calculator_alt:before{content:"\e0e7"}.icon_building_alt:before{content:"\e0fd"}.icon_floppy_alt:before{content:"\e0e4"}.icon_drive_alt:before{content:"\e0e5"}.icon_search_alt:before{content:"\e0f7"}.icon_id_alt:before{content:"\e0e0"}.icon_id-2_alt:before{content:"\e0fc"}.icon_puzzle_alt:before{content:"\e0f9"}.icon_like_alt:before{content:"\e0dd"}.icon_dislike_alt:before{content:"\e0f1"}.icon_mug_alt:before{content:"\e0dc"}.icon_currency_alt:before{content:"\e0f3"}.icon_wallet_alt:before{content:"\e0d8"}.icon_pens_alt:before{content:"\e0db"}.icon_easel_alt:before{content:"\e0f0"}.icon_flowchart_alt:before{content:"\e0df"}.icon_datareport_alt:before{content:"\e0f2"}.icon_briefcase_alt:before{content:"\e0f4"}.icon_shield_alt:before{content:"\e0d9"}.icon_percent_alt:before{content:"\e0da"}.icon_globe_alt:before{content:"\e0de"}.icon_clipboard:before{content:"\e0e6"}.glyph{float:left;text-align:center;padding:.75em;margin:.4em 1.5em .75em 0;width:6em;text-shadow:none} .glyph_big{font-size:128px; color:#59c5dc; float:left; margin-right:20px} .glyph div{padding-bottom:10px}.glyph input{font-family:consolas,monospace;font-size:12px;width:100%;text-align:center;border:0;box-shadow:0 0 0 1px #ccc;padding:.2em; -moz-border-radius:5px; -webkit-border-radius:5px}.centered{margin-left:auto;margin-right:auto}.glyph .fs1{font-size:2em} /*------------------------------------------------------------------ [Table of contents] 1. GLOBAL STYLES 2. TYPOGRAPHY 3. LOADER 4. NAVIGATION BAR 5. PAGES 5.1. BACKGROUND PAGES 6. HOMEPAGE 7. ABOUT ME 8. WORK 9. BLOG 10. CONTACT 11. FOOTER /*------------------------------------------------------------------ /*------------------------------------------------------------------ 1. GLOBAL STYLES -------------------------------------------------------------------*/ html, body { height:100%; width:100%; } body { background: #000; color: #000; font-family: 'Raleway', sans-serif; font-weight: 300; font-style: normal; font-size: 14px; line-height: 22px; overflow: hidden; letter-spacing: 0.025em; } a, a:hover, a:focus, a:active { outline: none !important; text-decoration: none; color: #000; } ul,li { list-style:none; } hr { display: block; margin: 30px 0px; } textarea, input, input:hover, input:focus, input:active, input[type="text"], input[type="text"]:focus, input[type="text"]:hover, input[type="text"]:active, input[type="email"], input[type="email"]:focus, input[type="email"]:hover, input[type="email"]:active, button, button[type="submit"]{ -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; outline:0px !important; } .no-overflow { overflow: hidden !important; } .css3Animate { -webkit-transition: all .2s linear .1s; -moz-transform: all .2s linear .1s; -ms-transition: all .2s linear .1s; -o-transition: all .2s linear .1s; transition: all .2s linear .1s; } .css3AnimateSlow { -webkit-transition: all 1s linear 0.5s; -moz-transform: all 1s linear 0.5s; -ms-transition: all 1s linear 0.5s; -o-transition: all 1s linear 0.5s; transition: all 1s linear 0.5s; } #backSlider { width: 100%; height: 100%; position: absolute; z-index: 1; } .backSliderOver { background: #000; } #pattern { width: 100%; height: 100%; position: absolute; background: repeat; z-index: 1; opacity: 0.75; } section { padding: 75px 0px; } .clearfix{ margin: 20px 0px; } .hide{ display: none; } #gradient-1 { width: 100%; height: 100%; position: absolute; z-index: 1; background: -webkit-linear-gradient(135deg, #268fd0, #5f56ac); /* For Safari */ background: -o-linear-gradient(135deg, #268fd0, #5f56ac); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(135deg, #268fd0, #5f56ac); /* For Firefox 3.6 to 15 */ background: linear-gradient(135deg, #268fd0, #5f56ac); /* Standard syntax */ Filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#268fd0', endColorstr='#5f56ac'); /* For IE */ opacity: 0.75; } #gradient-2 { width: 100%; height: 100%; position: absolute; z-index: 1; background: -webkit-linear-gradient(135deg, #fe7259, #ffc456); /* For Safari */ background: -o-linear-gradient(135deg, #fe7259, #ffc456); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(135deg, #fe7259, #ffc456); /* For Firefox 3.6 to 15 */ background: linear-gradient(135deg, #fe7259, #ffc456); /* Standard syntax */ Filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe7259', endColorstr='#ffc456'); /* For IE */ opacity: 1; } .poster-image { background: ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; z-index: -1 !important; backface-visibility: hidden; background-position: center center; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; } #video-content{ display: block; position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100%; } #controlBar_bgndVideo, #controlBar_video-content { display: none !important; } #fullscreen-vimeo { background-color: #000000; height: 100%; left: 0; padding: 0; position: fixed; top: 0; width: 100%; z-index: -2; overflow: hidden; } #fullscreen-wrap { height: 360px; left: 0; position: absolute; top: 0; width: 640px; } #fullscreen-vimeo iframe { border: none; display: block; height: 100%; width: 100%; } /*------------------------------------------------------------------ 2. TYPOGRAPHY -------------------------------------------------------------------*/ h1 { margin: 0px; font-family: 'Montserrat', sans-serif; font-weight: 700; } h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 5em; letter-spacing: -0.05em; margin: 0px; text-transform: uppercase; line-height: 1.05em; } h3 { font-size: 1.4em; font-weight: 200; letter-spacing: 0.025em; line-height: 1.45em; } h4 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 3.4em; letter-spacing: -0.05em; margin: 0px; text-transform: uppercase; line-height: 1.35em; text-align: center; } h5 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.15em; line-height: 1.35em; text-transform: uppercase; } /*------------------------------------------------------------------ 3. LOADER -------------------------------------------------------------------*/ .loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; z-index: 1100; } #loader-content { border-radius: 163px; position: fixed; z-index: 9999; top: 50%; left: 50%; margin-left: -80px; margin-top: -80px; width: 160px; height: 160px; } .loader-logo, #loader-circle { position: absolute; } .loader-logo { top: 50%; left: 48%; margin-left: -30px; margin-top: -35px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 5em; line-height: 1em; } /*------------------------------------------------------------------ 4. NAVIGATION BAR -------------------------------------------------------------------*/ #mainNav { position: fixed; z-index: 9; width: 100%; top: -100px; padding-top: 20px; height: 84px; font-size: 0.7em; font-style: normal; font-family: 'Montserrat', sans-serif; font-weight: 700; } #mainNav .navbar-brand { margin: auto; width: 60px; height: 60px; float: none; background: none; display: block; font-size: 0.6em; } #mainNavTop { top: -61px; } .lightNav .round-logo { border: 2px solid rgba(256,256,256,0.5); } .darkNav .round-logo { border: 2px solid rgba(51,51,51,0.5); } .lightNav .round-logo:hover { border: 2px solid rgba(256,256,256,1); } .darkNav .round-logo:hover { border: 2px solid rgba(51,51,51,1); } #mainNav .navbar-brand svg { width: 1.6em; margin-top: -6px; } #mainNav .round-logo { display: block; border-radius: 50%; text-align: center } #mainNav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: -55px; } #mainNav ul li { text-transform: uppercase; letter-spacing: .3em; margin-right: 30px; } #mainNav ul li: last-child { margin-right: 8px; } #mainNav ul li button { display: inline-block; height: 50px; position: relative; background: none; border: 0px; text-transform: uppercase; letter-spacing: 2px; font-size: 1.1em; } .darkNav ul li button { color: #000; } #mainNav ul li button:hover, #mainNav ul li button:active { background: none; } #mainNav ul li .right-margin { margin-right: 60px; } #mainNav ul li .left-margin { padding-left: 0; margin-left: 60px; } #mainNav ul li button .line { height: 1px; display: block; width: 0px; margin-top: 1px; margin-left: 50%; } .lightNav ul li button .line { background: #fff; } .darkNav ul li button .line { background: #000; } #mainNav ul li button:hover .line { width: 97%; margin-left: 0%; } .navTop{ padding-top: 0px !important; height: 60px !important; } .navTop .round-logo, .navTop .round-logo:hover { border: 0px; } .navTop .navbar-brand svg { width: 1.3em; margin-top: -6px; } .navTop ul li button { font-size: 0.8em; } .lightNav a, .lightNav button{ color: #fff; } .darkNav a , .darkNav button{ color: #000; } #mainNav a { font-size: 3.5em; opacity: 0.75; margin-top: 15px; margin-right: 20px; float: right; } #mainNav a:hover { font-size: 3.5em; opacity: 1; } .menu-mobile { position: absolute; z-index: 100; background: rgba(0,0,0,0.75); width: 100%; height: 100%; display: none; } .menu-mobile a { position: absolute; z-index: 110; font-size: 3em; right: 20px; top: 20px; opacity: 0.75; color: #fff; } .menu-mobile a:hover { opacity: 1; } .menu-mobile ul { list-style: none; text-align: center; width: 100%; height: 280px; margin-left: 0px; margin-right: 0px; } .menu-mobile ul li { display: block; clear: both; width: 100%; } .menu-mobile ul li button { background: none; font-size: 2.5em; font-weight: 200; width: 300px; text-align: center; line-height: 2em; border: 0px; box-shadow: none; text-shadow: none; opacity: 0.75; color: #fff; } .menu-mobile ul li button:hover { opacity: 1; } /*------------------------------------------------------------------ 5. PAGES -------------------------------------------------------------------*/ .pt-page { width: 100%; height: 100%; position: absolute; top: 0; left: 0; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; overflow: auto; padding-top: 50px; } .pt-page-current, .no-js .pt-page { visibility: visible; z-index: 1; } .pt-page a { padding: 10px 15px; border: 1px solid #ddd; display: inline-block; cursor: pointer; border-radius: 3px; } .pt-page a:hover { color: #fff; background: #000; border: 1px solid #000; } /*------------------------------------------------------------------ 5.1. BACKGROUND PAGES -------------------------------------------------------------------*/ .homepage-background { background: #000; } .aboutme, .work, .single-work, .blog, .navTop .aboutmeNav, .navTop .workNav, .navTop .blogNav { background: #fff; } .contact, .navTop .contactNav { background: #000; } .navTop .pt-trigger-container{ border-bottom: 1px solid rgba(0,0,0,0.1); } /*------------------------------------------------------------------ 6. HOMEPAGE -------------------------------------------------------------------*/ .homepage{ opacity: 0; padding: 0px; } .homepage section{ padding: 0px; } .homepage .messages{ text-align: center; color: #fff; } /*------------------------------------------------------------------ 7. ABOUT ME -------------------------------------------------------------------*/ .aboutme .section-author-image, .aboutme .section-author-image-2 { padding-top: 100px; } .aboutme a{ margin-top: 20px; margin-bottom: 10px; } .aboutme .author-image-content{ text-align: center; } .aboutme .author-image{ display: inline-block; padding: 25px; border: 1px solid #ddd; overflow: hidden; width: 400px; height: 400px; border-radius: 50%; } .aboutme .section-author-image-2{ padding-bottom: 0px; } .aboutme .section-author-image ul{ padding-left: 0px; } .aboutme .author-image-2{ padding-bottom: 100px; background: top left no-repeat; background-size: 55%; position: relative; } .aboutme ul li{ clear: both; position: relative } .aboutme ul li label{ display: inline-block; background: #ddd; padding: 5px 10px; float: left; margin-bottom: 10px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; } .aboutme ul li span{ padding: 5px 0px; position: absolute; left: 110px; } .aboutme .skills{ background: ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; } .aboutme .skills h3, .aboutme .services h3 { margin-bottom: 0px; text-align: center; } .aboutme .skills h5 { margin-bottom: 20px; } .aboutme .skills span { font-size: 1.6em; color: #aaa; vertical-align: -20%; margin-right: 15px; } .aboutme .skills .skill{ margin-bottom: 30px; } .aboutme .bar-graph { position:relative; margin-bottom:25px; } .aboutme .bar-graph .main-layer { background-color: #ddd; height: 3px; position: relative; z-index: 1; } .aboutme .bar-graph .percent-layer { height: 3px; position: absolute; top: 0; left: 0; z-index: 2; } .aboutme .bar-graph .general_bg { background-color: #000; } .percent-1 { width: 60%; } .percent-2 { width: 80%; } .percent-3 { width: 40%; } .percent-4 { width: 75%; } .easyPieChart { position: relative; text-align: center; } .easyPieChart canvas { position: absolute; top: 0; left: 0; } .pie-chart { margin-bottom: 10px; margin: 0px 15px 15px 0px; padding: 0px; float: left; position: relative; } .pie-chart .percentage, .pie-chart .percentage-title{ width: 100%; text-align: center; position: absolute; } .pie-chart .percentage { font-size: 2em; font-weight: 200; top: 5px; } .pie-chart .percentage-title{ top: 10px; } .pie-chart .percentage{ opacity: 0; } .pie-chart:hover .percentage-title{ opacity: 0; } .pie-chart:hover .percentage{ opacity: 1; } .experience{ border: 0px; background: none; box-shadow: none; border-bottom: 1px dotted #bcbcbc; padding: 20px 0px; } .experience a{ width: 100%; margin: 0px; border-radius: 0px; border: 0px; padding: 0px 20px; } .experience a:hover{ background: none; color: #333; border: 0px; } .panel-group { border-top: 1px dotted #bcbcbc; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{ border: 0px; border-left: 1px dotted #bcbcbc; margin-left: 174px; } .experience .panel-body{ padding: 20px; } .experience p{ display: inline-block; vertical-align: top; margin-bottom: 0px; } .experience .panel-heading{ padding: 0px; } .experience hr{ margin: 0px 0px 10px 0px; border-color: #aaa; border-width: 2px; width: 25px; } .experience .panel-heading{ background: none; border: 0px; } .experience .date{ width: 150px; } .experience .job{ border-left: 1px dotted #bcbcbc; padding-left: 20px; } .experience .arrow-down{ float: right; vertical-align: middle; font-size: 2em; opacity: 0; } .experience a:hover .arrow-down{ opacity: 1; } .testimonials{ background: ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; color: #fff; text-align: center; position: relative; padding: 0px; } .testimonials-over-image{ width: 100%; height: 100%; position: absolute; background: #000; opacity: 0.9; z-index: 1; } .testimonials-messages{ padding: 100px 0px; z-index: 2; height: 330px; } .testimonials-messages .comment{ font-weight: 700; font-size: 3em; margin: 0px; line-height: 1.3; text-align: center; margin-bottom: 20px; } .testimonials-messages .comment-author{ font-weight: 200; font-size: 1.4em; margin: 0px; line-height: 1.35; text-align: center; } .services{ padding-bottom: 0px; } .services h4{ margin-bottom: 10px; } .services .media a{ padding: 20px; margin-top: 0px; margin-right: 5px; font-size: 2em; } .services .media{ margin-bottom: 30px; } .services .twitter-content{ text-align: center; } .services .twitter-content a{ font-weight: 700; padding: 0px; border: 0px; background: none; } .services .twitter-content a:hover{ color: #000; background: none; text-decoration: underline; } .services .twitter-content .twitter-heading { text-align: center; margin-bottom: 20px; font-size: 1.75em; opacity: 0.5; } .services .twitter-content .twitter-heading span { display: inline-block; position: relative; } .services .twitter-content .twitter-heading span{ border-radius: 50%; border: 1px solid #ddd; padding: 18px 20px; } .services .twitter-content .twitter-heading span i{ color: #000; } .services .twitter-content .twitter-heading span::after, .services .twitter-content .twitter-heading span::before{ margin-top: 28px; } .services .twitter-content .twitter-heading span:before, .services .twitter-content .twitter-heading span:after { content: ""; position: absolute; height: 5px; border-top: 1px solid #ddd; top: 0; width: 350px; } .services .twitter-content .twitter-heading span:before { right: 100%; margin-right: 15px; } .services .twitter-content .twitter-heading span:after { left: 100%; margin-left: 15px; } .services #twitter-feed { height: 80px; line-height: 1em; overflow: hidden; } .services #twitter-feed a{ margin: 0px; padding: 0px; } /*------------------------------------------------------------------ 8. WORK -------------------------------------------------------------------*/ .work h2 { margin-top: 0px; } .work h3 { margin-bottom: 0px; font-weight: 200; } .work h2, .work h3 { text-align: center; } #filters { text-align: center; margin-bottom: 40px; } #filters button { padding: 7px 15px; border: 1px solid #ddd; display: inline-block; cursor: pointer; border-radius: 3px; background: none; font-size: 0.9em; margin: 0px 3px; } #filters button:hover, #filters button.checked { background: #000; color: #fff; } #gallery { margin-bottom: 20px; display: block; } #gallery:after { content: ''; display: block; clear: both; } .item, #gallery .grid-sizer { width: 50%; /* juse a lil under 47 */ margin: 0px; float: left; border-radius: 0px; clear: none; overflow: hidden; } #gallery .grid-sizer { position: absolute; } .item, #gallery .grid-sizer { width: 25%; } .item.w2 { width: 50%; } .item img { max-width: 105%; } .item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .item .item-content{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; overflow: hidden; } .item:hover .item-content{ opacity: 1; } .item .item-content a{ border-radius: 0px; border: 0px; width: 100%; height: 100%; padding: 30px; background: rgba(0,0,0,0.5) } .item:hover .item-content a{ border-radius: 0px; border: 0px; } .item .item-content a h4, .item .item-content a p{ color: #fff; -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); } .item .item-content a h4{ font-size: 1.5em; margin-bottom: 10px; text-align: left; } .item .item-content a p{ font-size: 1.1em; line-height: 1em; text-align: left; } .item:hover .item-content a h4, .item:hover .item-content a p{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /*------------------------------------------------------------------ 8.1 WORK CONTENT -------------------------------------------------------------------*/ .single-work section{ padding-top: 0px; position: relative; } .work-container{ position: relative; } .work-container button{ position: absolute; top: 10px; right: 0px; width: 50px; height: 50px; border: 1px solid #333; border-radius: 50%; background: none; font-size: 1.7em; z-index: 100; } .work-container button:hover{ background: #333; color: #fff; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #work-content h4{ text-align: left; } #work-content img{ margin-bottom: 20px; } #work-content .tags li{ display: inline-block; background: #eee; margin-right: 10px; margin-top: 10px; padding: 5px 10px; text-transform: uppercase; } #work-content .video-content{ float: none; clear: both; width: 100%; position: relative; overflow: hidden; } #work-content .video-content iframe { top: 0; left: 0; width: 100%; margin-bottom: 20px; border: 0px; min-height: 450px; } /*------------------------------------------------------------------ 9. BLOG -------------------------------------------------------------------*/ .blog section{ padding-bottom: 0px; } .blog h2 { margin-top: 0px; } .blog h3 { margin-bottom: 0px; font-weight: 200; } .blog h2, .blog h3 { text-align: center; } .blog .post { margin-bottom: 50px; position: relative; } .blog .post .post-left{ position: absolute; top: 0px; left: 0px; width: 65px; } .blog .post .post-right{ margin-left: 60px; } .blog .post .post-image{ float: none; clear: both; width: 100%; position: relative; max-height: 210px; overflow: hidden; } .blog .post .post-image iframe { top: 0; left: 0; width: 100%; margin-bottom: -6px; border: 0px; } .blog .post .post-quote{ color: #fff; padding: 24px; text-align: left; background: #000 top left no-repeat; } .blog .post-right .post-quote h3 { text-align: left; margin-top: 0px; font-size: 1.4em; color: #ddd; } .blog .post .post-quote p { margin-top: 20px; } .blog .post .post-image .carousel { max-height: 210px; } .blog .post .post-image .carousel-indicators { margin-left: 0px; left: 25px; float: left; text-align: left; bottom: 0px; } .blog .carousel-inner > .item{ padding: 0px; margin: 0px; width: 100%; height: 100%; } .blog .carousel-inner > .item:hover img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .blog .post-left .post-date { width: 65px; background: #000; float: left; text-align: center; display: block; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 2em; padding: 15px 0px; } .blog .post-left .post-date .month { font-size: 0.6em; clear: both; line-height: 1.7em; padding-top: 5px; margin-top: 5px; border-top: 1px solid #fff; } .blog .post-left .post-date .day { letter-spacing: 1.5px; line-height: 1.5em; } .blog .post-left .post-title h5 { font-size: 1.2em; line-height: 1.3em; margin-top: 10px; margin-bottom: 5px; } .blog .post-left a{ display: block; width: 65px; background: #555; color: #fff; float: left; border-radius: 0px; margin-top: 5px; padding: 13px 5px; text-align: center; font-size: 1.5em; border: 0px; } .blog .post-left a:hover { background: #000; border: 0px; } .blog .post-content em { color: #aaa; } .blog .post-right .info-post { font-size: 0.8em; font-weight: 200; letter-spacing: 1px; margin-bottom: 10px; } .blog .post-right .post-image { margin-bottom: 20px; } .blog .post-right .info-post a{ padding: 0px; border: 0px; } .blog .post-right .info-post a:hover{ background: #fff; color: #000; text-decoration: underline; } .blog .post-right a.read-more{ margin-top: 10px; } /*------------------------------------------------------------------ 10. CONTACT -------------------------------------------------------------------*/ .contact{ text-align: center; color: #fff; } .contact h2 { margin-top: 0px; } .contact h3 { margin-bottom: 0px; font-weight: 200; } input.form-control, textarea.form-control{ background: none; background-color: none; box-shadow: none; border: 0px; border-bottom: 1px solid rgba(256,256,256,0.25); border-radius: 0px; color: rgba(256,256,256,0.75); padding: 20px 30px } input.form-control:focus, input.form-control:active, textarea.form-control:focus, textarea.form-control:active { outline: none; border: none ; border-bottom: 1px solid #fff; color: #fff; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } input.form-control:-moz-placeholder, textarea.form-control:-moz-placeholder { color: white; opacity: 0.7; } input.form-control::-moz-placeholder, textarea.form-control::-moz-placeholder { color: white; opacity: 0.7; } input.form-control:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: white; opacity: 0.7; } input.form-control::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: white; opacity: 0.7; } .send-div{ margin-top: 40px; } .send-div button{ border-color: rgba(256,256,256,0.25); background: none; padding: 10px 45px; color: #fff; text-shadow: none; text-transform: uppercase; } .send-div button:hover{ border-color: #fff; background: #fff; color: #000; } .success-message, .error-message { height: 30px; } #map { height: 500px; } #map .gm-style-cc{ display: none; } #map a{ display: none !important; } .contact footer hr { margin-top: 0px; } #cd-zoom-in, #cd-zoom-out { height: 32px; width: 32px; cursor: pointer; margin-left: 30px; opacity:.7; font-size: 1.3em } #cd-zoom-in span, #cd-zoom-out span{ width: 100%; float: left; margin-top: 7px; } .no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover { opacity:1; } #cd-zoom-in:hover, #cd-zoom-out:hover { opacity:1; } #cd-zoom-in { background-position: 50% 0; margin-top: 400px; margin-bottom: 1px; } #cd-zoom-out { background-position: 50% -32px; } #cd-zoom-in, #cd-zoom-out { background-color:#000; } /*------------------------------------------------------------------ 11. FOOTER -------------------------------------------------------------------*/ footer hr{ opacity: 0.2; margin: 50px 0px; } footer.darkFooter hr{ border-color: #000; } footer.lightFooter hr{ border-color: #fff; } footer{ text-align: center; bottom: 0px; width: 100%; padding-bottom: 20px; position: relative; } footer a{ border: 0px; } .info{ font-size: 2em; } footer.lightFooter, footer.lightFooter a{ color: #fff; } footer.darkFooter, footer.darkFooter a{ color: #000; } footer .footer-social { margin: 20px 0px; } footer .footer-social li{ display: inline-block; margin: 0px 10px; } footer .footer-social li a{ padding: 15px; font-size: 1.5em; opacity: 0.5; border-radius: 4px; border: 0px; margin-top: 20px; margin-bottom: 10px; } footer .footer-social li a:hover{ opacity: 0.8; color: #fff; border: 0px; } footer .footer-social a.facebook:hover { background: #3b5998; } footer .footer-social a.twitter:hover { background: 000; } footer .footer-social a.instagram:hover { background: #3f729b; } footer .footer-social a.pinterest:hover { background: #cb2027; } footer .footer-social a.googleplus:hover { background: #dd4b39; } footer .copyright a{ border: 0px; padding: 0px; } footer a.toTop{ position: absolute; bottom: 20px; right: 20px; font-size: 2.5em; z-index: 100; padding: 10px; border-radius: 50%; border: 0px; } footer.lightFooter a.toTop{ color: #ddd; } footer.darkFooter a.toTop{ color: #aaa; } footer a:hover.toTop{ border: 0px; } footer.lightFooter a:hover.toTop{ color: #000; background: #fff; } footer.darkFooter a:hover.toTop{ color: #fff; background: #000; } footer .copyright a:hover{ background: none; border: 0px; } footer.darkFooter .copyright a:hover{ color: #000; } /* ================================================================== MEDIA QUERIES - RESPONSIVE FEATURES ================================================================== */ @media (max-width: 992px) { body { font-size: 12px; line-height: 18px; } section, .aboutme .section-author-image, .testimonials-messages { padding: 75px 0px; } .aboutme .section-author-image-2{ padding-top: 75px; } .aboutme .author-image-2:before { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.75; background: #fff;; } h2 { font-size: 4em; } h3 { font-size: 1.2em; line-height: 1.35em; } h4 { font-size: 2.7em; line-height: 1.3em; } h5 { font-size: 1.05em; line-height: 1.25em; } .loader-logo { font-size: 5.5em; line-height: 1em; } .aboutme .author-image{ width: 280px; height: 280px; margin-bottom: 20px; } .aboutme .skills .skill{ margin-bottom: 50px; } .experience a{ padding: 0px; } .experience .date{ width: 100px; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{ margin-left: 103px } .menu-mobile ul{ height: 240px; } } @media (max-width: 767px) { section, .aboutme .section-author-image{ padding: 25px 0px; } .aboutme .section-author-image-2{ padding-top: 25px; } .aboutme .author-image-2 { background-size: 120%; padding-left: 10px; padding-right: 10px; } .clearfix{ margin: 10px 0px; } #mainNav { padding-top: 0px; } #mainNav .navbar-brand { float: left; margin-left: 0px; border: none; } #mainNav .navbar-brand svg{ width: 1.3em; } .menu-mobile ul li button{ font-size: 2em; } .menu-mobile ul{ height: 200px; } .navTop .pt-trigger-container { height: 60px; width: 100%; } .services .twitter-content .twitter-heading span:before, .services .twitter-content .twitter-heading span:after { width: 100px; } .services .media{ margin-bottom: 15px; } #filters button{ font-size: 0.9em; margin-bottom: 5px; } .item .item-content, .item:hover .item-content{ opacity: 1; border-radius: 0px; } .item, #gallery .grid-sizer { width: 50%; } .item.w2 { width: 100%; } .testimonials-messages .comment{ font-size: 2em; } .testimonials-messages .comment-author{ font-size: 1.2em; } .item .item-content a, .item .item-content button{ border-radius: 0px; border: 0px; padding: 20px; } .item .item-content a h4, .item .item-content a p, .item .item-content button h4, .item .item-content button p { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .item .item-content a h4, .item .item-content button h4{ font-size: 1.3em; margin-bottom: 5px; } .testimonials-messages{ height: 250px; } .services .twitter-content .twitter-heading{ margin-bottom: 10px; } #filters{ margin-bottom: 20px } #work-content h4{ padding-right: 40px; } .work-container button{ top: 0px; right: 10px; width: 40px; height: 40px; font-size: 1.6em; } .blog .post-right .post-image{ margin-bottom: 10px; } input.form-control, textarea.form-control, .send-div button{ font-size: 1em; } .blog .post-right a.read-more{ margin-top: 0px; } footer .footer-social{ margin: 10px 0px; } footer .footer-social li{ margin: 0px 5px; } footer .footer-social li a{ font-size: 1.3em; margin-top: 10px; margin-bottom: 0px; } footer{ padding-bottom: 75px; } footer hr{ margin-top: 0px; } footer a.toTop{ padding: 7px; bottom: 10px; right: 45%; } } @media (max-width: 480px) { .item, .item.w2, #gallery .grid-sizer { width: 100%; } }