/*-------------------------------------------------------------------------------------
[TABLE OF CONTENTS]

	01. CUBE PORTFOLIO
	02. SMARTMENUS
	03. PRETTIFY
	04. SWIPER
	05. LIGHTGALLERY
	06. FOTORAMA
	07. COLLAGEPLUS EFFECT
	

 */
.cbp,
.cbp *,
.cbp *:after,
.cbp:after,
.cbp-l-filters-alignCenter,
.cbp-l-filters-alignCenter *,
.cbp-l-filters-alignCenter .cbp-filter-counter:after,
.cbp-l-filters-alignLeft,
.cbp-l-filters-alignLeft *,
.cbp-l-filters-alignRight,
.cbp-l-filters-alignRight *,
.cbp-l-filters-alignRight .cbp-filter-counter:after,
.cbp-l-filters-button,
.cbp-l-filters-button *,
.cbp-l-filters-button .cbp-filter-counter:after,
.cbp-l-filters-buttonCenter,
.cbp-l-filters-buttonCenter *,
.cbp-l-filters-buttonCenter .cbp-filter-counter:after,
.cbp-l-filters-dropdown,
.cbp-l-filters-dropdown *,
.cbp-l-filters-dropdownHeader:after,
.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-text .cbp-filter-counter:after,
.cbp-l-filters-underline,
.cbp-l-filters-underline *,
.cbp-popup-wrap,
.cbp-popup-wrap *,
.cbp-popup-wrap:before,
.cbp-popup-loadingBox:after,
.cbp-l-loadMore-bgbutton,
.cbp-l-loadMore-bgbutton *,
.cbp-l-loadMore-button,
.cbp-l-loadMore-button *,
.cbp-l-loadMore-text,
.cbp-l-loadMore-text *,
.cbp-search,
.cbp-search * {
    -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;
}

.cbp:after,
.cbp-lazyload:after,
.cbp-popup-loadingBox:after,
.cbp-popup-singlePageInline:after {
    content: '';
    position: absolute;
    width: 34px;
    height: 34px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-animation: cbp-rotation .8s infinite linear;
    animation: cbp-rotation .8s infinite linear;
    border-left: 3px solid rgba(114, 144, 182, 0.15);
    border-right: 3px solid rgba(114, 144, 182, 0.15);
    border-bottom: 3px solid rgba(114, 144, 182, 0.15);
    border-top: 3px solid rgba(114, 144, 182, 0.8);
    border-radius: 100%;
}

/*  ---------------------------------------------------------------
    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;
    height: 100px;
}

.cbp > * {
    visibility: hidden;
}

.cbp .cbp-item {
    position: absolute;
    top: 0;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.cbp img {
    display: block;
    border: 0;
    width: 100%;
    height: auto;
}

.cbp a,
.cbp a:hover,
.cbp a:active {
    text-decoration: none;
    outline: 0;
}

.cbp-ready > * {
    visibility: visible;
}

.cbp-ready:after {
    display: none;
    visibility: hidden;
}

.cbp-lazyload {
    position: relative;
    background: #fff;
    display: block;
}

.cbp-lazyload img {
    opacity: 1;
}

.cbp-lazyload img[data-cbp-src] {
    opacity: 0;
}

.cbp-lazyload img:not([data-cbp-src]) {
    -webkit-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out;
}

.cbp-lazyload:after {
    z-index: 0;
}

.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-updateItems {
    -webkit-transition: height .5s ease-in-out !important;
    transition: height .5s ease-in-out !important;
    will-change: height;
}

.cbp-updateItems .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-updateItems .cbp-item-loading {
    -webkit-animation: fadeIn .5s ease-in-out;
    animation: fadeIn .5s ease-in-out;
    -webkit-transition: none;
    transition: none;
}

.cbp-removeItem {
    -webkit-animation: fadeOut .5s ease-in-out;
    animation: fadeOut .5s ease-in-out;
}

/*  END - Default style for plugin. Please change them carefully! */
.cbp-panel {
    width: 94%;
    max-width: 1170px;
    margin: 0 auto;
}

.cbp-misc-video {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    background: #000;
    text-align: center;
}

