����JFIF���������
1#@!#!123s
D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
var
/
www
/
martstudios__usr
/
data
/
www
/
martstudios.in
/
assets
/
css
/
Filename :
cubeportfolio.css
back
Copy
/*! * Cube Portfolio - Responsive jQuery Grid Plugin * * version: 3.2.1 (14 October, 2015) * require: jQuery v1.7+ * * Copyright 2013-2015, Mihai Buricea (http://scriptpie.com/cubeportfolio/live-preview/) * Licensed under CodeCanyon License (http://codecanyon.net/licenses) * */ .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-buttonCenter, .cbp-l-filters-buttonCenter *, .cbp-l-filters-dropdown, .cbp-l-filters-dropdown *, .cbp-l-filters-list, .cbp-l-filters-list *, .cbp-l-filters-work, .cbp-l-filters-work *, .cbp-l-filters-big, .cbp-l-filters-big *, .cbp-l-filters-text, .cbp-l-filters-text *, .cbp-l-filters-underline, .cbp-l-filters-underline *, .cbp-popup-wrap, .cbp-popup-wrap *, .cbp-popup-singlePage, .cbp-popup-singlePage *, .cbp-search, .cbp-search *, .cbp-search :after, .cbp-search :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cbp-l-grid-agency-title, .cbp-l-grid-agency-desc, .cbp-l-grid-work-title, .cbp-l-grid-work-desc, .cbp-l-grid-blog-title, .cbp-l-grid-projects-title, .cbp-l-grid-projects-desc, .cbp-l-grid-masonry-projects-title, .cbp-l-grid-masonry-projects-desc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .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-buttonCenter, .cbp-l-filters-buttonCenter *, .cbp-l-filters-dropdown, .cbp-l-filters-dropdown *, .cbp-l-filters-list, .cbp-l-filters-list *, .cbp-l-filters-work, .cbp-l-filters-work *, .cbp-l-filters-big, .cbp-l-filters-big *, .cbp-l-filters-text, .cbp-l-filters-text *, .cbp-l-filters-underline, .cbp-l-filters-underline * { -webkit-tap-highlight-color: transparent; } /* --------------------------------------------------------------- Default style for plugin. Please change them carefully! --------------------------------------------------------------- */ .cbp-item { display: inline-block; margin: 0 10px 20px 0; } .cbp { position: relative; margin: 0 auto; z-index: 1; /* @editable properties */ height: 400px; } .cbp:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url("../images/cbp-loading.gif") no-repeat scroll center center transparent; } .cbp > * { visibility: hidden; } .cbp .cbp-item { position: absolute; top: 0; left: 0; list-style-type: none; margin: 0; padding: 0; overflow: hidden; } .cbp .cbp-item.with-spacing{ padding:10px; } .cbp img { display: block; width: 100%; height: auto; border: 0; } .cbp a, .cbp a:hover, .cbp a:active { text-decoration: none; outline: 0; } .cbp-ready > * { visibility: visible; } .cbp-ready:before { display: none; visibility: hidden; } .cbp-wrapper-outer { overflow: hidden; position: relative; margin: 0 auto; } .cbp-wrapper-outer, .cbp-wrapper, .cbp-wrapper-helper { list-style-type: none; padding: 0; width: 100%; height: 100%; z-index: 1; } .cbp-wrapper, .cbp-wrapper-helper { position: absolute; top: 0; left: 0; margin: 0; } .cbp-item-off { z-index: -1; pointer-events: none; visibility: hidden; } .cbp-item-on2off { z-index: 0; } .cbp-item-off2on { z-index: 1; } .cbp-item-on2on { z-index: 2; } .cbp-item-wrapper { width: 100%; height: 100%; position: relative; top: 0; left: 0; } .cbp-l-project-related-wrap img, .cbp-l-inline img { display: block; width: 100%; height: auto; border: 0; } .cbp-addItems { /* @editable properties */ -webkit-transition: height .5s ease-in-out !important; transition: height .5s ease-in-out !important; will-change: height; } .cbp-addItems .cbp-item { -webkit-transition: top .5s ease-in-out, left .5s ease-in-out; transition: top .5s ease-in-out, left .5s ease-in-out; } .cbp-addItems .cbp-item-loading { -webkit-animation: fadeIn .5s ease-in-out; animation: fadeIn .5s ease-in-out; -webkit-transition: none; transition: none; } /* END - Default style for plugin. Please change them carefully! */ .cbp-panel { /* @editable properties */ width: 94%; max-width: 1170px; margin: 0 auto; } .cbp-misc-video { /* @editable properties */ position: relative; height: 0; padding-bottom: 56.25%; background: #000; } .cbp-misc-video iframe { /* @editable properties */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .clearfix:after { content: " "; display: block; height: 0; clear: both; } .cbp-l-filters-left { float: left; } .cbp-l-filters-right { float: right; } /* general caption style */ .cbp-caption, .cbp-caption-defaultWrap, .cbp-caption-activeWrap { display: block; } .cbp-caption-activeWrap { background-color: #fff; } .cbp-caption-activeWrap.dark { background-color: #212121; } .cbp-caption-active .cbp-caption, .cbp-caption-active .cbp-caption-defaultWrap, .cbp-caption-active .cbp-caption-activeWrap { overflow: hidden; position: relative; z-index: 1; } .cbp-caption-active .cbp-caption-defaultWrap { top: 0; } .cbp-caption-active .cbp-caption-activeWrap { width: 100%; position: absolute; z-index: 2; height: 100%; } /* --------------------------------------------------------------- caption miscellaneous style --------------------------------------------------------------- */ .cbp-l-caption-title { font-family: 'Open Sans', sans-serif; margin-bottom: 0.3em; } .cbp-l-caption-desc { font-family: 'Open Sans', sans-serif; } .cbp-l-caption-text { font-family: 'Open Sans', sans-serif; color: #fff; letter-spacing: 3px; padding: 0 6px; } .cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight { color: #FFFFFF; display: inline-block; font-family: 'Roboto', sans-serif; text-align: center; margin: 4px; padding: 0 6px; font-size: 16px; border: 2px solid #fff; border-radius: 100px; width: 50px; height: 50px; line-height: 45px; } .cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover, .cbp-l-caption-buttonLeft:focus, .cbp-l-caption-buttonRight:focus { color: #BF0731; border: 2px solid #BF0731; } /* END - caption miscellaneous style */ /* --------------------------------------------------------------- none caption --------------------------------------------------------------- */ .cbp-caption-none .cbp-caption-activeWrap { display: none; } /* END - none caption */ /* --------------------------------------------------------------- caption layout align left --------------------------------------------------------------- */ .cbp-l-caption-alignLeft .cbp-l-caption-body { /* @editable properties */ padding: 12px 30px; } .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-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, .cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body { padding-top: 30px; } /* END - caption layout left */ /* --------------------------------------------------------------- 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; padding: 10px 0; } .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(.19, 1, .22, 1); transition: left .4s cubic-bezier(.19, 1, .22, 1); } .cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft { /* @editable properties */ left: -20px; } .cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { /* @editable properties */ left: 20px; } .cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { /* @editable properties */ left: 0; } /* END - caption layout center vertically and horizontally */ .cbp-caption-fadeIn .cbp-caption-activeWrap { opacity: 0; top: 0; /* @editable properties */ background-color: rgba(0, 0, 0, 0.85); -webkit-transition: opacity .9s cubic-bezier(.19, 1, .22, 1); transition: opacity .9s cubic-bezier(.19, 1, .22, 1); } .cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap { /* @editable properties */ opacity: 1; } .cbp-caption-minimal .cbp-l-caption-title, .cbp-caption-minimal .cbp-l-caption-desc { /* @editable properties */ position: relative; left: 0; opacity: 0; -webkit-transition: -webkit-transform .35s ease-out; transition: transform .35s ease-out; } .cbp-caption-minimal .cbp-l-caption-title { /* @editable properties */ -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cbp-caption-minimal .cbp-l-caption-desc { /* @editable properties */ -webkit-transform: translateY(70%); transform: translateY(70%); } .cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title, .cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc { /* @editable properties */ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .cbp-caption-minimal .cbp-caption-activeWrap { top: 0; /* @editable properties */ background-color: black; background-color: rgba(0, 0, 0, 0.8); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap { /* @editable properties */ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .cbp-caption-moveRight .cbp-caption-activeWrap { left: -100%; top: 0; -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1); transition: transform .6s cubic-bezier(.19, 1, .22, 1); } .cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateX(100%); transform: translateX(100%); } .cbp-caption-overlayBottom .cbp-caption-activeWrap { /*@editable properties */ height: 60px; background-color: #181616; background-color: rgba(24, 22, 22, 0.7); -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1); transition: transform .6s cubic-bezier(.19, 1, .22, 1); } .cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap, .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap { /*@editable properties */ -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1); transition: transform .6s cubic-bezier(.19, 1, .22, 1); } .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap { height: 100px; } .cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(-50px); transform: translateY(-50px); } .cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-overlayBottomPush .cbp-caption-defaultWrap { /*@editable properties */ -webkit-transition: top .6s cubic-bezier(.19, 1, .22, 1); transition: top .6s cubic-bezier(.19, 1, .22, 1); } .cbp-caption-overlayBottomPush .cbp-caption-activeWrap { /* @editable properties */ bottom: -60px; height: 60px; /*@editable properties */ -webkit-transition: bottom .6s cubic-bezier(.19, 1, .22, 1); transition: bottom .6s cubic-bezier(.19, 1, .22, 1); } .cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap { /* @editable properties */ top: -60px; } .cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap { bottom: 0; } .cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap { z-index: 2; /*@editable properties */ -webkit-transition: top .5s cubic-bezier(.19, 1, .22, 1); transition: top .5s cubic-bezier(.19, 1, .22, 1); } .cbp-caption-overlayBottomReveal .cbp-caption-activeWrap { bottom: 0; z-index: 1; /* @editable properties */ height: 60px; } .cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap { /* @editable properties */ top: -60px; } .cbp-caption-overlayRightAlong .cbp-caption-defaultWrap, .cbp-caption-overlayRightAlong .cbp-caption-activeWrap { /*@editable properties */ -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1); transition: transform .6s cubic-bezier(.19, 1, .22, 1); } .cbp-caption-overlayRightAlong .cbp-caption-activeWrap { top: 0; left: -50%; width: 50%; } .cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateX(25%); transform: translateX(25%); } .cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateX(100%); transform: translateX(100%); } .cbp-caption-pushDown .cbp-caption-defaultWrap, .cbp-caption-pushDown .cbp-caption-activeWrap { /*@editable properties */ -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1); transition: transform .6s cubic-bezier(.19, 1, .22, 1); } .cbp-caption-pushDown .cbp-caption-activeWrap { top: -102%; height: 102%; } .cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(100%); transform: translateY(100%); } .cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(99%); transform: translateY(99%); } .cbp-caption-pushTop .cbp-caption-activeWrap, .cbp-caption-pushTop .cbp-caption-defaultWrap { /*@editable properties */ -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1); transition: transform .6s cubic-bezier(.19, 1, .22, 1); } .cbp-caption-pushTop .cbp-caption-activeWrap { height: 102%; } .cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(-99%); transform: translateY(-99%); } .cbp-caption-revealBottom .cbp-caption-defaultWrap { z-index: 2; /*@editable properties */ -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1); transition: transform .6s cubic-bezier(.19, 1, .22, 1); } .cbp-caption-revealBottom .cbp-caption-activeWrap { top: 0; z-index: 1; } .cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-revealLeft .cbp-caption-activeWrap { left: 100%; top: 0; -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1); transition: transform .6s cubic-bezier(.19, 1, .22, 1); } .cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .cbp-caption-revealTop .cbp-caption-defaultWrap { z-index: 2; /*@editable properties */ -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1); transition: transform .6s cubic-bezier(.19, 1, .22, 1); } .cbp-caption-revealTop .cbp-caption-activeWrap { top: 0; z-index: 1; } .cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(100%); transform: translateY(100%); } .cbp-caption-zoom .cbp-caption-defaultWrap { /* @editable properties */ -webkit-transition: -webkit-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 { /* @editable properties */ -webkit-transform: scale(1.25); transform: scale(1.25); } .cbp-caption-zoom .cbp-caption-activeWrap { opacity: 0; top: 0; /* @editable properties */ background-color: rgba(0, 0, 0, 0.9); -webkit-transition: opacity .8s cubic-bezier(.19, 1, .22, 1); transition: opacity .8s cubic-bezier(.19, 1, .22, 1); } .cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap { /* @editable properties */ opacity: 1; } .cbp-caption-opacity .cbp-item { padding: 1px; } .cbp-caption-opacity .cbp-caption, .cbp-caption-opacity .cbp-caption-activeWrap, .cbp-caption-opacity .cbp-caption-defaultWrap { background-color: transparent; } .cbp-caption-opacity .cbp-caption { /* @editable properties */ border: 1px solid transparent; } .cbp-caption-opacity .cbp-caption:hover { /* @editable properties */ border-color: #EDEDED; } .cbp-caption-opacity .cbp-caption-defaultWrap { opacity: 1; /* @editable properties */ -webkit-transition: opacity .6s cubic-bezier(.19, 1, .22, 1); transition: opacity .6s cubic-bezier(.19, 1, .22, 1); } .cbp-caption-opacity .cbp-caption:hover .cbp-caption-defaultWrap { /* @editable properties */ opacity: .8; } .cbp-caption-opacity .cbp-caption:hover .cbp-caption-activeWrap { /* @editable properties */ top: 0; } .cbp-caption-expand .cbp-caption-activeWrap { height: auto; background-color: transparent; } .cbp-caption-expand .cbp-caption { border-bottom: 1px dotted #eaeaea; } .cbp-caption-expand .cbp-caption-defaultWrap { cursor: pointer; font: 500 15px/23px "Roboto", sans-serif; color: #474747; padding: 12px 0 11px 26px; } .cbp-caption-expand .cbp-caption-defaultWrap .fa { position: absolute; top: 16px; left: 0; width: 16px; text-align: center; font-size: 14px; } .cbp-caption-expand .cbp-l-caption-body { font: 400 13px/21px "Roboto", sans-serif; color: #888; padding: 0 0 20px 26px; } .cbp-caption-expand-active { transition: height .4s !important; } .cbp-caption-expand-active .cbp-item { transition: left .4s, top .4s !important; } .cbp-caption-expand-open .cbp-caption-activeWrap { transition: height .4s; } .cbp-l-filters-alignCenter { /* @editable properties */ margin-bottom: 0px; text-align: center; } .cbp-l-filters-alignCenter .cbp-filter-item { /* @editable properties */ background-color: transparent; color: #888; cursor: pointer; font-family: 'Open Sans', sans-serif; font-size: 13px; position: relative; overflow: visible; margin: 0 5px; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-weight: 500; text-transform: uppercase; padding: 5px 20px; } .cbp-l-filters-alignCenter .cbp-filter-item:hover {color: #888;background-color: #ddd;} .cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active { color: #fff; cursor: default; background-color: #50c9c3; } .cbp-l-filters-alignCenter .cbp-filter-counter { background-color: transparent; color: #888; cursor: pointer; font-family: 'Open Sans', sans-serif; font-size: 13px; padding: 10px 30px; position: relative; overflow: visible; margin: 0 5px; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 20px; font-weight: 500; border: 1px solid transparent; } .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 #626161; display: none; } .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 { /* @editable properties */ bottom: 30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-alignLeft { margin-bottom: 0px; } .cbp-l-filters-alignLeft .cbp-filter-item { background-color: transparent; color: #bdbdbd; cursor: pointer; font-family: 'Open Sans', sans-serif; font-size:13px; padding: 10px 30px; position: relative; overflow: visible; margin: 0 5px; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 20px; font-weight: 500; } .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-alignRight { /* @editable properties */ margin-bottom: 0px; text-align: right; } .cbp-l-filters-alignRight .cbp-filter-item { background-color: transparent; color: #bdbdbd; cursor: pointer; font-family: 'Open Sans', sans-serif; font-size:13px; padding: 10px 30px; position: relative; overflow: visible; margin: 0 5px; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 20px; font-weight: 500; } .cbp-l-filters-alignRight .cbp-filter-item:hover { /* @editable properties */ color: #2B3444; } .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 { /* @editable properties */ bottom: 44px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active { /* @editable properties */ color: #FFFFFF; background-color: #1de9b6; border-color: #1de9b6; cursor: default; } .cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active.dark{ background-color: #212121; border-color: #212121; } .cbp-l-filters-alignRight .cbp-filter-counter { /* @editable properties */ background: none repeat scroll 0 0 #1de9b6; border-radius: 3px; color: #fff; font-family: 'Open Sans', sans-serif; margin: 0 auto; font-size:13px; padding: 4px 0; text-align: center; 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; transition: opacity .25s ease, bottom .25s ease; } .cbp-l-filters-alignRight .cbp-filter-counter:before { /* @editable properties */ 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 #049372; display: none; } .cbp-l-filters-button { /* @editable properties */ margin-bottom: 30px; } .cbp-l-filters-button .cbp-filter-item { /* @editable properties */ background-color: #FFFFFF; border: 1px solid #ECECEC; color: #888888; cursor: pointer; font: 400 12px/32px 'Roboto', sans-serif; margin: 0 10px 10px 0; overflow: visible; padding: 0 17px; position: relative; display: inline-block; -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; } .cbp-l-filters-button .cbp-filter-item:hover { /* @editable properties */ color: #545454; border-color: #DADADA; } .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active { /* @editable properties */ background-color: #545454; color: #fff; border-color: #5d5d5d; cursor: default; } .cbp-l-filters-button .cbp-filter-counter { /* @editable properties */ background-color: #545454; border-radius: 3px; color: #fff; font: 400 11px/18px 'Roboto', sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .25s ease, bottom .25s ease; transition: opacity .25s ease, bottom .25s ease; } .cbp-l-filters-button .cbp-filter-counter:before { /* @editable properties */ 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 #545454; display: none; } .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 { /* @editable properties */ bottom: 44px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-buttonCenter { /* @editable properties */ margin-bottom: 30px; text-align: center; } .cbp-l-filters-buttonCenter .cbp-filter-item { /* @editable properties */ background-color: #FFFFFF; border: 1px solid #ECECEC; color: #888888; cursor: pointer; font: 400 12px/32px 'Roboto', sans-serif; margin: 0 10px 10px 0; overflow: visible; padding: 0 17px; position: relative; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover { /* @editable properties */ color: #5d5d5d; } .cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active { /* @editable properties */ color: #3B9CB3; border-color: #8CD2E5; cursor: default; } .cbp-l-filters-buttonCenter .cbp-filter-counter { /* @editable properties */ background-color: #68ABBC; border-radius: 3px; color: #fff; font: 400 11px/18px 'Roboto', sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .25s ease, bottom .25s ease; transition: opacity .25s ease, bottom .25s ease; } .cbp-l-filters-buttonCenter .cbp-filter-counter:before { /* @editable properties */ 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 #68ABBC; display: none; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter:before { display: block; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter { /* @editable properties */ bottom: 44px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-dropdown { /* @editable properties */ margin-bottom: 40px; height: 38px; position: relative; z-index: 5; } .cbp-l-filters-dropdownWrap { /* @editable properties */ width: 200px; position: absolute; right: 0; background: #4d4c4d; } .cbp-l-filters-dropdownHeader { /* @editable properties */ font: 400 12px/38px 'Roboto', sans-serif; margin: 0 17px; color: #FFF; cursor: default; position: relative; } .cbp-l-filters-dropdownHeader:after { /* @editable properties */ border-color: #FFFFFF transparent; border-style: solid; border-width: 5px 5px 0; content: ""; height: 0; position: absolute; right: 0; top: 50%; width: 0; margin-top: -1px; } .cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after { /* @editable properties */ border-width: 0 5px 5px; } .cbp-l-filters-dropdownList { display: none; list-style: none outside none; margin: 0; padding: 0; } .cbp-l-filters-dropdownList > li { margin: 0; list-style: none; } .cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownList { display: block; margin: 0; } .cbp-l-filters-dropdownList .cbp-filter-item { /* @editable properties */ background: transparent; color: #b3b3b3; width: 100%; text-align: left; font: 400 12px/40px 'Roboto', sans-serif; margin: 0; padding: 0 17px; cursor: pointer; border: none; border-top: 1px solid #595959; } .cbp-l-filters-dropdownList .cbp-filter-item:hover { /* @editable properties */ color: #e6e6e6; } .cbp-l-filters-dropdownList .cbp-filter-item-active { /* @editable properties */ color: #fff; cursor: default; } .cbp-l-filters-dropdownList .cbp-filter-counter { display: inline; } .cbp-l-filters-dropdown-floated { float: right; margin-top: -2px; margin-left: 20px; width: 200px; } .cbp-l-filters-list { /* @editable properties */ margin-bottom: 30px; /* clearfix */ content: ""; display: table; clear: both; } .cbp-l-filters-list .cbp-filter-item { /* @editable properties */ background-color: transparent; color: #585252; cursor: pointer; font: 400 12px/35px 'Roboto', sans-serif; padding: 0 18px; position: relative; overflow: visible; margin: 0 0 10px; float: left; border: 1px solid #3288C4; border-right-width: 0; -webkit-transition: left .3s ease-in-out; transition: left .3s ease-in-out; } .cbp-l-filters-list .cbp-filter-item:hover { /* @editable properties */ color: #000; } .cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active { /* @editable properties */ cursor: default; color: #FFFFFF; background-color: #3288C4; } .cbp-l-filters-list-first { /* @editable properties */ border-radius: 6px 0 0 6px; } .cbp-l-filters-list-last { /* @editable properties */ border-radius: 0 6px 6px 0; 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 { margin-right: 5px; border-radius: 6px; border-right-width: 1px; } } .cbp-l-filters-work { /* @editable properties */ margin-bottom: 30px; text-align: center; } .cbp-l-filters-work .cbp-filter-item { /* @editable properties */ background-color: #FFFFFF; color: #888; cursor: pointer; font: 600 11px/37px 'Roboto', sans-serif; margin: 0 5px 10px 0; overflow: visible; padding: 0 16px; position: relative; display: inline-block; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cbp-l-filters-work .cbp-filter-item:hover { /* @editable properties */ color: #fff; background: #607D8B; } .cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active { /* @editable properties */ background: #607D8B; color: #fff; cursor: default; } .cbp-l-filters-work .cbp-filter-counter { /* @editable properties */ font: 600 11px/37px 'Roboto', sans-serif; text-align: center; display: inline-block; margin-left: 8px; } .cbp-l-filters-work .cbp-filter-counter:before { content: '('; } .cbp-l-filters-work .cbp-filter-counter:after { content: ')'; } .cbp-l-filters-big { margin-bottom: 30px; text-align: center; } .cbp-l-filters-big .cbp-filter-item { color: #444; cursor: pointer; font: 400 15px/22px 'Roboto', sans-serif; margin: 0 15px 10px 0; padding: 10px 23px; position: relative; display: inline-block; border: 1px solid transparent; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cbp-l-filters-big .cbp-filter-item:hover { color: #888; } .cbp-l-filters-big .cbp-filter-item.cbp-filter-item-active { border-color: #d5d5d5; cursor: default; color: #444; } .cbp-l-filters-text { /* @editable properties */ margin-bottom: 30px; text-align: center; font: 400 12px/21px Lato, sans-serif; color: #DADADA; padding: 0 15px; } .cbp-l-filters-text .cbp-filter-item { /* @editable properties */ color: #949494; cursor: pointer; font: 400 13px/21px Lato, sans-serif; padding: 0 12px; transition: all .3s ease-in-out; position: relative; overflow: visible; margin: 0 0 10px; display: inline-block; } .cbp-l-filters-text .cbp-filter-item:hover { /* @editable properties */ color: #2D2C2C; } .cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active { /* @editable properties */ color: #2D2C2C; cursor: default; } .cbp-l-filters-text .cbp-filter-counter { /* @editable properties */ background: none repeat scroll 0 0 #626161; border-radius: 3px; color: #FFFFFF; font: 400 11px/16px Lato, sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 32px; position: absolute; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: all .25s ease; transition: all .25s ease; } .cbp-l-filters-text .cbp-filter-counter:before { /* @editable properties */ 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 #626161; display: none; } .cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter:before { display: block; } .cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter { /* @editable properties */ bottom: 30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-text-sort { display: inline-block; font: 400 13px/21px Lato, sans-serif; color: #949494; margin-right: 15px; } .cbp-l-filters-underline { margin-bottom: 30px; } .cbp-l-filters-underline .cbp-filter-item { border-bottom: 3px solid transparent; cursor: pointer; font: 600 14px/21px 'Roboto', sans-serif; padding: 8px 10px; position: relative; overflow: visible; margin: 0 20px 10px 0; display: inline-block; color: #787878; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .cbp-l-filters-underline .cbp-filter-item:hover { color: #111; } .cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active { border-bottom-color: #666; color: #444; cursor: default; } .cbp-l-filters-underline .cbp-filter-counter { display: inline; } .cbp-animation-quicksand { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-quicksand .cbp-item { /* @editable properties */ -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; } .cbp-animation-quicksand .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-quicksand .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-quicksand .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: quicksand-off .6s ease-out both; animation: quicksand-off .6s ease-out both; } .cbp-animation-quicksand .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: quicksand-on .6s ease-out both; animation: quicksand-on .6s ease-out both; } /* in */ /* @editable properties */ @-webkit-keyframes quicksand-off { 100% { opacity: 0; -webkit-transform: scale3d(0, 0, 0); } } @keyframes quicksand-off { 100% { opacity: 0; transform: scale3d(0, 0, 0); } } /* out */ /* @editable properties */ @-webkit-keyframes quicksand-on { 0% { opacity: 0; -webkit-transform: scale3d(0, 0, 0); } } @keyframes quicksand-on { 0% { opacity: 0; transform: scale3d(0, 0, 0); } } .cbp-animation-fadeOut, .cbp-animation-boxShadow { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-fadeOut .cbp-item, .cbp-animation-boxShadow .cbp-item { /* @editable properties */ -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; } .cbp-animation-fadeOut .cbp-item, .cbp-animation-boxShadow .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-fadeOut .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-fadeOut .cbp-item-on2off .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: fadeOut-off .6s ease-in-out both; animation: fadeOut-off .6s ease-in-out both; } .cbp-animation-fadeOut .cbp-item-off2on .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: fadeOut-on .6s ease-in-out both; animation: fadeOut-on .6s ease-in-out both; } /* in */ /* @editable properties */ @-webkit-keyframes fadeOut-off { 0% { opacity: 1; } 80%, 100% { opacity: 0; } } @keyframes fadeOut-off { 0% { opacity: 1; } 80%, 100% { opacity: 0; } } /* out */ /* @editable properties */ @-webkit-keyframes fadeOut-on { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut-on { 0% { opacity: 0; } 100% { opacity: 1; } } .cbp-animation-flipOut { /* @editable properties */ -webkit-transition: height .7s ease-in-out; transition: height .7s ease-in-out; will-change: height; } .cbp-animation-flipOut .cbp-item { /* @editable properties */ -webkit-transition: -webkit-transform .7s ease-in-out; transition: transform .7s ease-in-out; } .cbp-animation-flipOut .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-flipOut .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-flipOut .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: flipOut-out .7s both ease-in; animation: flipOut-out .7s both ease-in; } .cbp-animation-flipOut .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: flipOut-in .7s ease-out both; animation: flipOut-in .7s ease-out both; } /* out */ /* @editable properties */ @-webkit-keyframes flipOut-out { 50%, 100% { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } } @keyframes flipOut-out { 50%, 100% { transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } } /* in */ /* @editable properties */ @-webkit-keyframes flipOut-in { 0%, 50% { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } } @keyframes flipOut-in { 0%, 50% { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } } .cbp-animation-flipBottom { /* @editable properties */ -webkit-transition: height .7s ease-in-out; transition: height .7s ease-in-out; will-change: height; } .cbp-animation-flipBottom .cbp-item { /* @editable properties */ -webkit-transition: -webkit-transform .7s ease-in-out; transition: transform .7s ease-in-out; } .cbp-animation-flipBottom .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-flipBottom .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-flipBottom .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: flipBottom-out .7s both ease-in; animation: flipBottom-out .7s both ease-in; } .cbp-animation-flipBottom .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: flipBottom-in .7s ease-out both; animation: flipBottom-in .7s ease-out both; } /* out */ /* @editable properties */ @-webkit-keyframes flipBottom-out { 50%, 100% { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } } @keyframes flipBottom-out { 50%, 100% { transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } } /* in */ /* @editable properties */ @-webkit-keyframes flipBottom-in { 0%, 50% { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } } @keyframes flipBottom-in { 0%, 50% { transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } } .cbp-animation-scaleSides { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-scaleSides .cbp-item { /* @editable properties */ -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; } .cbp-animation-scaleSides .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-scaleSides .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-scaleSides .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: scaleSides-out .9s ease both; animation: scaleSides-out .9s ease both; } .cbp-animation-scaleSides .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: scaleSides-in .9s ease both; animation: scaleSides-in .9s ease both; } /* out */ /* @editable properties */ @-webkit-keyframes scaleSides-out { 50%, 100% { -webkit-transform: scale(.6); opacity: 0; } } @keyframes scaleSides-out { 50%, 100% { transform: scale(.6); opacity: 0; } } /* in */ /* @editable properties */ @-webkit-keyframes scaleSides-in { 0%, 50% { -webkit-transform: scale(.6); opacity: 0; } } @keyframes scaleSides-in { 0%, 50% { transform: scale(.6); opacity: 0; } } .cbp-animation-skew { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-skew .cbp-item { /* @editable properties */ -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; } .cbp-animation-skew .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-skew .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-skew .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: skew-off .6s ease-out both; animation: skew-off .6s ease-out both; } .cbp-animation-skew .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: skew-on .6s ease-out both; animation: skew-on .6s ease-out both; } /* in */ /* @editable properties */ @-webkit-keyframes skew-off { 100% { opacity: 0; -webkit-transform: scale3d(0, 0, 0) skew(20deg, 0); } } @keyframes skew-off { 100% { opacity: 0; transform: scale3d(0, 0, 0) skew(20deg, 0); } } /* out */ /* @editable properties */ @-webkit-keyframes skew-on { 0% { opacity: 0; -webkit-transform: scale3d(0, 0, 0) skew(0, 20deg); } } @keyframes skew-on { 0% { opacity: 0; transform: scale3d(0, 0, 0) skew(0, 20deg); } } .cbp-animation-fadeOutTop { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-fadeOutTop .cbp-wrapper-outer { overflow: visible; } .cbp-animation-fadeOutTop .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; overflow: visible; } .cbp-animation-fadeOutTop .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-fadeOutTop .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: fadeOutTop-out .6s both ease-in-out; animation: fadeOutTop-out .6s both ease-in-out; } .cbp-animation-fadeOutTop .cbp-wrapper .cbp-item-wrapper { -webkit-animation: fadeOutTop-in .6s both ease-in-out; animation: fadeOutTop-in .6s both ease-in-out; } /* out */ /* @editable properties */ @-webkit-keyframes fadeOutTop-out { 0% { -webkit-transform: translateY(0); opacity: 1; } 50%, 100% { -webkit-transform: translateY(-30px); opacity: 0; } } @keyframes fadeOutTop-out { 0% { transform: translateY(0); opacity: 1; } 50%, 100% { transform: translateY(-30px); opacity: 0; } } /* out */ /* @editable properties */ @-webkit-keyframes fadeOutTop-in { 0%, 50% { -webkit-transform: translateY(-30px); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes fadeOutTop-in { 0%, 50% { transform: translateY(-30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .cbp-animation-slideLeft { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-slideLeft .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-slideLeft .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-slideLeft .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: slideLeft-out .8s both ease-in-out; animation: slideLeft-out .8s both ease-in-out; } .cbp-animation-slideLeft .cbp-wrapper .cbp-item-wrapper { -webkit-animation: slideLeft-in .8s both ease-in-out; animation: slideLeft-in .8s both ease-in-out; } /* out */ /* @editable properties */ @-webkit-keyframes slideLeft-out { 0% { opacity: 1; transform: scale(1); } 25% { opacity: .75; -webkit-transform: scale(.8); } 75% { opacity: .75; -webkit-transform: scale(.8) translateX(-200%); } 100% { opacity: .75; -webkit-transform: scale(.8) translateX(-200%); } } @keyframes slideLeft-out { 0% { opacity: 1; transform: scale(1); } 25% { opacity: .75; transform: scale(.8); } 75% { opacity: .75; transform: scale(.8) translateX(-200%); } 100% { opacity: .75; transform: scale(.8) translateX(-200%); } } /* in */ /* @editable properties */ @-webkit-keyframes 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); } } @keyframes 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-sequentially { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-sequentially .cbp-wrapper-outer { overflow: visible; } .cbp-animation-sequentially .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; overflow: visible; } .cbp-animation-sequentially .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-sequentially .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: fadeOutTop-out .6s both ease; animation: fadeOutTop-out .6s both ease; } .cbp-animation-sequentially .cbp-wrapper .cbp-item-wrapper { -webkit-animation: fadeOutTop-in .6s both ease-out; animation: fadeOutTop-in .6s both ease-out; } .cbp-animation-3dflip { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-3dflip .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-3dflip .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-3dflip .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: flip-out 0.6s both ease-in-out; animation: flip-out 0.6s both ease-in-out; } .cbp-animation-3dflip .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: flip-in 0.6s both ease-in-out; animation: flip-in 0.6s both ease-in-out; } @-webkit-keyframes flip-out { 100% { opacity: 0; -webkit-transform: rotateY(90deg); } } @keyframes flip-out { 100% { opacity: 0; transform: rotateY(90deg); } } @-webkit-keyframes flip-in { 0% { opacity: 0; -webkit-transform: rotateY(-90deg); } 100% { opacity: 1; -webkit-transform: rotateY(0deg); } } @keyframes flip-in { 0% { opacity: 0; transform: rotateY(-90deg); } 100% { opacity: 1; transform: rotateY(0deg); } } .cbp-animation-flipOutDelay { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-flipOutDelay .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-flipOutDelay .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-flipOutDelay .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: flipOut-out 1s both ease-in; animation: flipOut-out 1s both ease-in; } .cbp-animation-flipOutDelay .cbp-wrapper .cbp-item-wrapper { -webkit-animation: flipOut-in 1s both ease-out; animation: flipOut-in 1s both ease-out; } .cbp-animation-slideDelay { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-slideDelay .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-slideDelay .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-slideDelay .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: slideDelay-out 0.5s both ease-in-out; animation: slideDelay-out 0.5s both ease-in-out; } .cbp-animation-slideDelay .cbp-wrapper .cbp-item-wrapper { -webkit-animation: slideDelay-in 0.5s both ease-in-out; animation: slideDelay-in 0.5s both ease-in-out; } /* out */ @-webkit-keyframes slideDelay-out { 100% { -webkit-transform: translateX(-100%); } } @keyframes slideDelay-out { 100% { transform: translateX(-100%); } } @-webkit-keyframes slideDelay-in { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0); } } @keyframes slideDelay-in { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } .cbp-animation-rotateSides { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-rotateSides .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-rotateSides .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-rotateSides .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: -50% 50%; -webkit-animation: rotateSides-out .5s both ease-in; transform-origin: -50% 50%; animation: rotateSides-out .5s both ease-in; } .cbp-animation-rotateSides .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 150% 50%; -webkit-animation: rotateSides-in .6s both ease-out; transform-origin: 150% 50%; animation: rotateSides-in .6s both ease-out; } /* out */ @-webkit-keyframes rotateSides-out { 100% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); } } @keyframes rotateSides-out { 100% { opacity: 0; transform: translateZ(-500px) rotateY(90deg); } } /* in */ /* @editable properties */ @-webkit-keyframes rotateSides-in { 0% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); } 40% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); } } @keyframes rotateSides-in { 0% { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); } 40% { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); } } .cbp-animation-foldLeft { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-foldLeft .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-foldLeft .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-foldLeft .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: foldLeft-out .7s both ease; animation: foldLeft-out .7s both ease; } .cbp-animation-foldLeft .cbp-wrapper .cbp-item-wrapper { -webkit-animation: foldLeft-in .7s both ease; animation: foldLeft-in .7s ease both; } /* out */ @-webkit-keyframes foldLeft-out { 100% { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); } } @keyframes foldLeft-out { 100% { opacity: 0; transform: translateX(-100%) rotateY(-90deg); } } /* in */ @-webkit-keyframes foldLeft-in { 0% { opacity: 0.3; -webkit-transform: translateX(100%); } } @keyframes foldLeft-in { 0% { opacity: 0.3; transform: translateX(100%); } } .cbp-animation-unfold { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-unfold .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-unfold .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-unfold .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: unfold-out .8s ease both; animation: unfold-out .8s ease both; } .cbp-animation-unfold .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 0% 50%; -webkit-animation: unfold-in .8s both ease; transform-origin: 0% 50%; animation: unfold-in .8s both ease; } /* out */ @-webkit-keyframes unfold-out { 90% { opacity: 0.3; } 100% { opacity: 0; -webkit-transform: translateX(-100%); } } @keyframes unfold-out { 90% { opacity: 0.3; } 100% { opacity: 0; transform: translateX(-100%); } } /* in */ @-webkit-keyframes unfold-in { 0% { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); } } @keyframes unfold-in { 0% { opacity: 0; transform: translateX(100%) rotateY(90deg); } } .cbp-animation-scaleDown { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-scaleDown .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-scaleDown .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-scaleDown .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: scaleDown-out .7s ease both; animation: scaleDown-out .7s ease both; } .cbp-animation-scaleDown .cbp-wrapper .cbp-item-wrapper { -webkit-animation: scaleDown-in .6s ease both; animation: scaleDown-in .6s ease both; } /* out */ @-webkit-keyframes scaleDown-out { 100% { opacity: 0; -webkit-transform: scale(.8); } } @keyframes scaleDown-out { 100% { opacity: 0; transform: scale(.8); } } /* in */ @-webkit-keyframes scaleDown-in { 0% { -webkit-transform: translateX(100%); } } @keyframes scaleDown-in { 0% { transform: translateX(100%); } } .cbp-animation-frontRow { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-frontRow .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-frontRow .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-frontRow .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: frontRow-out .7s both ease; animation: frontRow-out .7s both ease; } .cbp-animation-frontRow .cbp-wrapper .cbp-item-wrapper { -webkit-animation: frontRow-in .6s both ease; animation: frontRow-in .6s both ease; } /* out */ @-webkit-keyframes frontRow-out { 100% { -webkit-transform: translateX(-60%) scale(.8); opacity: 0; } } @keyframes frontRow-out { 100% { transform: translateX(-60%) scale(.8); opacity: 0; } } /* in */ @-webkit-keyframes frontRow-in { 0% { -webkit-transform: translateX(100%) scale(.8); } 100% { opacity: 1; -webkit-transform: translateX(0%) scale(1); } } @keyframes frontRow-in { 0% { transform: translateX(100%) scale(.8); } 100% { opacity: 1; transform: translateX(0%) scale(1); } } .cbp-animation-rotateRoom { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-rotateRoom .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-rotateRoom .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-rotateRoom .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateRoom-out .8s both ease; animation: rotateRoom-out .8s both ease; } .cbp-animation-rotateRoom .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotateRoom-in .8s both ease; animation: rotateRoom-in .8s both ease; } /* out */ @-webkit-keyframes rotateRoom-out { 90% { opacity: .3; } 100% { opacity: 0; -webkit-transform: translateX(-100%) rotateY(90deg); } } @keyframes rotateRoom-out { 90% { opacity: .3; } 100% { opacity: 0; transform: translateX(-100%) rotateY(90deg); } } /* in */ @-webkit-keyframes rotateRoom-in { 0% { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); } } @keyframes rotateRoom-in { 0% { opacity: .3; transform: translateX(100%) rotateY(-90deg); } } .cbp-animation-bounceBottom { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-bounceBottom .cbp-wrapper-helper { /* @editable properties */ -webkit-animation: bounceBottom-out .6s both ease-in-out; animation: bounceBottom-out .6s both ease-in-out; } .cbp-animation-bounceBottom .cbp-wrapper { /* @editable properties */ -webkit-animation: bounceBottom-in .6s both ease-in-out; animation: bounceBottom-in .6s both ease-in-out; } /* out */ @-webkit-keyframes bounceBottom-out { 100% { -webkit-transform: translateY(100%); opacity: 0; } } @keyframes bounceBottom-out { 100% { transform: translateY(100%); opacity: 0; } } /* in */ @-webkit-keyframes bounceBottom-in { 0% { -webkit-transform: translateY(100%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes bounceBottom-in { 0% { transform: translateY(100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .cbp-animation-bounceLeft { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-bounceLeft .cbp-wrapper-helper { /* @editable properties */ -webkit-animation: bounceLeft-out .6s both ease-in-out; animation: bounceLeft-out .6s both ease-in-out; } .cbp-animation-bounceLeft .cbp-wrapper { /* @editable properties */ -webkit-animation: bounceLeft-in .6s both ease-in-out; animation: bounceLeft-in .6s both ease-in-out; } /* out */ @-webkit-keyframes bounceLeft-out { 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @keyframes bounceLeft-out { 100% { transform: translateX(-100%); opacity: 0; } } /* in */ @-webkit-keyframes bounceLeft-in { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes bounceLeft-in { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .cbp-animation-bounceTop { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-bounceTop .cbp-wrapper-helper { /* @editable properties */ -webkit-animation: bounceTop-out .6s both ease-in-out; animation: bounceTop-out .6s both ease-in-out; } .cbp-animation-bounceTop .cbp-wrapper { /* @editable properties */ -webkit-animation: bounceTop-in .6s both ease-in-out; animation: bounceTop-in .6s both ease-in-out; } /* out */ @-webkit-keyframes bounceTop-out { 100% { -webkit-transform: translateY(-100%); opacity: 0; } } @keyframes bounceTop-out { 100% { transform: translateY(-100%); opacity: 0; } } /* in */ @-webkit-keyframes bounceTop-in { 0% { -webkit-transform: translateY(-100%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes bounceTop-in { 0% { transform: translateY(-100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .cbp-animation-moveLeft { /* @editable properties */ -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-moveLeft .cbp-wrapper-helper { /* @editable properties */ -webkit-animation: moveLeft-out .6s both ease-in-out; animation: moveLeft-out .6s both ease-in-out; } .cbp-animation-moveLeft .cbp-wrapper { /* @editable properties */ -webkit-animation: moveLeft-in .6s both ease-in-out; animation: moveLeft-in .6s both ease-in-out; } /* out */ @-webkit-keyframes moveLeft-out { 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @keyframes moveLeft-out { 100% { transform: translateX(-100%); opacity: 0; } } /* in */ @-webkit-keyframes moveLeft-in { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes moveLeft-in { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .cbp-displayType-lazyLoading { -webkit-animation: fadeIn .5s both ease-in; animation: fadeIn .5s both ease-in; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .cbp-displayType-fadeInToTop { -webkit-perspective: 1000px; perspective: 1000px; -webkit-animation: fadeInToTop .5s both ease-in; animation: fadeInToTop .5s both ease-in; } @-webkit-keyframes fadeInToTop { 0% { opacity: 0; -webkit-transform: translateY(30px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInToTop { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } .cbp-displayType-sequentially .cbp-item { -webkit-animation: fadeIn .5s both ease-in; animation: fadeIn .5s both ease-in; } .cbp-displayType-bottomToTop { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-displayType-bottomToTop .cbp-item { -webkit-animation: fadeInBottomToTop .3s both ease-in; animation: fadeInBottomToTop .3s both ease-in; } @-webkit-keyframes fadeInBottomToTop { 0% { opacity: 0; -webkit-transform: translateY(50px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInBottomToTop { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0); } } .cbp-lightbox img { display: block; width: 100%; height: auto; border: 0; } .cbp-popup-ie8bg { position: absolute; width: 100%; height: 100%; min-height: 100%; top: 0; left: 0; z-index: -1; /* @editable properties */ background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .cbp-popup-wrap { height: 100%; text-align: center; position: fixed; width: 100%; left: 0; top: 0; display: none; overflow-y: scroll; overflow-x: hidden; /* @editable properties */ z-index: 9990; padding: 0 10px; } .cbp-popup-lightbox { /* @editable properties */ background: rgba(0, 0, 0, 0.8); } .cbp-popup-singlePage { /* @editable properties */ background: white; padding: 0; } .cbp-popup-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; /*margin-right: -.25em; // it breaks on mobile*/ } .cbp-popup-content { position: relative; display: inline-block; vertical-align: middle; text-align: left; max-width: 100%; } .cbp-popup-singlePage .cbp-popup-content { position: relative; z-index: 1; /* @editable properties */ margin-top: 145px; max-width: 1024px; vertical-align: top; width: 94%; } .cbp-popup-singlePage .cbp-popup-content-basic { position: relative; z-index: 1; /* @editable properties */ margin-top: 104px; vertical-align: top; width: 100%; display: inline-block; text-align: left; } .cbp-popup-lightbox-figure { position: relative; } .cbp-popup-lightbox-bottom { left: 0; position: absolute; top: 100%; width: 100%; /* @editable properties */ margin-top: 3px; } .cbp-popup-lightbox-title { /* @editable properties */ padding-right: 70px; font: 400 12px/18px 'Roboto', sans-serif; color: #eee; } .cbp-popup-lightbox-counter { position: absolute; top: 0; right: 0; /* @editable properties */ font: 400 12px/18px 'Roboto', sans-serif; color: #eee; } .cbp-popup-lightbox-img { width: auto; max-width: 100%; height: auto; display: block; /* @editable properties */ margin: 40px 0 40px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .cbp-popup-lightbox-img[data-action] { cursor: pointer; } .cbp-popup-lightbox-isIframe .cbp-popup-content { /* @editable properties */ width: 75%; } @media only screen and (max-width: 768px) { .cbp-popup-lightbox-isIframe .cbp-popup-content { /* @editable properties */ width: 95%; } } .cbp-popup-lightbox-isIframe .cbp-lightbox-bottom { left: 0; position: absolute; top: 100%; width: 100%; /* @editable properties */ margin-top: 3px; } .cbp-popup-lightbox-iframe { position: relative; height: 0; /* @editable properties */ padding-bottom: 56.25%; /* 16/9 ratio */ background: #000; } .cbp-popup-lightbox-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* @editable properties */ box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .cbp-popup-lightbox-iframe audio { margin-top: 27%; } /* NAVIGATION BUTTONS */ .cbp-popup-singlePage .cbp-popup-navigation-wrap { position: absolute; top: 0; left: 0; width: 100%; z-index: 9990; /* @editable properties */ height: 104px; background-color: #34425C; } .cbp-popup-singlePage .cbp-popup-navigation { position: relative; width: 100%; height: 100%; } .cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap { position: fixed; top: 0 !important; } .cbp-popup-singlePage-counter { /* @editable properties */ color: #bbc0df; position: absolute; margin: auto; right: 40px; top: 0; bottom: 0; font: 400 13px/30px 'Roboto', sans-serif; height: 30px; } @media only screen and (max-width: 768px) { .cbp-popup-singlePage-counter { right: 3%; } } .cbp-popup-next, .cbp-popup-prev, .cbp-popup-close { padding: 0; border: medium none; position: absolute; cursor: pointer; outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cbp-popup-lightbox .cbp-popup-prev, .cbp-popup-lightbox .cbp-popup-next, .cbp-popup-lightbox .cbp-popup-close { visibility: hidden; } /* NAVOGATION 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("../images/cbp-sprite.png") no-repeat scroll 0 0 transparent; width: 44px; height: 44px; top: 0; bottom: 0; left: 20px; margin: auto; } .cbp-popup-lightbox .cbp-popup-prev:hover { /* @editable properties */ background-position: 0 -46px; } /* PREVIOUS BUTTON SINGLEPAGE */ .cbp-popup-singlePage .cbp-popup-prev { /* @editable properties */ background: url("../images/cbp-sprite.png") no-repeat scroll 0 -92px transparent; width: 44px; height: 44px; margin: auto; top: 0; right: 108px; bottom: 0; left: 0; } .cbp-popup-singlePage .cbp-popup-prev:hover { /* @editable properties */ background-position: 0 -138px; } /* NEXT BUTTON LIGHTBOX */ .cbp-popup-lightbox .cbp-popup-next { /* @editable properties */ background: url("../images/cbp-sprite.png") no-repeat scroll -46px 0 transparent; width: 44px; height: 44px; top: 0; bottom: 0; right: 20px; margin: auto; } .cbp-popup-lightbox .cbp-popup-next:hover { /* @editable properties */ background-position: -46px -46px; } /* NEXT BUTTON SINGLEPAGE */ .cbp-popup-singlePage .cbp-popup-next { /* @editable properties */ background: url("../images/cbp-sprite.png") no-repeat scroll -46px -92px transparent; width: 44px; height: 44px; margin: auto; top: 0; right: 0; bottom: 0; left: 108px; } .cbp-popup-singlePage .cbp-popup-next:hover { /* @editable properties */ background-position: -46px -138px; } /* CLOSE BUTTON LIGTHBOX */ .cbp-popup-lightbox .cbp-popup-close { /* @editable properties */ background: url("../images/cbp-sprite.png") no-repeat scroll -92px 0 transparent; height: 40px; width: 40px; right: 20px; top: 20px; } .cbp-popup-lightbox .cbp-popup-close:hover { /* @editable properties */ background-position: -92px -46px; } /* CLOSE BUTTON SINGLEPAGE */ .cbp-popup-singlePage .cbp-popup-close { /* @editable properties */ background: url("../images/cbp-sprite.png") no-repeat scroll -92px -92px transparent; height: 44px; width: 44px; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .cbp-popup-singlePage .cbp-popup-ie8bg { background-color: #fff; } .cbp-popup-singlePage .cbp-popup-close:hover { /* @editable properties */ background-position: -92px -138px; } @media only screen and (max-width: 360px), (max-height: 600px) { .cbp-popup-next, .cbp-popup-prev, .cbp-popup-close { -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } .cbp-popup-lightbox .cbp-popup-close { right: 10px; top: 10px; } .cbp-popup-lightbox .cbp-popup-next { right: 10px; } .cbp-popup-lightbox .cbp-popup-prev { left: 10px; } .cbp-popup-singlePage .cbp-popup-navigation-wrap { height: 84px; } .cbp-popup-singlePage .cbp-popup-content { margin-top: 120px; } } .cbp-popup-loadingBox { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .cbp-popup-ready .cbp-popup-loadingBox { visibility: hidden; display: none; } .cbp-popup-loading .cbp-popup-loadingBox { visibility: visible; display: block; } .cbp-popup-singlePage { left: 100%; -webkit-transition: left .6s ease-in-out; transition: left .6s ease-in-out; } .cbp-popup-singlePage.cbp-popup-loading .cbp-popup-content { opacity: 0; } .cbp-popup-singlePage-open { left: 0; } .cbp-popup-singlePage.cbp-popup-singlePage-fade { left: 0; opacity: 0; /* @editable properties */ -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .cbp-popup-singlePage-open.cbp-popup-singlePage-fade { opacity: 1; } .cbp-popup-singlePage.cbp-popup-singlePage-right { left: -100%; /* @editable properties */ -webkit-transition: left .6s ease-in-out; transition: left .6s ease-in-out; } .cbp-popup-singlePage-open.cbp-popup-singlePage-right { left: 0; } .cbp-l-project-title { /* @editable properties */ color: #454444; font: 600 42px/46px 'Roboto', sans-serif; letter-spacing: 2px; margin-bottom: 15px; text-align: center; text-transform: uppercase; } .cbp-l-project-subtitle { /* @editable properties */ color: #787878; font: 400 14px/21px 'Roboto', 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 { overflow: hidden; margin: 40px auto 0; clear: both; } .cbp-l-project-desc { /* @editable properties */ float: left; width: 64%; } .cbp-l-project-social-wrapper, .cbp-l-inline-social-wrapper { display: inline-block; width: 100px; height: 20px; overflow: hidden; } .cbp-l-inline-social-wrapper { margin-top: 5px; } .cbp-l-project-details { /* @editable properties */ float: right; width: 36%; padding-left: 40px; margin-bottom: 15px; } @media only screen and (max-width: 768px) { .cbp-l-project-title { font-size: 30px; line-height: 34px; } .cbp-l-project-desc { /* @editable properties */ width: 100%; } .cbp-l-project-details { /* @editable properties */ width: 100%; margin-top: 20px; padding-left: 0; } } .cbp-l-project-desc-title { /* @editable properties */ border-bottom: 1px solid #cdcdcd; margin-bottom: 22px; color: #444; } .cbp-l-project-desc-title span, .cbp-l-project-details-title span { /* @editable properties */ border-bottom: 1px solid #747474; display: inline-block; margin: 0 0 -1px 0; font: 400 16px/36px 'Roboto', sans-serif; padding: 0 5px 0 0; } .cbp-l-project-desc-text { /* @editable properties */ font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 20px; } .cbp-l-project-details-title { /* @editable properties */ border-bottom: 1px solid #cdcdcd; margin-bottom: 19px; color: #444; } .cbp-l-project-details-list { /* @editable properties */ margin: 0; padding: 0; list-style: none; } .cbp-l-project-details-list > li, .cbp-l-project-details-list > div { /* @editable properties */ border-bottom: 1px dotted #DFDFDF; padding: inherit; color: #666; font: 400 12px/30px 'Roboto', sans-serif; } .cbp-l-project-details-list strong { /* @editable properties */ display: inline-block; color: #696969; font-weight: 600; min-width: 100px; } .cbp-l-project-details-visit { /* @editable properties */ color: #FFFFFF; float: right; clear: both; text-decoration: none; font: 400 11px/18px 'Roboto', sans-serif; margin-top: 10px; background-color: #53668A; padding: 8px 19px; } .cbp-l-project-details-visit:hover { /* @editable properties */ opacity: 0.9; color: #fff; } .cbp-l-project-related { /* @editable properties */ } .cbp-l-project-related-wrap { /* @editable properties */ font-size: 0; margin: 0; padding: 0; } .cbp-l-project-related-item { /* @editable properties */ margin-left: 5%; max-width: 30%; float: left; } .cbp-l-project-related-item:first-child { /* @editable properties */ margin-left: 0; } .cbp-l-project-related-title { /* @editable properties */ font: 700 14px/18px 'Roboto', sans-serif; color: #474747; margin-top: 20px; } .cbp-l-project-related-link { /* @editable properties */ text-decoration: none; } .cbp-l-project-related-link:hover { /* @editable properties */ opacity: 0.9; } .cbp-l-member-img { /* @editable properties */ float: left; width: 40%; margin-top: 20px; } .cbp-l-member-img img { /* @editable properties */ border: 1px solid #e2e2e2; width: auto; max-width: 100%; height: auto; display: inline-block; border: 0; } .cbp-l-member-info { /* @editable properties */ margin-top: 20px; padding-left: 25px; float: left; width: 60%; } @media only screen and (max-width: 768px) { .cbp-l-member-img { width: 100%; text-align: center; } .cbp-l-member-info { width: 100%; padding-left: 0; } } .cbp-l-member-name { /* @editable properties */ font: 400 28px/28px 'Roboto', sans-serif; color: #474747; } .cbp-l-member-position { /* @editable properties */ font: 400 13px/21px 'Roboto', sans-serif; color: #888; margin-top: 6px; } .cbp-l-member-desc { /* @editable properties */ font: 400 12px/18px 'Roboto', sans-serif; margin-top: 25px; color: #474747; } /* SINGLE PAGE INLINE */ .cbp-popup-singlePageInline-open { -webkit-transition: height .5s ease 0s !important; transition: height .5s ease 0s !important; } .cbp-popup-singlePageInline-open .cbp-item { -webkit-transition: -webkit-transform .5s ease 0s !important; transition: transform .5s ease 0s !important; } .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline::before { display: none; } .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-content, .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-navigation { -webkit-transition-delay: 0; transition-delay: 0; } .cbp-popup-singlePageInline { width: 100%; position: absolute; top: 0; left: 0; z-index: 0; overflow: hidden; /* CLOSE BUTTON singlePageInline */ } .cbp-popup-singlePageInline:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 2; content: ''; /* @editable properties */ width: 30px; height: 30px; border: 1px solid rgba(79, 80, 79, 0.3); border-right: 5px solid #000; border-bottom: 5px solid #000; border-radius: 50%; border-left: 5px solid transparent; border-top: 5px solid transparent; animation: loading .5s infinite linear; -webkit-animation: loading .5s infinite linear; opacity: 0.6; } .cbp-popup-singlePageInline .cbp-popup-content { opacity: 0; width: 100%; z-index: 1; min-height: 300px; } .cbp-popup-singlePageInline .cbp-popup-content, .cbp-popup-singlePageInline .cbp-popup-navigation { -webkit-transition: opacity .4s ease-in .2s; transition: opacity .4s ease-in .2s; } .cbp-popup-singlePageInline .cbp-popup-navigation { opacity: 0; position: absolute; top: 0; right: 0; z-index: 2; width: 40px; height: 40px; } .cbp-popup-singlePageInline .cbp-popup-close { /* @editable properties */ background: url("../images/cbp-sprite.png") no-repeat scroll -92px 0 transparent; height: 40px; width: 40px; right: 20px; top: 30px; } .cbp-popup-singlePageInline .cbp-popup-close:hover { /* @editable properties */ opacity: 0.7; } .cbp-popup-singlePageInline-ready { z-index: 4; } .cbp-popup-singlePageInline-ready .cbp-popup-content, .cbp-popup-singlePageInline-ready .cbp-popup-navigation { opacity: 1; } .cbp-popup-singlePageInline-ready:before { display: none; } .cbp-singlePageInline-active { opacity: 0.6 !important; } @-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .cbp-l-inline { margin: 20px 0; overflow: hidden; background: #FAFAFA; padding: 30px; } .cbp-l-inline-left { float: left; width: 44%; } .cbp-l-project-img { max-width: 100%; } .cbp-l-inline-right { float: right; width: 56%; padding-left: inherit; } @media only screen and (max-width: 768px) { .cbp-l-inline-left { width: 100%; text-align: center; margin-top: 40px; } .cbp-l-inline-right { width: 100%; padding-left: 0; margin-top: 20px; } } .cbp-l-inline-title { font: 400 28px/30px 'Roboto', sans-serif; color: #474747; } .cbp-l-inline-subtitle { font: 400 13px/21px 'Roboto', sans-serif; color: #888; margin-top: 7px; } .cbp-l-inline-desc { font: 400 13px/20px 'Roboto', sans-serif; color: #474747; margin-top: 25px; } .cbp-l-inline-view-wrap { text-align: right; } .cbp-l-inline-view { font: 400 13px/35px 'Roboto', sans-serif; color: #9C9C9C; margin-top: 40px; display: inline-block; padding: 0 20px; border: 1px solid #ccc; text-decoration: none; } .cbp-l-inline-view:hover { color: #757575; } .cbp-l-inline-details { margin-top: 15px; font: 13px/22px 'Roboto', sans-serif; } /* default state */ .cbp-l-loadMore-defaultText, .cbp-l-loadMore-button-defaultText { display: block; } .cbp-l-loadMore-loadingText, .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-button-loadingText, .cbp-l-loadMore-button-noMoreLoading { display: none; } /* loading state */ .cbp-l-loadMore-loading .cbp-l-loadMore-loadingText, .cbp-l-loadMore-loading .cbp-l-loadMore-button-loadingText { display: block; } .cbp-l-loadMore-loading .cbp-l-loadMore-defaultText, .cbp-l-loadMore-loading .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-loading .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-loading .cbp-l-loadMore-button-noMoreLoading { display: none; } /* no more loading */ .cbp-l-loadMore-stop .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-stop .cbp-l-loadMore-button-noMoreLoading { display: block; } .cbp-l-loadMore-stop .cbp-l-loadMore-defaultText, .cbp-l-loadMore-stop .cbp-l-loadMore-loadingText, .cbp-l-loadMore-stop .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-stop .cbp-l-loadMore-button-loadingText { display: none; } .cbp-l-loadMore-bgbutton { /* @editable properties */ text-align: center; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link { /* @editable properties */ border: 1px solid #DEDEDE; color: #7E7B7B; display: inline-block; font: 400 13px/40px "Lato", sans-serif; min-width: 80px; text-decoration: none; padding: 0 50px; margin-top: 50px; outline: 0; box-shadow: none; letter-spacing: 1px; -webkit-transition: color .25s; transition: color .25s; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:hover, .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-loading { /* @editable properties */ color: #B0B0B0; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-stop { /* @editable properties */ cursor: default; color: #B0B0B0; } .cbp-l-loadMore-button { /* @editable properties */ text-align: center; } .cbp-l-loadMore-button .cbp-l-loadMore-link, .cbp-l-loadMore-button .cbp-l-loadMore-button-link { /* @editable properties */ border: 1px solid #DEDEDE; color: #7E7B7B; display: inline-block; font: 400 12px/36px 'Roboto', sans-serif; min-width: 80px; text-decoration: none; padding: 0 30px; outline: 0; margin-top: 40px; box-shadow: none; -webkit-transition: color .25s; transition: color .25s; } .cbp-l-loadMore-button .cbp-l-loadMore-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-loading { /* @editable properties */ color: #B0B0B0; } .cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-stop, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-stop, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop { /* @editable properties */ cursor: default; color: #B0B0B0; } .cbp-l-loadMore-text { /* @editable properties */ text-align: center; } .cbp-l-loadMore-text .cbp-l-loadMore-link, .cbp-l-loadMore-text .cbp-l-loadMore-text-link { /* @editable properties */ font: 400 15px 'Roboto', sans-serif; color: #7E7B7B; text-decoration: none; cursor: pointer; margin-top: 50px; display: block; } .cbp-l-loadMore-text .cbp-l-loadMore-stop, .cbp-l-loadMore-text .cbp-l-loadMore-text-stop { /* @editable properties */ color: #B0B0B0; cursor: default; } .cbp-mode-slider { /* @editable properties */ -webkit-transition: height .35s cubic-bezier(0.22, 0.6, 0.345, 1); transition: height .35s cubic-bezier(0.22, 0.6, 0.345, 1); } .cbp-mode-slider .cbp-wrapper, .cbp-mode-slider .cbp-item { /* @editable properties */ -webkit-transition: -webkit-transform .35s cubic-bezier(0.22, 0.6, 0.345, 1); transition: transform .35s cubic-bezier(0.22, 0.6, 0.345, 1); } .cbp-mode-slider .cbp-wrapper { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .cbp-mode-slider-dragStart * { cursor: move !important; cursor: -ms-grabbing !important; cursor: -webkit-grabbing !important; cursor: -moz-grabbing !important; cursor: grabbing !important; } .cbp-mode-slider-dragStart .cbp-wrapper { /* @editable properties */ -webkit-transition: none; transition: none; } .cbp-nav-next, .cbp-nav-prev { position: relative; /* @editable properties */ background: #7c8b90; cursor: pointer; display: inline-block; margin-left: 1px; height: 22px; width: 21px; } .cbp-nav-next { /* @editable properties */ border-radius: 0 2px 2px 0; } .cbp-nav-prev { /* @editable properties */ border-radius: 2px 0 0 2px; } .cbp-nav-next:hover, .cbp-nav-prev:hover { /* @editable properties */ opacity: 0.8; } .cbp-nav-next:after, .cbp-nav-prev:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; /* @editable properties */ background: url("../images/cbp-sprite.png") no-repeat; height: 10px; width: 7px; } .cbp-nav-next:after { /* @editable properties */ background-position: -134px 0; } .cbp-nav-prev:after { /* @editable properties */ background-position: -134px -12px; } .cbp-nav-stop { /* @editable properties */ opacity: 0.5 !important; cursor: default !important; } .cbp-nav { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cbp-nav-controls { /* @editable properties */ position: absolute; top: -51px; right: 0; z-index: 100; } .cbp-nav-pagination { /* @editable properties */ position: absolute; bottom: -30px; right: 0; z-index: 100; left: 0; text-align: center; } .cbp-nav-pagination-item { /* @editable properties */ position: relative; width: 10px; height: 10px; border-radius: 50%; margin: 0 4px; display: inline-block; cursor: pointer; background: #c2c2c2; -webkit-transition: background 0.5s; transition: background 0.5s; } .cbp-nav-pagination-active { /* @editable properties */ background: #797979; } .cbp-slider-wrap, .cbp-slider-item { margin: 0; padding: 0; list-style-type: none; } .cbp-slider .cbp-nav-controls { /* @editable properties */ position: static; } .cbp-slider .cbp-nav-next, .cbp-slider .cbp-nav-prev { /* @editable properties */ background: transparent; position: absolute; margin: auto; top: 0; bottom: 0; z-index: 100; width: 44px; height: 44px; } .cbp-slider .cbp-nav-next { /* @editable properties */ right: 25px; left: auto; } .cbp-slider .cbp-nav-prev { /* @editable properties */ left: 25px; right: auto; } .cbp-slider .cbp-nav-next:after, .cbp-slider .cbp-nav-prev:after { background: url("../images/cbp-sprite.png") no-repeat; width: 44px; height: 44px; } .cbp-slider .cbp-nav-next:after { /* @editable properties */ background-position: -46px -92px; } .cbp-slider .cbp-nav-next:hover:after { /* @editable properties */ background-position: -46px -46px; } .cbp-slider .cbp-nav-prev:after { /* @editable properties */ background-position: 0 -92px; } .cbp-slider .cbp-nav-prev:hover:after { /* @editable properties */ background-position: 0 -46px; } .cbp-slider .cbp-nav-pagination { /* @editable properties */ text-align: right; bottom: 20px; right: 25px; left: auto; } .cbp-slider-edge .cbp-nav-controls { /* @editable properties */ position: static; } .cbp-slider-edge .cbp-nav-next, .cbp-slider-edge .cbp-nav-prev { /* @editable properties */ background: transparent; position: absolute; margin: auto; top: 0; bottom: 0; z-index: 100; width: 44px; height: 44px; } .cbp-slider-edge .cbp-nav-next { /* @editable properties */ right: -14px; left: auto; } .cbp-slider-edge .cbp-nav-prev { /* @editable properties */ left: -14px; right: auto; } .cbp-slider-edge .cbp-nav-next:after, .cbp-slider-edge .cbp-nav-prev:after { background: url("../images/cbp-sprite.png") no-repeat; width: 9px; height: 16px; } .cbp-slider-edge .cbp-nav-next:after { /* @editable properties */ background-position: -134px -24px; } .cbp-slider-edge .cbp-nav-prev:after { /* @editable properties */ background-position: -134px -42px; } .cbp-slider-edge .cbp-nav-pagination { /* @editable properties */ bottom: -50px; } .cbp-slider-edge .cbp-nav-pagination-item { /* @editable properties */ border: 2px solid #0f0f0f; opacity: 0.4; background: transparent; } .cbp-slider-edge .cbp-nav-pagination-active { /* @editable properties */ background: #000; } .cbp-l-grid-agency .cbp-caption:after { position: absolute; content: ''; width: 0; height: 0; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: 0px; left: 50%; margin-left: -5px; z-index: 1; } .cbp-l-grid-agency.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap { /* @editable properties */ -webkit-transform: scale(1.15); transform: scale(1.15); } .cbp-l-grid-agency-title { /* @editable properties */ margin-top: 18px; font: 700 17px/24px Lato, sans-serif; color: #666; text-align: center; } .cbp-item:hover .cbp-l-grid-agency-title { /* @editable properties */ color: #222; } .cbp-l-grid-agency-desc { /* @editable properties */ font: 400 12px/21px 'Roboto', sans-serif; color: #aaa; text-align: center; } .cbp-l-grid-work.cbp-caption-zoom .cbp-caption-activeWrap { background-color: rgba(0, 0, 0, 0.7); } .cbp-l-grid-work .cbp-item { padding: 3px; } .cbp-l-grid-work .cbp-item-wrapper { background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); padding: 7px 7px 27px; border-top: 1px solid #F4F4F4; } .cbp-l-grid-work-title { /* @editable properties */ margin-top: 17px; font: 400 17px/25px "Roboto Condensed", sans-serif; color: #607D8B; text-align: center; text-transform: uppercase; display: block; } .cbp-l-grid-work-title:hover { /* @editable properties */ color: #365D67; } .cbp-l-grid-work-desc { /* @editable properties */ font: 400 11px/16px 'Roboto', sans-serif; color: #888888; text-align: center; text-transform: uppercase; } .cbp-l-grid-blog-title { /* @editable properties */ font: 400 18px/30px 'Roboto', sans-serif; color: #444; display: block; margin-top: 17px; } .cbp-l-grid-blog-title:hover { /* @editable properties */ color: #787878; } .cbp-l-grid-blog-date { /* @editable properties */ font: 400 12px/18px 'Roboto', sans-serif; color: #787878; display: inline-block; } .cbp-l-grid-blog-comments { /* @editable properties */ font: 400 12px/18px 'Roboto', sans-serif; color: #3C6FBB; display: inline-block; } .cbp-l-grid-blog-comments:hover { /* @editable properties */ opacity: .8; } .cbp-l-grid-blog-desc { /* @editable properties */ font: 400 13px/18px 'Roboto', sans-serif; color: #9B9B9B; margin-top: 9px; } .cbp-l-grid-blog-split { /* @editable properties */ margin: 0 4px; font: 400 13px/16px 'Roboto', sans-serif; color: #787878; display: inline-block; } .cbp-l-grid-clients { height: 180px; } .cbp-l-clients-title-block { font: 400 32px/53px 'Roboto', sans-serif; color: #666464; text-align: center; margin-bottom: 40px; } .cbp-l-grid-faq .cbp-item { width: 100%; } .cbp-l-grid-projects-title { /* @editable properties */ font-family: 'Roboto', sans-serif; margin-top: 15px; text-align: center; } .cbp-l-grid-projects-desc { /* @editable properties */ font-family: 'Roboto', sans-serif; margin-top: 5px; text-align: center; } .cbp-l-grid-masonry-projects .cbp-caption-activeWrap { /* @editable properties */ background-color: #59a3b6; background-color: rgba(89, 163, 182, 0.95); } .cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft, .cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight { /* @editable properties */ background-color: #545454; } .cbp-l-grid-masonry-projects-title { /* @editable properties */ font: 500 15px/22px 'Roboto', sans-serif; color: #212121; text-align: center; display: block; margin-top: 12px; } .cbp-l-grid-masonry-projects-title:hover { /* @editable properties */ color: #BF0731; } .cbp-l-grid-masonry-projects-desc { /* @editable properties */ font: 400 12px/18px 'Roboto', sans-serif; color: #b2b2b2; text-align: center; } .cbp-l-grid-team-name { /* @editable properties */ font: 400 17px/24px 'Roboto', sans-serif; color: #212121; display: block; text-align: center; margin-top: 18px; } .cbp-l-grid-team-name:hover { /* @editable properties */ color: #BF0731; } .cbp-l-grid-team-position { /* @editable properties */ font: italic 400 13px/21px 'Roboto', sans-serif; color: #999; text-align: center; } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap { /* @editable properties */ background-color: #64C28E; background-color: rgba(101, 199, 150, 0.9); } .cbp-l-grid-mosaic-flat .cbp-l-caption-title { color: #FFFFFF; font: 400 14px/21px "Lato", sans-serif; text-transform: uppercase; letter-spacing: 2px; display: inline-block; } .cbp-l-grid-mosaic-flat .cbp-l-caption-title:after { content: ''; display: block; width: 40%; height: 1px; background-color: #fff; margin: 8px auto 0; } .cbp-l-grid-mosaic-projects .cbp-caption-activeWrap { /* @editable properties */ background-color: #59a3b6; background-color: rgba(89, 163, 182, 0.97); } .cbp-l-grid-mosaic .cbp-caption-activeWrap { /* @editable properties */ background-color: #FFEA71; background-color: rgba(255, 234, 113, 0.95); } .cbp-l-grid-mosaic .cbp-l-caption-title { color: #5A5A5A; font: 500 18px/22px "Roboto", sans-serif; text-transform: uppercase; margin-bottom: 5px; } .cbp-l-grid-mosaic .cbp-l-caption-desc { color: #585858; font: 400 13px/20px "Roboto", sans-serif; } .cbp-l-slider-title-block { border-bottom: 1px solid #cdcdcd; margin-bottom: 22px; } .cbp-l-slider-title-block div { padding: 0 2px 6px 0; display: inline-block; border-bottom: 1px solid #a9a5a5; color: #5e5e5e; margin-bottom: -1px; font: 15px/21px 'Roboto', sans-serif; } .cbp-l-grid-slider-team-name { float: left; font: 20px/30px 'Roboto', sans-serif; color: #494949; margin-top: 16px; } .cbp-l-grid-slider-team-position { clear: both; font: 14px/21px 'Roboto', sans-serif; color: #A6A6A6; } .cbp-l-grid-slider-team-desc { font: 13px/20px 'Roboto', sans-serif; color: #969696; margin-top: 15px; } .cbp-l-grid-slider-team-social { float: right; margin-top: 16px; } .cbp-l-grid-slider-team-social a { color: #737373; line-height: 30px; margin-left: 6px; } .cbp-l-grid-slider-team-social a:hover { opacity: 0.8; } .cbp-l-slider-testimonials-wrap { background: #f8f9f9; padding: 80px 0 110px; border-width: 1px 0; border-style: solid; border-color: #dce1e2; } .cbp-l-grid-slider-testimonials-body { color: #424242; max-width: 800px; margin: 0 auto; font: 20px/32px sans-serif; text-align: center; padding: 0 20px; } .cbp-l-grid-slider-testimonials-footer { font: 12px/19px 'Roboto', sans-serif; color: #777; text-align: center; margin-bottom: 10px; margin-top: 30px; } .cbp-l-grid-tabs { height: 100px; } .cbp-l-grid-tabs .cbp-item { font: 14px/24px Lato, sans-serif; max-width: 700px; width: 100%; margin: 0 auto; right: 0; text-align: center; color: #5a5a5a; } .cbp-l-testimonials-title-block { position: relative; text-align: center; font: 26px/36px 'Roboto', sans-serif; color: #E7E7E7; margin-bottom: 60px; } .cbp-l-testimonials-title-block :after { content: ''; position: absolute; margin: 0 auto; width: 23px; height: 2px; bottom: -6px; background-color: #C2C2C2; left: 0; right: 0; } .cbp-l-testimonials-wrap { background: #2D2D2D; padding: 60px 0 110px; } .cbp-l-grid-testimonials-body { color: #e7e7e7; max-width: 800px; margin: 0 auto; font: 20px/32px sans-serif; text-align: center; padding: 0 20px; } .cbp-l-grid-testimonials-footer { font: 12px/19px 'Roboto', sans-serif; color: #C2C2C2; text-align: center; margin-bottom: 40px; margin-top: 35px; } .cbp-search { position: relative; width: 220px; margin-bottom: 40px; } .cbp-search .cbp-search-nothing { display: none; } .cbp-search-icon { position: absolute; width: 32px; height: 100%; top: 0; right: 0; text-align: center; cursor: pointer; pointer-events: none; } .cbp-search-icon:after { content: '\f002'; font-family: 'FontAwesome'; font-size: 14px; color: #797979; line-height: 36px; pointer-events: none; } .cbp-search-input { height: 36px; padding: 0 32px 0 12px; margin: 0; border-radius: 1px; border: 1px solid #c6c3c4; font: 400 12px 'Roboto', sans-serif; width: 100%; } .cbp-search-input[value] + .cbp-search-icon { pointer-events: auto; } .cbp-search-input[value] + .cbp-search-icon:after { content: '\f00d'; } .cbp-search-nothing { position: absolute; top: 0; padding: 0 0 30px; text-align: center; width: 100%; font-family: 'Roboto', sans-serif; } .portfolio-filter-header{ background-color: #BF0731; padding-top: 80px; } .portfolio-filter-header .cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active{ color: #212121; border-bottom: 1px solid #212121; } .portfolio-filter-header .cbp-l-filters-alignCenter .cbp-filter-item:hover{ color: #212121; } .portfolio-filter-header .cbp-l-filters-alignCenter .cbp-filter-item{ color: #fff; }