/** * cubeportfolio v1.1 - http://scriptpie.com * * Copyright - 2013 Mihai Buricea (http://www.scriptpie.com) * All rights reserved. * * You may not modify and/or redistribute this file * save cases where Extended License has been purchased * */ @charset "utf-8"; .cbp, .cbp-item, .cbp-wrapper { filter:inherit } .cbp { position:relative; overflow:hidden; margin:0 auto; height:400px; visibility:visible!important } .cbp .cbp-item, .cbp-wrapper { position:absolute; top:0; left:0; list-style-type:none; margin:0; padding:0; overflow:hidden } .cbp .cbp-item { z-index:2; display:block; width:300px; height:200px } .cbp-item-wrapper { width:100%; height:100%; position:absolute; top:0; left:0 } .cbp img { display:block } .cbp-loading, .cbp-loading *, .cbp-no-transition .cbp-item { -webkit-transition:none!important; -moz-transition:none!important; -o-transition:none!important; transition:none!important } .cbp-appendItems-loading { -webkit-transition:height .4s ease!important; -moz-transition:height .4s ease!important; -o-transition:height .4s ease!important; transition:height .4s ease!important } .cbp-appendItems-loading .cbp-wrapper { -webkit-transition:none!important; -moz-transition:none!important; -o-transition:none!important; transition:none!important } .cbp-loading { background:url(cbp-loading.gif) no-repeat scroll center center transparent } .cbp .cbp-item-hidden { pointer-events:none; z-index:1 } .cbp-wrapper { visibility:hidden; width:100%; height: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 { width:100%; height:100%; overflow:hidden; position:relative; display:block; text-decoration:none } .cbp-caption-activeWrap, .cbp-caption-defaultWrap { position:absolute; z-index:1 } .cbp-caption-activeWrap { z-index:2 } .cbp-l-caption-title { color:#fff; font:700 16px/18px sans-serif; margin-bottom:5px } .cbp-l-caption-desc { color:#d3d3d3; font:400 12px/16px sans-serif } .cbp-l-caption-text { font:400 14px "Open Sans", sans-serif; color:#fff; letter-spacing:3px } .cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight { background-color:#fff; color:#272727; display:inline-block; font:12px/28px sans-serif; text-decoration:none; width:90px; text-align:center; margin:4px } .cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover { background-color:#e3e3e3; } .portfolioicons i { color: #999; font-size: 22px; width: 40px; height: 40px; text-align: center; vertical-align: middle; line-height: 40px; background-color: #fff; border-radius: 100%; margin: 0 4px; } .portfolioicons i:hover { background-color: #e3e3e3; } .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:17px 30px 0 } .cbp-caption-minimal .cbp-l-caption-desc, .cbp-caption-minimal .cbp-l-caption-title { position:relative; left:0; opacity:0; -webkit-transition:-webkit-transform .5s ease; -moz-transition:-moz-transform .5s ease; -o-transition:-o-transform .5s ease; transition:transform .5s ease } .cbp-caption-minimal .cbp-l-caption-title { -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%) } .cbp-caption-minimal .cbp-l-caption-desc { -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%) } .cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc, .cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title { opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0) } .cbp-l-caption-alignCenter { display:table; width:100%; height:100% } .cbp-l-caption-alignCenter .cbp-l-caption-body { display:table-cell; vertical-align:middle; text-align:center } .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { position:relative; -webkit-transition:left .4s cubic-bezier(.19, 1, .22, 1); -moz-transition:left .4s cubic-bezier(.19, 1, .22, 1); -o-transition:left .4s cubic-bezier(.19, 1, .22, 1); 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-pushTop .cbp-caption-activeWrap, .cbp-caption-pushTop .cbp-caption-defaultWrap { bottom:0; -webkit-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); -moz-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); -o-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); transition:bottom .6s cubic-bezier(.19, 1, .22, 1) } .cbp-caption-pushTop .cbp-caption-activeWrap { bottom:-100%; background:none repeat scroll 0 0 #282727 } .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; -webkit-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); -moz-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); -o-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); transition:bottom .6s cubic-bezier(.19, 1, .22, 1) } .cbp-caption-pushDown .cbp-caption-activeWrap { bottom:100%; background:none repeat scroll 0 0 #282727 } .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; z-index:2; -webkit-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); -moz-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); -o-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); transition:bottom .6s cubic-bezier(.19, 1, .22, 1) } .cbp-caption-revealBottom .cbp-caption-activeWrap { bottom:0; z-index:1; background:none repeat scroll 0 0 #282727 } .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; z-index:2; -webkit-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); -moz-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); -o-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); transition:bottom .6s cubic-bezier(.19, 1, .22, 1) } .cbp-caption-revealTop .cbp-caption-activeWrap { bottom:0; z-index:1; background:none repeat scroll 0 0 #282727 } .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; z-index:2; -webkit-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); -moz-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); -o-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); transition:bottom .6s cubic-bezier(.19, 1, .22, 1) } .cbp-caption-overlayBottomReveal .cbp-caption-activeWrap { bottom:0; z-index:1; height:70px; background:none repeat scroll 0 0 #282727 } .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; -webkit-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); -moz-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); -o-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); transition:bottom .6s cubic-bezier(.19, 1, .22, 1) } .cbp-caption-overlayBottomPush .cbp-caption-activeWrap { bottom:-70px; height:70px; background:none repeat scroll 0 0 #282727 } .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 { bottom:-70px; height:70px; background-color:#181616; background-color:rgba(24, 22, 22, .7); -webkit-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); -moz-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); -o-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); 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 { left:-100%; top:0; background:none repeat scroll 0 0 #282727; -webkit-transition:left .6s cubic-bezier(.19, 1, .22, 1); -moz-transition:left .6s cubic-bezier(.19, 1, .22, 1); -o-transition:left .6s cubic-bezier(.19, 1, .22, 1); 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 { left:100%; top:0; background:none repeat scroll 0 0 #282727; -webkit-transition:left .6s cubic-bezier(.19, 1, .22, 1); -moz-transition:left .6s cubic-bezier(.19, 1, .22, 1); -o-transition:left .6s cubic-bezier(.19, 1, .22, 1); 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 { opacity:0; width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0, 0, 0, .85); -webkit-transition:opacity .6s cubic-bezier(.19, 1, .22, 1); -moz-transition:opacity .6s cubic-bezier(.19, 1, .22, 1); -o-transition:opacity .6s cubic-bezier(.19, 1, .22, 1); transition:opacity .6s cubic-bezier(.19, 1, .22, 1) } .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; -webkit-transition:left .6s cubic-bezier(.19, 1, .22, 1); -moz-transition:left .6s cubic-bezier(.19, 1, .22, 1); -o-transition:left .6s cubic-bezier(.19, 1, .22, 1); transition:left .6s cubic-bezier(.19, 1, .22, 1) } .cbp-caption-overlayRightAlong .cbp-caption-activeWrap { left:-50%; width:50%; background:none repeat scroll 0 0 #282727 } .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; -webkit-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); -moz-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); -o-transition:bottom .6s cubic-bezier(.19, 1, .22, 1); transition:bottom .6s cubic-bezier(.19, 1, .22, 1) } .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap { bottom:-70px; height:70px; background:none repeat scroll 0 0 #282727 } .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 { width:100%; height:100%; overflow:hidden; -webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1); -moz-transition:-moz-transform .6s cubic-bezier(.19, 1, .22, 1); -o-transition:-o-transform .6s cubic-bezier(.19, 1, .22, 1); transition:transform .6s cubic-bezier(.19, 1, .22, 1) } .cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform:scale(1.25); -moz-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25) } .cbp-caption-zoom .cbp-caption-activeWrap { opacity:0; width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0, 0, 0, .9); -webkit-transition:opacity .8s cubic-bezier(.19, 1, .22, 1); -moz-transition:opacity .8s cubic-bezier(.19, 1, .22, 1); -o-transition:opacity .8s cubic-bezier(.19, 1, .22, 1); transition:opacity .8s cubic-bezier(.19, 1, .22, 1) } .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 { -webkit-transition:height .6s ease-in-out; -moz-transition:height .6s ease-in-out; -o-transition:height .6s ease-in-out; transition:height .6s ease-in-out } .cbp-animation-fadeOut .cbp-item { -webkit-transition:-webkit-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s; -moz-transition:-moz-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s; -o-transition:-o-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s; transition:transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s } .cbp-animation-fadeOut .cbp-item-hidden { -webkit-transition:-webkit-transform .6s ease-in-out 0, opacity .4s ease-in-out 0; -moz-transition:-moz-transform .6s ease-in-out 0, opacity .4s ease-in-out 0; -o-transition:-o-transform .6s ease-in-out 0, opacity .4s ease-in-out 0; transition:transform .6s ease-in-out 0, opacity .4s ease-in-out 0 } .cbp-animation-quicksand { -webkit-transition:height .6s ease-in-out; -moz-transition:height .6s ease-in-out; -o-transition:height .6s ease-in-out; transition:height .6s ease-in-out } .cbp-animation-quicksand .cbp-item { -webkit-transition:-webkit-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s; -moz-transition:-moz-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s; -o-transition:-o-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s; transition:transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s } .cbp-animation-quicksand .cbp-item-hidden { -webkit-transition:-webkit-transform .6s ease-in-out 0, opacity .4s ease-in-out 0; -moz-transition:-moz-transform .6s ease-in-out 0, opacity .4s ease-in-out 0; -o-transition:-o-transform .6s ease-in-out 0, opacity .4s ease-in-out 0; transition:transform .6s ease-in-out 0, opacity .4s ease-in-out 0 } .cbp-animation-skew { -webkit-transition:height .3s ease-in-out; -moz-transition:height .3s ease-in-out; -o-transition:height .3s ease-in-out; transition:height .3s ease-in-out } .cbp-animation-skew .cbp-item { -webkit-transition:-webkit-transform .3s ease-in, opacity .3s ease-in; -moz-transition:-moz-transform .3s ease-in, opacity .3s ease-in; -o-transition:-o-transform .3s ease-in, opacity .3s ease-in; transition:transform .3s ease-in, opacity .3s ease-in } .cbp-animation-skew .cbp-item-hidden { -webkit-transition:-webkit-transform .3s ease-in 0, opacity .3s ease-in 0; -moz-transition:-moz-transform .3s ease-in 0, opacity .3s ease-in 0; -o-transition:-o-transform .3s ease-in 0, opacity .3s ease-in 0; transition:transform .3s ease-in 0, opacity .3s ease-in 0 } .cbp-animation-boxShadow { -webkit-transition:height .6s ease-in-out; -moz-transition:height .6s ease-in-out; -o-transition:height .6s ease-in-out; transition:height .6s ease-in-out } .cbp-animation-boxShadow .cbp-item { -webkit-transition:-webkit-transform .6s ease-in-out, opacity .6s ease-in-out; -moz-transition:-moz-transform .6s ease-in-out, opacity .6s ease-in-out; -o-transition:-o-transform .6s ease-in-out, opacity .6s ease-in-out; transition:transform .6s ease-in-out, opacity .6s ease-in-out } .cbp-animation-boxShadow .cbp-item .cbp-animation-boxShadowMask { position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; -webkit-transition:box-shadow .6s ease-in-out; -moz-transition:box-shadow .6s ease-in-out; -o-transition:box-shadow .6s ease-in-out; transition:box-shadow .6s ease-in-out } .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 { -webkit-transition:height .8s ease-in-out; -moz-transition:height .8s ease-in-out; -o-transition:height .8s ease-in-out; transition:height .8s ease-in-out } .cbp-animation-bounceLeft .cbp-wrapper { -webkit-transition:opacity .8s ease-in-out, left .8s ease-in-out; -moz-transition:opacity .8s ease-in-out, left .8s ease-in-out; -o-transition:opacity .8s ease-in-out, left .8s ease-in-out; transition:opacity .8s ease-in-out, left .8s ease-in-out } .cbp-animation-bounceLeft .cbp-item { overflow:visible; -webkit-transition:-webkit-transform .8s ease-in-out; -moz-transition:-moz-transform .8s ease-in-out; -o-transition:-o-transform .8s ease-in-out; transition:transform .8s ease-in-out } .cbp-animation-bounceLeft .cbp-item-hidden { display:none } .cbp-animation-bounceLeft .cbp-item-wrapper { overflow:hidden } .cbp-animation-bounceTop { -webkit-transition:height .6s ease-in-out; -moz-transition:height .6s ease-in-out; -o-transition:height .6s ease-in-out; transition:height .6s ease-in-out } .cbp-animation-bounceTop .cbp-wrapper { -webkit-transition:opacity .6s ease-in-out, top .6s ease-in-out; -moz-transition:opacity .6s ease-in-out, top .6s ease-in-out; -o-transition:opacity .6s ease-in-out, top .6s ease-in-out; transition:opacity .6s ease-in-out, top .6s ease-in-out } .cbp-animation-bounceTop .cbp-item { overflow:visible; -webkit-transition:-webkit-transform .8s ease-in-out; -moz-transition:-moz-transform .8s ease-in-out; -o-transition:-o-transform .8s ease-in-out; transition:transform .8s ease-in-out } .cbp-animation-bounceTop .cbp-item-hidden { display:none } .cbp-animation-bounceTop .cbp-item-wrapper { overflow:hidden } .cbp-animation-bounceBottom { -webkit-transition:height .6s ease-in-out; -moz-transition:height .6s ease-in-out; -o-transition:height .6s ease-in-out; transition:height .6s ease-in-out } .cbp-animation-bounceBottom .cbp-wrapper { -webkit-transition:opacity .6s ease-in-out, top .6s ease-in-out; -moz-transition:opacity .6s ease-in-out, top .6s ease-in-out; -o-transition:opacity .6s ease-in-out, top .6s ease-in-out; transition:opacity .6s ease-in-out, top .6s ease-in-out } .cbp-animation-bounceBottom .cbp-item { overflow:visible; -webkit-transition:-webkit-transform .8s ease-in-out; -moz-transition:-moz-transform .8s ease-in-out; -o-transition:-o-transform .8s ease-in-out; transition:transform .8s ease-in-out } .cbp-animation-bounceBottom .cbp-item-hidden { display:none } .cbp-animation-bounceBottom .cbp-item-wrapper { overflow:hidden } .cbp-animation-moveLeft { -webkit-transition:height .6s ease-in-out; -moz-transition:height .6s ease-in-out; -o-transition:height .6s ease-in-out; transition:height .6s ease-in-out } .cbp-animation-moveLeft .cbp-wrapper { z-index:2; -webkit-transition:opacity .6s ease-in-out, left .6s ease-in-out; -moz-transition:opacity .6s ease-in-out, left .6s ease-in-out; -o-transition:opacity .6s ease-in-out, left .6s ease-in-out; transition:opacity .6s ease-in-out, left .6s ease-in-out } .cbp-animation-moveLeft .cbp-wrapper.no-trans { z-index:1; -webkit-transition:none!important; -moz-transition:none!important; -o-transition:none!important; transition:none!important } .cbp-animation-moveLeft .cbp-item { overflow:visible; -webkit-transition:-webkit-transform .6s ease-in-out; -moz-transition:-moz-transform .6s ease-in-out; -o-transition:-o-transform .6s ease-in-out; transition:transform .6s ease-in-out } .cbp-animation-moveLeft .cbp-item-wrapper { overflow:hidden } .cbp-animation-slideLeft { overflow:visible } .cbp-animation-slideLeft .cbp-item { -webkit-transition:-webkit-transform .6s ease-in-out; -moz-transition:-moz-transform .6s ease-in-out; -o-transition:-o-transform .6s ease-in-out; transition:transform .6s ease-in-out } .cbp-animation-slideLeft-out { -webkit-animation:cbp-animation-slideLeft-out .9s both ease; -moz-animation:cbp-animation-slideLeft-out .9s both ease; animation:cbp-animation-slideLeft-out .9s both ease } .cbp-animation-slideLeft-in { -webkit-animation:cbp-animation-slideLeft-in .9s both ease; -moz-animation:cbp-animation-slideLeft-in .9s both ease; 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% { opacity:.75; -moz-transform:scale(.8) } 100%, 75% { opacity:.75; -moz-transform:scale(.8) translateX(-200%) } } @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:sclale(0) translateX(0) } } @-moz-keyframes cbp-animation-slideLeft-in { 0%, 25% { opacity:.75; -moz-transform:scale(.8) translateX(200%) } 75% { opacity:.75; -moz-transform:scale(.8) } 100% { opacity:1; -moz-transform:sclale(0) translateX(0) } } @keyframes cbp-animation-slideLeft-in { 0%, 25% { opacity:.75; transform:scale(.8) translateX(200%) } 75% { opacity:.75; transform:scale(.8) } 100% { opacity:1; transform:sclale(0) translateX(0) } } .cbp-animation-fadeOutTop { overflow:visible; -webkit-transition:height .2s ease-in-out; -moz-transition:height .2s ease-in-out; -o-transition:height .2s ease-in-out; transition:height .2s ease-in-out } .cbp-animation-fadeOutTop .cbp-wrapper { -webkit-transition:opacity .3s ease-in-out, top .3s ease-in-out; -moz-transition:opacity .3s ease-in-out, top .3s ease-in-out; -o-transition:opacity .3s ease-in-out, top .3s ease-in-out; transition:opacity .3s ease-in-out, top .3s ease-in-out } .cbp-animation-fadeOutTop .cbp-item { -webkit-transition:-webkit-transform .6s ease-in-out; -moz-transition:-moz-transform .6s ease-in-out; -o-transition:-o-transform .6s ease-in-out; transition:transform .6s ease-in-out } .cbp-animation-sequentially { overflow:visible; -webkit-transition:height .2s ease-in-out; -moz-transition:height .2s ease-in-out; -o-transition:height .2s ease-in-out; transition:height .2s ease-in-out } .cbp-animation-sequentially .cbp-item { -webkit-transition:-webkit-transform .6s ease-in-out; -moz-transition:-moz-transform .6s ease-in-out; -o-transition:-o-transform .6s ease-in-out; transition:transform .6s ease-in-out } .cbp-animation-sequentially.cbp-no-transition .cbp-item { -webkit-transition:opacity .5s ease, top .5s ease!important; -moz-transition:opacity .5s ease, top .5s ease!important; -o-transition:opacity .5s ease, top .5s ease!important; transition:opacity .5s ease, top .5s ease!important } .cbp-popup-ie8bg { position:absolute; width:100%; height:100%; min-height:100%; top:0; left:0; z-index:-1; background:#000; -ms-filter:"alpha(Opacity=70)" } .cbp-popup-wrap { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:100%; text-align:center; position:fixed; width:100%; left:0; top:0; display:none; overflow:auto; z-index:9999; padding:0 10px } .cbp-popup-lightbox { background:rgba(0, 0, 0, .8) } .cbp-popup-singlePage { background:#fff; padding:0 } .cbp-popup-singlePage .cbp-popup-ie8bg { background:#fff; -ms-filter:"alpha(Opacity=100)" } .cbp-popup-wrap:before { content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em } .cbp-popup-content { position:relative; display:inline-block; vertical-align:middle; text-align:left; max-width:100% } .cbp-popup-singlePage .cbp-popup-content { margin-top:140px; max-width:1024px; vertical-align:top; width:96% } .cbp-popup-lightbox-figure { position:relative } .cbp-popup-lightbox-bottom { left:0; position:absolute; top:100%; width:100%; margin-top:3px } .cbp-popup-lightbox-title { padding-right:70px; font:400 12px/18px sans-serif; color:#eee } .cbp-popup-lightbox-counter { position:absolute; top:0; right:0; font:400 12px/18px sans-serif; color:#eee } .cbp-popup-lightbox-img { width:auto; max-width:100%; height:auto; display:block; margin:40px 0; box-shadow:0 0 8px rgba(0, 0, 0, .6) } .cbp-popup-lightbox-img[data-action] { cursor:pointer } .cbp-popup-lightbox-isIframe .cbp-popup-content { width:50% } .cbp-popup-lightbox-isIframe .cbp-lightbox-bottom { left:0; position:absolute; top:100%; width:100%; margin-top:3px } .cbp-popup-lightbox-iframe { position:relative; height:0; padding-bottom:56.25%; background:#000 } .cbp-popup-lightbox-iframe iframe { position:absolute; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0, 0, 0, .6) } .cbp-popup-singlePage { overflow-x:hidden } .cbp-popup-singlePage .cbp-popup-navigation-wrap { position:absolute; top:0; left:0; width:100%; z-index:2; height:104px; background-color:#34425C } .cbp-popup-singlePage .cbp-popup-navigation { position:absolute; top:0; left:0; width:100% } .cbp-popup-singlePage-sticky .cbp-popup-navigation, .cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap { position:fixed } .cbp-popup-singlePage-counter { color:#bbc0df; font:italic 14px/104px 'Open Sans', sans-serif; position:absolute; right:50px; top:0 } .cbp-popup-close, .cbp-popup-next, .cbp-popup-prev { padding:0; border:medium none; position:absolute; cursor:pointer } .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) no-repeat scroll -2px -2px transparent; width:44px; height:44px; top:0; bottom:0; left:20px; margin:auto } .cbp-popup-lightbox .cbp-popup-prev:hover { background-position:-2px -48px } .cbp-popup-singlePage .cbp-popup-prev { background:url(cbp-sprite.png) no-repeat scroll -2px -94px transparent; width:44px; height:44px; top:30px; left:0; margin:auto; right:108px } .cbp-popup-singlePage .cbp-popup-prev:hover { background-position:-2px -140px } .cbp-popup-lightbox .cbp-popup-next { background:url(cbp-sprite.png) no-repeat scroll -48px -2px transparent; width:44px; height:44px; top:0; bottom:0; right:20px; margin:auto } .cbp-popup-lightbox .cbp-popup-next:hover { background-position:-48px -48px } .cbp-popup-singlePage .cbp-popup-next { background:url(cbp-sprite.png) no-repeat scroll -48px -94px transparent; width:44px; height:44px; top:30px; right:0; margin:auto; left:108px } .cbp-popup-singlePage .cbp-popup-next:hover { background-position:-48px -140px } .cbp-popup-lightbox .cbp-popup-close { background:url(cbp-sprite.png) no-repeat scroll -94px -2px transparent; height:40px; width:40px; right:20px; top:20px } .cbp-popup-lightbox .cbp-popup-close:hover { background-position:-94px -48px } .cbp-popup-singlePage .cbp-popup-close { background:url(cbp-sprite.png) no-repeat scroll -94px -94px transparent; height:44px; width:44px; margin:auto; right:0; top:30px; left:0 } .cbp-popup-singlePage .cbp-popup-close:hover { background-position:-94px -140px } .cbp-popup-loadingBox { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; z-index:2; background:url(cbp-loading-popup.gif) no-repeat scroll center center #0D0D0D; border:1px solid rgba(79, 80, 79, .3); border-radius:3px; -ms-filter:"alpha(Opacity=71)"; opacity:.71; width:50px; height:50px } .cbp-popup-ready .cbp-popup-loadingBox { visibility:hidden } .cbp-popup-loading .cbp-popup-loadingBox { visibility:visible } .cbp-popup-singlePage { left:100%; -webkit-transition:left .6s ease-in-out; -moz-transition:left .6s ease-in-out; -o-transition:left .6s ease-in-out; transition:left .6s ease-in-out } .cbp-popup-singlePage-open { left:0 } .cbp-popup-singlePage .cbp-l-project-title { color:#454444; font:700 42px/60px 'Open sans', sans-serif; letter-spacing:2px; margin-bottom:10px; text-align:center; text-transform:uppercase } .cbp-popup-singlePage .cbp-l-project-subtitle { color:#787878; font:300 14px/21px 'Open sans', 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-popup-singlePage .cbp-l-project-container { overflow:hidden; margin:0 auto } .cbp-popup-singlePage .cbp-l-project-desc { float:left; width:64%; margin:30px 0 100px } .cbp-popup-singlePage .cbp-l-project-details { float:right; width:36%; margin:30px 0 100px } .cbp-popup-singlePage .cbp-l-project-desc-title { margin-right:20px; border-bottom:1px solid #cdcdcd; margin-bottom:22px; color:#444 } .cbp-popup-singlePage .cbp-l-project-desc-title span, .cbp-popup-singlePage .cbp-l-project-details-title span { border-bottom:1px solid #747474; display:inline-block; margin:0 0 -1px 0; font:400 16px/36px "Open Sans", sans-serif; padding:0 5px 0 0 } .cbp-popup-singlePage .cbp-l-project-desc-text { margin-right:20px; font:400 13px/20px "Open Sans", sans-serif; color:#555 } .cbp-popup-singlePage .cbp-l-project-details-title { border-bottom:1px solid #cdcdcd; margin-bottom:19px; margin-left:20px; color:#444 } .cbp-popup-singlePage .cbp-l-project-details-list { margin-left:20px } .cbp-popup-singlePage .cbp-l-project-details-list li { border-bottom:1px dotted #DFDFDF; padding:inherit; color:#666; font:400 12px/30px "Open Sans", sans-serif } .cbp-popup-singlePage .cbp-l-project-details-list strong { display:inline-block; color:#696969; font:600 12px "Open Sans", sans-serif; min-width:100px } .cbp-popup-singlePage .cbp-l-project-details-visit { color:#FFF; float:right; text-decoration:none; font:400 11px/18px "Open Sans", sans-serif; margin-top:12px; text-transform:uppercase; background-color:#34425C; padding:6px 12px } .cbp-popup-singlePage .cbp-l-project-details-visit:hover { color:#AFBBDB } .cbp-popup-singlePage .cbp-l-member-img { float:left; margin-right:20px; margin-top:20px; border:1px solid #e2e2e2 } .cbp-popup-singlePage .cbp-l-member-img img { display:block } .cbp-popup-singlePage .cbp-l-member-info { margin-top:20px } .cbp-popup-singlePage .cbp-l-member-name { font:700 16px/12px "Open Sans", sans-serif; margin-bottom:6px } .cbp-popup-singlePage .cbp-l-member-position { font:400 13px "Open Sans", sans-serif } .cbp-popup-singlePage .cbp-l-member-desc { font:400 12px "Open Sans", sans-serif; margin-top:15px } .cbp-l-filters-button { margin:0 auto 30px; text-align:left } .cbp-l-filters-button .cbp-filter-item { background-color:#FFF; border:2px solid #ECECEC; border-radius:2px; color:#888; cursor:pointer; font:400 12px/29px "Open Sans", sans-serif; margin:10px 10px 0 0; overflow:visible; padding:0 17px; position:relative; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out } .cbp-l-filters-button .cbp-filter-item:hover { color:#5d5d5d } .cbp-l-filters-button .cbp-filter-item-active { background-color:#5d5d5d; color:#fff!important; border-color:#5d5d5d } .cbp-l-filters-button .cbp-filter-counter { background-color:#19a3eb; border-radius:3px; color:#fff; font:400 11px/18px "Open Sans", sans-serif; margin:0 auto; padding:4px 0; text-align:center; width:34px; position:absolute; bottom:0; left:0; right:0; -ms-filter:"alpha(Opacity=0)"; opacity:0; -webkit-transition:opacity .25s ease, bottom .25s ease; -moz-transition:opacity .25s ease, bottom .25s ease; -o-transition:opacity .25s ease, bottom .25s ease; transition:opacity .25s ease, bottom .25s ease } .cbp-l-filters-button .cbp-filter-counter:before { content:""; position:absolute; bottom:-4px; left:0; right:0; margin:0 auto; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #19a3eb; visibility:hidden } .cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter:before { visibility:visible } .cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter { bottom:44px; -ms-filter:"alpha(Opacity=100)"; opacity:1 } .cbp-l-filters-dropdown { margin:0 auto; height:70px; position:relative; z-index:10 } .cbp-l-filters-dropdownWrap { width:200px; position:absolute; right:0; background:#19a3eb } .cbp-l-filters-dropdownHeader { font:12px/38px "Open Sans", sans-serif; padding:0 17px; color:#FFF; cursor:pointer; position:relative } .cbp-l-filters-dropdownHeader:after { border-color:#FFF rgba(0, 0, 0, 0); border-style:solid; border-width:5px 5px 0; content:""; height:0; position:absolute; right:16px; top:50%; width:0; margin-top:-1px } .cbp-l-filters-dropdownWrap:hover .cbp-l-filters-dropdownHeader:after { border-width:0 5px 5px } .cbp-l-filters-dropdownList { display:none; list-style:none outside none; margin:0; padding:0 } .cbp-l-filters-dropdownWrap:hover .cbp-l-filters-dropdownList { display:block } .cbp-l-filters-dropdownList .cbp-filter-item { background:0 0; color:#9FBCE7; width:100%; text-align:left; font:12px/40px "Open Sans", sans-serif; margin:0; padding:0 17px; cursor:pointer; border:0; border-top:1px solid #5592C2 } .cbp-l-filters-dropdownList .cbp-filter-item-active, .cbp-l-filters-dropdownList .cbp-filter-item:hover { color:#e6e6e6 } .cbp-l-filters-alignLeft { margin:0 auto 40px; text-align:left } .cbp-l-filters-alignLeft .cbp-filter-item { background-color:#fff; border:1px solid #cdcdcd; cursor:pointer; font:400 12px/30px "Open Sans", sans-serif; padding:0 13px; position:relative; overflow:visible; margin:10px 8px 0 0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; color:#888 } .cbp-l-filters-alignLeft .cbp-filter-item:hover { color:#3c3c3c } .cbp-l-filters-alignLeft .cbp-filter-item-active { background-color:#fc4242; color:#fff!important; opacity:1; border:1px solid #fc4242 } .cbp-l-filters-alignLeft .cbp-filter-counter { display:inline } .cbp-l-filters-alignCenter { margin:0 auto 50px; text-align:center; font-size:12px; color:#cacaca; text-transform: uppercase; border: 1px solid #e3e3e3; width: 35%; border-radius: 40px; } .cbp-l-filters-alignCenter .cbp-filter-item { color:#5A5A5A; cursor:pointer; font:400 16px "Raleway", sans-serif; padding:11px 19px; transition:all .3s ease-in-out; position:relative; overflow:visible; margin:0px 0 0; border:medium none; background-color:transparent; } .cbp-l-filters-alignCenter .cbp-filter-item:hover { color:#fc4242; } .cbp-l-filters-alignCenter .cbp-filter-item-active { color:#fff!important; background-color: #fc4242; } .cbp-l-filters-alignCenter .cbp-filter-counter { background:none repeat scroll 0 0 #19a3eb; border-radius:3px; color:#FFF; font-size:11px; margin:0 auto; padding:4px 0; text-align:center; width:34px; position:absolute; bottom:0; left:0; right:0; -ms-filter:"alpha(Opacity=0)"; opacity:0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease } .cbp-l-filters-alignCenter .cbp-filter-counter:before { content:""; position:absolute; bottom:-4px; left:0; right:0; margin:0 auto; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #19a3eb; visibility:hidden } .cbp-l-filters-alignCenter button:hover .cbp-filter-counter:before { visibility:visible } .cbp-l-filters-alignCenter button:hover .cbp-filter-counter { bottom:30px; -ms-filter:"alpha(Opacity=100)"; opacity:1 } .cbp-l-filters-alignRight { margin:0 auto 40px; text-align:right } .cbp-l-filters-alignRight .cbp-filter-item { background-color:transparent; color:#8B8B8B; cursor:pointer; font:400 11px "Open Sans", sans-serif; padding:7px 12px; position:relative; overflow:visible; margin:10px 0 0 5px; border:1px solid #E4E2E2; text-transform:uppercase; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out } .cbp-l-filters-alignRight .cbp-filter-item:hover { color:#2B3444 } .cbp-l-filters-alignRight .cbp-filter-item-active { opacity:1; color:#FFF!important; background-color:#3C3C3C; border-color:#3C3C3C } .cbp-l-filters-alignRight .cbp-filter-counter { background:none repeat scroll 0 0 #19a3eb; border-radius:3px; color:#fff; font-size:11px; margin:0 auto; padding:4px 0; text-align:center; width:34px; position:absolute; bottom:0; left:0; right:0; -ms-filter:"alpha(Opacity=0)"; opacity:0; -webkit-transition:opacity .25s ease, bottom .25s ease; -moz-transition:opacity .25s ease, bottom .25s ease; -o-transition:opacity .25s ease, bottom .25s ease; transition:opacity .25s ease, bottom .25s ease } .cbp-l-filters-alignRight .cbp-filter-counter:before { content:""; position:absolute; bottom:-4px; left:0; right:0; margin:0 auto; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #19a3eb; visibility:hidden } .cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter:before { visibility:visible } .cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter { bottom:44px; -ms-filter:"alpha(Opacity=100)"; opacity:1 } .cbp-l-filters-list { margin:0 auto 40px; height:46px } .cbp-l-filters-list .cbp-filter-item { background-color:transparent; color:#585252; cursor:pointer; font:400 12px/35px "Open Sans", sans-serif; padding:0 18px; position:relative; overflow:visible; margin:10px 0 0; float:left; border-width:1px 0 1px 1px; border-style:solid; border-color:#19a3eb; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out } .cbp-l-filters-list .cbp-filter-item:hover { color:#000 } .cbp-l-filters-list .cbp-filter-item-active { opacity:1; color:#FFF!important; background-color:#19a3eb } .cbp-l-filters-list-first { border-radius:6px 0 0 6px } .cbp-l-filters-list-last { border-radius:0 6px 6px 0; border-right-width:1px!important } .cbp-l-filters-list .cbp-filter-counter { display:inline } .cbp-l-grid-projects { visibility:hidden } .cbp-l-grid-projects .cbp-item { width:380px; height:330px } .cbp-l-grid-projects.four .cbp-item { width:270px; height:270px } .cbp-l-grid-projects.two .cbp-item { width:570px; height:400px } .cbp-l-grid-projects.two .cbp-caption { height:80%; margin-bottom:0px } .cbp-l-grid-projects .cbp-caption { height:56%; margin-bottom:0px } .cbp-l-grid-projects-title { font: normal 14px sans-serif; color:#272727; text-transform: uppercase; text-align: center; font-size: 18px; font-weight: bold; } .threeborder { padding: 18px 0px; border: 1px solid #e3e3e3; border-top: none; } .cbp-l-grid-projects-desc { font:400 14px sans-serif; margin-top:6px; color:#727272; text-align: center; font-size: 14px; } .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 { visibility:hidden } .cbp-l-grid-gallery .cbp-item { width:320px; height:236px } .cbp-l-grid-team { visibility:hidden } .cbp-l-grid-team .cbp-item { width:290px; height:270px } .cbp-l-grid-team .cbp-caption { height:73%; margin-bottom:20px; border:1px solid #E7E7E7 } .cbp-l-grid-team-name { font:400 17px "Open Sans", sans-serif; color:#456297; text-decoration:none; display:block; text-align:center; margin-bottom:3px } .cbp-l-grid-team-name:hover { color:#34425C } .cbp-l-grid-team-position { font:italic 400 13px "Open Sans", sans-serif; color:#888; text-align:center } @media only screen and (max-width:799px) { .cbp-l-grid-team-desc { font:400 11px/14px "Open Sans", sans-serif; margin-top:5px } } .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 { visibility:hidden } .cbp-l-grid-fullScreen .cbp-item { width:370px; height:240px } .cbp-l-grid-fullScreen.sidebar .cbp-item { width:292px; height:240px } .cbp-l-grid-masonry { visibility:hidden } .cbp-l-grid-masonry .cbp-item { width:277px } .cbp-l-grid-masonry .cbp-l-grid-masonry-height1 { height:267px } .cbp-l-grid-masonry .cbp-l-grid-masonry-height2 { height:415px } .cbp-l-grid-blog { visibility:hidden } .cbp-l-grid-blog .cbp-item { width:313px; height:330px } .cbp-l-grid-blog .cbp-caption { height:58%; margin-bottom:20px } .cbp-l-grid-blog-title { font:400 18px/28px "Open Sans", sans-serif; color:#444; display:block; clear:both; text-decoration:none } .cbp-l-grid-blog-title:hover { color:#787878 } .cbp-l-grid-blog-date { font:400 12px/18px "Open Sans", sans-serif; float:left; color:#787878 } .cbp-l-grid-blog-comments { font:400 12px/18px "Open Sans", sans-serif; float:left; color:#3C6FBB; text-decoration:none } .cbp-l-grid-blog-comments:hover { opacity:.8 } .cbp-l-grid-blog-desc { font:400 13px/19px "Open Sans", sans-serif; clear:both; color:#9B9B9B; padding-top:15px } .cbp-l-grid-blog-split { float:left; margin:0 8px; font:13px/16px "Open Sans", sans-serif; color:#787878 } .cbp-l-loadMore-button { text-align:center; margin-top:30px } .cbp-l-loadMore-button-link { border:2px solid #DEDEDE; border-radius:2px; color:#7E7B7B; display:inline-block; font:11px/34px "Open Sans", sans-serif; min-width:120px; text-decoration:none } .cbp-l-loadMore-button-link:hover { color:#B0B0B0 } .cbp-l-loadMore-button-stop { cursor:default; color:#B0B0B0 } .cbp-l-loadMore-text { text-align:center; margin-top:30px } .cbp-l-loadMore-text-link { font:400 16px "Open Sans", sans-serif; color:#5D5D5D; text-decoration:none; cursor:default } .cbp-l-loadMore-text-stop { color:#5D5D5D } .cbp-caption-defaultWrap img { width: 100%; } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .cbp-l-filters-alignCenter { width: 55%; } .cbp-l-grid-fullScreen.sidebar .cbp-item .margin_top7 { margin-top: 50px; } .cbp-l-grid-fullScreen.sidebar .cbp-item { width:245px; height: 200px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ .cbp-l-filters-alignCenter { width: 70%; } .cbp-l-grid-fullScreen.sidebar .cbp-item .margin_top7 { margin-top: 20px; } .cbp-l-grid-fullScreen.sidebar .cbp-item { width:200px; height: 140px; } } @media only screen and (min-width: 480px) and (max-width: 767px){ .cbp-l-filters-alignCenter { width: 80%; border-radius: 10px; } .cbp-l-filters-alignCenter .cbp-filter-item { margin-top: 5px; margin-bottom: 5px; border-radius: 4px; padding: 5px 10px; } .cbp-l-grid-fullScreen.sidebar .cbp-item { width:460px; height: 240px; } } @media only screen and (max-width: 479px){ .cbp-l-filters-alignCenter { width: 90%; border-radius: 10px; } .cbp-l-filters-alignCenter .cbp-filter-item { margin-top: 5px; margin-bottom: 5px; border-radius: 4px; padding: 9px 19px; } }