Your IP : 216.73.216.158
@charset "utf-8";
/* ---------------------------------------------------------------
Default style for plugin. Please change them carefully!
--------------------------------------------------------------- */
.cbp, .cbp-wrapper, .cbp-item { filter: inherit; /* ie8 bug on fadeOut*/ }
.cbp {
position: relative;
overflow: hidden;
margin: 0 auto;
height: 400px;
visibility: visible !important;
}
.cbp-wrapper, .cbp .cbp-item {
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; /* default width for blocks */
height: 200px; /* default height for blocks */
}
.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 {
/*overflow: visible;*/
-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 {
/* @editable properties */
background: url('../img/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; }
/* general caption style */
.cbp-caption,
.cbp-caption-defaultWrap,
.cbp-caption-activeWrap {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
display: block;
text-decoration: none;
}
.cbp-caption-defaultWrap, .cbp-caption-activeWrap { position: absolute; z-index: 1; }
.cbp-caption-activeWrap { z-index: 2; }
/* ---------------------------------------------------------------
TEAM GRID
--------------------------------------------------------------- */
.cbp-l-grid-team { visibility: hidden; }
/* set width and height for items */
.cbp-l-grid-team .cbp-item {
width: 300px;
height: 300px;
}
/* adjust the caption height and add some margin-bottom*/
.cbp-l-grid-team .cbp-caption {
height: 73%;
margin-bottom: 20px;
}
.cbp-l-grid-team-name {
font: 400 17px "Raleway", sans-serif;
text-decoration: none;
display: block;
text-align: center;
margin-bottom: 3px;
}
.cbp-l-grid-team-position {
font: 400 11px "Raleway", sans-serif!important;
color: #555;text-transform:uppercase;
text-align: center;letter-spacing:1px;
}
/* ---------------------------------------------------------------
WORK PROJECTS GRID
--------------------------------------------------------------- */
.cbp-l-grid-projects { visibility: hidden; }
/* set width and height for items */
.cbp-l-grid-projects .cbp-item {
width: 300px;
height:300px;
}
/* adjust the caption height and add some margin-bottom*/
.cbp-l-grid-projects .cbp-caption {
height:74%;
margin-bottom: 20px;
}
.cbp-l-grid-projects-inlineFilters { cursor: pointer; }
.cbp-l-grid-projects-inlineFilters:hover { text-decoration: underline; }
/* ---------------------------------------------------------------
load more button
--------------------------------------------------------------- */
.cbp-l-loadMore-button { text-align: center; margin-top: 0px; }
.cbp-l-loadMore-button-link {
color: #7E7B7B;
display: inline-block;
font: 20px/34px "Raleway", sans-serif;
text-decoration: none;
}
.load{ color: #d3d4d5; font-size: 100px!important; }
.load:hover { color: #222; }
.cbp-l-loadMore-button-link:hover, .cbp-l-loadMore-button-link:focus { color: #B0B0B0; }
.cbp-l-loadMore-button-stop { cursor: default; color: #7E7B7B; }
/* ---------------------------------------------------------------
HOVER CAPTIONS ( TEAM - VIEW PROFILE + WORK - VIEW BUTTONS
--------------------------------------------------------------- */
.cbp-l-caption-title {
color: #fff;
font: 700 16px/18px sans-serif;
margin-bottom: 5px;
}
.cbp-l-caption-desc { color: #777; font: 400 12px/16px sans-serif; }
.cbp-l-caption-text { font: 400 14px "Raleway", sans-serif; color: #fff; letter-spacing: 3px; }
.cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {
background-color: #2E3138;
color: #fff;
display: inline-block;
font: 20px/50px "Raleway",sans-serif;
text-align: center;
text-decoration: none;
width: 50px;
height:50px;
border-radius:100px;
margin: 4px;
}
.cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover {
-moz-transition: all 0.3s ease-in-out!important;
-o-transition: all 0.3s ease-in-out!important;
-ms-transition: all 0.3s ease-in-out!important;
transition: all 0.3s ease-in-out!important;
}
/* ---------------------------------------------------------------
WORK - FILTERS
--------------------------------------------------------------- */
.cbp-l-filters-button { margin: 0 auto 30px; text-align: left; }
.cbp-l-filters-button .cbp-filter-item {
background-color:#2E3138;
border:0px none;
border-radius: 2px;
color: #fff;
cursor: pointer;
font: 400 12px/29px "Lto", 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: #fff; }
.cbp-l-filters-button .cbp-filter-counter {
font: 400 11px/18px "Raleway", sans-serif;
margin: 0 auto;
padding: 4px 0;
text-align: center;
border-radius: 3px;
width: 34px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.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;
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: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
/* ---------------------------------------------------------------
BLOG GRID
--------------------------------------------------------------- */
.cbp-l-grid-blog { visibility: hidden; }
/* set width and height for items */
.cbp-l-grid-blog .cbp-item {
width: 300px;
height: 300px;
}
/* adjust the caption height and add some margin-bottom*/
.cbp-l-grid-blog .cbp-caption {
height: 73%;
margin-bottom: 10px;
}
.cbp-l-grid-blog-title {
font: 400 14px/28px "Raleway", sans-serif;
color: #444;
display: block;
clear: both;
text-decoration: none;
}
.cbp-l-grid-blog-date, .cbp-l-grid-blog-comments { font: 400 12px/18px "Lato", sans-serif; float: left; }
.cbp-l-grid-blog-split {
float: left;
margin: 0px 8px;
font: 13px/16px "Lato", sans-serif;
color: #bbb;
}
/* ---------------------------------------------------------------
SINGLE PAGE - NAVIGATION BUTTONS
--------------------------------------------------------------- */
.cbp-popup-singlePage .cbp-popup-prev,
.cbp-popup-singlePage .cbp-popup-next,
.cbp-popup-singlePage .cbp-popup-close{
font-family: 'FontAwesome';
speak: none;
font-size: 50px;
line-height: 40px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased;
color: #eee;opacity:0.4;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
transition:all .3s;
background:transparent!important;
}
.cbp-popup-singlePage .cbp-popup-close:before { content: "\f057"; }
.cbp-popup-singlePage .cbp-popup-next:before { content: "\f18e"; }
.cbp-popup-singlePage .cbp-popup-prev:before { content: "\f190"; }
.cbp-popup-singlePage .cbp-popup-prev:hover,
.cbp-popup-singlePage .cbp-popup-next:hover,
.cbp-popup-singlePage .cbp-popup-close:hover{
opacity:0.8;
}
/* ---------------------------------------------------------------
SINGLE PAGE - PAGE COUNTER
--------------------------------------------------------------- */
.cbp-popup-singlePage-counter {
color: #bbb!important;
font: 14px/104px 'Lato',sans-serif;
position: absolute;
right: 50px;
top: 0;
}
/* ---------------------------------------------------------------
SINGLE PAGE - PROJECT DETAILS LIST
--------------------------------------------------------------- */
.cbp-l-project-details-title {
border-bottom: 1px solid #cdcdcd;
margin-bottom: 19px;
margin-left: 20px;
color: #444;
}
.cbp-l-project-details-list { margin-left: -40px; }
.cbp-l-project-details-list li {
border-bottom: 1px dotted #DFDFDF;
padding: 12px 0;
color: #777;display: block;
font: 400 16px/26px "Lato", sans-serif;
list-style-type:none;
}
.cbp-l-project-details-list strong {
display: inline-block;
color: #555;
font: 16px/26px "Lato", sans-serif;
min-width: 90px;
margin-left:-40px;
}
/* ---------------------------------------------------------------
SINGLE PAGE - BG COLOUR
--------------------------------------------------------------- */
.cbp-popup-singlePage { background:#f0f0f0; padding: 0; }
/* ---------------------------------------------------------------
SINGLE PAGE - NAV BAR
--------------------------------------------------------------- */
.cbp-popup-singlePage .cbp-popup-navigation-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 2;
height: 104px;
background-color: #2E3138;
}
/* ---------------------------------------------------------------
NO NEED TO EDIT BELOW
--------------------------------------------------------------- */
/* ---------------------------------------------------------------
POPUP.
--------------------------------------------------------------- */
.cbp-popup-ie8bg {
position: absolute;
width: 100%;
height: 100%;
min-height: 100%;
top: 0;
left: 0;
z-index: -1;
background:#000;
-ms-filter: "progid:DXImageTransform.Microsoft.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-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 40px;
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%; /* 16/9 ratio */
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);
}
/* NAVIGATION BUTTONS */ .cbp-popup-singlePage { overflow-x: hidden; }
.cbp-popup-singlePage .cbp-popup-navigation { position: absolute; top: 0; left: 0; width: 100%; }
.cbp-popup-singlePage-sticky .cbp-popup-navigation { position: fixed; }
.cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap { position: fixed; }
.cbp-popup-next, .cbp-popup-prev, .cbp-popup-close {
padding: 0;
border: medium none;
position: absolute;
cursor: pointer;
}
.cbp-popup-lightbox .cbp-popup-prev, .cbp-popup-lightbox .cbp-popup-next, .cbp-popup-lightbox .cbp-popup-close {
visibility: hidden;
}
/* NAVIGATION BUTTONS */
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next,
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev,
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close {
visibility: visible;
}
/* PREVIOUS BUTTON LIGHBOX */
.cbp-popup-lightbox .cbp-popup-prev {
/* @editable properties */
background: url("../img/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; }
/* PREVIOUS BUTTON SINGLEPAGE */
.cbp-popup-singlePage .cbp-popup-prev {
width: 44px;
height: 44px;
top: 30px;
left: 0;
margin: auto;
right: 108px;
}
/* NEXT BUTTON LIGHTBOX */
.cbp-popup-lightbox .cbp-popup-next {
background: url("../img/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; }
/* NEXT BUTTON SINGLEPAGE */
.cbp-popup-singlePage .cbp-popup-next {
width: 44px;
height: 44px;
top: 30px;
right: 0;
margin: auto;
left: 108px;
}
/* CLOSE BUTTON LIGTHBOX */
.cbp-popup-lightbox .cbp-popup-close {
/* @editable properties */
background: url("../img/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; }
/* CLOSE BUTTON SINGLEPAGE */
.cbp-popup-singlePage .cbp-popup-close {
height: 44px;
width: 44px;
margin: auto;
right: 0;
top: 30px;
left: 0;
}
.cbp-popup-loadingBox {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2;
background: url("../img/cbp-loading-popup.gif") no-repeat scroll center center #0D0D0D;
border: 1px solid rgba(79, 80, 79, .3);
border-radius: 3px 3px 3px 3px;
-ms-filter: "progid:DXImageTransform.Microsoft.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; }
/* ---------------------------------------------------------------
CSS3 ANIMATIONS.
--------------------------------------------------------------- */
/* ---------------------------------------------------------------
caption layout center vertically and horizontally
--------------------------------------------------------------- */
.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;
/* @editable properties */
-webkit-transition: left .4s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: left .4s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: left .4s cubic-bezier(.190, 1.000, .220, 1.000);
transition: left .4s cubic-bezier(.190, 1.000, .220, 1.000);
}
/* ---------------------------------------------------------------
pushTop caption
--------------------------------------------------------------- */
.cbp-caption-pushTop .cbp-caption-defaultWrap,
.cbp-caption-pushTop .cbp-caption-activeWrap {
bottom: 0;
/*@editable properties */
-webkit-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-pushTop .cbp-caption-activeWrap {
bottom: -100%;
/* @editable properties */
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 {
bottom: 0;
}
/* for legacy browsers: ie8 and ie9 */
.cbp-caption-pushTop.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
.cbp-caption-pushTop.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
bottom: 0;
}
/* for legacy browsers: ie8 and ie9 */
.cbp-caption-pushTop.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
.cbp-caption-pushTop.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
bottom: -100%;
}
/* ---------------------------------------------------------------
zoom caption
--------------------------------------------------------------- */
.cbp-caption-zoom .cbp-caption-defaultWrap {
width: 100%;
height: 100%;
overflow: hidden;
/* @editable properties */
-webkit-transition: -webkit-transform .6s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: -moz-transform .6s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: -o-transform .6s cubic-bezier(.190, 1.000, .220, 1.000);
transition: transform .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
/* @editable properties */
-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;
/* @editable properties */
background-color: rgba(0, 0, 0, .9);
-webkit-transition: opacity .8s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: opacity .8s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: opacity .8s cubic-bezier(.190, 1.000, .220, 1.000);
transition: opacity .8s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-zoom.cbp-ie8 .cbp-caption-activeWrap {
/* @editable properties */
background-color: rgb(0, 0, 0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap {
/* @editable properties */
opacity: 1;
}
.cbp-caption-zoom.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
/* @editable properties */
opacity: 0;
}
/* ---------------------------------------------------------------
Animation options for `flipOut` filter.
--------------------------------------------------------------- */
.cbp-animation-flipOut {
/* @editable properties */
-webkit-transition: height .7s ease-in-out;
-moz-transition: height .7s ease-in-out;
-o-transition: height .7s ease-in-out;
transition: height .7s ease-in-out;
}
.cbp-animation-flipOut .cbp-item {
/* @editable properties */
-webkit-transition: -webkit-transform .7s ease-in-out;
-moz-transition: -moz-transform .7s ease-in-out;
-o-transition: -o-transform .7s ease-in-out;
transition: transform .7s ease-in-out;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-flipOut-out {
-webkit-transform-origin: 50% 50%;
-webkit-animation: flipOut-out .35s ease-in both;
-moz-transform-origin: 50% 50%;
-moz-animation: flipOut-out .35s ease-in both;
transform-origin: 50% 50%;
animation: flipOut-out .35s ease-in both;
}
.cbp-animation-flipOut-in {
-webkit-transform-origin: 50% 50%;
-webkit-animation: flipOut-in .35s ease-out .35s both;
-moz-transform-origin: 50% 50%;
-moz-animation: flipOut-in .35s ease-out .35s both;
transform-origin: 50% 50%;
animation: flipOut-in .35s ease-out .35s both;
}
/* out */
/* @editable properties */
@-webkit-keyframes flipOut-out {
100% { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@-moz-keyframes flipOut-out {
100% { -moz-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipOut-out {
100% { transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
/* in */
/* @editable properties */
@-webkit-keyframes flipOut-in {
0% { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@-moz-keyframes flipOut-in {
0% { -moz-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@keyframes flipOut-in {
0% { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
/* ---------------------------------------------------------------
Animation options for `sequentially` filter.
--------------------------------------------------------------- */
.cbp-animation-sequentially {
overflow: visible;
/* @editable properties */
-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 {
/* @editable properties */
-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 {
/* @editable properties */
-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;
}