.cbp,.cbp *,.cbp :after,.cbp :before,.cbp-l-filters-alignCenter,.cbp-l-filters-alignCenter *,.cbp-l-filters-alignLeft,.cbp-l-filters-alignLeft *,.cbp-l-filters-alignRight,.cbp-l-filters-alignRight *,.cbp-l-filters-button,.cbp-l-filters-button *,.cbp-l-filters-dropdown,.cbp-l-filters-dropdown *,.cbp-l-filters-list,.cbp-l-filters-list *,.cbp-popup-singlePage,.cbp-popup-singlePage *,.cbp-popup-wrap,.cbp-popup-wrap * { box-sizing: border-box; moz-box-sizing: border-box; outline: 0; webkit-box-sizing: border-box; } .cbp-l-grid-blog-title,.cbp-l-grid-projects-desc,.cbp-l-grid-projects-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cbp,.cbp-item,.cbp-wrapper { filter: inherit; } .cbp { height: 400px; margin: 0 auto; overflow: hidden; position: relative; visibility: visible!important; } .cbp-item { float: left; margin-right: 10px; } .cbp .cbp-item,.cbp-wrapper { left: 0; list-style-type: none; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; } .cbp .cbp-item { display: block; height: 200px; width: 300px; z-index: 2; } .cbp-item-wrapper { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .cbp img,.cbp-l-inline img,.cbp-l-project-related-wrap img,.cbp-slider img { display: inline-block; height: auto; width: 100%; } .cbp a,.cbp a:active,.cbp a:hover { outline: 0; text-decoration: none; } .cbp-loading,.cbp-loading *,.cbp-no-transition .cbp-item { transition: none!important; webkit-transition: none!important; } .cbp-appendItems-loading { transition: height .4s ease!important; webkit-transition: height .4s ease!important; } .cbp-appendItems-loading .cbp-wrapper { transition: none!important; webkit-transition: none!important; } .cbp-loading { background: url(cbp-loading.gif) center center no-repeat; } .cbp .cbp-item-hidden { pointer-events: none; z-index: 1; } .cbp-wrapper { height: 100%; visibility: hidden; width: 100%; z-index: 1; } .cbp-ready .cbp-wrapper { visibility: visible; } .cbp-wrapper-front { z-index: 3; } .cbp-wrapper-back { z-index: -1; } .cbp-caption,.cbp-caption-activeWrap,.cbp-caption-defaultWrap { display: block; height: 100%; overflow: hidden; position: relative; width: 100%; } .cbp-caption-activeWrap,.cbp-caption-defaultWrap { position: absolute; z-index: 1; } .cbp-caption-activeWrap { z-index: 2; } .cbp-l-caption-title { color: #fff; font: 600 21px/20px Arial, Helvetica, sans-serif; } .cbp-l-caption-desc { color: #aaa; font: 400 12px/18px Arial, Helvetica, sans-serif; margin-top: 2px; } .cbp-l-caption-text { color: #fff; font: 400 14px/21px Arial, Helvetica, sans-serif; letter-spacing: 3px; } .cbp-l-caption-buttonLeft,.cbp-l-caption-buttonRight { background-color: #e54c4c; color: #FFF; display: inline-block; font: 400 12px/28px Arial, Helvetica, sans-serif; margin: 4px; text-align: center; width: 90px; } .cbp-l-caption-buttonLeft:hover,.cbp-l-caption-buttonRight:hover { background-color: #999; color: #fff; } .cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-overlayBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body { margin: 30px 30px 0; } .cbp-caption-overlayBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-overlayBottomAlong .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-overlayBottomPush .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-overlayBottomReveal .cbp-l-caption-alignLeft .cbp-l-caption-body { margin: 14px 30px 0; } .cbp-caption-minimal .cbp-l-caption-desc,.cbp-caption-minimal .cbp-l-caption-title { left: 0; opacity: 0; position: relative; transition: transform .5s ease; webkit-transition: -webkit-transform .5s ease; } .cbp-caption-minimal .cbp-l-caption-title { moz-transform: translateY(-100%); transform: translateY(-100%); webkit-transform: translateY(-100%); } .cbp-caption-minimal .cbp-l-caption-desc { moz-transform: translateY(100%); transform: translateY(100%); webkit-transform: translateY(100%); } .cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc,.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title { moz-transform: translateY(0); opacity: 1; transform: translateY(0); webkit-transform: translateY(0); } .cbp-l-caption-alignCenter { display: table; height: 100%; width: 100%; } .cbp-l-caption-alignCenter .cbp-l-caption-body { display: table-cell; text-align: center; vertical-align: middle; } .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { position: relative; transition: left .4s cubic-bezier(.19,1,.22,1); webkit-transition: left .4s cubic-bezier(.19,1,.22,1); } .cbp-caption-minimal .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft { left: -20px; } .cbp-caption-minimal .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { left: 20px; } .cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,.cbp-ie8 .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-ie8 .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,.cbp-ie9 .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-ie9 .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { left: 0; } .cbp-caption-none .cbp-caption-activeWrap { display: none; } .cbp-caption-pushTop .cbp-caption-activeWrap,.cbp-caption-pushTop .cbp-caption-defaultWrap { bottom: 0; transition: bottom .6s cubic-bezier(.19,1,.22,1); webkit-transition: bottom .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-pushTop .cbp-caption-activeWrap { background: #282727; bottom: -100%; } .cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 100%; } .cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap,.cbp-caption-pushTop.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,.cbp-caption-pushTop.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 0; } .cbp-caption-pushTop.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,.cbp-caption-pushTop.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -100%; } .cbp-caption-pushDown .cbp-caption-activeWrap,.cbp-caption-pushDown .cbp-caption-defaultWrap { bottom: 0; transition: bottom .6s cubic-bezier(.19,1,.22,1); webkit-transition: bottom .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-pushDown .cbp-caption-activeWrap { background: #282727; bottom: 100%; } .cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap { bottom: -100%; } .cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap,.cbp-caption-pushDown.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,.cbp-caption-pushDown.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 0; } .cbp-caption-pushDown.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,.cbp-caption-pushDown.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: 100%; } .cbp-caption-revealBottom .cbp-caption-defaultWrap { bottom: 0; transition: bottom .6s cubic-bezier(.19,1,.22,1); webkit-transition: bottom .6s cubic-bezier(.19,1,.22,1); z-index: 2; } .cbp-caption-revealBottom .cbp-caption-activeWrap { background: #282727; bottom: 0; z-index: 1; } .cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 100%; } .cbp-caption-revealBottom.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,.cbp-caption-revealBottom.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 0; } .cbp-caption-revealTop .cbp-caption-defaultWrap { bottom: 0; transition: bottom .6s cubic-bezier(.19,1,.22,1); webkit-transition: bottom .6s cubic-bezier(.19,1,.22,1); z-index: 2; } .cbp-caption-revealTop .cbp-caption-activeWrap { background: #282727; bottom: 0; z-index: 1; } .cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap { bottom: -100%; } .cbp-caption-revealTop.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,.cbp-caption-revealTop.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 0; } .cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap { bottom: 0; transition: bottom .6s cubic-bezier(.19,1,.22,1); webkit-transition: bottom .6s cubic-bezier(.19,1,.22,1); z-index: 2; } .cbp-caption-overlayBottomReveal .cbp-caption-activeWrap { background: #282727; bottom: 0; height: 70px; z-index: 1; } .cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 70px; } .cbp-caption-overlayBottomReveal.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,.cbp-caption-overlayBottomReveal.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 0; } .cbp-caption-overlayBottomPush .cbp-caption-activeWrap,.cbp-caption-overlayBottomPush .cbp-caption-defaultWrap { bottom: 0; transition: bottom .6s cubic-bezier(.19,1,.22,1); webkit-transition: bottom .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-overlayBottomPush .cbp-caption-activeWrap { background: #282727; bottom: -70px; height: 70px; } .cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 70px; } .cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap,.cbp-caption-overlayBottomPush.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,.cbp-caption-overlayBottomPush.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 0; } .cbp-caption-overlayBottomPush.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,.cbp-caption-overlayBottomPush.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -70px; } .cbp-caption-overlayBottom .cbp-caption-activeWrap { background-color: #181616; background-color: rgba(24,22,22,.7); bottom: -70px; height: 70px; transition: bottom .6s cubic-bezier(.19,1,.22,1); webkit-transition: bottom .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap { bottom: 0; } .cbp-caption-overlayBottom.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -70px; } .cbp-caption-moveRight .cbp-caption-activeWrap { background: #282727; left: -100%; top: 0; transition: left .6s cubic-bezier(.19,1,.22,1); webkit-transition: left .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap { left: 0; } .cbp-caption-moveRight.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,.cbp-caption-moveRight.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { left: -100%; } .cbp-caption-revealLeft .cbp-caption-activeWrap { background: #282727; left: 100%; top: 0; transition: left .6s cubic-bezier(.19,1,.22,1); webkit-transition: left .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap { left: 0; } .cbp-caption-revealLeft.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,.cbp-caption-revealLeft.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { left: 100%; } .cbp-caption-minimal .cbp-caption-activeWrap { background-color: rgba(0,0,0,.8); opacity: 0; } .cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1; } .cbp-caption-minimal.cbp-ie8 .cbp-caption-activeWrap { background-color: #000; ms-filter: "alpha(Opacity=0)"; } .cbp-caption-minimal.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap { ms-filter: "alpha(Opacity=90)"; } .cbp-caption-fadeIn .cbp-caption-activeWrap { background-color: rgba(0,0,0,.85); height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .6s cubic-bezier(.19,1,.22,1); webkit-transition: opacity .6s cubic-bezier(.19,1,.22,1); width: 100%; } .cbp-caption-fadeIn.cbp-ie8 .cbp-caption-activeWrap { background-color: #000; ms-filter: "alpha(Opacity=0)"; } .cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1; } .cbp-caption-fadeIn.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { opacity: 0; } .cbp-caption-overlayRightAlong .cbp-caption-activeWrap,.cbp-caption-overlayRightAlong .cbp-caption-defaultWrap { left: 0; transition: left .6s cubic-bezier(.19,1,.22,1); webkit-transition: left .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-overlayRightAlong .cbp-caption-activeWrap { background: #282727; left: -50%; width: 50%; } .cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap { left: 25%; } .cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap,.cbp-caption-overlayRightAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,.cbp-caption-overlayRightAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap { left: 0; } .cbp-caption-overlayRightAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,.cbp-caption-overlayRightAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { left: -50%; } .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap,.cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap { bottom: 0; transition: bottom .6s cubic-bezier(.19,1,.22,1); webkit-transition: bottom .6s cubic-bezier(.19,1,.22,1); } .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap { background: #282727; bottom: -70px; height: 70px; } .cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 35px; } .cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap,.cbp-caption-overlayBottomAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,.cbp-caption-overlayBottomAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 0; } .cbp-caption-overlayBottomAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,.cbp-caption-overlayBottomAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -70px; } .cbp-caption-zoom .cbp-caption-defaultWrap { height: 100%; overflow: hidden; transition: transform .6s cubic-bezier(.19,1,.22,1); webkit-transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1); width: 100%; } .cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap { moz-transform: scale(1.25); transform: scale(1.25); webkit-transform: scale(1.25); } .cbp-caption-zoom .cbp-caption-activeWrap { background-color: rgba(0,0,0,.9); height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .8s cubic-bezier(.19,1,.22,1); webkit-transition: opacity .8s cubic-bezier(.19,1,.22,1); width: 100%; } .cbp-caption-zoom.cbp-ie8 .cbp-caption-activeWrap { background-color: #000; ms-filter: "alpha(Opacity=0)"; } .cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1; } .cbp-caption-zoom.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { opacity: 0; } .cbp-animation-fadeOut { transition: height .6s ease-in-out; webkit-transition: height .6s ease-in-out; } .cbp-animation-fadeOut .cbp-item { transition: transform .6s ease-in-out .2s,opacity .6s ease-in-out .2s; webkit-transition: -webkit-transform .6s ease-in-out .2s,opacity .6s ease-in-out .2s; } .cbp-animation-fadeOut .cbp-item-hidden { transition: transform .6s ease-in-out 0s,opacity .4s ease-in-out 0s; webkit-transition: -webkit-transform .6s ease-in-out 0s,opacity .4s ease-in-out 0s; } .cbp-animation-quicksand { transition: height .6s ease-in-out; webkit-transition: height .6s ease-in-out; } .cbp-animation-quicksand .cbp-item { transition: transform .6s ease-in-out .2s,opacity .6s ease-in-out .2s; webkit-transition: -webkit-transform .6s ease-in-out .2s,opacity .6s ease-in-out .2s; } .cbp-animation-quicksand .cbp-item-hidden { transition: transform .6s ease-in-out 0s,opacity .4s ease-in-out 0s; webkit-transition: -webkit-transform .6s ease-in-out 0s,opacity .4s ease-in-out 0s; } .cbp-animation-skew { transition: height .3s ease-in-out; webkit-transition: height .3s ease-in-out; } .cbp-animation-skew .cbp-item { transition: transform .3s ease-in,opacity .3s ease-in; webkit-transition: -webkit-transform .3s ease-in,opacity .3s ease-in; } .cbp-animation-skew .cbp-item-hidden { transition: transform .3s ease-in 0s,opacity .3s ease-in 0s; webkit-transition: -webkit-transform .3s ease-in 0s,opacity .3s ease-in 0s; } .cbp-animation-boxShadow { transition: height .6s ease-in-out; webkit-transition: height .6s ease-in-out; } .cbp-animation-boxShadow .cbp-item { transition: transform .6s ease-in-out,opacity .6s ease-in-out; webkit-transition: -webkit-transform .6s ease-in-out,opacity .6s ease-in-out; } .cbp-animation-boxShadow .cbp-item .cbp-animation-boxShadowMask { height: 100%; left: 0; position: absolute; top: 0; transition: box-shadow .6s ease-in-out; webkit-transition: box-shadow .6s ease-in-out; width: 100%; z-index: -1; } .cbp-animation-boxShadow .cbp-item .cbp-animation-boxShadowMask.cbp-animation-boxShadowShow { z-index: 10; } .cbp-animation-boxShadow .cbp-item .cbp-animation-boxShadowMask.cbp-animation-boxShadowActive { box-shadow: 0 0 100px 100px #fff inset; } .cbp-animation-boxShadow .cbp-item .cbp-animation-boxShadowMask.cbp-animation-boxShadowInactive { box-shadow: 0 0 #fff inset; } .cbp-animation-bounceLeft { transition: height .8s ease-in-out; webkit-transition: height .8s ease-in-out; } .cbp-animation-bounceLeft .cbp-wrapper { transition: opacity .8s ease-in-out,left .8s ease-in-out; webkit-transition: opacity .8s ease-in-out,left .8s ease-in-out; } .cbp-animation-bounceLeft .cbp-item { overflow: visible; transition: transform .8s ease-in-out; webkit-transition: -webkit-transform .8s ease-in-out; } .cbp-animation-bounceLeft .cbp-item-hidden { display: none; } .cbp-animation-bounceLeft .cbp-item-wrapper { overflow: hidden; } .cbp-animation-bounceTop { transition: height .6s ease-in-out; webkit-transition: height .6s ease-in-out; } .cbp-animation-bounceTop .cbp-wrapper { transition: opacity .6s ease-in-out,top .6s ease-in-out; webkit-transition: opacity .6s ease-in-out,top .6s ease-in-out; } .cbp-animation-bounceTop .cbp-item { overflow: visible; transition: transform .8s ease-in-out; webkit-transition: -webkit-transform .8s ease-in-out; } .cbp-animation-bounceTop .cbp-item-hidden { display: none; } .cbp-animation-bounceTop .cbp-item-wrapper { overflow: hidden; } .cbp-animation-bounceBottom { transition: height .6s ease-in-out; webkit-transition: height .6s ease-in-out; } .cbp-animation-bounceBottom .cbp-wrapper { transition: opacity .6s ease-in-out,top .6s ease-in-out; webkit-transition: opacity .6s ease-in-out,top .6s ease-in-out; } .cbp-animation-bounceBottom .cbp-item { overflow: visible; transition: transform .8s ease-in-out; webkit-transition: -webkit-transform .8s ease-in-out; } .cbp-animation-bounceBottom .cbp-item-hidden { display: none; } .cbp-animation-bounceBottom .cbp-item-wrapper { overflow: hidden; } .cbp-animation-moveLeft { transition: height .6s ease-in-out; webkit-transition: height .6s ease-in-out; } .cbp-animation-moveLeft .cbp-wrapper { transition: opacity .6s ease-in-out,left .6s ease-in-out; webkit-transition: opacity .6s ease-in-out,left .6s ease-in-out; z-index: 2; } .cbp-animation-moveLeft .cbp-wrapper.no-trans { transition: none!important; webkit-transition: none!important; z-index: 1; } .cbp-animation-moveLeft .cbp-item { overflow: visible; transition: transform .6s ease-in-out; webkit-transition: -webkit-transform .6s ease-in-out; } .cbp-animation-moveLeft .cbp-item-wrapper { overflow: hidden; } .cbp-animation-slideLeft { overflow: visible; } .cbp-animation-slideLeft .cbp-item { transition: transform .6s ease-in-out; webkit-transition: -webkit-transform .6s ease-in-out; } .cbp-animation-slideLeft-out { animation: cbp-animation-slideLeft-out .9s both ease; moz-animation: cbp-animation-slideLeft-out .9s both ease; webkit-animation: cbp-animation-slideLeft-out .9s both ease; } .cbp-animation-slideLeft-in { animation: cbp-animation-slideLeft-in .9s both ease; moz-animation: cbp-animation-slideLeft-in .9s both ease; webkit-animation: cbp-animation-slideLeft-in .9s both ease; } @-webkit-keyframes cbp-animation-slideLeft-out { 25% { opacity: .75; webkit-transform: scale(.8); } 100%,75% { opacity: .75; webkit-transform: scale(.8) translateX(-200%); } } @-moz-keyframes cbp-animation-slideLeft-out { 25% { moz-transform: scale(.8); opacity: .75; } 100%,75% { moz-transform: scale(.8) translateX(-200%); opacity: .75; } } @keyframes cbp-animation-slideLeft-out { 25% { opacity: .75; transform: scale(.8); } 100%,75% { opacity: .75; transform: scale(.8) translateX(-200%); } } @-webkit-keyframes cbp-animation-slideLeft-in { 0%,25% { opacity: .75; webkit-transform: scale(.8) translateX(200%); } 75% { opacity: .75; webkit-transform: scale(.8); } 100% { opacity: 1; webkit-transform: scale(1) translateX(0); } } @-moz-keyframes cbp-animation-slideLeft-in { 0%,25% { moz-transform: scale(.8) translateX(200%); opacity: .75; } 75% { moz-transform: scale(.8); opacity: .75; } 100% { moz-transform: scale(1) translateX(0); opacity: 1; } } @keyframes cbp-animation-slideLeft-in { 0%,25% { opacity: .75; transform: scale(.8) translateX(200%); } 75% { opacity: .75; transform: scale(.8); } 100% { opacity: 1; transform: scale(1) translateX(0); } } .cbp-animation-slideDelay{overflow:visible}.cbp-animation-slideDelay .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-slideDelay-out{-webkit-animation:cbp-animation-slideDelay-out .5s both ease-in-out;-moz-animation:cbp-animation-slideDelay-out .5s both ease-in-out;animation:cbp-animation-slideDelay-out .5s both ease-in-out}.cbp-animation-slideDelay-in{-webkit-animation:cbp-animation-slideDelay-in .5s both ease-in-out;-moz-animation:cbp-animation-slideDelay-in .5s both ease-in-out;animation:cbp-animation-slideDelay-in .5s both ease-in-out}.cbp-animation-slideDelay-fadeOut{-webkit-animation:cbp-animation-slideDelay-fadeOut .4s both ease;-moz-animation:cbp-animation-slideDelay-fadeOut .4s both ease;animation:cbp-animation-slideDelay-fadeOut .4s both ease}@-webkit-keyframes cbp-animation-slideDelay-out{100%{-webkit-transform:translateX(-100%)}}@-moz-keyframes cbp-animation-slideDelay-out{100%{-moz-transform:translateX(-100%)}}@keyframes cbp-animation-slideDelay-out{100%{transform:translateX(-100%)}}@-webkit-keyframes cbp-animation-slideDelay-in{0%{-webkit-transform:translateX(100%)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes cbp-animation-slideDelay-in{0%{-moz-transform:translateX(100%)}100%{-moz-transform:translateX(0)}}@keyframes cbp-animation-slideDelay-in{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@-webkit-keyframes cbp-animation-slideDelay-fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes cbp-animation-slideDelay-fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes cbp-animation-slideDelay-fadeOut{0%{opacity:1}100%{opacity:0}} .cbp-animation-3dflip{overflow:visible}.cbp-animation-3dflip .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-perspective:1000px;perspective:1000px}.cbp-animation-3dflip-out{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation:rotateOutLeft .6s forwards;animation:rotateOutLeft .6s forwards}.cbp-animation-3dflip-in{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:rotateInRight .6s ease-in forwards;animation:rotateInRight .6s ease-in forwards}.cbp-animation-3dflip-fadeOut{-webkit-animation:cbp-animation-3dflip-fadeOut .4s both ease;-moz-animation:cbp-animation-3dflip-fadeOut .4s both ease;animation:cbp-animation-3dflip-fadeOut .4s both ease}@-webkit-keyframes rotateOutLeft{100%{opacity:0;-webkit-transform:rotateY(90deg)}}@-moz-keyframes rotateOutLeft{100%{opacity:0;-moz-transform:rotateY(90deg)}}@keyframes rotateOutLeft{100%{opacity:0;transform:rotateY(90deg)}}@-webkit-keyframes rotateInRight{0%{opacity:0;-webkit-transform:rotateY(-90deg)}100%{visibility:visible;opacity:1;-webkit-transform:rotateY(0deg)}}@-moz-keyframes rotateInRight{0%{opacity:0;-moz-transform:rotateY(-90deg)}100%{visibility:visible;opacity:1;-moz-transform:rotateY(0deg)}}@keyframes rotateInRight{0%{opacity:0;transform:rotateY(-90deg)}100%{visibility:visible;opacity:1;transform:rotateY(0deg)}}@-webkit-keyframes cbp-animation-3dflip-fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes cbp-animation-3dflip-fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes cbp-animation-3dflip-fadeOut{0%{opacity:1}100%{opacity:0}} .cbp-animation-rotateSides{overflow:visible}.cbp-animation-rotateSides .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-perspective:1000px;perspective:1000px}.cbp-animation-rotateSides-out{-webkit-transform-origin:-50% 50%;-webkit-animation:rotateSides-out .5s both ease-in;-moz-transform-origin:-50% 50%;-moz-animation:rotateSides-out .5s both ease-in;transform-origin:-50% 50%;animation:rotateSides-out .5s both ease-in}.cbp-animation-rotateSides-in{-webkit-transform-origin:150% 50%;-webkit-animation:rotateSides-in .6s both ease-out;-moz-transform-origin:150% 50%;-moz-animation:rotateSides-in .6s both ease-out;transform-origin:150% 50%;animation:rotateSides-in .6s both ease-out}.cbp-animation-rotateSides-fadeOut{-webkit-animation:cbp-animation-rotateSides-fadeOut .5s both ease;-moz-animation:cbp-animation-rotateSides-fadeOut .5s both ease;animation:cbp-animation-rotateSides-fadeOut .5s both ease}@-webkit-keyframes rotateSides-out{100%{opacity:0;-webkit-transform:translateZ(-500px) rotateY(90deg)}}@-moz-keyframes rotateSides-out{100%{opacity:0;-moz-transform:translateZ(-500px) rotateY(90deg)}}@keyframes rotateSides-out{100%{opacity:0;transform:translateZ(-500px) rotateY(90deg)}}@-webkit-keyframes rotateSides-in{0%,40%{opacity:0;-webkit-transform:translateZ(-500px) rotateY(-90deg)}}@-moz-keyframes rotateSides-in{0%,40%{opacity:0;-moz-transform:translateZ(-500px) rotateY(-90deg)}}@keyframes rotateSides-in{0%,40%{opacity:0;transform:translateZ(-500px) rotateY(-90deg)}}@-webkit-keyframes cbp-animation-rotateSides-fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes cbp-animation-rotateSides-fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes cbp-animation-rotateSides-fadeOut{0%{opacity:1}100%{opacity:0}} .cbp-animation-flipOutDelay{overflow:visible}.cbp-animation-flipOutDelay .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-perspective:1000px;perspective:1000px}.cbp-animation-flipOutDelay-out{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutDelay-out .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutDelay-out .5s both ease-in;transform-origin:50% 50%;animation:flipOutDelay-out .5s both ease-in}.cbp-animation-flipOutDelay-in{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutDelay-in 1s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipOutDelay-in 1s both ease-out;transform-origin:50% 50%;animation:flipOutDelay-in 1s both ease-out}@-webkit-keyframes flipOutDelay-out{100%{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:.2}}@-moz-keyframes flipOutDelay-out{100%{-moz-transform:translateZ(-1000px) rotateY(-90deg);opacity:.2}}@keyframes flipOutDelay-out{100%{transform:translateZ(-1000px) rotateY(-90deg);opacity:.2}}@-webkit-keyframes flipOutDelay-in{0%,50%{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:.2}}@-moz-keyframes flipOutDelay-in{0%,50%{-moz-transform:translateZ(-1000px) rotateY(90deg);opacity:.2}}@keyframes flipOutDelay-in{0%,50%{transform:translateZ(-1000px) rotateY(90deg);opacity:.2}} .cbp-animation-unfold { overflow: visible; } .cbp-animation-unfold .cbp-item { perspective: 1000px; transition: transform .6s ease-in-out; webkit-perspective: 1000px; webkit-transition: -webkit-transform .6s ease-in-out; } .cbp-animation-unfold-out { animation: unfold-out .8s ease both; moz-animation: unfold-out .8s ease both; webkit-animation: unfold-out .8s ease both; } .cbp-animation-unfold-in { animation: unfold-in .8s both ease; moz-animation: unfold-in .8s both ease; moz-transform-origin: 0 50%; transform-origin: 0 50%; webkit-animation: unfold-in .8s both ease; webkit-transform-origin: 0 50%; } .cbp-animation-unfold-fadeOut { animation: cbp-animation-unfold-fadeOut .5s both ease; moz-animation: cbp-animation-unfold-fadeOut .5s both ease; webkit-animation: cbp-animation-unfold-fadeOut .5s both ease; } @-webkit-keyframes unfold-out { 99% { opacity: .3; } 100% { opacity: 0; webkit-transform: translateX(-100%); } } @-moz-keyframes unfold-out { 99% { opacity: .3; } 100% { moz-transform: translateX(-100%); opacity: 0; } } @keyframes unfold-out { 99% { opacity: .3; } 100% { opacity: 0; transform: translateX(-100%); } } @-webkit-keyframes unfold-in { from { opacity: 0; webkit-transform: translateX(100%) rotateY(90deg); } } @-moz-keyframes unfold-in { from { moz-transform: translateX(100%) rotateY(90deg); opacity: 0; } } @keyframes unfold-in { from { opacity: 0; transform: translateX(100%) rotateY(90deg); } } @-webkit-keyframes cbp-animation-unfold-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes cbp-animation-unfold-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes cbp-animation-unfold-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .cbp-animation-foldLeft { overflow: visible; } .cbp-animation-foldLeft .cbp-item { perspective: 1000px; transition: transform .6s ease-in-out; webkit-perspective: 1000px; webkit-transition: -webkit-transform .6s ease-in-out; } .cbp-animation-foldLeft-out { animation: foldLeft-out .7s both ease; moz-animation: foldLeft-out .7s both ease; moz-transform-origin: 100% 50%; transform-origin: 100% 50%; webkit-animation: foldLeft-out .7s both ease; webkit-transform-origin: 100% 50%; } .cbp-animation-foldLeft-in { animation: foldLeft-in .7s ease both; moz-animation: foldLeft-in .7s ease both; webkit-animation: foldLeft-in .7s ease both; } .cbp-animation-foldLeft-fadeOut { animation: cbp-animation-foldLeft-fadeOut .5s both ease; moz-animation: cbp-animation-foldLeft-fadeOut .5s both ease; webkit-animation: cbp-animation-foldLeft-fadeOut .5s both ease; } @-webkit-keyframes foldLeft-out { to { opacity: 0; webkit-transform: translateX(-100%) rotateY(-90deg); } } @-moz-keyframes foldLeft-out { to { moz-transform: translateX(-100%) rotateY(-90deg); opacity: 0; } } @keyframes foldLeft-out { to { opacity: 0; transform: translateX(-100%) rotateY(-90deg); } } @-webkit-keyframes foldLeft-in { from { opacity: .3; webkit-transform: translateX(100%); } } @-moz-keyframes foldLeft-in { from { moz-transform: translateX(100%); opacity: .3; } } @keyframes foldLeft-in { from { opacity: .3; transform: translateX(100%); } } @-webkit-keyframes cbp-animation-foldLeft-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes cbp-animation-foldLeft-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes cbp-animation-foldLeft-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .cbp-animation-scaleDown { overflow: visible; } .cbp-animation-scaleDown .cbp-item { perspective: 1000px; transition: transform .6s ease-in-out; webkit-perspective: 1000px; webkit-transition: -webkit-transform .6s ease-in-out; } .cbp-animation-scaleDown-out { animation: scaleDown-out .7s ease both; moz-animation: scaleDown-out .7s ease both; webkit-animation: scaleDown-out .7s ease both; } .cbp-animation-scaleDown-in { animation: scaleDown-in .6s ease both; moz-animation: scaleDown-in .6s ease both; webkit-animation: scaleDown-in .6s ease both; } .cbp-animation-scaleDown-fadeOut { animation: cbp-animation-scaleDown-fadeOut .5s both ease; moz-animation: cbp-animation-scaleDown-fadeOut .5s both ease; webkit-animation: cbp-animation-scaleDown-fadeOut .5s both ease; } @-webkit-keyframes scaleDown-out { to { opacity: 0; webkit-transform: scale(.8); } } @-moz-keyframes scaleDown-out { to { moz-transform: scale(.8); opacity: 0; } } @keyframes scaleDown-out { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes scaleDown-in { from { webkit-transform: translateX(100%); } } @-moz-keyframes scaleDown-in { from { moz-transform: translateX(100%); } } @keyframes scaleDown-in { from { transform: translateX(100%); } } @-webkit-keyframes cbp-animation-scaleDown-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes cbp-animation-scaleDown-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes cbp-animation-scaleDown-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .cbp-animation-frontRow { overflow: visible; } .cbp-animation-frontRow .cbp-item { perspective: 1000px; transition: transform .6s ease-in-out; webkit-perspective: 1000px; webkit-transition: -webkit-transform .6s ease-in-out; } .cbp-animation-frontRow-out { animation: frontRow-out .7s ease both; moz-animation: frontRow-out .7s ease both; webkit-animation: frontRow-out .7s ease both; } .cbp-animation-frontRow-in { animation: frontRow-in .6s ease both; moz-animation: frontRow-in .6s ease both; webkit-animation: frontRow-in .6s ease both; } .cbp-animation-frontRow-fadeOut { animation: cbp-animation-frontRow-fadeOut .5s both ease; moz-animation: cbp-animation-frontRow-fadeOut .5s both ease; webkit-animation: cbp-animation-frontRow-fadeOut .5s both ease; } @-webkit-keyframes frontRow-out { 100% { opacity: 0; webkit-transform: translateX(-60%) scale(.8); } } @-moz-keyframes frontRow-out { 100% { moz-transform: translateX(-60%) scale(.8); opacity: 0; } } @keyframes frontRow-out { 100% { opacity: 0; transform: translateX(-60%) scale(.8); } } @-webkit-keyframes frontRow-in { 0% { webkit-transform: translateX(100%) scale(.8); } 100% { opacity: 1; visibility: visible; webkit-transform: translateX(0%) scale(1); } } @-moz-keyframes frontRow-in { 0% { moz-transform: translateX(100%) scale(.8); } 100% { moz-transform: translateX(0%) scale(1); opacity: 1; visibility: visible; } } @keyframes frontRow-in { 0% { transform: translateX(100%) scale(.8); } 100% { opacity: 1; transform: translateX(0%) scale(1); visibility: visible; } } @-webkit-keyframes cbp-animation-frontRow-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes cbp-animation-frontRow-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes cbp-animation-frontRow-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .cbp-animation-rotateRoom{overflow:visible}.cbp-animation-rotateRoom .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-perspective:1000px;perspective:1000px}.cbp-animation-rotateRoom-out{-webkit-transform-origin:100% 50%;-webkit-animation:rotateRoom-out .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateRoom-out .8s both ease;transform-origin:100% 50%;animation:rotateRoom-out .8s both ease}.cbp-animation-rotateRoom-in{-webkit-transform-origin:0 50%;-webkit-animation:rotateRoom-in .8s both ease;-moz-transform-origin:0 50%;-moz-animation:rotateRoom-in .8s both ease;transform-origin:0 50%;animation:rotateRoom-in .8s both ease}.cbp-animation-rotateRoom-fadeOut{-webkit-animation:cbp-animation-rotateRoom-fadeOut .5s both ease;-moz-animation:cbp-animation-rotateRoom-fadeOut .5s both ease;animation:cbp-animation-rotateRoom-fadeOut .5s both ease}@-webkit-keyframes rotateRoom-out{99%{opacity:.3}100%{opacity:0;-webkit-transform:translateX(-100%) rotateY(90deg)}}@-moz-keyframes rotateRoom-out{99%{opacity:.3}100%{opacity:0;-moz-transform:translateX(-100%) rotateY(90deg)}}@keyframes rotateRoom-out{99%{opacity:.3}100%{opacity:0;transform:translateX(-100%) rotateY(90deg)}}@-webkit-keyframes rotateRoom-in{from{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg)}}@-moz-keyframes rotateRoom-in{from{opacity:.3;-moz-transform:translateX(100%) rotateY(-90deg)}}@keyframes rotateRoom-in{from{opacity:.3;transform:translateX(100%) rotateY(-90deg)}}@-webkit-keyframes cbp-animation-rotateRoom-fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes cbp-animation-rotateRoom-fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes cbp-animation-rotateRoom-fadeOut{0%{opacity:1}100%{opacity:0}} .cbp-animation-scaleSides { overflow: visible; } .cbp-animation-scaleSides .cbp-item { perspective: 1000px; transition: transform .5s ease-in-out; webkit-perspective: 1000px; webkit-transition: -webkit-transform .5s ease-in-out; } .cbp-animation-scaleSides-out { animation: scaleSides-out .5s ease both; moz-animation: scaleSides-out .5s ease both; webkit-animation: scaleSides-out .5s ease both; } .cbp-animation-scaleSides-in { animation: scaleUpCenter .5s ease .5s both; moz-animation: scaleUpCenter .5s ease .5s both; webkit-animation: scaleUpCenter .5s ease .5s both; } @-webkit-keyframes scaleSides-out { to { opacity: 0; webkit-transform: scale(.6); } } @-moz-keyframes scaleSides-out { to { moz-transform: scale(.6); opacity: 0; } } @keyframes scaleSides-out { to { opacity: 0; transform: scale(.6); } } @-webkit-keyframes scaleUpCenter { from { opacity: 0; webkit-transform: scale(.6); } } @-moz-keyframes scaleUpCenter { from { moz-transform: scale(.6); opacity: 0; } } @keyframes scaleUpCenter { from { opacity: 0; transform: scale(.6); } } .cbp-animation-flipOut { transition: height .7s ease-in-out; webkit-transition: height .7s ease-in-out; } .cbp-animation-flipOut .cbp-item { perspective: 1000px; transition: transform .7s ease-in-out; webkit-perspective: 1000px; webkit-transition: -webkit-transform .7s ease-in-out; } .cbp-animation-flipOut-out { animation: flipOut-out .35s ease-in both; moz-animation: flipOut-out .35s ease-in both; moz-transform-origin: 50% 50%; transform-origin: 50% 50%; webkit-animation: flipOut-out .35s ease-in both; webkit-transform-origin: 50% 50%; } .cbp-animation-flipOut-in { animation: flipOut-in .35s ease-out .35s both; moz-animation: flipOut-in .35s ease-out .35s both; moz-transform-origin: 50% 50%; transform-origin: 50% 50%; webkit-animation: flipOut-in .35s ease-out .35s both; webkit-transform-origin: 50% 50%; } @-webkit-keyframes flipOut-out { 100% { opacity: .2; webkit-transform: translateZ(-1000px) rotateY(-90deg); } } @-moz-keyframes flipOut-out { 100% { moz-transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @keyframes flipOut-out { 100% { opacity: .2; transform: translateZ(-1000px) rotateY(-90deg); } } @-webkit-keyframes flipOut-in { 0% { opacity: .2; webkit-transform: translateZ(-1000px) rotateY(90deg); } } @-moz-keyframes flipOut-in { 0% { moz-transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } @keyframes flipOut-in { 0% { opacity: .2; transform: translateZ(-1000px) rotateY(90deg); } } .cbp-animation-flipBottom { transition: height .7s ease-in-out; webkit-transition: height .7s ease-in-out; } .cbp-animation-flipBottom .cbp-item { perspective: 1000px; transition: transform .7s ease-in-out; webkit-perspective: 1000px; webkit-transition: -webkit-transform .7s ease-in-out; } .cbp-animation-flipBottom-out { animation: flipBottom-out .35s both 0s ease-in; moz-animation: flipBottom-out .35s both 0s ease-in; moz-transform-origin: 50% 50%; transform-origin: 50% 50%; webkit-animation: flipBottom-out .35s both 0s ease-in; webkit-transform-origin: 50% 50%; } .cbp-animation-flipBottom-in { animation: flipBottom-in .35s ease-out .35s both; moz-animation: flipBottom-in .35s ease-out .35s both; moz-transform-origin: 50% 50%; transform-origin: 50% 50%; webkit-animation: flipBottom-in .35s ease-out .35s both; webkit-transform-origin: 50% 50%; } @-webkit-keyframes flipBottom-out { to { opacity: .2; webkit-transform: translateZ(-1000px) rotateX(-90deg); } } @-moz-keyframes flipBottom-out { to { moz-transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @keyframes flipBottom-out { to { opacity: .2; transform: translateZ(-1000px) rotateX(-90deg); } } @-webkit-keyframes flipBottom-in { from { opacity: .2; webkit-transform: translateZ(-1000px) rotateX(90deg); } } @-moz-keyframes flipBottom-in { from { moz-transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } @keyframes flipBottom-in { from { opacity: .2; transform: translateZ(-1000px) rotateX(90deg); } } .cbp-animation-fadeOutTop { overflow: visible; transition: height .2s ease-in-out; webkit-transition: height .2s ease-in-out; } .cbp-animation-fadeOutTop .cbp-wrapper { transition: opacity .3s ease-in-out,top .3s ease-in-out; webkit-transition: opacity .3s ease-in-out,top .3s ease-in-out; } .cbp-animation-fadeOutTop .cbp-item { transition: transform .6s ease-in-out; webkit-transition: -webkit-transform .6s ease-in-out; } .cbp-animation-sequentially { overflow: visible; transition: height .2s ease-in-out; webkit-transition: height .2s ease-in-out; } .cbp-animation-sequentially .cbp-item { transition: transform .6s ease-in-out; webkit-transition: -webkit-transform .6s ease-in-out; } .cbp-animation-sequentially.cbp-no-transition .cbp-item { transition: opacity .5s ease,top .5s ease!important; webkit-transition: opacity .5s ease,top .5s ease!important; } .cbp-popup-ie8bg { height: 100%; left: 0; min-height: 100%; position: absolute; top: 0; width: 100%; z-index: -1; } .cbp-popup-wrap { display: none; height: 100%; left: 0; overflow-x: hidden; overflow-y: scroll; padding: 0 10px; position: fixed; text-align: center; top: 0; width: 100%; z-index: 9990; } .cbp-popup-lightbox { background: rgba(0,0,0,.8); } .cbp-popup-singlePage { background: #fff; padding: 0; } .cbp-popup-ie8bg { background: #fff; ms-filter: "alpha(Opacity=100)"; } .cbp-popup-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .cbp-popup-content { display: inline-block; max-width: 100%; position: relative; text-align: left; vertical-align: middle; } .cbp-popup-singlePage .cbp-popup-content { margin-top: 145px; max-width: 1024px; position: relative; vertical-align: top; width: 94%; z-index: 1; } .cbp-popup-singlePage .cbp-popup-content-basic { display: inline-block; margin-top: 104px; position: relative; text-align: left; vertical-align: top; width: 100%; z-index: 1; } .cbp-popup-lightbox-figure { position: relative; } .cbp-popup-lightbox-bottom { left: 0; margin-top: 3px; position: absolute; top: 100%; width: 100%; } .cbp-popup-lightbox-title { color: #eee; font: 400 12px/18px Arial, Helvetica, sans-serif; padding-right: 70px; } .cbp-popup-lightbox-counter { color: #eee; font: 400 12px/18px Arial, Helvetica, sans-serif; position: absolute; right: 0; top: 0; } .cbp-popup-lightbox-img { box-shadow: 0 0 8px rgba(0,0,0,.6); display: block; height: auto; margin: 40px 0; max-width: 100%; width: auto; } .cbp-popup-lightbox-img[data-action] { cursor: pointer; } .cbp-popup-lightbox-isIframe .cbp-popup-content { width: 75%; } @media only screen and (max-width:768px) { .cbp-popup-lightbox-isIframe .cbp-popup-content { width: 95%; } } .cbp-popup-lightbox-isIframe .cbp-lightbox-bottom { left: 0; margin-top: 3px; position: absolute; top: 100%; width: 100%; } .cbp-popup-lightbox-iframe { background: #000; height: 0; padding-bottom: 56.25%; position: relative; } .cbp-popup-lightbox-iframe iframe { box-shadow: 0 0 8px rgba(0,0,0,.6); height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .cbp-popup-singlePage .cbp-popup-navigation-wrap { background-color: #34425C; height: 104px; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .cbp-popup-singlePage .cbp-popup-navigation { height: 100%; position: relative; width: 100%; } .cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap { position: fixed; top: 0!important; } .cbp-popup-singlePage-counter { color: #bbc0df; font: 400 13px/104px Arial, Helvetica, sans-serif; position: absolute; right: 40px; top: 0; } @media only screen and (max-width:768px) { .cbp-popup-singlePage-counter { right: 3%; } } .cbp-popup-close,.cbp-popup-next,.cbp-popup-prev { border: none; cursor: pointer; outline: 0; padding: 0; position: absolute; } .cbp-popup-lightbox .cbp-popup-close,.cbp-popup-lightbox .cbp-popup-next,.cbp-popup-lightbox .cbp-popup-prev { visibility: hidden; } .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close,.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next,.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev { visibility: visible; } .cbp-popup-lightbox .cbp-popup-prev { background: url(cbp-sprite.png) -2px -2px no-repeat; bottom: 0; height: 44px; left: 20px; margin: auto; top: 0; width: 44px; } .cbp-popup-lightbox .cbp-popup-prev:hover { background-position: -2px -48px; } .cbp-popup-singlePage .cbp-popup-prev { background: url(cbp-sprite.png) -2px -94px no-repeat; height: 44px; left: 0; margin: auto; right: 108px; top: 30px; width: 44px; } .cbp-popup-singlePage .cbp-popup-prev:hover { background-position: -2px -140px; } .cbp-popup-lightbox .cbp-popup-next { background: url(cbp-sprite.png) -48px -2px no-repeat; bottom: 0; height: 44px; margin: auto; right: 20px; top: 0; width: 44px; } .cbp-popup-lightbox .cbp-popup-next:hover { background-position: -48px -48px; } .cbp-popup-singlePage .cbp-popup-next { background: url(cbp-sprite.png) -48px -94px no-repeat; height: 44px; left: 108px; margin: auto; right: 0; top: 30px; width: 44px; } .cbp-popup-singlePage .cbp-popup-next:hover { background-position: -48px -140px; } .cbp-popup-lightbox .cbp-popup-close { background: url(cbp-sprite.png) -94px -2px no-repeat; height: 40px; right: 20px; top: 20px; width: 40px; } .cbp-popup-lightbox .cbp-popup-close:hover { background-position: -94px -48px; } .cbp-popup-singlePage .cbp-popup-close { background: url(cbp-sprite.png) -94px -94px no-repeat; height: 44px; left: 0; margin: auto; right: 0; top: 30px; width: 44px; } .cbp-popup-singlePage .cbp-popup-close:hover { background-position: -94px -140px; } .cbp-popup-loadingBox { background: url(cbp-loading-popup.gif) center center no-repeat #0D0D0D; border: 1px solid rgba(79,80,79,.3); border-radius: 3px; bottom: 0; height: 50px; left: 0; margin: auto; ms-filter: "alpha(Opacity=71)"; opacity: .71; position: absolute; right: 0; top: 0; width: 50px; z-index: 2; } .cbp-popup-ready .cbp-popup-loadingBox { visibility: hidden; } .cbp-popup-loading .cbp-popup-loadingBox { visibility: visible; } .cbp-popup-singlePage { left: 100%; transition: left .6s ease-in-out; webkit-transition: left .6s ease-in-out; } .cbp-popup-singlePage-open { left: 0; } .cbp-popup-singlePage.cbp-popup-singlePage-fade { left: 0; opacity: 0; transition: opacity .3s ease-in-out; webkit-transition: opacity .3s ease-in-out; } .cbp-popup-singlePage-open.cbp-popup-singlePage-fade { opacity: 1; } .cbp-popup-singlePage.cbp-popup-singlePage-right { left: -100%; transition: left .6s ease-in-out; webkit-transition: left .6s ease-in-out; } .cbp-popup-singlePage-open.cbp-popup-singlePage-right { left: 0; } .cbp-l-project-title { color: #454444; font: 600 42px/46px Arial, Helvetica, sans-serif; letter-spacing: 2px; margin-bottom: 15px; text-align: center; text-transform: uppercase; } .cbp-l-project-subtitle { color: #787878; font: 400 14px/21px Arial, Helvetica, sans-serif; margin: 0 auto 50px; max-width: 500px; text-align: center; } .cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img { display: block; margin: 0 auto; max-width: 100%; } .cbp-l-project-container { clear: both; margin: 40px auto 0; overflow: hidden; } .cbp-l-project-desc { float: left; width: 64%; } .cbp-l-inline-social-wrapper,.cbp-l-project-social-wrapper { display: inline-block; height: 20px; overflow: hidden; width: 90px; } .cbp-l-inline-social-wrapper { margin-top: 20px; } .cbp-l-project-details { float: right; margin-bottom: 15px; padding-left: 40px; width: 36%; } @media only screen and (max-width:768px) { .cbp-l-project-title { font-size: 30px; line-height: 34px; } .cbp-l-project-desc { width: 100%; } .cbp-l-project-details { margin-top: 20px; padding-left: 0; width: 100%; } } .cbp-l-project-desc-title { border-bottom: 1px solid #cdcdcd; color: #444; margin-bottom: 22px; } .cbp-l-project-desc-title span,.cbp-l-project-details-title span { border-bottom: 1px solid #747474; display: inline-block; font: 400 16px/36px Arial, Helvetica, sans-serif; margin: 0 0 -1px; padding: 0 5px 0 0; } .cbp-l-project-desc-text { color: #555; font: 400 13px/20px Arial, Helvetica, sans-serif; margin-bottom: 20px; } .cbp-l-project-details-title { border-bottom: 1px solid #cdcdcd; color: #444; margin-bottom: 19px; } .cbp-l-project-details-list>div,.cbp-l-project-details-list>li { border-bottom: 1px dotted #DFDFDF; color: #666; font: 400 12px/30px Arial, Helvetica, sans-serif; padding: inherit; } .cbp-l-project-details-list strong { color: #696969; display: inline-block; font-weight: 600; min-width: 100px; } .cbp-l-project-details-visit { background-color: #53668A; clear: both; color: #FFF; float: right; font: 400 11px/18px Arial, Helvetica, sans-serif; margin-top: 10px; padding: 8px 19px; text-decoration: none; } .cbp-l-project-details-visit:hover { color: #fff; opacity: .9; } .cbp-l-project-related-wrap { font-size: 0; margin: 0; } .cbp-l-project-related-item { float: left; margin-right: 5%; max-width: 30%; } .cbp-l-project-related-item:last-child { margin-right: 0; } .cbp-l-project-related-title { color: #474747; font: 700 14px/18px Arial, Helvetica, sans-serif; margin-top: 20px; } .cbp-l-project-related-link { text-decoration: none; } .cbp-l-project-related-link:hover { opacity: .9; } .cbp-l-member-img { float: left; margin-top: 20px; width: 40%; } .cbp-l-member-img img { border: 1px solid #e2e2e2; display: inline-block; height: auto; max-width: 100%; width: auto; } .cbp-l-member-info { float: left; margin-top: 20px; padding-left: 25px; width: 60%; } @media only screen and (max-width:768px) { .cbp-l-member-img { text-align: center; width: 100%; } .cbp-l-member-info { padding-left: 0; width: 100%; } } .cbp-l-member-name { color: #474747; font: 400 28px/28px Arial, Helvetica, sans-serif; } .cbp-l-member-position { color: #888; font: 400 13px/21px Arial, Helvetica, sans-serif; margin-top: 6px; } .cbp-l-member-desc { color: #474747; font: 400 12px/18px Arial, Helvetica, sans-serif; margin-top: 25px; } .cbp-popup-singlePageInline { height: 0; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 5; } .cbp-popup-singlePageInline .cbp-popup-navigation { height: 40px; position: absolute; right: 0; top: 0; width: 40px; z-index: 2; } .cbp-popup-singlePageInline .cbp-popup-close { background: url(cbp-sprite.png) -94px -2px no-repeat; height: 40px; right: 20px; top: 30px; width: 40px; } .cbp-popup-singlePageInline .cbp-popup-close:hover { opacity: .7; } .cbp-popup-singlePageInline .cbp-popup-content { min-height: 200px; width: 100%; } .cbp.cbp-popup-isOpening,.cbp.cbp-popup-isOpening .cbp-popup-singlePageInline { transition: height .4s ease 0s!important; webkit-transition: height .4s ease 0s!important; } .cbp.cbp-popup-isOpening .cbp-item { transition: transform .4s ease 0s!important; webkit-transition: -webkit-transform .4s ease 0s!important; } .cbp-singlePageInline-active { opacity: .6!important; } .cbp-singlePageInline-active-loading .cbp-caption:before { animation: loading .5s infinite linear; border-bottom: 5px solid #000; border-left: 5px solid transparent; border-radius: 50%; border-right: 5px solid #000; border-top: 5px solid transparent; bottom: 0; content: ''; height: 30px; left: 0; margin: auto; moz-animation: loading .5s infinite linear; position: absolute; right: 0; top: 0; webkit-animation: loading .5s infinite linear; width: 30px; z-index: 9999; } @keyframes loading { 0% { moz-transform: rotate(0deg); } 100% { moz-transform: rotate(360deg); } } @-moz-keyframes loading { 0% { moz-transform: rotate(0deg); } 100% { moz-transform: rotate(360deg); } } @-webkit-keyframes loading { 0% { webkit-transform: rotate(0deg); } 100% { webkit-transform: rotate(360deg); } } .cbp-popup-singlePageInline .cbp-popup-loadingBox { animation: loading .5s infinite linear; background: 0 0; border-bottom: 5px solid #000; border-left: 5px solid transparent; border-radius: 50%; border-right: 5px solid #000; border-top: 5px solid transparent; height: 30px; moz-animation: loading .5s infinite linear; ms-filter: "alpha(Opacity=60)"; opacity: .6; visibility: hidden; webkit-animation: loading .5s infinite linear; width: 30px; } .cbp-popup-singlePageInline.cbp-popup-loading .cbp-popup-loadingBox { visibility: visible; } .cbp-popup-singlePageInline.cbp-popup-loading .cbp-popup-content,.cbp-popup-singlePageInline.cbp-popup-loading .cbp-popup-navigation { visibility: hidden; } .cbp-l-inline { background: #f3f3f3; margin-bottom: 50px; margin-top: 0px; overflow: hidden; padding: 50px; } .cbp-l-inline-left { float: left; width: 44%; } .cbp-l-project-img { max-width: 100%; } .cbp-l-inline-right { float: right; padding-left: inherit; width: 56%; } @media only screen and (max-width:768px) { .cbp-l-inline-left { margin-top: 40px; text-align: center; width: 100%; } .cbp-l-inline-right { margin-top: 20px; padding-left: 0; width: 100%; } } .cbp-l-inline-title { color: #474747; font: 400 28px/30px Arial, Helvetica, sans-serif; } .cbp-l-inline-subtitle { color: #888; font: 400 13px/21px Arial, Helvetica, sans-serif; margin-top: 7px; } .cbp-l-inline-desc { color: #474747; font: 400 13px/20px Arial, Helvetica, sans-serif; margin-top: 25px; } .cbp-l-inline-view-wrap { text-align: right; } .cbp-l-inline-view { border: 1px solid #ccc; color: #9C9C9C; display: inline-block; font: 400 13px/35px Arial, Helvetica, sans-serif; margin-top: 40px; padding: 0 20px; text-decoration: none; } .cbp-l-inline-view:hover { color: #757575; } .cbp-l-inline-details { font: 13px/22px Arial, Helvetica, sans-serif; margin-top: 15px; } .cbp-l-filters-button { float: right; margin-bottom: 59px; } .cbp-l-filters-button .cbp-filter-item { background-color: #FFF; border: 2px solid #ECECEC; color: #888; cursor: pointer; display: inline-block; font: 400 13px/29px Arial, Helvetica, sans-serif; margin: 10px 5px 0 0; overflow: visible; padding: 4px 18px; position: relative; transition: all .3s ease-in-out; webkit-transition: all .3s ease-in-out; } .cbp-l-filters-button .cbp-filter-item:hover { color: #5d5d5d; } .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active { background-color: #4D4C4D; border-color: #4D4C4D; color: #fff; cursor: default; } .cbp-l-filters-button .cbp-filter-counter { background-color: #4D4C4D; border-radius: 3px; bottom: 0; color: #fff; font: 400 11px/18px Arial, Helvetica, sans-serif; left: 0; margin: 0 auto; ms-filter: "alpha(Opacity=0)"; opacity: 0; padding: 4px 0; position: absolute; right: 0; text-align: center; transition: opacity .25s ease,bottom .25s ease; webkit-transition: opacity .25s ease,bottom .25s ease; width: 34px; } .cbp-l-filters-button .cbp-filter-counter:before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #4D4C4D; bottom: -4px; content: ""; display: none; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; width: 0; } .cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter:before { display: block; } .cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter { bottom: 44px; ms-filter: "alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-dropdown { height: 38px; margin-bottom: 59px; position: relative; z-index: 5; } .cbp-l-filters-dropdownWrap { background: #e54c4c; position: absolute; right: 0; width: 200px; } .cbp-l-filters-dropdownHeader { color: #FFF; cursor: default; font: 400 12px/38px Arial, Helvetica, sans-serif; margin: 0 17px; position: relative; } .cbp-l-filters-dropdownHeader:after { border-color: #FFF transparent; border-style: solid; border-width: 5px 5px 0; content: ""; height: 0; margin-top: -1px; position: absolute; right: 0; top: 50%; width: 0; } .cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after { border-width: 0 5px 5px; } .cbp-l-filters-dropdownList { display: none; list-style: none; margin: 0; padding: 0; } .cbp-l-filters-dropdownList>li { list-style: none; margin: 0; } .cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownList { display: block; margin: 0; } .cbp-l-filters-dropdownList .cbp-filter-item { background: 0 0; border: none; border-top: 1px solid #fff; color: #fff; cursor: pointer; font: 400 13px/40px Arial, Helvetica, sans-serif; margin: 0; padding: 0 17px; text-align: left; width: 100%; transition: all 0.3s ease; } .cbp-l-filters-dropdownList .cbp-filter-item:hover { color: #333; } .cbp-l-filters-dropdownList .cbp-filter-item-active { color: #333; cursor: default; } .cbp-l-filters-dropdownList .cbp-filter-counter { display: inline; } .cbp-l-filters-alignLeft { margin-bottom: 40px; } .cbp-l-filters-alignLeft .cbp-filter-item { background-color: #fff; border: 1px solid #cdcdcd; color: #888; cursor: pointer; display: inline-block; font: 400 12px/30px Arial, Helvetica, sans-serif; margin: 10px 8px 0 0; overflow: visible; padding: 0 13px; position: relative; transition: all .2s ease-in-out; webkit-transition: all .2s ease-in-out; } .cbp-l-filters-alignLeft .cbp-filter-item:hover { color: #111; } .cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active { background-color: #6C7A89; border: 1px solid #6C7A89; color: #fff; cursor: default; } .cbp-l-filters-alignLeft .cbp-filter-counter { display: inline; } .cbp-l-filters-alignCenter { color: #DADADA; font: 400 12px/21px sans-serif; margin-bottom: 59px; text-align: center; } .cbp-l-filters-alignCenter .cbp-filter-item { color: #949494; cursor: pointer; display: inline-block; font: 400 13px/21px Arial, Helvetica, sans-serif; margin: 10px 0 0; overflow: visible; padding: 0 12px; position: relative; transition: all .3s ease-in-out; } .cbp-l-filters-alignCenter .cbp-filter-item:hover { color: #2D2C2C; } .cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active { color: #2D2C2C; cursor: default; } .cbp-l-filters-alignCenter .cbp-filter-counter { background: #626161; border-radius: 3px; bottom: 0; color: #FFF; font: 400 11px/18px Arial, Helvetica, sans-serif; left: 0; margin: 0 auto; ms-filter: "alpha(Opacity=0)"; opacity: 0; padding: 4px 0; position: absolute; right: 0; text-align: center; transition: all .25s ease; webkit-transition: all .25s ease; width: 34px; } .cbp-l-filters-alignCenter .cbp-filter-counter:before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #626161; bottom: -4px; content: ""; display: none; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; width: 0; } .cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter:before { display: block; } .cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter { bottom: 30px; ms-filter: "alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-alignRight { margin-bottom: 40px; text-align: right; } .cbp-l-filters-alignRight .cbp-filter-item { background-color: transparent; border: 1px solid #E4E2E2; color: #8B8B8B; cursor: pointer; display: inline-block; font: 400 11px/29px Arial, Helvetica, sans-serif; margin: 10px 0 0 5px; overflow: visible; padding: 0 12px; position: relative; text-transform: uppercase; transition: all .3s ease-in-out; webkit-transition: all .3s ease-in-out; } .cbp-l-filters-alignRight .cbp-filter-item:hover { color: #2B3444; } .cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active { background-color: #049372; border-color: #049372; color: #FFF; cursor: default; } .cbp-l-filters-alignRight .cbp-filter-counter { background: #049372; border-radius: 3px; bottom: 0; color: #fff; font: 400 11px/18px Arial, Helvetica, sans-serif; left: 0; margin: 0 auto; ms-filter: "alpha(Opacity=0)"; opacity: 0; padding: 4px 0; position: absolute; right: 0; text-align: center; transition: opacity .25s ease,bottom .25s ease; webkit-transition: opacity .25s ease,bottom .25s ease; width: 34px; } .cbp-l-filters-alignRight .cbp-filter-counter:before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #049372; bottom: -4px; content: ""; display: none; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; width: 0; } .cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter:before { display: block; } .cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter { bottom: 44px; ms-filter: "alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-list { clear: both; content: ""; display: table; margin-bottom: 59px; float: right; } .cbp-l-filters-list .cbp-filter-item { background-color: transparent; border: 1px solid #eee; color: #585252; cursor: pointer; float: left; font: 400 13px/35px Arial, Helvetica, sans-serif; margin-top: 10px; overflow: visible; padding: 4px 25px; position: relative; transition: left .3s ease-in-out; webkit-transition: left .3s ease-in-out; } .cbp-l-filters-list .cbp-filter-item:hover { color: #333; } .cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active { background-color: #eee; color: #333; cursor: default; } /*.cbp-l-filters-list-first { border-radius: 6px 0 0 6px; }*/ .cbp-l-filters-list-last { border-right-width: 1px!important; } .cbp-l-filters-list .cbp-filter-counter { display: inline; } @media only screen and (max-width:600px) { .cbp-l-filters-list .cbp-filter-item { border-right-width: 1px; margin-right: 5px; } } .cbp-l-grid-projects { overflow: hidden; visibility: hidden; } .cbp-l-grid-projects .cbp-item { height: 320px; width: 33.33%; } .cbp-l-grid-projects .cbp-caption { height: 85%; margin-bottom: 17px; } .cbp-l-grid-projects-title { color: #474747; font: 700 14px/18px Arial, Helvetica, sans-serif; } .cbp-l-grid-projects-desc { color: #888; font: 400 12px/18px Arial, Helvetica, sans-serif; margin-top: 6px; } .cbp-l-grid-projects-inlineFilters { cursor: pointer; } .cbp-l-grid-projects-inlineFilters:hover { text-decoration: underline; } .cbp-l-grid-projects.cbp-caption-overlayBottomPush .cbp-caption-activeWrap { bottom: -50px; height: 50px; } .cbp-l-grid-projects.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 50px; } .cbp-l-grid-projects.cbp-caption-overlayBottomPush.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,.cbp-l-grid-projects.cbp-caption-overlayBottomPush.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -50px; } .cbp-l-grid-projects.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap { bottom: -50px; height: 50px; } .cbp-l-grid-projects.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 25px; } .cbp-l-grid-projects.cbp-caption-overlayBottomAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,.cbp-l-grid-projects.cbp-caption-overlayBottomAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -50px; } .cbp-l-grid-projects.cbp-caption-overlayBottom .cbp-caption-activeWrap { bottom: -50px; height: 50px; } .cbp-l-grid-projects.cbp-caption-overlayBottom.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -50px; } .cbp-l-grid-projects.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap { height: 50px; } .cbp-l-grid-projects.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 50px; } .cbp-l-grid-gallery { overflow: hidden; visibility: hidden; } .cbp-l-grid-gallery .cbp-item { height: 350px; width: 50%; } .cbp-l-grid-team { overflow: hidden; visibility: hidden; } .cbp-l-grid-team .cbp-item { height: 278px; width: 300px; } .cbp-l-grid-team .cbp-caption { border: 1px solid #E7E7E7; height: 70%; margin-bottom: 18px; } .cbp-l-grid-team-name { color: #456297; display: block; font: 400 17px/26px Arial, Helvetica, sans-serif; text-align: center; } .cbp-l-grid-team-name:hover { color: #34425C; } .cbp-l-grid-team-position { color: #888; font: italic 400 13px/21px Arial, Helvetica, sans-serif; text-align: center; } .cbp-l-grid-team.cbp-caption-overlayBottomPush .cbp-caption-activeWrap { bottom: -44px; height: 44px; } .cbp-l-grid-team.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 44px; } .cbp-l-grid-team.cbp-caption-overlayBottomPush.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,.cbp-l-grid-team.cbp-caption-overlayBottomPush.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -44px; } .cbp-l-grid-team.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap { bottom: -44px; height: 44px; } .cbp-l-grid-team.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 22px; } .cbp-l-grid-team.cbp-caption-overlayBottomAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,.cbp-l-grid-team.cbp-caption-overlayBottomAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -44px; } .cbp-l-grid-team.cbp-caption-overlayBottom .cbp-caption-activeWrap { bottom: -44px; height: 44px; } .cbp-l-grid-team.cbp-caption-overlayBottom.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -44px; } .cbp-l-grid-team.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap { height: 44px; } .cbp-l-grid-team.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 44px; } .cbp-l-grid-fullScreen { overflow: hidden; visibility: hidden; } .cbp-l-grid-fullScreen .cbp-item { width: 25%; height: 280px; } .cbp-l-grid-fullScreen .cbp-item .cbp-l-caption-body { margin-top: 30%; } .cbp-l-grid-fullScreen.two .cbp-item { width:90px; height:62px; } .cbp-l-grid-fullScreen.three .cbp-item { width: 25%; height: 220px; } .cbp-l-grid-masonry { overflow: hidden; visibility: hidden; } .cbp-l-grid-masonry .cbp-item { width: 33.333%; background: #333; } .cbp-l-grid-masonry .cbp-item-height-1,.cbp-l-grid-masonry .cbp-l-grid-masonry-height1 { height: 300px; } .cbp-l-grid-masonry .cbp-item-height-2,.cbp-l-grid-masonry .cbp-l-grid-masonry-height2 { height: 450px; } .cbp-l-grid-masonry .cbp-item-height-2,.cbp-l-grid-masonry .cbp-l-grid-masonry-height3 { height: 600px; } .cbp-l-grid-masonry .cbp-item-height-2,.cbp-l-grid-masonry .cbp-l-grid-masonry-height4 { height: 750px; } .cbp-l-grid-blog.two .cbp-item { width: 50%; } .cbp-l-grid-blog { overflow: hidden; visibility: hidden; } .cbp-l-grid-blog .cbp-item { height: 320px; width: 313px; } .cbp-l-grid-blog .cbp-caption { height: 70%; margin-bottom: 20px; } .cbp-l-grid-blog-title { color: #444; display: block; font: 400 18px/28px Arial, Helvetica, sans-serif; } .cbp-l-grid-blog-title:hover { color: #787878; } .cbp-l-grid-blog-date { color: #787878; display: inline-block; font: 400 12px/18px Arial, Helvetica, sans-serif; } .cbp-l-grid-blog-comments { color: #3C6FBB; display: inline-block; font: 400 12px/18px Arial, Helvetica, sans-serif; } .cbp-l-grid-blog-comments:hover { opacity: .8; } .cbp-l-grid-blog-desc { color: #9B9B9B; font: 400 13px/18px Arial, Helvetica, sans-serif; margin-top: 5px; } .cbp-l-grid-blog-split { color: #787878; display: inline-block; font: 400 13px/16px Arial, Helvetica, sans-serif; margin: 0 4px; } @media only screen and (max-width:600px) { .cbp-cols-2.cbp-l-grid-blog .cbp-l-grid-blog-desc { font: 400 12px/16px Arial, Helvetica, sans-serif; margin-top: 7px; } .cbp-cols-2.cbp-l-grid-blog .cbp-caption { margin-bottom: 15px; } } .cbp-slider { margin: 0 auto; overflow: hidden; position: relative; width: 100%; z-index: 1; } .cbp-slider-item,.cbp-slider-wrap { list-style-type: none; margin: 0; } .cbp-slider-item { margin-bottom: 3px; } .cbp-slider .cbp-slider-item { left: 0; margin: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .cbp-slider .cbp-slider-item-current { opacity: 1; position: relative; z-index: 1; } .cbp-slider .cbp-slider-item-next { opacity: 0; position: absolute; z-index: 2; } .cbp-slider .cbp-slider-arrowNext,.cbp-slider .cbp-slider-arrowPrev { cursor: pointer; opacity: 0; position: absolute; z-index: 3; } .cbp-slider .cbp-slider-arrowPrev { background: url(cbp-sprite.png) -2px -2px no-repeat; bottom: 0; height: 44px; left: 25px; margin: auto; top: 0; transition: opacity .4s ease,left .4s ease; webkit-transition: opacity .4s ease,left .4s ease; width: 44px; } .cbp-slider .cbp-slider-arrowPrev:hover { background-position: -2px -48px; } .cbp-slider .cbp-slider-arrowNext { background: url(cbp-sprite.png) -48px -2px no-repeat; bottom: 0; height: 44px; margin: auto; right: 25px; top: 0; transition: opacity .4s ease,right .4s ease; webkit-transition: opacity .4s ease,right .4s ease; width: 44px; } .cbp-slider .cbp-slider-arrowNext:hover { background-position: -48px -48px; } .cbp-slider .cbp-slider-bulletWrap { bottom: 20px; opacity: 0; position: absolute; right: 25px; transition: opacity .4s ease; webkit-transition: opacity .4s ease; z-index: 3; } .cbp-slider .cbp-slider-bullet { background: #616161; background: rgba(97,97,97,.5); border-radius: 50%; box-shadow: 0 0 1px 1px rgba(37,36,36,.54); cursor: pointer; display: inline-block; height: 9px; margin-left: 7px; width: 9px; } .cbp-slider .cbp-slider-bullet-current { background: #d1d1d1; } .cbp-slider .cbp-slider-bullet:hover { opacity: .9; } .cbp-slider:hover .cbp-slider-arrowNext { opacity: 1; right: 20px; } .cbp-slider:hover .cbp-slider-arrowPrev { left: 20px; opacity: 1; } .cbp-slider:hover .cbp-slider-bulletWrap { opacity: 1; } .cbp-misc-video { background: #000; height: 0; padding-bottom: 56.25%; position: relative; } .cbp-misc-video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .cbp-panel { margin: 0 auto; max-width: 1170px; width: 94%; } .polinks { font-size: 18px; color: #454545; transition: all 0.3s ease; } .polinks:hover { color: #999; } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .cbp-l-grid-fullScreen .cbp-item { width: 33.3%; height: 252px; } .cbp-l-grid-fullScreen.two .cbp-item { width:70px; height:53px; } .cbp-l-grid-projects .cbp-item { height: 285px; } .cbp-l-grid-fullScreen.three .cbp-item { width: 33.33%; } } @media only screen and (min-width: 768px) and (max-width: 999px){ .cbp-l-grid-fullScreen .cbp-item { width: 50%; } .cbp-l-grid-fullScreen.two .cbp-item { width:70px; height:45px; } .cbp-l-grid-projects .cbp-item { height: 220px; } .cbp-l-grid-gallery .cbp-item { height: 275px; } .cbp-l-grid-blog.two .cbp-item { height: 250px; } .cbp-l-grid-fullScreen.three .cbp-item { width: 50%; } } @media only screen and (min-width: 640px) and (max-width: 767px){ .cbp-l-grid-fullScreen .cbp-item { width: 50%; height: 234px; } .cbp-l-grid-projects .cbp-item { height: 350px; width: 100%; } .cbp-l-grid-gallery .cbp-item { width: 100%; } .cbp-l-grid-blog.two .cbp-item { height: 245px; } .cbp-l-grid-fullScreen.three .cbp-item { width: 50%; } } @media only screen and (min-width: 480px) and (max-width: 639px){ .cbp-l-grid-fullScreen .cbp-item { width: 100%; } .cbp-l-grid-projects .cbp-item { height: 350px; width: 100%; } .cbp-l-grid-gallery .cbp-item { height: 300px; width: 100%; } .cbp-l-grid-blog.two .cbp-item { width: 100%; } .cbp-l-grid-fullScreen.three .cbp-item { width: 100%; height: 300px; } } @media only screen and (max-width: 479px){ .cbp-l-grid-fullScreen .cbp-item { width: 100%; height: 228px; } .cbp-l-grid-fullScreen.two .cbp-item { width:65px; height:50px; } .cbp-l-grid-projects .cbp-item { height: 260px; width: 100%; } .cbp-l-grid-gallery .cbp-item { height: 225px; width: 100%; } .cbp-l-grid-blog.two .cbp-item { width: 100%; } .cbp-l-grid-fullScreen.three .cbp-item { width: 100%; } }