.cbp-misc-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@-webkit-keyframes cbp-rotation {
    0 {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes cbp-rotation {
    0 {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.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: #282727;
}

.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 {
  color: #fff;
  font: 400 16px/21px "Open Sans", sans-serif; }

.cbp-l-caption-desc {
  color: #aaa;
  font: 400 12px/16px "Open Sans", sans-serif; }

.cbp-l-caption-text {
  font: 400 14px/21px "Open Sans", sans-serif;
  color: #fff;
  letter-spacing: 3px;
  padding: 0 6px; }

.cbp-l-caption-buttonLeft,
.cbp-l-caption-buttonRight {
  background-color: #547EB1;
  color: #FFFFFF;
  display: inline-block;
  font: 400 12px/30px "Open Sans", sans-serif;
  min-width: 90px;
  text-align: center;
  margin: 4px;
  padding: 0 6px; }

.cbp-l-caption-buttonLeft:hover,
.cbp-l-caption-buttonRight:hover {
  opacity: 0.9; }
*/
/*  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 {
    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;
    -webkit-transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.4s cubic-bezier(0.19, 1, 0.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 {
    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 {
    left: 20px;
}

.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
    left: 0;
}

/*  END - caption layout center vertically and horizontally */
.cbp-caption-fadeIn .cbp-caption-activeWrap {
    opacity: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.85);
    -webkit-transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap {
    opacity: 1;
}

.cbp-caption-minimal .cbp-l-caption-title,
.cbp-caption-minimal .cbp-l-caption-desc {
    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 {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cbp-caption-minimal .cbp-l-caption-desc {
    -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 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.cbp-caption-minimal .cbp-caption-activeWrap {
    top: 0;
    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 {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.cbp-caption-moveRight .cbp-caption-activeWrap {
    left: -100%;
    top: 0;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.cbp-caption-overlayBottom .cbp-caption-activeWrap {
    height: 60px;
    background-color: #181616;
    background-color: rgba(24, 22, 22, 0.7);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.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 {
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
    height: 60px;
}

.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}

.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.cbp-caption-overlayBottomPush .cbp-caption-defaultWrap {
    -webkit-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-overlayBottomPush .cbp-caption-activeWrap {
    bottom: -60px;
    height: 60px;
    -webkit-transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap {
    top: -60px;
}

.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap {
    bottom: 0;
}

.cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap {
    z-index: 2;
    -webkit-transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap {
    bottom: 0;
    z-index: 1;
    height: 60px;
}

.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap {
    top: -60px;
}

.cbp-caption-overlayRightAlong .cbp-caption-defaultWrap,
.cbp-caption-overlayRightAlong .cbp-caption-activeWrap {
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.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 {
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.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 {
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.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;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.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 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.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;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.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 {
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
}

.cbp-caption-zoom .cbp-caption-activeWrap {
    opacity: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap {
    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 {
    border: 1px solid transparent;
}

.cbp-caption-opacity .cbp-caption:hover {
    border-color: #EDEDED;
}

.cbp-caption-opacity .cbp-caption-defaultWrap {
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-opacity .cbp-caption:hover .cbp-caption-defaultWrap {
    opacity: .8;
}

.cbp-caption-opacity .cbp-caption:hover .cbp-caption-activeWrap {
    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 svg {
    position: absolute;
    top: 16px;
    left: 0;
}

.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 {
    -webkit-transition: height .4s !important;
    transition: height .4s !important;
}

.cbp-caption-expand-active .cbp-item {
    -webkit-transition: left .4s, top .4s !important;
    transition: left .4s, top .4s !important;
}

.cbp-caption-expand-open .cbp-caption-activeWrap {
    -webkit-transition: height .4s;
    transition: height .4s;
}

.cbp-l-filters-alignCenter {
    margin-bottom: 30px;
    text-align: center;
    font: 400 12px/21px sans-serif;
    color: #DADADA;
}

.cbp-l-filters-alignCenter .cbp-filter-item {
    color: #949494;
    cursor: pointer;
    font: 400 13px/21px "Open Sans", 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-alignCenter .cbp-filter-item:hover {
    color: #2D2C2C;
}

.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active {
    color: #2D2C2C;
    cursor: default;
}

.cbp-l-filters-alignCenter .cbp-filter-counter {
    background: none repeat scroll 0 0 #626161;
    border-radius: 3px;
    color: #FFFFFF;
    font: 400 11px/18px "Open Sans", sans-serif;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.cbp-l-filters-alignCenter .cbp-filter-counter:after {
    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:after {
    display: block;
}

.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter {
    bottom: 30px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}

.cbp-l-filters-alignLeft {
    margin-bottom: 30px;
}

.cbp-l-filters-alignLeft .cbp-filter-item {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    font: 400 12px/30px "Open Sans", sans-serif;
    padding: 0 13px;
    position: relative;
    overflow: visible;
    margin: 0 8px 10px 0;
    display: inline-block;
    color: #888888;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.cbp-l-filters-alignLeft .cbp-filter-item:hover {
    color: #111;
}

.cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active {
    background-color: #6C7A89;
    border: 1px solid #6C7A89;
    color: #fff;
    cursor: default;
}

.cbp-l-filters-alignLeft .cbp-filter-counter {
    display: inline;
}

.cbp-l-filters-alignRight {
    margin-bottom: 30px;
    text-align: right;
}

.cbp-l-filters-alignRight .cbp-filter-item {
    background-color: transparent;
    color: #8B8B8B;
    cursor: pointer;
    font: 400 11px/31px "Open Sans", sans-serif;
    padding: 0 14px;
    position: relative;
    overflow: visible;
    margin: 0 0 10px 5px;
    border: 1px solid #E4E2E2;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.cbp-l-filters-alignRight .cbp-filter-item:hover {
    color: #2B3444;
}

.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter:after {
    display: block;
}

.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter {
    bottom: 44px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}

.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {
    color: #FFFFFF;
    background-color: #049372;
    border-color: #049372;
    cursor: default;
}

.cbp-l-filters-alignRight .cbp-filter-counter {
    background: none repeat scroll 0 0 #049372;
    border-radius: 3px;
    color: #fff;
    font: 400 11px/18px "Open Sans", sans-serif;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "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:after {
    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 {
  margin-bottom: 30px; }

.cbp-l-filters-button .cbp-filter-item {
  background-color: #FFFFFF;
  border: 1px solid #ECECEC;
  color: #888888;
  cursor: pointer;
  font: 400 12px/32px "Open Sans", 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 {
  color: #545454;
  border-color: #DADADA; }

.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
  background-color: #545454;
  color: #fff;
  border-color: #5d5d5d;
  cursor: default; }
*/
.cbp-l-filters-button .cbp-filter-counter {
    background-color: #545454;
    border-radius: 3px;
    color: #fff;
    font: 400 11px/18px "Open Sans", sans-serif;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    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:after {
    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:after {
  display: block; }

.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter {
  bottom: 44px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1; }
*/
.cbp-l-filters-buttonCenter {
    margin-bottom: 30px;
    text-align: center;
}

.cbp-l-filters-buttonCenter .cbp-filter-item {
    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 {
    color: #5d5d5d;
}

.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
    color: #3B9CB3;
    border-color: #8CD2E5;
    cursor: default;
}

.cbp-l-filters-buttonCenter .cbp-filter-counter {
    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:after {
    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:after {
    display: block;
}

.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter {
    bottom: 44px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}

.cbp-l-filters-dropdown {
    margin-bottom: 40px;
    height: 38px;
    position: relative;
    z-index: 5;
}

.cbp-l-filters-dropdownWrap {
    width: 200px;
    position: absolute;
    right: 0;
    background: #4d4c4d;
}

.cbp-l-filters-dropdownHeader {
    font: 400 12px/38px "Open Sans", sans-serif;
    margin: 0 17px;
    color: #FFF;
    cursor: default;
    position: relative;
}

.cbp-l-filters-dropdownHeader:after {
    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 {
    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 {
    background: transparent;
    color: #b3b3b3;
    width: 100%;
    text-align: left;
    font: 400 12px/40px "Open Sans", sans-serif;
    margin: 0;
    padding: 0 17px;
    cursor: pointer;
    border: none;
    border-top: 1px solid #595959;
}

.cbp-l-filters-dropdownList .cbp-filter-item:hover {
    color: #e6e6e6;
}

.cbp-l-filters-dropdownList .cbp-filter-item-active {
    color: #fff;
    cursor: default;
}

.cbp-l-filters-dropdownWrap .cbp-filter-counter {
    display: inline;
}

.cbp-l-filters-dropdown-floated {
    float: right;
    margin-top: -2px;
    margin-left: 20px;
    width: 200px;
}

.cbp-l-filters-list {
    margin-bottom: 30px;
    /* clearfix */
    content: "";
    display: table;
    clear: both;
}

.cbp-l-filters-list .cbp-filter-item {
    background-color: transparent;
    color: #585252;
    cursor: pointer;
    font: 400 12px/35px "Open Sans", sans-serif;
    padding: 0 18px;
    position: relative;
    overflow: visible;
    margin: 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 {
    color: #000;
}

.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active {
    cursor: default;
    color: #FFFFFF;
    background-color: #3288C4;
}

.cbp-l-filters-list-first {
    border-radius: 6px 0 0 6px;
}

.cbp-l-filters-list-last {
    border-radius: 0 6px 6px 0;
    border-right-width: 1px !important;
}

.cbp-l-filters-list .cbp-filter-counter {
    display: inline;
}

@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 {
    margin-bottom: 30px;
    text-align: center;
}

.cbp-l-filters-work .cbp-filter-item {
    background-color: #FFFFFF;
    color: #888;
    cursor: pointer;
    font: 600 11px/37px "Open Sans", 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 {
    color: #fff;
    background: #607D8B;
}

.cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active {
    background: #607D8B;
    color: #fff;
    cursor: default;
}

.cbp-l-filters-work .cbp-filter-counter {
    font: 600 11px/37px "Open Sans", 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 {
    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 {
    color: #949494;
    cursor: pointer;
    font: 400 13px/21px "Lato", sans-serif;
    padding: 0 12px;
    -webkit-transition: all .3s ease-in-out;
    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 {
    color: #2D2C2C;
}

.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active {
    color: #2D2C2C;
    cursor: default;
}

.cbp-l-filters-text .cbp-filter-counter {
    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:after {
    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:after {
    display: block;
}

.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter {
    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 "Open Sans", 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 {
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-quicksand .cbp-item {
    -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 */
@-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 */
@-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 {
    -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 {
    -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 */
@-webkit-keyframes fadeOut-off {
    0% {
        opacity: 1;
    }

    80%,
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut-off {
    0% {
        opacity: 1;
    }

    80%,
    100% {
        opacity: 0;
    }
}

/* out */
@-webkit-keyframes fadeOut-on {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeOut-on {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.cbp-animation-flipOut {
    -webkit-transition: height .7s ease-in-out;
    transition: height .7s ease-in-out;
    will-change: height;
}

.cbp-animation-flipOut .cbp-item {
    -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 */
@-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 */
@-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 {
    -webkit-transition: height .7s ease-in-out;
    transition: height .7s ease-in-out;
    will-change: height;
}

.cbp-animation-flipBottom .cbp-item {
    -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 */
@-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 */
@-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 {
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-scaleSides .cbp-item {
    -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 */
@-webkit-keyframes scaleSides-out {

    50%,
    100% {
        -webkit-transform: scale(0.6);
        opacity: 0;
    }
}

@keyframes scaleSides-out {

    50%,
    100% {
        transform: scale(0.6);
        opacity: 0;
    }
}

/* in */
@-webkit-keyframes scaleSides-in {

    0%,
    50% {
        -webkit-transform: scale(0.6);
        opacity: 0;
    }
}

@keyframes scaleSides-in {

    0%,
    50% {
        transform: scale(0.6);
        opacity: 0;
    }
}

.cbp-animation-skew {
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-skew .cbp-item {
    -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 */
@-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 */
@-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 {
    -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 */
@-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 */
@-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 {
    -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 */
@-webkit-keyframes slideLeft-out {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    25% {
        opacity: .75;
        -webkit-transform: scale(0.8);
    }

    75% {
        opacity: .75;
        -webkit-transform: scale(0.8) translateX(-200%);
    }

    100% {
        opacity: .75;
        -webkit-transform: scale(0.8) translateX(-200%);
    }
}

@keyframes slideLeft-out {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    25% {
        opacity: .75;
        transform: scale(0.8);
    }

    75% {
        opacity: .75;
        transform: scale(0.8) translateX(-200%);
    }

    100% {
        opacity: .75;
        transform: scale(0.8) translateX(-200%);
    }
}

/* in */
@-webkit-keyframes slideLeft-in {

    0%,
    25% {
        opacity: .75;
        -webkit-transform: scale(0.8) translateX(200%);
    }

    75% {
        opacity: .75;
        -webkit-transform: scale(0.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0);
    }
}

@keyframes slideLeft-in {

    0%,
    25% {
        opacity: .75;
        transform: scale(0.8) translateX(200%);
    }

    75% {
        opacity: .75;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateX(0);
    }
}

.cbp-animation-sequentially {
    -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 {
    -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 {
    -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 {
    -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 {
    -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 */
@-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 {
    -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 {
    -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 {
    -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(0.8);
    }
}

@keyframes scaleDown-out {
    100% {
        opacity: 0;
        transform: scale(0.8);
    }
}

/* in */
@-webkit-keyframes scaleDown-in {
    0% {
        -webkit-transform: translateX(100%);
    }
}

@keyframes scaleDown-in {
    0% {
        transform: translateX(100%);
    }
}

.cbp-animation-frontRow {
    -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(0.8);
        opacity: 0;
    }
}

@keyframes frontRow-out {
    100% {
        transform: translateX(-60%) scale(0.8);
        opacity: 0;
    }
}

/* in */
@-webkit-keyframes frontRow-in {
    0% {
        -webkit-transform: translateX(100%) scale(0.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%) scale(1);
    }
}

@keyframes frontRow-in {
    0% {
        transform: translateX(100%) scale(0.8);
    }

    100% {
        opacity: 1;
        transform: translateX(0%) scale(1);
    }
}

.cbp-animation-rotateRoom {
    -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 {
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-bounceBottom .cbp-wrapper-helper {
    -webkit-animation: bounceBottom-out .6s both ease-in-out;
    animation: bounceBottom-out .6s both ease-in-out;
}

.cbp-animation-bounceBottom .cbp-wrapper {
    -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 {
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-bounceLeft .cbp-wrapper-helper {
    -webkit-animation: bounceLeft-out .6s both ease-in-out;
    animation: bounceLeft-out .6s both ease-in-out;
}

.cbp-animation-bounceLeft .cbp-wrapper {
    -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 {
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-bounceTop .cbp-wrapper-helper {
    -webkit-animation: bounceTop-out .6s both ease-in-out;
    animation: bounceTop-out .6s both ease-in-out;
}

.cbp-animation-bounceTop .cbp-wrapper {
    -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 {
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-moveLeft .cbp-wrapper-helper {
    -webkit-animation: moveLeft-out .6s both ease-in-out;
    animation: moveLeft-out .6s both ease-in-out;
}

.cbp-animation-moveLeft .cbp-wrapper {
    -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-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-displayType-fadeIn {
    -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-lightbox img {
    display: block;
    border: 0;
    width: 100%;
    height: auto;
}

.cbp-popup-ie8bg {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.cbp-popup-wrap {
    height: 100%;
    text-align: center;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    display: none;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    z-index: 9990;
    padding: 0 10px;
}

.cbp-popup-wrap video {
    outline: 0 none;
}

.cbp-popup-lightbox {
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}

.cbp-popup-singlePage {
    background: white;
    padding: 0;
}

.cbp-popup-wrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.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;
    margin-top: 145px;
    max-width: 1024px;
    vertical-align: top;
    width: 94%;
}

.cbp-popup-singlePage .cbp-popup-content-basic {
    position: relative;
    z-index: 1;
    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%;
    margin-top: 3px;
}

.cbp-popup-lightbox-title {
    padding-right: 70px;
    font: 400 12px/18px "Open Sans", sans-serif;
    color: #eee;
}

.cbp-popup-lightbox-counter {
    position: absolute;
    top: 0;
    right: 0;
    font: 400 12px/18px "Open Sans", sans-serif;
    color: #eee;
}

.cbp-popup-lightbox-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 40px 0 40px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.cbp-popup-lightbox-img[data-action] {
    cursor: pointer;
}

.cbp-popup-lightbox-isIframe .cbp-popup-content {
    width: 75%;
}

@media only screen and (max-width: 768px) {
    .cbp-popup-lightbox-isIframe .cbp-popup-content {
        width: 95%;
    }
}

.cbp-popup-lightbox-isIframe .cbp-lightbox-bottom {
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    margin-top: 3px;
}

.cbp-popup-lightbox-iframe {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    /* 16/9 ratio */
    background: #000;
}

.cbp-popup-lightbox-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 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;
    height: 104px;
    background-color: #3D4750;
}

.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 {
    color: #fff;
    position: absolute;
    margin: auto;
    right: 40px;
    top: 0;
    bottom: 0;
    font: 400 13px/30px "Open Sans", 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 {
    background: url("../img/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 {
    background-position: 0 -46px;
}

/* PREVIOUS BUTTON SINGLEPAGE */
.cbp-popup-singlePage .cbp-popup-prev {
    background: url("../img/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 {
    background-position: 0 -138px;
}

/* NEXT BUTTON LIGHTBOX */
.cbp-popup-lightbox .cbp-popup-next {
    background: url("../img/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 {
    background-position: -46px -46px;
}

/* NEXT BUTTON SINGLEPAGE */
.cbp-popup-singlePage .cbp-popup-next {
    background: url("../img/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 {
    background-position: -46px -138px;
}

/* CLOSE BUTTON LIGTHBOX */
.cbp-popup-lightbox .cbp-popup-close {
    background: url("../img/cbp-sprite.png") no-repeat scroll -92px 0 transparent;
    height: 40px;
    width: 40px;
    right: 20px;
    top: 20px;
}

.cbp-popup-lightbox .cbp-popup-close:hover {
    background-position: -92px -46px;
}

/* CLOSE BUTTON SINGLEPAGE */
.cbp-popup-singlePage .cbp-popup-close {
    background: url("../img/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-close:hover {
    background-position: -92px -138px;
}

.cbp-popup-singlePage .cbp-popup-ie8bg {
    background-color: #fff;
}

@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-lightbox .cbp-popup-loadingBox:after {
    border-left: 3px solid rgba(255, 255, 255, 0.3);
    border-right: 3px solid rgba(255, 255, 255, 0.3);
    border-bottom: 3px solid rgba(255, 255, 255, 0.3);
    border-top: 3px solid rgba(255, 255, 255, 0.85);
}

.cbp-popup-ready .cbp-popup-loadingBox {
    visibility: hidden;
    display: none;
}

.cbp-popup-loading .cbp-popup-loadingBox {
    visibility: visible;
    display: block;
}

.cbp-popup-transitionend {
    overflow-y: scroll;
}

.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;
    -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%;
    -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 {
    color: #454444;
    font: 600 42px/46px "Open Sans", sans-serif;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}

.cbp-l-project-subtitle {
    color: #787878;
    font: 400 14px/21px "Open Sans", sans-serif;
    margin: 0 auto 50px;
    max-width: 500px;
    text-align: center;
}

.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.cbp-l-project-container {
    overflow: hidden;
    margin: 40px auto 0;
    clear: both;
}

.cbp-l-project-desc {
    float: left;
    width: 62%;
}

.cbp-l-project-details {
    float: right;
    width: 38%;
    padding-left: 60px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
    .cbp-l-project-title {
        font-size: 30px;
        line-height: 34px;
    }

    .cbp-l-project-desc {
        width: 100%;
    }

    .cbp-l-project-details {
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
    }
}

.cbp-l-project-desc-title {
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 22px;
    color: #444;
}

.cbp-l-project-desc-title span,
.cbp-l-project-details-title span {
    border-bottom: 1px solid #747474;
    display: inline-block;
    margin: 0 0 -1px 0;
    font: 400 16px/36px "Open Sans", sans-serif;
    padding: 0 5px 0 0;
}

.cbp-l-project-desc-text {
    font: 400 13px/20px "Open Sans", sans-serif;
    color: #555;
    margin-bottom: 20px;
}

.cbp-l-project-details-title {
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 19px;
    color: #444;
}

.cbp-l-project-details-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cbp-l-project-details-list > li,
.cbp-l-project-details-list > div {
    border-bottom: 1px dotted #DFDFDF;
    padding: inherit;
    color: #666;
    font: 400 12px/30px "Open Sans", sans-serif;
}

.cbp-l-project-details-list > li:last-child,
.cbp-l-project-details-list > div:last-child {
    border: none;
}

.cbp-l-project-details-list strong {
    display: inline-block;
    color: #696969;
    font-weight: 600;
    min-width: 100px;
}

.cbp-l-project-details-visit {
    color: #FFFFFF;
    float: right;
    clear: both;
    text-decoration: none;
    font: 400 11px/18px "Open Sans", sans-serif;
    margin-top: 25px;
    background-color: #62B57B;
    padding: 8px 19px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.cbp-l-project-details-visit:hover {
    opacity: 0.9;
    color: #fff;
}

.cbp-l-project-related-wrap {
    font-size: 0;
    margin: 0;
    padding: 0;
}

.cbp-l-project-related-item {
    margin-left: 5%;
    max-width: 30%;
    float: left;
}

.cbp-l-project-related-item:first-child {
    margin-left: 0;
}

.cbp-l-project-related-title {
    font: 700 14px/18px "Open Sans", sans-serif;
    color: #474747;
    margin-top: 20px;
}

.cbp-l-project-related-link {
    text-decoration: none;
}

.cbp-l-project-related-link:hover {
    opacity: 0.9;
}

.cbp-l-member-img {
    float: left;
    width: 40%;
    margin-top: 20px;
}

.cbp-l-member-img img {
    border: 1px solid #e2e2e2;
    width: auto;
    max-width: 100%;
    height: auto;
    display: inline-block;
    border: 0;
}

.cbp-l-member-info {
    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 {
    font: 400 28px/28px "Open Sans", sans-serif;
    color: #474747;
}

.cbp-l-member-position {
    font: 400 13px/21px "Open Sans", sans-serif;
    color: #888;
    margin-top: 6px;
}

.cbp-l-member-desc {
    font: 400 12px/18px "Open Sans", 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:after {
    display: none;
    visibility: hidden;
}

.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 .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 {
    background: url("../img/cbp-sprite.png") no-repeat scroll -92px 0 transparent;
    height: 40px;
    width: 40px;
    right: 20px;
    top: 30px;
}

.cbp-popup-singlePageInline .cbp-popup-close:hover {
    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:after {
    display: none;
    visibility: hidden;
}

.cbp-singlePageInline-active {
    opacity: 0.6 !important;
}

.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 "Open Sans", sans-serif;
    color: #474747;
}

.cbp-l-inline-subtitle {
    font: 400 13px/21px "Open Sans", sans-serif;
    color: #888;
    margin-top: 7px;
}

.cbp-l-inline-desc {
    font: 400 13px/20px "Open Sans", sans-serif;
    color: #474747;
    margin-top: 25px;
    margin-bottom: 20px;
}

.cbp-l-inline-view-wrap {
    text-align: right;
}

.cbp-l-inline-view {
    font: 400 13px/35px "Open Sans", 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-bottom: 15px;
    font: 13px/22px "Open Sans", 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 {
  text-align: center; }

.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link {
  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 {
  color: #B0B0B0; }

.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-stop {
  cursor: default;
  color: #B0B0B0; }

.cbp-l-loadMore-button {
  text-align: center; }

.cbp-l-loadMore-button .cbp-l-loadMore-link,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link {
  border: 1px solid #DEDEDE;
  color: #7E7B7B;
  display: inline-block;
  font: 400 12px/36px "Open Sans", 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 {
  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 {
  cursor: default;
  color: #B0B0B0; }

.cbp-l-loadMore-text {
  text-align: center; }

.cbp-l-loadMore-text .cbp-l-loadMore-link,
.cbp-l-loadMore-text .cbp-l-loadMore-text-link {
  font: 400 15px "Open Sans", 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 {
  color: #B0B0B0;
  cursor: default; }
*/
.cbp-mode-slider {
    -webkit-transition: height 0.35s cubic-bezier(0.22, 0.6, 0.345, 1);
    transition: height 0.35s cubic-bezier(0.22, 0.6, 0.345, 1);
}

.cbp-mode-slider .cbp-wrapper,
.cbp-mode-slider .cbp-item {
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.22, 0.6, 0.345, 1);
    transition: transform 0.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 {
    -webkit-transition: none;
    transition: none;
}

.cbp-nav-next,
.cbp-nav-prev {
    position: relative;
    background: #7c8b90;
    cursor: pointer;
    display: inline-block;
    margin-left: 1px;
    height: 22px;
    width: 21px;
}

.cbp-nav-next {
    border-radius: 0 2px 2px 0;
}

.cbp-nav-prev {
    border-radius: 2px 0 0 2px;
}

.cbp-nav-next:hover,
.cbp-nav-prev:hover {
    opacity: 0.8;
}

.cbp-nav-next:after,
.cbp-nav-prev:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url("../img/cbp-sprite.png") no-repeat;
    height: 10px;
    width: 7px;
}

.cbp-nav-next:after {
    background-position: -134px 0;
}

.cbp-nav-prev:after {
    background-position: -134px -12px;
}

.cbp-nav-stop {
    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 {
    position: absolute;
    top: -51px;
    right: 0;
    z-index: 100;
}

.cbp-nav-pagination {
    position: absolute;
    bottom: -30px;
    right: 0;
    z-index: 100;
    left: 0;
    text-align: center;
}

.cbp-nav-pagination-item {
    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 {
    background: #797979;
}

.cbp-pagination-item {
    max-width: 100px;
    display: inline-block;
    cursor: pointer;
    margin-top: 10px;
    margin-right: 5px;
    position: relative;
}

.cbp-pagination-item img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
}

.cbp-pagination-item:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
}

.cbp-pagination-active:after {
    background: transparent;
}

.cbp-slider-wrap,
.cbp-slider-item {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.cbp-slider .cbp-nav-controls {
    position: static;
}

.cbp-slider .cbp-nav-next,
.cbp-slider .cbp-nav-prev {
    background: transparent;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    z-index: 100;
    width: 44px;
    height: 44px;
}

.cbp-slider .cbp-nav-next {
    right: 25px;
    left: auto;
}

.cbp-slider .cbp-nav-prev {
    left: 25px;
    right: auto;
}

.cbp-slider .cbp-nav-next:after,
.cbp-slider .cbp-nav-prev:after {
    background: url("../img/cbp-sprite.png") no-repeat;
    width: 44px;
    height: 44px;
}

.cbp-slider .cbp-nav-next:after {
    background-position: -46px -92px;
}

.cbp-slider .cbp-nav-next:hover:after {
    background-position: -46px -46px;
}

.cbp-slider .cbp-nav-prev:after {
    background-position: 0 -92px;
}

.cbp-slider .cbp-nav-prev:hover:after {
    background-position: 0 -46px;
}

.cbp-slider .cbp-nav-pagination {
    text-align: right;
    bottom: 20px;
    right: 25px;
    left: auto;
}

.cbp-slider-edge .cbp-nav-controls {
    position: static;
}

.cbp-slider-edge .cbp-nav-next,
.cbp-slider-edge .cbp-nav-prev {
    background: transparent;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    z-index: 100;
    width: 44px;
    height: 44px;
}

.cbp-slider-edge .cbp-nav-next {
    right: -14px;
    left: auto;
}

.cbp-slider-edge .cbp-nav-prev {
    left: -14px;
    right: auto;
}

.cbp-slider-edge .cbp-nav-next:after,
.cbp-slider-edge .cbp-nav-prev:after {
    background: url("../img/cbp-sprite.png") no-repeat;
    width: 9px;
    height: 16px;
}

.cbp-slider-edge .cbp-nav-next:after {
    background-position: -134px -24px;
}

.cbp-slider-edge .cbp-nav-prev:after {
    background-position: -134px -42px;
}

.cbp-slider-edge .cbp-nav-pagination {
    bottom: -50px;
}

.cbp-slider-edge .cbp-nav-pagination-item {
    border: 2px solid #0f0f0f;
    opacity: 0.4;
    background: transparent;
}

.cbp-slider-edge .cbp-nav-pagination-active {
    background: #000;
}

.cbp-slider-inline {
    position: relative;
}

.cbp-slider-inline .cbp-slider-item {
    position: absolute;
    width: 100%;
    top: 0;
    transition: left .5s ease;
}

.cbp-slider-inline .cbp-slider-item--active {
    position: relative;
    z-index: 2;
}

.cbp-slider-wrapper {
    position: relative;
    overflow: hidden;
}

.cbp-slider-controls {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    opacity: 0;
    -webkit-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out;
}

.cbp-slider-inline-ready .cbp-slider-controls {
    opacity: 1;
}

.cbp-slider-next,
.cbp-slider-prev {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    cursor: pointer;
    position: relative;
    width: 36px;
    height: 36px;
    background: #547EB1;
}

.cbp-slider-next {
    margin-left: 1px;
}

.cbp-slider-next:after,
.cbp-slider-prev:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url("../img/cbp-sprite.png") no-repeat;
    width: 9px;
    height: 16px;
}

.cbp-slider-next:after {
    background-position: -134px -60px;
}

.cbp-slider-prev:after {
    background-position: -134px -78px;
}

.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 {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.cbp-l-grid-agency-title {
    margin-top: 18px;
    font: 700 17px/24px "Lato", sans-serif;
    color: #666;
    text-align: center;
}

.cbp-item:hover .cbp-l-grid-agency-title {
    color: #222;
}

.cbp-l-grid-agency-desc {
    font: 400 12px/21px "Open Sans", 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 {
    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 {
    color: #365D67;
}

.cbp-l-grid-work-desc {
    font: 400 11px/16px "Open Sans", sans-serif;
    color: #888888;
    text-align: center;
    text-transform: uppercase;
}

.cbp-l-grid-blog-title {
    font: 400 18px/30px "Open Sans", sans-serif;
    color: #444;
    display: block;
    margin-top: 17px;
}

.cbp-l-grid-blog-title:hover {
    color: #787878;
}

.cbp-l-grid-blog-date {
    font: 400 12px/18px "Open Sans", sans-serif;
    color: #787878;
    display: inline-block;
}

.cbp-l-grid-blog-comments {
    font: 400 12px/18px "Open Sans", sans-serif;
    color: #3C6FBB;
    display: inline-block;
}

.cbp-l-grid-blog-comments:hover {
    opacity: .8;
}

.cbp-l-grid-blog-desc {
    font: 400 13px/18px "Open Sans", sans-serif;
    color: #9B9B9B;
    margin-top: 9px;
}

.cbp-l-grid-blog-split {
    margin: 0 4px;
    font: 400 13px/16px "Open Sans", 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 {
    font: 700 14px/21px "Open Sans", sans-serif;
    color: #474747;
    margin-top: 15px;
}

.cbp-l-grid-projects-desc {
    font: 400 12px/18px "Open Sans", sans-serif;
    color: #888888;
    margin-top: 5px;
}

.cbp-l-grid-masonry-projects .cbp-caption-activeWrap {
    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 {
    background-color: #545454;
}

.cbp-l-grid-masonry-projects-title {
    font: 500 15px/22px "Roboto", sans-serif;
    color: #59a3b6;
    text-align: center;
    display: block;
    margin-top: 12px;
}

.cbp-l-grid-masonry-projects-title:hover {
    color: #457C8B;
}

.cbp-l-grid-masonry-projects-desc {
    font: 400 12px/18px "Roboto", sans-serif;
    color: #b2b2b2;
    text-align: center;
}

.cbp-l-grid-team-name {
    font: 400 17px/24px "Open Sans", sans-serif;
    color: #456297;
    display: block;
    text-align: center;
    margin-top: 18px;
}

.cbp-l-grid-team-name:hover {
    color: #34425C;
}

.cbp-l-grid-team-position {
    font: italic 400 13px/21px "Open Sans", sans-serif;
    color: #999;
    text-align: center;
}

.cbp-l-grid-mosaic-flat .cbp-caption-activeWrap {
    background-color: #64C28E;
    background-color: rgba(101, 199, 150, 0.95);
}

/*.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 {
    background-color: #59a3b6;
    background-color: rgba(89, 163, 182, 0.97);
}

.cbp-l-grid-mosaic .cbp-caption-activeWrap {
    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: 22px;
}

.cbp-l-grid-slider-team-social a {
    margin-left: 4px;
}

.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 "Roboto", 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: 420px;
    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: '';
    display: block;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzczNzM3MyIgZD0iTTEyMTYgODMycTAtMTg1LTEzMS41LTMxNi41VDc2OCAzODQgNDUxLjUgNTE1LjUgMzIwIDgzMnQxMzEuNSAzMTYuNVQ3NjggMTI4MHQzMTYuNS0xMzEuNVQxMjE2IDgzMnptNTEyIDgzMnEwIDUyLTM4IDkwdC05MCAzOHEtNTQgMC05MC0zOGwtMzQzLTM0MnEtMTc5IDEyNC0zOTkgMTI0LTE0MyAwLTI3My41LTU1LjV0LTIyNS0xNTAtMTUwLTIyNVQ2NCA4MzJ0NTUuNS0yNzMuNSAxNTAtMjI1IDIyNS0xNTBUNzY4IDEyOHQyNzMuNSA1NS41IDIyNSAxNTAgMTUwIDIyNVQxNDcyIDgzMnEwIDIyMC0xMjQgMzk5bDM0MyAzNDNxMzcgMzcgMzcgOTB6Ii8+PC9zdmc+") no-repeat scroll center center;
    width: 100%;
    height: 100%;
    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 "Open Sans", sans-serif;
    width: 100%;
}

.cbp-search-input[value] + .cbp-search-icon {
    pointer-events: auto;
}

.cbp-search-input[value] + .cbp-search-icon:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzczNzM3MyIgZD0iTTE0OTAgMTMyMnEwIDQwLTI4IDY4bC0xMzYgMTM2cS0yOCAyOC02OCAyOHQtNjgtMjhsLTI5NC0yOTQtMjk0IDI5NHEtMjggMjgtNjggMjh0LTY4LTI4bC0xMzYtMTM2cS0yOC0yOC0yOC02OHQyOC02OGwyOTQtMjk0LTI5NC0yOTRxLTI4LTI4LTI4LTY4dDI4LTY4bDEzNi0xMzZxMjgtMjggNjgtMjh0NjggMjhsMjk0IDI5NCAyOTQtMjk0cTI4LTI4IDY4LTI4dDY4IDI4bDEzNiAxMzZxMjggMjggMjggNjh0LTI4IDY4bC0yOTQgMjk0IDI5NCAyOTRxMjggMjggMjggNjh6Ii8+PC9zdmc+");
}

.cbp-search-nothing {
    position: absolute;
    top: 0;
    padding: 0 0 30px;
    text-align: center;
    width: 100%;
    font: 13px "Open Sans", sans-serif;
}

.cbp-l-project-social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.cbp-social-fb,
.cbp-social-twitter,
.cbp-social-googleplus,
.cbp-social-pinterest {
    margin-right: 9px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.cbp-social-fb:hover,
.cbp-social-twitter:hover,
.cbp-social-googleplus:hover,
.cbp-social-pinterest:hover {
    opacity: .8;
}

.cbp-social-fb:focus,
.cbp-social-twitter:focus,
.cbp-social-googleplus:focus,
.cbp-social-pinterest:focus {
    outline: none;
}

.cbp-social-fb path {
    fill: #415C9B;
}

.cbp-social-twitter path {
    fill: #55acee;
}

.cbp-social-googleplus path {
    fill: #E57371;
}

.cbp-social-pinterest path {
    fill: #cb2027;
}

/*-----------------------------------------------------------------------------------*/
/*	02. SMARTMENUS
/*-----------------------------------------------------------------------------------*/
.sm {
    position: relative;
    z-index: 9999;
}

.sm,
.sm ul,
.sm li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sm-rtl,
.sm-rtl ul,
.sm-rtl li {
    direction: rtl;
    text-align: right;
}

.sm > li > h1,
.sm > li > h2,
.sm > li > h3,
.sm > li > h4,
.sm > li > h5,
.sm > li > h6 {
    margin: 0;
    padding: 0;
}

.sm ul {
    display: none;
}

.sm li,
.sm a {
    position: relative;
}

.sm a {
    display: block;
}

.sm a.disabled {
    cursor: not-allowed;
}

.sm:after {
    content: "\00a0";
    display: block;
    height: 0;
    font: 0px/0 serif;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.sm,
.sm *,
.sm *:before,
.sm *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*
 You probably do not need to edit this at all.

 Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/
/* sub menus arrows on desktop */
.navbar-nav:not(.sm-collapsible) ul .caret {
    border: 0;
}

.navbar-nav:not(.sm-collapsible) ul a.has-submenu {}

/* make sub menu arrows look like +/- buttons in collapsible mode */
.navbar-nav.sm-collapsible .caret,
.navbar-nav.sm-collapsible ul .caret {
    position: absolute;
    right: 0;
    top: 10px;
    margin: 0 15px 0 0;
    padding: 0;
    text-align: center;
    border: 0;
}

.navbar-nav.sm-collapsible .caret:before {
    content: '\f218';
    font-family: "Ionicons";
    font-weight: normal;
    font-size: 13px;
}

.navbar-nav.sm-collapsible .open > a > .caret:before {
    content: '\f209';
}

.navbar-nav.sm-collapsible a.has-submenu {
    padding-right: 0;
    position: relative;
}

/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret,
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
    position: static;
    margin: 0 0 0 2px;
    padding: 0;
    width: 0;
    height: 0;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-bottom: 0;
    border-left: 4px solid transparent;
}

.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
    content: '' !important;
}

.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
    padding-right: 15px;
}

/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up,
.navbar-nav span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    height: 20px;
    overflow: hidden;
    text-align: center;
}

.navbar-nav span.scroll-up-arrow,
.navbar-nav span.scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: 7px dashed transparent;
    border-right: 7px dashed transparent;
    border-bottom: 7px solid;
    border-left: 7px dashed transparent;
}

.navbar-nav span.scroll-down-arrow {
    top: 6px;
    border-top: 7px solid;
    border-right: 7px dashed transparent;
    border-bottom: 7px dashed transparent;
    border-left: 7px dashed transparent;
}

/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
    padding-left: 35px;
}

.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
    padding-left: 45px;
}

.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
    padding-left: 55px;
}

.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
    padding-left: 65px;
}

/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
    white-space: normal;
}

.navbar-nav ul.sm-nowrap > li > a {
    white-space: nowrap;
}

.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
    white-space: normal;
}

/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
    left: 0;
    right: auto;
}

/*-----------------------------------------------------------------------------------*/
/*	03. PRETTIFY
/*-----------------------------------------------------------------------------------*/
.com {
    color: #93a1a1;
}

.lit {
    color: #195f91;
}

.pun,
.opn,
.clo {
    color: #93a1a1;
}

.fun {
    color: #dc322f;
}

.str,
.atv {
    color: #D14;
}

.kwd,
.prettyprint .tag {
    color: #1e347b;
}

.typ,
.atn,
.dec,
.var {
    color: teal;
}

.pln {
    color: #48484c;
}

.prettyprint {
    padding: 8px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
}

.prettyprint.linenums {
    -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
    -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
    box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
    margin: 0 0 0 33px;
    /* IE indents via margin-left */
    padding: 0 0 0 2px;
}

ol.linenums li {
    padding-left: 12px;
    color: #bebec5;
    line-height: 20px;
    text-shadow: 0 1px 0 #fff;
}

/*-----------------------------------------------------------------------------------*/
/*	04. SWIPER
/*-----------------------------------------------------------------------------------*/
/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

/*-----------------------------------------------------------------------------------*/
/*	05. LIGHTGALLERY
/*-----------------------------------------------------------------------------------*/
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-sub-html,
.lg-toolbar {
    background-color: rgba(0, 0, 0, .45);
    z-index: 1080
}

#lg-counter,
.lg-outer .lg-video-cont {
    vertical-align: middle;
    display: inline-block
}

@font-face {
    font-family: lg;
    src: url(../type/lg/lg.eot?n1z373);
    src: url(../type/lg/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../type/lg/lg.woff?n1z373) format("woff"), url(../type/lg/lg.ttf?n1z373) format("truetype"), url(../type/lg/lg.svg?n1z373#lg) format("svg");
    font-weight: 400;
    font-style: normal
}

.lg-icon {
    font-family: lg;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: .5
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #FFF
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:before {
    content: "\e095"
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    content: "\e094"
}

@-webkit-keyframes lg-right-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-moz-keyframes lg-right-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-ms-keyframes lg-right-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@keyframes lg-right-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-webkit-keyframes lg-left-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@-moz-keyframes lg-left-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@-ms-keyframes lg-left-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@keyframes lg-left-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: 0
}

.lg-toolbar .lg-icon:hover {
    color: #FFF
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    bottom: 0;
    color: #EEE;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px
}

.lg-next,
.lg-prev,
.lg-toolbar {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms !important;
    -moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important;
    -o-transition: -o-transform 250ms ease 0s, opacity 250ms !important;
    transition: transform 250ms ease 0s, opacity 250ms !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #0D0A0A;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
}

.lg-outer .lg-thumb-item {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #FFF;
    border-radius: 4px;
    margin-bottom: 5px
}

@media (min-width:1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color .25s ease;
        -o-transition: border-color .25s ease;
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom .25s ease;
    -o-transition: bottom .25s ease;
    transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toogle-thumb {
    background-color: #0D0A0A;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff"
}

.lg-outer .lg-toogle-thumb:hover {
    color: #FFF
}

.lg-outer .lg-video-cont {
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url(../img/vimeo-play.png) no-repeat
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url(../img/vimeo-play.png) 0 -58px no-repeat
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: url(../img/video-play.png) no-repeat;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: .8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url(../img/youtube-play.png) no-repeat
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url(../img/youtube-play.png) 0 -60px no-repeat
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-palying .lg-object,
.lg-outer .lg-has-video.lg-video-palying .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-palying .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1080;
    opacity: 0;
    -webkit-transition: opacity 80ms ease 0s;
    -moz-transition: opacity 80ms ease 0s;
    -o-transition: opacity 80ms ease 0s;
    transition: opacity 80ms ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform .3s ease 0s;
    -moz-transition: -moz-transform .3s ease 0s;
    -o-transition: -o-transform .3s ease 0s;
    transition: transform .3s ease 0s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform .3s ease 0s, opacity .15s !important;
    -moz-transition: -moz-transform .3s ease 0s, opacity .15s !important;
    -o-transition: -o-transform .3s ease 0s, opacity .15s !important;
    transition: transform .3s ease 0s, opacity .15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content: "\e311"
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px #fff inset
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #FFF;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
    -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s;
    -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
    transition: opacity .15s ease 0s, transform .15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
    box-shadow: 0 0 0 8px #fff inset
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-outer,
.lg-outer .lg,
.lg-outer .lg-inner {
    width: 100%;
    height: 100%
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.group:after,
.group:before {
    display: table;
    content: "";
    line-height: 0
}

.group:after {
    clear: both
}

.lg-outer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    background: url(../img/loading.gif) center center no-repeat;
    display: none !important
}

.lg-outer.lg-css .lg-current,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: static;
    padding: 0 5px
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html,
.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item,
.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

/*-----------------------------------------------------------------------------------*/
/*	06. FOTORAMA
/*-----------------------------------------------------------------------------------*/
/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__html,
.fotorama__img,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.fotorama--fullscreen,
.fotorama__img {
    max-width: 99999px !important;
    max-height: 99999px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important
}

.fotorama__wrap .fotorama__grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.fotorama__grabbing * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.fotorama__spinner {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important
}

.fotorama__wrap--css3 .fotorama__arr,
.fotorama__wrap--css3 .fotorama__fullscreen-icon,
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border,
.fotorama__wrap--css3 .fotorama__video-close,
.fotorama__wrap--css3 .fotorama__video-play {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fotorama__caption,
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before,
.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__nav,
.fotorama__wrap--css3 .fotorama__spinner,
.fotorama__wrap--css3 .fotorama__stage,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img,
.fotorama__wrap--css3 .fotorama__stage__frame {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus,
.fotorama__nav__frame {
    outline: 0
}

.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after {
    content: '';
    border-radius: inherit;
    background-color: rgba(0, 175, 234, .5)
}

.fotorama__wrap--video .fotorama__stage,
.fotorama__wrap--video .fotorama__stage__frame--video,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
.fotorama__wrap--video .fotorama__stage__shaft {
    -webkit-transform: none !important;
    transform: none !important
}

.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border {
    transition-property: -webkit-transform, width;
    transition-property: transform, width;
    transition-timing-function: cubic-bezier(0.1, 0, .25, 1);
    transition-duration: 0ms
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__no-select,
.fotorama__video-close,
.fotorama__video-play,
.fotorama__wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fotorama__select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.fotorama__nav,
.fotorama__nav__frame {
    margin: auto;
    padding: 0
}

.fotorama__caption__wrap,
.fotorama__nav__frame,
.fotorama__nav__shaft {
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1
}

.fotorama__nav__frame,
.fotorama__thumb-border {
    box-sizing: content-box
}

.fotorama__caption__wrap {
    box-sizing: border-box
}

.fotorama--hidden,
.fotorama__load {
    position: absolute;
    left: -99999px;
    top: -99999px;
    z-index: -1
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__nav,
.fotorama__nav__frame,
.fotorama__nav__shaft,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video-close,
.fotorama__video-play {
    -webkit-tap-highlight-color: transparent
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
    background: url(fotorama.png) no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:2dppx) {

    .fotorama__arr,
    .fotorama__fullscreen-icon,
    .fotorama__video-close,
    .fotorama__video-play {
        background: url(fotorama@2x.png) 0 0/96px 160px no-repeat
    }
}

.fotorama__thumb {
    background-color: #7f7f7f;
    background-color: rgba(127, 127, 127, .2)
}

@media print {

    .fotorama__arr,
    .fotorama__fullscreen-icon,
    .fotorama__thumb-border,
    .fotorama__video-close,
    .fotorama__video-play {
        background: none !important
    }
}

.fotorama {
    min-width: 1px;
    overflow: hidden
}

.fotorama:not(.fotorama--unobtrusive) > *:not(:first-child) {
    display: none
}

.fullscreen {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #000
}

.fotorama--fullscreen {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    float: none !important;
    z-index: 2147483647 !important;
    background: #000;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important
}

.fotorama--fullscreen .fotorama__nav,
.fotorama--fullscreen .fotorama__stage {
    background: #000
}

.fotorama__wrap {
    -webkit-text-size-adjust: 100%;
    position: relative;
    direction: ltr;
    z-index: 0
}

.fotorama__wrap--rtl .fotorama__stage__frame {
    direction: rtl
}

.fotorama__nav,
.fotorama__stage {
    overflow: hidden;
    position: relative;
    max-width: 100%
}

.fotorama__wrap--pan-y {
    -ms-touch-action: pan-y
}

.fotorama__wrap .fotorama__pointer {
    cursor: pointer
}

.fotorama__wrap--slide .fotorama__stage__frame {
    opacity: 1 !important
}

.fotorama__stage__frame {
    overflow: hidden
}

.fotorama__stage__frame.fotorama__active {
    z-index: 8
}

.fotorama__wrap--fade .fotorama__stage__frame {
    display: none
}

.fotorama__wrap--fade .fotorama__fade-front,
.fotorama__wrap--fade .fotorama__fade-rear,
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
    display: block;
    left: 0;
    top: 0
}

.fotorama__wrap--fade .fotorama__fade-front {
    z-index: 8
}

.fotorama__wrap--fade .fotorama__fade-rear {
    z-index: 7
}

.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
    z-index: 9
}

.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
    display: none
}

.fotorama__img {
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border: none !important
}

.fotorama__error .fotorama__img,
.fotorama__loaded .fotorama__img {
    -ms-filter: "alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,
.fotorama__img--full {
    display: none
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
    display: block
}

.fotorama__wrap--only-active .fotorama__nav,
.fotorama__wrap--only-active .fotorama__stage {
    max-width: 99999px !important
}

.fotorama__wrap--only-active .fotorama__stage__frame {
    visibility: hidden
}

.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
    visibility: visible
}

.fotorama__nav {
    font-size: 0;
    line-height: 0;
    text-align: center;
    display: none;
    white-space: nowrap;
    z-index: 5
}

.fotorama__nav__shaft {
    position: relative;
    left: 0;
    top: 0;
    text-align: left
}

.fotorama__nav__frame {
    position: relative;
    cursor: pointer
}

.fotorama__nav--dots {
    display: block
}

.fotorama__nav--dots .fotorama__nav__frame {
    width: 18px;
    height: 30px
}

.fotorama__nav--dots .fotorama__nav__frame--thumb,
.fotorama__nav--dots .fotorama__thumb-border {
    display: none
}

.fotorama__nav--thumbs {
    display: block
}

.fotorama__nav--thumbs .fotorama__nav__frame {
    padding-left: 0 !important
}

.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
    padding-right: 0 !important
}

.fotorama__nav--thumbs .fotorama__nav__frame--dot {
    display: none
}

.fotorama__dot {
    display: block;
    width: 4px;
    height: 4px;
    position: relative;
    top: 12px;
    left: 6px;
    border-radius: 6px;
    border: 1px solid #7f7f7f
}

.fotorama__nav__frame:focus .fotorama__dot:after {
    padding: 1px;
    top: -1px;
    left: -1px
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
    width: 0;
    height: 0;
    border-width: 3px
}

.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
    padding: 3px;
    top: -3px;
    left: -3px
}

.fotorama__thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

.fotorama__nav__frame:focus .fotorama__thumb {
    z-index: 2
}

.fotorama__thumb-border {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    border-style: solid;
    border-color: #00afea;
    background-image: linear-gradient(to bottom right, rgba(255, 255, 255, .25), rgba(64, 64, 64, .1))
}

.fotorama__caption {
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #000
}

.fotorama__caption a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, .5)
}

.fotorama__caption a:hover {
    color: #333;
    border-color: rgba(51, 51, 51, .5)
}

.fotorama__wrap--rtl .fotorama__caption {
    left: auto;
    right: 0
}

.fotorama__wrap--no-captions .fotorama__caption,
.fotorama__wrap--video .fotorama__caption {
    display: none
}

.fotorama__caption__wrap {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    padding: 5px 10px
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fotorama__wrap--css3 .fotorama__spinner {
    -webkit-animation: spinner 24s infinite linear;
    animation: spinner 24s infinite linear
}

.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img {
    transition-property: opacity;
    transition-timing-function: linear;
    transition-duration: .3s
}

.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.fotorama__select {
    cursor: auto
}

.fotorama__video {
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 10
}

@-moz-document url-prefix() {
    .fotorama__active {
        box-shadow: 0 0 0 transparent
    }
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
    position: absolute;
    z-index: 11;
    cursor: pointer
}

.fotorama__arr {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px
}

.fotorama__arr--prev {
    left: 2px;
    background-position: 0 0
}

.fotorama__arr--next {
    right: 2px;
    background-position: -32px 0
}

.fotorama__arr--disabled {
    pointer-events: none;
    cursor: default;
    *display: none;
    opacity: .1
}

.fotorama__fullscreen-icon {
    width: 32px;
    height: 32px;
    top: 2px;
    right: 2px;
    background-position: 0 -32px;
    z-index: 20
}

.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus {
    border-radius: 50%
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
    background-position: -32px -32px
}

.fotorama__video-play {
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    margin-left: -48px;
    margin-top: -48px;
    background-position: 0 -64px;
    opacity: 0
}

.fotorama__wrap--css2 .fotorama__video-play,
.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
    display: none
}

.fotorama__error .fotorama__video-play,
.fotorama__loaded .fotorama__video-play,
.fotorama__nav__frame .fotorama__video-play {
    opacity: 1;
    display: block
}

.fotorama__nav__frame .fotorama__video-play {
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background-position: -64px -32px
}

.fotorama__video-close {
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    background-position: -64px 0;
    z-index: 20;
    opacity: 0
}

.fotorama__wrap--css2 .fotorama__video-close {
    display: none
}

.fotorama__wrap--css3 .fotorama__video-close {
    -webkit-transform: translate3d(32px, -32px, 0);
    transform: translate3d(32px, -32px, 0)
}

.fotorama__wrap--video .fotorama__video-close {
    display: block;
    opacity: 1
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    opacity: 0
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    opacity: 1
}

.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--video .fotorama__fullscreen-icon {
    opacity: 0 !important
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    display: none
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    display: block
}

.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
    display: none !important
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
    -webkit-transform: translate3d(32px, -32px, 0);
    transform: translate3d(32px, -32px, 0)
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
    -webkit-transform: translate3d(-48px, 0, 0);
    transform: translate3d(-48px, 0, 0)
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
    -webkit-transform: translate3d(48px, 0, 0);
    transform: translate3d(48px, 0, 0)
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
    -webkit-transform: translate3d(32px, -32px, 0) !important;
    transform: translate3d(32px, -32px, 0) !important
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
    -webkit-transform: translate3d(-48px, 0, 0) !important;
    transform: translate3d(-48px, 0, 0) !important
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
    -webkit-transform: translate3d(48px, 0, 0) !important;
    transform: translate3d(48px, 0, 0) !important
}

.fotorama__wrap--css3 .fotorama__arr:not(:focus),
.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
.fotorama__wrap--css3 .fotorama__video-close:not(:focus),
.fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .3s
}

.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before {
    content: "";
    display: block;
    position: absolute;
    text-decoration: none;
    top: 0;
    bottom: 0;
    width: 10px;
    height: auto;
    z-index: 10;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 1px 100%, 5px 100%
}

.fotorama__nav:before,
.fotorama__stage:before {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent);
    background-position: 0 0, 0 0;
    left: -10px
}

.fotorama__nav.fotorama__shadows--left:before,
.fotorama__stage.fotorama__shadows--left:before {
    left: 0
}

.fotorama__nav:after,
.fotorama__stage:after {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent);
    background-position: 100% 0, 100% 0;
    right: -10px
}

.fotorama__nav.fotorama__shadows--right:after,
.fotorama__stage.fotorama__shadows--right:after {
    right: 0
}

.fotorama--fullscreen .fotorama__nav:after,
.fotorama--fullscreen .fotorama__nav:before,
.fotorama--fullscreen .fotorama__stage:after,
.fotorama--fullscreen .fotorama__stage:before,
.fotorama__wrap--fade .fotorama__stage:after,
.fotorama__wrap--fade .fotorama__stage:before,
.fotorama__wrap--no-shadows .fotorama__nav:after,
.fotorama__wrap--no-shadows .fotorama__nav:before,
.fotorama__wrap--no-shadows .fotorama__stage:after,
.fotorama__wrap--no-shadows .fotorama__stage:before {
    display: none
}

/*-----------------------------------------------------------------------------------*/
/*	07. COLLAGEPLUS EFFECT
/*-----------------------------------------------------------------------------------*/
.effect-parent {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}

.effect-1 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -300px;
    -moz-transform-origin: 50% 50% -300px;
    transform-origin: 50% 50% -300px;
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-animation: fly ease-in-out forwards;
    -moz-animation: fly ease-in-out forwards;
    animation: fly ease-in-out forwards;
}

@-webkit-keyframes fly {
    100% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
        -webkit-transform-origin: 50% 50% 0;
    }
}

@-moz-keyframes fly {
    100% {
        -moz-transform: rotateX(0deg);
        opacity: 1;
        -moz-transform-origin: 50% 50% 0;
    }
}

@keyframes fly {
    100% {
        transform: rotateX(0deg);
        opacity: 1;
        transform-origin: 50% 50% 0;
    }
}

.effect-2 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: moveUp ease forwards;
    -moz-animation: moveUp ease forwards;
    animation: moveUp ease forwards;
}

@-webkit-keyframes moveUp {
    to {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes moveUp {
    to {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes moveUp {
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.effect-3 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -moz-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -webkit-animation: fallPerspective ease-in-out forwards;
    -moz-animation: fallPerspective ease-in-out forwards;
    animation: fallPerspective ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
    100% {
        -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes fallPerspective {
    100% {
        -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes fallPerspective {
    100% {
        transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1;
    }
}

.effect-4 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotateX(-80deg);
    -moz-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    -webkit-animation: flip ease-in-out forwards;
    -moz-animation: flip ease-in-out forwards;
    animation: flip ease-in-out forwards;
}

@-webkit-keyframes flip {
    100% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flip {
    100% {
        -moz-transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flip {
    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

.effect-5 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: moveUp ease-in-out forwards;
    -moz-animation: moveUp ease-in-out forwards;
    animation: moveUp ease-in-out forwards;
}

.effect-6 {
    -webkit-transform: scale(0.638) translate(-179px);
    -moz-transform: scale(0.638) translate(-179px);
    transform: scale(0.638) translate(-179px);
    -webkit-animation: moveUp ease-in-out forwards;
    -moz-animation: moveUp ease-in-out forwards;
    animation: moveUp ease-in-out forwards;
}

.effect-duration-1 {
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    animation-duration: .4s;
}

.effect-duration-2 {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}

.effect-duration-3 {
    -webkit-animation-duration: .6s;
    -moz-animation-duration: .6s;
    animation-duration: .6s;
}

.effect-duration-4 {
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    animation-duration: .7s;
}

.effect-duration-5 {
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    animation-duration: .8s;
}

.effect-duration-6 {
    -webkit-animation-duration: .9s;
    -moz-animation-duration: .9s;
    animation-duration: .9s;
}

.effect-duration-7 {
    -webkit-animation-duration: .95s;
    -moz-animation-duration: .95s;
    animation-duration: .95s;
}

.effect-duration-8 {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}

.effect-duration-9 {
    -webkit-animation-duration: 1.05s;
    -moz-animation-duration: 1.05s;
    animation-duration: 1.05s;
}

.effect-duration-10 {
    -webkit-animation-duration: 1.1s;
    -moz-animation-duration: 1.1s;
    animation-duration: 1.1s;
}