.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

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

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

/* 
 * 	Owl Carousel - Auto Height Plugin
 */

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
    display: none;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */

.no-js .owl-carousel {
    display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

/*-----------------------------------------------------------------------------------*/

/*	02. REVOLUTION SLIDER
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------

	-	Revolution Slider 4.1 Captions -

		Screen Stylesheet

version:   	1.4.5
date:      	27/11/13
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/

/*************************
	-	CAPTIONS	-
**************************/

.tp-static-layers {
    position: absolute;
    z-index: 505;
    top: 0px;
    left: 0px
}

.tp-hide-revslider,
.tp-caption.tp-hidden-caption {
    visibility: hidden !important;
    display: none !important
}

.tp-caption {
    z-index: 1;
    white-space: nowrap
}

.tp-caption-demo .tp-caption {
    position: relative !important;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px !important
}

.tp-caption.whitedivider3px {
    color: #000000;
    text-shadow: none;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 1);
    text-decoration: none;
    min-width: 408px;
    min-height: 3px;
    background-position: initial initial;
    background-repeat: initial initial;
    border-width: 0px;
    border-color: #000000;
    border-style: none;
}

.tp-caption.finewide_large_white {
    color: #ffffff;
    text-shadow: none;
    font-size: 60px;
    line-height: 60px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 8px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none;
}

.tp-caption.whitedivider3px {
    color: #000000;
    text-shadow: none;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 1);
    text-decoration: none;
    font-size: 0px;
    line-height: 0;
    min-width: 468px;
    min-height: 3px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none;
}

.tp-caption.finewide_medium_white {
    color: #ffffff;
    text-shadow: none;
    font-size: 37px;
    line-height: 37px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none;
}

.tp-caption.boldwide_small_white {
    font-size: 25px;
    line-height: 25px;
    font-weight: 800;
    font-family: "Open Sans", sans-serif;
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none;
}

.tp-caption.whitedivider3px_vertical {
    color: #000000;
    text-shadow: none;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 1);
    text-decoration: none;
    font-size: 0px;
    line-height: 0;
    min-width: 3px;
    min-height: 130px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none;
}

.tp-caption.finewide_small_white {
    color: #ffffff;
    text-shadow: none;
    font-size: 25px;
    line-height: 25px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none;
}

.tp-caption.finewide_verysmall_white_mw {
    font-size: 13px;
    line-height: 25px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    max-width: 470px;
    white-space: normal !important;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none;
}

.tp-caption.lightgrey_divider {
    text-decoration: none;
    background-color: rgb(235, 235, 235);
    background-color: rgba(235, 235, 235, 1);
    width: 370px;
    height: 3px;
    background-position: initial initial;
    background-repeat: initial initial;
    border-width: 0px;
    border-color: rgb(34, 34, 34);
    border-style: none;
}

.tp-caption.finewide_large_white {
    color: #FFF;
    text-shadow: none;
    font-size: 60px;
    line-height: 60px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 8px;
    border-width: 0px;
    border-color: #000;
    border-style: none;
}

.tp-caption.finewide_medium_white {
    color: #FFF;
    text-shadow: none;
    font-size: 34px;
    line-height: 34px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0px;
    border-color: #000;
    border-style: none;
}

.tp-caption.huge_red {
    position: absolute;
    color: rgb(223, 75, 107);
    font-weight: 400;
    font-size: 150px;
    line-height: 130px;
    font-family: 'Oswald', sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    background-color: rgb(45, 49, 54);
    padding: 0px;
}

.tp-caption.middle_yellow {
    position: absolute;
    color: rgb(251, 213, 114);
    font-weight: 600;
    font-size: 50px;
    line-height: 50px;
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.huge_thin_yellow {
    position: absolute;
    color: rgb(251, 213, 114);
    font-weight: 300;
    font-size: 90px;
    line-height: 90px;
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    letter-spacing: 20px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.big_dark {
    position: absolute;
    color: #333;
    font-weight: 700;
    font-size: 70px;
    line-height: 70px;
    font-family: "Open Sans";
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.medium_dark {
    position: absolute;
    color: #333;
    font-weight: 300;
    font-size: 40px;
    line-height: 40px;
    font-family: "Open Sans";
    margin: 0px;
    letter-spacing: 5px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.medium_grey {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    font-family: Arial;
    padding: 2px 4px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    background-color: #888;
    white-space: nowrap;
}

.tp-caption.small_text {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.medium_text {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.large_bold_white_25 {
    font-size: 55px;
    line-height: 65px;
    font-weight: 700;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
    text-shadow: #000 0px 5px 10px;
    border-width: 0px;
    border-color: rgb(255, 255, 255);
    border-style: none;
}

.tp-caption.medium_text_shadow {
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
    text-shadow: #000 0px 5px 10px;
    border-width: 0px;
    border-color: rgb(255, 255, 255);
    border-style: none;
}

.tp-caption.large_text {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.medium_bold_grey {
    font-size: 30px;
    line-height: 30px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(102, 102, 102);
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    margin: 0px;
    padding: 1px 4px 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.very_large_text {
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    letter-spacing: -2px;
}

.tp-caption.very_big_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    padding: 0px 4px;
    padding-top: 1px;
    background-color: #000;
}

.tp-caption.very_big_black {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    padding: 0px 4px;
    padding-top: 1px;
    background-color: #fff;
}

.tp-caption.modern_medium_fat {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.modern_medium_fat_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.modern_medium_light {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 24px;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.modern_big_bluebg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 30px;
    line-height: 36px;
    font-family: "Open Sans", sans-serif;
    padding: 3px 10px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    background-color: #4e5b6c;
    letter-spacing: 0;
}

.tp-caption.modern_big_redbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 30px;
    line-height: 36px;
    font-family: "Open Sans", sans-serif;
    padding: 3px 10px;
    padding-top: 1px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    background-color: #de543e;
    letter-spacing: 0;
}

.tp-caption.modern_small_text_dark {
    position: absolute;
    color: #555;
    text-shadow: none;
    font-size: 14px;
    line-height: 22px;
    font-family: Arial;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.boxshadow {
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.tp-caption.black {
    color: #000;
    text-shadow: none;
}

.tp-caption.noshadow {
    text-shadow: none;
}

.tp-caption a {
    color: #ff7302;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-caption a:hover {
    color: #ffa902;
}

.tp-caption.thinheadline_dark {
    position: absolute;
    color: rgba(0, 0, 0, 0.85);
    text-shadow: none;
    font-weight: 300;
    font-size: 30px;
    line-height: 30px;
    font-family: "Open Sans";
    background-color: transparent;
}

.tp-caption.thintext_dark {
    position: absolute;
    color: rgba(0, 0, 0, 0.85);
    text-shadow: none;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    font-family: "Open Sans";
    background-color: transparent;
}

.tp-caption.medium_bg_red a {
    color: #fff;
    text-decoration: none;
}

.tp-caption.medium_bg_red a:hover {
    color: #fff;
    text-decoration: underline;
}

.tp-caption.smoothcircle {
    font-size: 30px;
    line-height: 75px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.498039);
    padding: 50px 25px;
    text-align: center;
    border-radius: 500px 500px 500px 500px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none;
}

.tp-caption.largeblackbg {
    font-size: 50px;
    line-height: 70px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(0, 0, 0);
    padding: 0px 20px 5px;
    text-shadow: none;
    border-width: 0px;
    border-color: rgb(255, 255, 255);
    border-style: none;
}

.tp-caption.largepinkbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: "Open Sans";
    background-color: #db4360;
    padding: 0px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.tp-caption.largewhitebg {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: "Open Sans";
    background-color: #fff;
    padding: 0px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.tp-caption.largegreenbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: "Open Sans";
    background-color: #67ae73;
    padding: 0px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.tp-caption.excerpt {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    font-family: Arial;
    color: #ffffff;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 1);
    text-shadow: none;
    margin: 0px;
    letter-spacing: -1.5px;
    padding: 1px 4px 0px 4px;
    width: 150px;
    white-space: normal !important;
    height: auto;
    border-width: 0px;
    border-color: rgb(255, 255, 255);
    border-style: none;
}

.tp-caption.large_bold_grey {
    font-size: 60px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(102, 102, 102);
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    margin: 0px;
    padding: 1px 4px 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.medium_thin_grey {
    font-size: 34px;
    line-height: 30px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(102, 102, 102);
    text-decoration: none;
    background-color: transparent;
    padding: 1px 4px 0px;
    text-shadow: none;
    margin: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.small_thin_grey {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(117, 117, 117);
    text-decoration: none;
    background-color: transparent;
    padding: 1px 4px 0px;
    text-shadow: none;
    margin: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.lightgrey_divider {
    text-decoration: none;
    background-color: rgba(235, 235, 235, 1);
    width: 370px;
    height: 3px;
    background-position: initial initial;
    background-repeat: initial initial;
    border-width: 0px;
    border-color: rgb(34, 34, 34);
    border-style: none;
}

.tp-caption.large_bold_darkblue {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(52, 73, 94);
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.medium_bg_darkblue {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(52, 73, 94);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.medium_bold_red {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(227, 58, 12);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.medium_light_red {
    font-size: 21px;
    line-height: 26px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(227, 58, 12);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.medium_bg_red {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(227, 58, 12);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.medium_bold_orange {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(243, 156, 18);
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.medium_bg_orange {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(243, 156, 18);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.grassfloor {
    text-decoration: none;
    background-color: rgba(160, 179, 151, 1);
    width: 4000px;
    height: 150px;
    border-width: 0px;
    border-color: rgb(34, 34, 34);
    border-style: none;
}

.tp-caption.large_bold_white {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.medium_light_white {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.mediumlarge_light_white {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.mediumlarge_light_white_center {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.medium_bg_asbestos {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(127, 140, 141);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.medium_light_black {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(0, 0, 0);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.large_bold_black {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(0, 0, 0);
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.mediumlarge_light_darkblue {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(52, 73, 94);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.small_light_white {
    font-size: 17px;
    line-height: 28px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.roundedimage {
    border-width: 0px;
    border-color: rgb(34, 34, 34);
    border-style: none;
}

.tp-caption.large_bg_black {
    font-size: 40px;
    line-height: 40px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(0, 0, 0);
    padding: 10px 20px 15px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.mediumwhitebg {
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(0, 0, 0);
    text-decoration: none;
    background-color: rgb(255, 255, 255);
    padding: 5px 15px 10px;
    text-shadow: none;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none;
}

.tp-caption.medium_bg_orange_new1 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(243, 156, 18);
    padding: 10px;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
}

.tp-caption.boxshadow {
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.tp-caption.black {
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 19px;
    line-height: 19px;
    font-family: 'Open Sans', sans;
}

.tp-caption.noshadow {
    text-shadow: none;
}

.tp_inner_padding {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: none !important;
}

/*.tp-caption			{	transform:none !important}*/

/*********************************
	-	SPECIAL TP CAPTIONS -
**********************************/

.tp-caption .frontcorner {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0px solid transparent;
    border-top: 40px solid #00A8FF;
    position: absolute;
    left: -40px;
    top: 0px;
}

.tp-caption .backcorner {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00A8FF;
    position: absolute;
    right: 0px;
    top: 0px;
}

.tp-caption .frontcornertop {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 40px solid #00A8FF;
    position: absolute;
    left: -40px;
    top: 0px;
}

.tp-caption .backcornertop {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00A8FF;
    position: absolute;
    right: 0px;
    top: 0px;
}

/***********************************************
	-	SPECIAL ALTERNATIVE IMAGE SETTINGS	-
***********************************************/

img.tp-slider-alternative-image {
    width: 100%;
    height: auto;
}

/******************************
	-	BUTTONS	-
*******************************/

.tp-simpleresponsive .button {
    padding: 6px 13px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    cursor: pointer;
    color: #fff !important;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important;
    font-size: 15px;
    line-height: 45px !important;
    background: url(../images/gradient/g30.png) repeat-x top;
    font-family: arial, sans-serif;
    font-weight: bold;
    letter-spacing: -1px;
}

.tp-simpleresponsive .button.big {
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
    font-weight: bold;
    padding: 9px 20px;
    font-size: 19px;
    line-height: 57px !important;
    background: url(../images/gradient/g40.png) repeat-x top
}

.tp-simpleresponsive .purchase:hover,
.tp-simpleresponsive .button:hover,
.tp-simpleresponsive .button.big:hover {
    background-position: bottom, 15px 11px
}

@media only screen and (min-width: 768px) and (max-width: 959px) {}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tp-simpleresponsive .button {
        padding: 4px 8px 3px;
        line-height: 25px !important;
        font-size: 11px !important;
        font-weight: normal;
    }
    .tp-simpleresponsive a.button {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .tp-simpleresponsive .button {
        padding: 2px 5px 2px;
        line-height: 20px !important;
        font-size: 10px !important
    }
    .tp-simpleresponsive a.button {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
    }
}

/*	BUTTON COLORS	*/

.tp-simpleresponsive .button.green,
.tp-simpleresponsive .button:hover.green,
.tp-simpleresponsive .purchase.green,
.tp-simpleresponsive .purchase:hover.green {
    background-color: #21a117;
    -webkit-box-shadow: 0px 3px 0px 0px #104d0b;
    -moz-box-shadow: 0px 3px 0px 0px #104d0b;
    box-shadow: 0px 3px 0px 0px #104d0b;
}

.tp-simpleresponsive .button.blue,
.tp-simpleresponsive .button:hover.blue,
.tp-simpleresponsive .purchase.blue,
.tp-simpleresponsive .purchase:hover.blue {
    background-color: #1d78cb;
    -webkit-box-shadow: 0px 3px 0px 0px #0f3e68;
    -moz-box-shadow: 0px 3px 0px 0px #0f3e68;
    box-shadow: 0px 3px 0px 0px #0f3e68
}

.tp-simpleresponsive .button.red,
.tp-simpleresponsive .button:hover.red,
.tp-simpleresponsive .purchase.red,
.tp-simpleresponsive .purchase:hover.red {
    background-color: #cb1d1d;
    -webkit-box-shadow: 0px 3px 0px 0px #7c1212;
    -moz-box-shadow: 0px 3px 0px 0px #7c1212;
    box-shadow: 0px 3px 0px 0px #7c1212
}

.tp-simpleresponsive .button.orange,
.tp-simpleresponsive .button:hover.orange,
.tp-simpleresponsive .purchase.orange,
.tp-simpleresponsive .purchase:hover.orange {
    background-color: #ff7700;
    -webkit-box-shadow: 0px 3px 0px 0px #a34c00;
    -moz-box-shadow: 0px 3px 0px 0px #a34c00;
    box-shadow: 0px 3px 0px 0px #a34c00
}

.tp-simpleresponsive .button.darkgrey,
.tp-simpleresponsive .button.grey,
.tp-simpleresponsive .button:hover.darkgrey,
.tp-simpleresponsive .button:hover.grey,
.tp-simpleresponsive .purchase.darkgrey,
.tp-simpleresponsive .purchase:hover.darkgrey {
    background-color: #555;
    -webkit-box-shadow: 0px 3px 0px 0px #222;
    -moz-box-shadow: 0px 3px 0px 0px #222;
    box-shadow: 0px 3px 0px 0px #222
}

.tp-simpleresponsive .button.lightgrey,
.tp-simpleresponsive .button:hover.lightgrey,
.tp-simpleresponsive .purchase.lightgrey,
.tp-simpleresponsive .purchase:hover.lightgrey {
    background-color: #888;
    -webkit-box-shadow: 0px 3px 0px 0px #555;
    -moz-box-shadow: 0px 3px 0px 0px #555;
    box-shadow: 0px 3px 0px 0px #555
}

/****************************************************************

	-	SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID   -

******************************************************************/

/*.tp-simpleresponsive				{	-webkit-perspective: 1500px;
										-moz-perspective: 1500px;
										-o-perspective: 1500px;
										-ms-perspective: 1500px;
										perspective: 1500px;
									}*/

/**********************************************
	-	FULLSCREEN AND FULLWIDHT CONTAINERS	-
**********************************************/

.fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0;
}

.fullwidthbanner-container {
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden;
}

.fullwidthbanner-container .fullwidthbanner {
    width: 100%;
    position: relative;
}

/************************************************
	  - SOME CAPTION MODIFICATION AT START  -
*************************************************/

.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";		-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; */
    position: absolute;
    visibility: hidden;
    -webkit-font-smoothing: antialiased !important;
}

.tp-simpleresponsive img {
    max-width: none
}

/******************************
	-	IE8 HACKS	-
*******************************/

.noFilterClass {
    filter: none !important;
}

/******************************
	-	SHADOWS		-
******************************/

.tp-bannershadow {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-bannershadow.tp-shadow1 {
    background: url(../assets/shadow1.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.tp-bannershadow.tp-shadow2 {
    background: url(../assets/shadow2.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.tp-bannershadow.tp-shadow3 {
    background: url(../assets/shadow3.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

/********************************
	-	FULLSCREEN VIDEO	-
*********************************/

.caption.fullscreenvideo {
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%
}

.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video {
    width: 100% !important;
    height: 100% !important;
    display: none
}

.tp-caption.fullscreenvideo {
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%
}

.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video {
    width: 100% !important;
    height: 100% !important;
    display: none
}

.fullcoveredvideo video,
.fullscreenvideo video {
    background: #000
}

.fullcoveredvideo .tp-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px
}

.html5vid.videoisplaying .tp-poster {
    display: none
}

.tp-video-play-button {
    background: #000;
    background: rgba(0, 0, 0, 0.3);
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    color: #FFF;
    z-index: 3;
    margin-top: -27px;
    margin-left: -28px;
    text-align: center;
    cursor: pointer;
}

.html5vid .tp-revstop {
    width: 15px;
    height: 20px;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    position: relative;
    margin: 10px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.html5vid .tp-revstop {
    display: none
}

.html5vid.videoisplaying .revicon-right-dir {
    display: none
}

.html5vid.videoisplaying .tp-revstop {
    display: block
}

.html5vid.videoisplaying .tp-video-play-button {
    display: none
}

.html5vid:hover .tp-video-play-button {
    display: block
}

.fullcoveredvideo .tp-video-play-button {
    display: none !important
}

.tp-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    background-image: linear-gradient(bottom, rgb(0, 0, 0) 13%, rgb(50, 50, 50) 100%);
    background-image: -o-linear-gradient(bottom, rgb(0, 0, 0) 13%, rgb(50, 50, 50) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(0, 0, 0) 13%, rgb(50, 50, 50) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(0, 0, 0) 13%, rgb(50, 50, 50) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(0, 0, 0) 13%, rgb(50, 50, 50) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0, 0, 0)), color-stop(1, rgb(50, 50, 50)));
    display: table;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.tp-caption:hover .tp-video-controls {
    opacity: .9;
}

.tp-video-button {
    background: rgba(0, 0, 0, .5);
    border: 0;
    color: #EEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    line-height: 12px;
    font-size: 12px;
    color: #fff;
    padding: 0px;
    margin: 0px;
    outline: none;
}

.tp-video-button:hover {
    cursor: pointer;
}

.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap {
    padding: 0px 5px;
    display: table-cell;
}

.tp-video-seek-bar-wrap {
    width: 80%
}

.tp-video-vol-bar-wrap {
    width: 20%
}

.tp-volume-bar,
.tp-seek-bar {
    width: 100%;
    cursor: pointer;
    outline: none;
    line-height: 12px;
    margin: 0;
    padding: 0;
}

/********************************
	-	FULLSCREEN VIDEO ENDS	-
*********************************/

/********************************
	-	DOTTED OVERLAYS	-
*********************************/

.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 4
}

.tp-dottedoverlay.twoxtwo {
    background: url(../assets/gridtile.png)
}

.tp-dottedoverlay.twoxtwowhite {
    background: url(../assets/gridtile_white.png)
}

.tp-dottedoverlay.threexthree {
    background: url(../assets/gridtile_3x3.png)
}

.tp-dottedoverlay.threexthreewhite {
    background: url(../assets/gridtile_3x3_white.png)
}

/********************************
	-	DOTTED OVERLAYS ENDS	-
*********************************/

/************************
	-	NAVIGATION	-
*************************/

/** BULLETS **/

.tpclear {
    clear: both
}

.tp-bullets {
    z-index: 1000;
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -webkit-transform: translateZ(5px);
}

.tp-bullets.hidebullets {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.tp-bullets.simplebullets.navbar {
    border: 1px solid #666;
    border-bottom: 1px solid #444;
    background: url(../assets/boxed_bgtile.png);
    height: 40px;
    padding: 0px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.tp-bullets.simplebullets.navbar-old {
    background: url(../assets/navigdots_bgtile.png);
    height: 35px;
    padding: 0px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: url(../assets/bullet.png) no-Repeat top left;
    width: 20px;
    height: 20px;
    margin-right: 0px;
    float: left;
    margin-top: 0px;
    margin-left: 3px
}

.tp-bullets.simplebullets.round .bullet.last {
    margin-right: 3px
}

.tp-bullets.simplebullets.round-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../assets/bullets.png) no-Repeat bottom left;
    width: 23px;
    height: 23px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-bullets.simplebullets.round-old .bullet.last {
    margin-right: 0px
}

/**	SQUARE BULLETS **/

.tp-bullets.simplebullets.square .bullet {
    cursor: pointer;
    position: relative;
    background: url(../assets/bullets2.png) no-Repeat bottom left;
    width: 19px;
    height: 19px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-bullets.simplebullets.square .bullet.last {
    margin-right: 0px
}

/**	SQUARE BULLETS **/

.tp-bullets.simplebullets.square-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../assets/bullets2.png) no-Repeat bottom left;
    width: 19px;
    height: 19px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-bullets.simplebullets.square-old .bullet.last {
    margin-right: 0px
}

/** navbar NAVIGATION VERSION **/

.tp-bullets.simplebullets.navbar .bullet {
    cursor: pointer;
    position: relative;
    background: url(../assets/bullet_boxed.png) no-Repeat top left;
    width: 18px;
    height: 19px;
    margin-right: 5px;
    float: left;
    margin-top: 0px
}

.tp-bullets.simplebullets.navbar .bullet.first {
    margin-left: 0px !important
}

.tp-bullets.simplebullets.navbar .bullet.last {
    margin-right: 0px !important
}

/** navbar NAVIGATION VERSION **/

.tp-bullets.simplebullets.navbar-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../assets/navigdots.png) no-Repeat bottom left;
    width: 15px;
    height: 15px;
    margin-left: 5px !important;
    margin-right: 5px !important;
    float: left;
    margin-top: 10px
}

.tp-bullets.simplebullets.navbar-old .bullet.first {
    margin-left: 0px !important
}

.tp-bullets.simplebullets.navbar-old .bullet.last {
    margin-right: 0px !important
}

.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {
    background-position: top left
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
    background-position: bottom left
}

/*************************************
	-	TP ARROWS 	-
**************************************/

.tparrows {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -webkit-transform: translateZ(5000px);
    -webkit-transform-style: flat;
    -webkit-backface-visibility: hidden;
    z-index: 600;
    position: relative;
}

.tparrows.hidearrows {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.tp-leftarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url() no-Repeat top left;
    width: 40px;
    height: 40px;
}

.tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url() no-Repeat top left;
    width: 40px;
    height: 40px;
}

.tp-leftarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/small_left.png) no-Repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0px;
    float: left;
    margin-top: 0px;
}

.tp-rightarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/small_right.png) no-Repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-leftarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_left.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0px;
    float: left;
    margin-top: 0px;
}

.tp-rightarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_right.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0px;
    float: left;
    margin-top: 0px
}

.tp-leftarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/small_left_boxed.png) no-Repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-right: 6px;
    margin-top: 12px
}

.tp-rightarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/small_right_boxed.png) no-Repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-left: 6px;
    margin-top: 12px
}

.tp-leftarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrowleft.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-right: 6px;
    margin-top: 10px
}

.tp-rightarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrowright.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-left: 6px;
    margin-top: 10px
}

.tp-leftarrow.navbar-old.thumbswitharrow {
    margin-right: 10px
}

.tp-rightarrow.navbar-old.thumbswitharrow {
    margin-left: 0px
}

.tp-leftarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0px;
    margin-top: 0px
}

.tp-rightarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0px;
    margin-top: 0px
}

.tp-leftarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0px;
    margin-top: 0px
}

.tp-rightarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0px;
    margin-top: 0px
}

.tp-leftarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url() no-Repeat 0 0;
    width: 40px;
    height: 40px;
}

.tp-rightarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url() no-Repeat 0 0;
    width: 40px;
    height: 40px;
}

.tp-leftarrow:hover,
.tp-rightarrow:hover {
    background-position: bottom left
}

/****************************************************************************************************
	-	TP THUMBS 	-
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/

.tp-bullets.tp-thumbs {
    z-index: 1000;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    /* THE DIMENSIONS OF THE THUMB CONTAINER */
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    /* THE DIMENSIONS OF THE THUMB CONTAINER */
    overflow: hidden;
    position: relative
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    /* THE DIMENSION OF A SINGLE THUMB */
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%
}

/************************************
		-	TP BANNER TIMER		-
*************************************/

.tp-bannertimer {
    width: 100%;
    height: 10px;
    background: url(../assets/timer.png);
    position: absolute;
    z-index: 200;
    top: 0px
}

.tp-bannertimer.tp-bottom {
    bottom: 0px;
    height: 5px;
    top: auto
}

/***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none
    }
    .responsive .tparrows {
        display: none
    }
}

/*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/

.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none
}

.tp-simpleresponsive ul,
.tp-simpleresponsive ul li,
.tp-simpleresponsive ul li:before {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    overflow-x: visible;
    overflow-y: visible;
    background-image: none
}

.tp-simpleresponsive>ul>li {
    list-style: none;
    position: absolute;
    visibility: hidden
}

/*  CAPTION SLIDELINK   **/

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url(../assets/coloredbg.png) repeat
}

.tp-caption.slidelink a span {
    background: url(../assets/coloredbg.png) repeat
}

/*****************************************
	-	NAVIGATION FANCY EXAMPLES	-
*****************************************/

.tparrows .tp-arr-imgholder {
    display: none
}

.tparrows .tp-arr-titleholder {
    display: none
}

/*****************************************
	-	NAVIGATION FANCY EXAMPLES	-
*****************************************/

/* NAVIGATION PREVIEW 1 */

.tparrows.preview1 {
    width: 100px;
    height: 100px;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background: transparent
}

.tparrows.preview1:after {
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: "revicons";
    color: #fff;
    font-size: 30px;
    width: 100px;
    height: 100px;
    text-align: center;
    background: #fff;
    background: rgba(0, 0, 0, 0.15);
    z-index: 2;
    line-height: 100px;
    -webkit-transition: background 0.3s, color 0.3s;
    -moz-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s
}

.tp-rightarrow.preview1:after {
    content: '\e825';
}

.tp-leftarrow.preview1:after {
    content: '\e824';
}

.tparrows.preview1:hover:after {
    background: rgba(255, 255, 255, 1);
    color: #aaa
}

.tparrows.preview1 .tp-arr-imgholder {
    background-size: cover;
    background-position: center center;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.tparrows.preview1 .tp-arr-iwrapper {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0
}

.tparrows.preview1:hover .tp-arr-iwrapper {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tp-rightarrow.preview1 .tp-arr-imgholder {
    right: 100%;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;
}

.tp-leftarrow.preview1 .tp-arr-imgholder {
    left: 100%;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;
}

.tparrows.preview1:hover .tp-arr-imgholder {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview1,
    .tparrows.preview1:after {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 24px
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tparrows.preview1,
    .tparrows.preview1:after {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 20px
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .tparrows.preview1,
    .tparrows.preview1:after {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 12px
    }
}

/* PREVIEW 1 BULLETS */

.tp-bullets.preview1 {
    height: 21px
}

.tp-bullets.preview1 .bullet {
    cursor: pointer;
    position: relative !important;
    background: rgba(0, 0, 0, 0.15) !important;
    /*-webkit-border-radius: 10px;
											    border-radius: 10px;*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 5px !important;
    height: 5px !important;
    border: 8px solid rgba(0, 0, 0, 0) !important;
    display: inline-block;
    margin-right: 5px !important;
    margin-bottom: 0px !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float: none !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.tp-bullets.preview1 .bullet.last {
    margin-right: 0px
}

.tp-bullets.preview1 .bullet:hover,
.tp-bullets.preview1 .bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #aaa !important;
    width: 5px !important;
    height: 5px !important;
    border: 8px solid rgba(255, 255, 255, 1) !important;
}

/* NAVIGATION PREVIEW 2 */

.tparrows.preview2 {
    min-width: 60px;
    min-height: 60px;
    background: #fff;
    ;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    overflow: hidden;
    -webkit-transition: -webkit-transform 1.3s;
    -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;
    transition: width 0.3s, background-color 0.3s, opacity 0.3s;
    backface-visibility: hidden;
}

.tparrows.preview2:after {
    position: absolute;
    top: 50%;
    font-family: "revicons";
    color: #aaa;
    font-size: 25px;
    margin-top: -12px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s
}

.tp-rightarrow.preview2:after {
    content: '\e81e';
    right: 18px
}

.tp-leftarrow.preview2:after {
    content: '\e81f';
    left: 18px
}

.tparrows.preview2 .tp-arr-titleholder {
    background-size: cover;
    background-position: center center;
    display: block;
    visibility: hidden;
    position: relative;
    top: 0px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    line-height: 60px;
    padding: 0px 10px;
}

.tp-rightarrow.preview2 .tp-arr-titleholder {
    right: 50px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.tp-leftarrow.preview2 .tp-arr-titleholder {
    left: 50px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.tparrows.preview2.hovered {
    width: 300px
}

.tparrows.preview2:hover {
    background: #fff
}

.tparrows.preview2:hover:after {
    color: #000
}

.tparrows.preview2:hover .tp-arr-titleholder {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    visibility: visible;
    position: absolute;
}

/* PREVIEW 2 BULLETS */

.tp-bullets.preview2 {
    height: 17px
}

.tp-bullets.preview2 .bullet {
    cursor: pointer;
    position: relative !important;
    background: rgba(0, 0, 0, 0.5) !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 0) !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 0px !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float: none !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.tp-bullets.preview2 .bullet.last {
    margin-right: 0px
}

.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 1) !important;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 1) !important;
}

.tp-arr-titleholder.alwayshidden {
    display: none !important
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview2 {
        min-width: 40px;
        min-height: 40px;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
    }
    .tparrows.preview2:after {
        position: absolute;
        top: 50%;
        font-family: "revicons";
        font-size: 20px;
        margin-top: -12px
    }
    .tp-rightarrow.preview2:after {
        content: '\e81e';
        right: 11px
    }
    .tp-leftarrow.preview2:after {
        content: '\e81f';
        left: 11px
    }
    .tparrows.preview2 .tp-arr-titleholder {
        font-size: 12px;
        line-height: 40px;
        letter-spacing: 0px
    }
    .tp-rightarrow.preview2 .tp-arr-titleholder {
        right: 35px
    }
    .tp-leftarrow.preview2 .tp-arr-titleholder {
        left: 35px
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tparrows.preview2 {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
    }
    .tparrows.preview2:after {
        position: absolute;
        top: 50%;
        font-family: "revicons";
        font-size: 14px;
        margin-top: -12px
    }
    .tp-rightarrow.preview2:after {
        content: '\e81e';
        right: 8px
    }
    .tp-leftarrow.preview2:after {
        content: '\e81f';
        left: 8px
    }
    .tparrows.preview2 .tp-arr-titleholder {
        font-size: 10px;
        line-height: 30px;
        letter-spacing: 0px
    }
    .tp-rightarrow.preview2 .tp-arr-titleholder {
        right: 25px
    }
    .tp-leftarrow.preview2 .tp-arr-titleholder {
        left: 25px
    }
    .tparrows.preview2 .tp-arr-titleholder {
        display: none;
        visibility: none
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .tparrows.preview2 {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
    }
    .tparrows.preview2:after {
        position: absolute;
        top: 50%;
        font-family: "revicons";
        font-size: 14px;
        margin-top: -12px
    }
    .tp-rightarrow.preview2:after {
        content: '\e81e';
        right: 8px
    }
    .tp-leftarrow.preview2:after {
        content: '\e81f';
        left: 8px
    }
    .tparrows.preview2 .tp-arr-titleholder {
        display: none;
        visibility: none
    }
    .tparrows.preview2:hover {
        width: 30px !important;
        height: 30px !important
    }
}

/* NAVIGATION PREVIEW 3 */

.tparrows.preview3 {
    width: 70px;
    height: 70px;
    background: #fff;
    background: rgba(255, 255, 255, 1);
    -webkit-transform-style: flat
}

.tparrows.preview3:after {
    position: absolute;
    line-height: 70px;
    text-align: center;
    font-family: "revicons";
    color: #aaa;
    font-size: 30px;
    top: 0px;
    left: 0px;
    ;
    background: #fff;
    z-index: 100;
    width: 70px;
    height: 70px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s
}

.tparrows.preview3:hover:after {
    color: #000
}

.tp-rightarrow.preview3:after {
    content: '\e825';
}

.tp-leftarrow.preview3:after {
    content: '\e824';
}

.tparrows.preview3 .tp-arr-iwrapper {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    z-index: 0;
    position: absolute;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    display: table;
    min-height: 90px;
    top: -10px
}

.tp-leftarrow.preview3 .tp-arr-iwrapper {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.tparrows.preview3 .tp-arr-imgholder {
    display: block;
    background-size: cover;
    background-position: center center;
    display: table-cell;
    min-width: 90px;
    height: 90px;
    position: relative;
    top: 0px
}

.tp-rightarrow.preview3 .tp-arr-iwrapper {
    right: 0px;
    padding-right: 70px
}

.tp-leftarrow.preview3 .tp-arr-iwrapper {
    left: 0px;
    direction: rtl;
    padding-left: 70px
}

.tparrows.preview3 .tp-arr-titleholder {
    display: table-cell;
    padding: 30px;
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    position: relative;
    clear: right;
    vertical-align: middle
}

.tparrows.preview3:hover .tp-arr-iwrapper {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

/* PREVIEW 3 BULLETS */

.tp-bullets.preview3 {
    height: 17px
}

.tp-bullets.preview3 .bullet {
    cursor: pointer;
    position: relative !important;
    background: rgba(0, 0, 0, 0.5) !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 0) !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 0px !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float: none !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.tp-bullets.preview3 .bullet.last {
    margin-right: 0px
}

.tp-bullets.preview3 .bullet:hover,
.tp-bullets.preview3 .bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 1) !important;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 1) !important;
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview3:after,
    .tparrows.preview3 {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px
    }
    .tparrows.preview3 .tp-arr-iwrapper {
        min-height: 70px
    }
    .tparrows.preview3 .tp-arr-imgholder {
        min-width: 70px;
        height: 70px
    }
    .tp-rightarrow.preview3 .tp-arr-iwrapper {
        padding-right: 50px
    }
    .tp-leftarrow.preview3 .tp-arr-iwrapper {
        padding-left: 50px
    }
    .tparrows.preview3 .tp-arr-titleholder {
        padding: 10px;
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .tparrows.preview3:after,
    .tparrows.preview3 {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px
    }
    .tparrows.preview3 .tp-arr-iwrapper {
        min-height: 70px
    }
}

/* NAVIGATION PREVIEW 4 */

.tparrows.preview4 {
    width: 30px;
    height: 110px;
    background: transparent;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective: 1000
}

.tparrows.preview4:after {
    position: absolute;
    line-height: 110px;
    text-align: center;
    font-family: "revicons";
    color: #fff;
    font-size: 20px;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 30px;
    height: 110px;
    background: #000;
    background: rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-rightarrow.preview4:after {
    content: '\e825';
}

.tp-leftarrow.preview4:after {
    content: '\e824';
}

.tparrows.preview4 .tp-arr-allwrapper {
    visibility: hidden;
    width: 180px;
    position: absolute;
    z-index: 1;
    min-height: 120px;
    top: 0px;
    left: -150px;
    overflow: hidden;
    -webkit-perspective: 1000px;
    -webkit-transform-style: flat
}

.tp-leftarrow.preview4 .tp-arr-allwrapper {
    left: 0px
}

.tparrows.preview4 .tp-arr-iwrapper {
    position: relative
}

.tparrows.preview4 .tp-arr-imgholder {
    display: block;
    background-size: cover;
    background-position: center center;
    width: 180px;
    height: 110px;
    position: relative;
    top: 0px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.tparrows.preview4 .tp-arr-imgholder2 {
    display: block;
    background-size: cover;
    background-position: center center;
    width: 180px;
    height: 110px;
    position: absolute;
    top: 0px;
    left: 180px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.tp-leftarrow.preview4 .tp-arr-imgholder2 {
    left: -180px
}

.tparrows.preview4 .tp-arr-titleholder {
    display: block;
    font-size: 12px;
    line-height: 25px;
    padding: 0px 10px;
    text-align: left;
    color: #fff;
    position: relative;
    background: #000;
    color: #FFF;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 11px;
    line-height: 2.75;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;
}

.tparrows.preview4:after {
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%
}

.tp-leftarrow.preview4:after {
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%
}

@media only screen and (min-width: 768px) {
    .tparrows.preview4:hover:after {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
    .tp-leftarrow.preview4:hover:after {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
    .tparrows.preview4:hover .tp-arr-titleholder {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

/* PREVIEW 4 BULLETS */

.tp-bullets.preview4 {
    height: 17px
}

.tp-bullets.preview4 .bullet {
    cursor: pointer;
    position: relative !important;
    background: rgba(0, 0, 0, 0.5) !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 0) !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 0px !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float: none !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.tp-bullets.preview4 .bullet.last {
    margin-right: 0px
}

.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 1) !important;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 1) !important;
}

@media only screen and (max-width: 767px) {
    .tparrows.preview4 {
        width: 20px;
        height: 80px
    }
    .tparrows.preview4:after {
        width: 20px;
        height: 80px;
        line-height: 80px;
        font-size: 14px
    }
    .tparrows.preview1 .tp-arr-allwrapper,
    .tparrows.preview2 .tp-arr-allwrapper,
    .tparrows.preview3 .tp-arr-allwrapper,
    .tparrows.preview4 .tp-arr-allwrapper {
        display: none !important
    }
}

/******************************
	-	LOADER FORMS	-
********************************/

.tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
}

.tp-loader.spinner0 {
    width: 40px;
    height: 40px;
    background: url(../assets/loader.gif) no-repeat center center;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tp-loader.spinner1 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tp-loader.spinner5 {
    background: url(../assets/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

@-webkit-keyframes tp-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: #ff0000;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    -webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
    animation: tp-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes tp-scaleout {
    0% {
        -webkit-transform: scale(0.0)
    }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes tp-scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

.tp-loader.spinner3 {
    margin: -9px 0px 0px -35px;
    width: 70px;
    text-align: center;
}

.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.tp-loader.spinner3 .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.tp-loader.spinner3 .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes tp-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes tp-bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.tp-loader.spinner4 {
    margin: -20px 0px 0px -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tp-rotate 2.0s infinite linear;
    animation: tp-rotate 2.0s infinite linear;
}

.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: tp-bounce 2.0s infinite ease-in-out;
    animation: tp-bounce 2.0s infinite ease-in-out;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

.tp-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes tp-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

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

@-webkit-keyframes tp-bounce {
    0%,
    100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes tp-bounce {
    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.tp-transparentimg {
    /*content:"url(../assets/transparent.png)"*/
}

.tp-3d {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}

.tp-caption img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
    zoom: 1;
}

/*@font-face {
  font-family: 'revicons';
  src: url('../font/revicons.eot?5510888');
  src: url('../font/revicons.eot?5510888#iefix') format('embedded-opentype'),
       url('../font/revicons.woff?5510888') format('woff'),
       url('../font/revicons.ttf?5510888') format('truetype'),
       url('../font/revicons.svg?5510888#revicons') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'revicons';
    src: url('../font/revicons.svg?5510888#revicons') format('svg');
  }
}
*/

[class^="revicon-"]:before,
[class*=" revicon-"]:before {
    font-family: "revicons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.revicon-search-1:before {
    content: '\e802'
}

/* 'î ‚' */

.revicon-pencil-1:before {
    content: '\e831'
}

/* 'î ±' */

.revicon-picture-1:before {
    content: '\e803'
}

/* 'î ƒ' */

.revicon-cancel:before {
    content: '\e80a'
}

/* 'î Š' */

.revicon-info-circled:before {
    content: '\e80f'
}

/* '' */

.revicon-trash:before {
    content: '\e801'
}

/* '' */

.revicon-left-dir:before {
    content: '\e817'
}

/* 'î —' */

.revicon-right-dir:before {
    content: '\e818'
}

/* 'î ˜' */

.revicon-down-open:before {
    content: '\e83b'
}

/* 'î »' */

.revicon-left-open:before {
    content: '\e819'
}

/* 'î ™' */

.revicon-right-open:before {
    content: '\e81a'
}

/* 'î š' */

.revicon-angle-left:before {
    content: '\e820'
}

/* 'î  ' */

.revicon-angle-right:before {
    content: '\e81d'
}

/* '' */

.revicon-left-big:before {
    content: '\e81f'
}

/* 'î Ÿ' */

.revicon-right-big:before {
    content: '\e81e'
}

/* 'î ž' */

.revicon-magic:before {
    content: '\e807'
}

/* 'î ‡' */

.revicon-picture:before {
    content: '\e800'
}

/* 'î €' */

.revicon-export:before {
    content: '\e80b'
}

/* 'î ‹' */

.revicon-cog:before {
    content: '\e832'
}

/* 'î ²' */

.revicon-login:before {
    content: '\e833'
}

/* 'î ³' */

.revicon-logout:before {
    content: '\e834'
}

/* 'î ´' */

.revicon-video:before {
    content: '\e805'
}

/* 'î …' */

.revicon-arrow-combo:before {
    content: '\e827'
}

/* 'î §' */

.revicon-left-open-1:before {
    content: '\e82a'
}

/* 'î ª' */

.revicon-right-open-1:before {
    content: '\e82b'
}

/* 'î «' */

.revicon-left-open-mini:before {
    content: '\e822'
}

/* 'î ¢' */

.revicon-right-open-mini:before {
    content: '\e823'
}

/* 'î £' */

.revicon-left-open-big:before {
    content: '\e824'
}

/* 'î ¤' */

.revicon-right-open-big:before {
    content: '\e825'
}

/* 'î ¥' */

.revicon-left:before {
    content: '\e836'
}

/* 'î ¶' */

.revicon-right:before {
    content: '\e826'
}

/* 'î ¦' */

.revicon-ccw:before {
    content: '\e808'
}

/* 'î ˆ' */

.revicon-arrows-ccw:before {
    content: '\e806'
}

/* 'î †' */

.revicon-palette:before {
    content: '\e829'
}

/* 'î ©' */

.revicon-list-add:before {
    content: '\e80c'
}

/* '' */

.revicon-doc:before {
    content: '\e809'
}

/* 'î ‰' */

.revicon-left-open-outline:before {
    content: '\e82e'
}

/* 'î ®' */

.revicon-left-open-2:before {
    content: '\e82c'
}

/* 'î ¬' */

.revicon-right-open-outline:before {
    content: '\e82f'
}

/* 'î ¯' */

.revicon-right-open-2:before {
    content: '\e82d'
}

/* 'î ­' */

.revicon-equalizer:before {
    content: '\e83a'
}

/* 'î º' */

.revicon-layers-alt:before {
    content: '\e804'
}

/* 'î „' */

.revicon-popup:before {
    content: '\e828'
}

/* 'î ¨' */

/*-----------------------------------------------------------------------------------*/

/*	03. CUBE PORTFOLIO
/*-----------------------------------------------------------------------------------*/

/*!
 * Cube Portfolio - Responsive jQuery Grid Plugin
 *
 * version: 3.0.1 (4 August, 2015)
 * require: jQuery v1.7+
 *
 * Copyright 2013-2015, Mihai Buricea (http://scriptpie.com/cubeportfolio/live-preview/)
 * Licensed under CodeCanyon License (http://codecanyon.net/licenses)
 *
 */

.cbp,
.cbp *,
.cbp :after,
.cbp :before,
.cbp-l-filters-alignCenter,
.cbp-l-filters-alignCenter *,
.cbp-l-filters-alignLeft,
.cbp-l-filters-alignLeft *,
.cbp-l-filters-alignRight,
.cbp-l-filters-alignRight *,
.cbp-l-filters-button,
.cbp-l-filters-button *,
.cbp-l-filters-buttonCenter,
.cbp-l-filters-buttonCenter *,
.cbp-l-filters-dropdown,
.cbp-l-filters-dropdown *,
.cbp-l-filters-list,
.cbp-l-filters-list *,
.cbp-l-filters-work,
.cbp-l-filters-work *,
.cbp-l-filters-big,
.cbp-l-filters-big *,
.cbp-l-filters-text,
.cbp-l-filters-text *,
.cbp-l-filters-underline,
.cbp-l-filters-underline *,
.cbp-popup-wrap,
.cbp-popup-wrap *,
.cbp-popup-singlePage,
.cbp-popup-singlePage * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cbp-l-grid-agency-title,
.cbp-l-grid-agency-desc,
.cbp-l-grid-work-title,
.cbp-l-grid-work-desc,
.cbp-l-grid-blog-title,
.cbp-l-grid-projects-title,
.cbp-l-grid-projects-desc,
.cbp-l-grid-masonry-projects-title,
.cbp-l-grid-masonry-projects-desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cbp-l-filters-alignCenter,
.cbp-l-filters-alignCenter *,
.cbp-l-filters-alignLeft,
.cbp-l-filters-alignLeft *,
.cbp-l-filters-alignRight,
.cbp-l-filters-alignRight *,
.cbp-l-filters-button,
.cbp-l-filters-button *,
.cbp-l-filters-buttonCenter,
.cbp-l-filters-buttonCenter *,
.cbp-l-filters-dropdown,
.cbp-l-filters-dropdown *,
.cbp-l-filters-list,
.cbp-l-filters-list *,
.cbp-l-filters-work,
.cbp-l-filters-work *,
.cbp-l-filters-big,
.cbp-l-filters-big *,
.cbp-l-filters-text,
.cbp-l-filters-text *,
.cbp-l-filters-underline,
.cbp-l-filters-underline * {
    -webkit-tap-highlight-color: transparent;
}

/*  ---------------------------------------------------------------
    Default style for plugin. Please change them carefully!
    --------------------------------------------------------------- */

.cbp-item {
    display: inline-block;
    margin: 0 10px 20px 0;
}

.cbp {
    position: relative;
    margin: 0 auto;
    z-index: 1;
    /* @editable properties */
    height: 400px;
}

.cbp:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("../images/cbp/cbp-loading.gif") no-repeat scroll center center transparent;
}

.cbp>* {
    visibility: hidden;
}

.cbp .cbp-item {
    position: absolute;
    top: 0;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden; border:5px solid #fff;
}

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

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

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

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

.cbp-wrapper-outer {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.cbp-wrapper-outer,
.cbp-wrapper,
.cbp-wrapper-helper {
    list-style-type: none;
    padding: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.cbp-wrapper,
.cbp-wrapper-helper {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

.cbp-item-off {
    z-index: -1;
    pointer-events: none;
    visibility: hidden;
}

.cbp-item-on2off {
    z-index: 0;
}

.cbp-item-off2on {
    z-index: 1;
}

.cbp-item-on2on {
    z-index: 2;
}

.cbp-item-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.cbp-l-project-related-wrap img,
.cbp-l-inline img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
}

.cbp-addItems {
    /* @editable properties */
    -webkit-transition: height .5s ease-in-out !important;
    transition: height .5s ease-in-out !important;
    will-change: height;
}

.cbp-addItems .cbp-item {
    -webkit-transition: top .5s ease-in-out, left .5s ease-in-out;
    transition: top .5s ease-in-out, left .5s ease-in-out;
}

.cbp-addItems .cbp-item-loading {
    -webkit-animation: fadeIn .5s ease-in-out;
    animation: fadeIn .5s ease-in-out;
    -webkit-transition: none;
    transition: none;
}

/*  END - Default style for plugin. Please change them carefully! */

.cbp-panel {
    /* @editable properties */
    width: 94%;
    max-width: 1170px;
    margin: 0 auto;
}

.cbp-misc-video {
    /* @editable properties */
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    background: #000;
}

.cbp-misc-video iframe {
    /* @editable properties */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.cbp-l-filters-left {
    float: left;
}

.cbp-l-filters-right {
    float: right;
}

/* general caption style */

.cbp-caption,
.cbp-caption-defaultWrap,
.cbp-caption-activeWrap {
    display: block;
}

.cbp-caption-activeWrap {
    background-color: #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 {
    /* @editable properties */
    color: #fff;
    font: 400 16px/21px "Open Sans", sans-serif;
}

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

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

.cbp-l-caption-buttonLeft,
.cbp-l-caption-buttonRight {
    /* @editable properties */
    background-color: #3288C4;
    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 {
    /* @editable properties */
    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 {
    /* @editable properties */
    padding: 12px 30px;
}

.cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body {
    padding-top: 30px;
}

/*  END - caption layout left */

/*  ---------------------------------------------------------------
    caption layout center vertically and horizontally
    --------------------------------------------------------------- */

.cbp-l-caption-alignCenter {
    display: table;
    width: 100%;
    height: 100%;
}

.cbp-l-caption-alignCenter .cbp-l-caption-body {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0;
}

.cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
    position: relative;
    /* @editable properties */
    -webkit-transition: left .4s cubic-bezier(.19, 1, .22, 1);
    transition: left .4s cubic-bezier(.19, 1, .22, 1);
}

.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft {
    /* @editable properties */
    left: -20px;
}

.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
    /* @editable properties */
    left: 20px;
}

.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
    /* @editable properties */
    left: 0;
}

/*  END - caption layout center vertically and horizontally */

.cbp-caption-fadeIn .cbp-caption-activeWrap {
    opacity: 0;
    /* @editable properties */
    background-color: rgba(0, 0, 0, 0.85);
    -webkit-transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
}

.cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap {
    /* @editable properties */
    top: 0;
    opacity: 1;
}

.cbp-caption-minimal .cbp-l-caption-title,
.cbp-caption-minimal .cbp-l-caption-desc {
    /* @editable properties */
    position: relative;
    left: 0;
    opacity: 0;
    -webkit-transition: -webkit-transform .35s ease-out;
    transition: transform .35s ease-out;
}

.cbp-caption-minimal .cbp-l-caption-title {
    /* @editable properties */
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cbp-caption-minimal .cbp-l-caption-desc {
    /* @editable properties */
    -webkit-transform: translateY(70%);
    transform: translateY(70%);
}

.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title,
.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc {
    /* @editable properties */
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.cbp-caption-minimal .cbp-caption-activeWrap {
    top: 0;
    /* @editable properties */
    background-color: black;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap {
    /* @editable properties */
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

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

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

.cbp-caption-overlayBottom .cbp-caption-activeWrap {
    /*@editable properties */
    height: 60px;
    background-color: #181616;
    background-color: rgba(24, 22, 22, 0.7);
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1);
}

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

.cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap,
.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
    /*@editable properties */
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1);
}

.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
    /* @editable properties */
    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 {
    /*@editable properties */
    -webkit-transition: top .6s cubic-bezier(.19, 1, .22, 1);
    transition: top .6s cubic-bezier(.19, 1, .22, 1);
}

.cbp-caption-overlayBottomPush .cbp-caption-activeWrap {
    /* @editable properties */
    bottom: -60px;
    height: 60px;
    /*@editable properties */
    -webkit-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
    transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
}

.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap {
    /* @editable properties */
    top: -60px;
}

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

.cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap {
    z-index: 2;
    /*@editable properties */
    -webkit-transition: top .5s cubic-bezier(.19, 1, .22, 1);
    transition: top .5s cubic-bezier(.19, 1, .22, 1);
}

.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap {
    bottom: 0;
    z-index: 1;
    /* @editable properties */
    height: 60px;
}

.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap {
    /* @editable properties */
    top: -60px;
}

.cbp-caption-overlayRightAlong .cbp-caption-defaultWrap,
.cbp-caption-overlayRightAlong .cbp-caption-activeWrap {
    /*@editable properties */
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1);
}

.cbp-caption-overlayRightAlong .cbp-caption-activeWrap {
    top: 0;
    left: -50%;
    width: 50%;
}

.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
}

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

.cbp-caption-pushDown .cbp-caption-defaultWrap,
.cbp-caption-pushDown .cbp-caption-activeWrap {
    /*@editable properties */
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1);
}

.cbp-caption-pushDown .cbp-caption-activeWrap {
    top: -102%;
    height: 102%;
}

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

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

.cbp-caption-pushTop .cbp-caption-activeWrap,
.cbp-caption-pushTop .cbp-caption-defaultWrap {
    /*@editable properties */
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1);
}

.cbp-caption-pushTop .cbp-caption-activeWrap {
    height: 102%;
}

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

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

.cbp-caption-revealBottom .cbp-caption-defaultWrap {
    z-index: 2;
    /*@editable properties */
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1);
}

.cbp-caption-revealBottom .cbp-caption-activeWrap {
    top: 0;
    z-index: 1;
}

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

.cbp-caption-revealLeft .cbp-caption-activeWrap {
    left: 100%;
    top: 0;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1);
}

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

.cbp-caption-revealTop .cbp-caption-defaultWrap {
    z-index: 2;
    /*@editable properties */
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1);
}

.cbp-caption-revealTop .cbp-caption-activeWrap {
    top: 0;
    z-index: 1;
}

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

.cbp-caption-zoom .cbp-caption-defaultWrap {
    /* @editable properties */
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1);
}

.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
    /* @editable properties */
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
    transform: scale3d(1.25, 1.25, 1.25);
}

.cbp-caption-zoom .cbp-caption-activeWrap {
    opacity: 0;
    top: 0;
    /* @editable properties */
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
}

.cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap {
    /* @editable properties */
    opacity: 1;
}

.cbp-caption-opacity .cbp-item {
    padding: 1px;
}

.cbp-caption-opacity .cbp-caption,
.cbp-caption-opacity .cbp-caption-activeWrap,
.cbp-caption-opacity .cbp-caption-defaultWrap {
    background-color: transparent;
}

.cbp-caption-opacity .cbp-caption {
    /* @editable properties */
    border: 1px solid transparent;
}

.cbp-caption-opacity .cbp-caption:hover {
    /* @editable properties */
    border-color: #EDEDED;
}

.cbp-caption-opacity .cbp-caption-defaultWrap {
    opacity: 1;
    /* @editable properties */
    -webkit-transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
}

.cbp-caption-opacity .cbp-caption:hover .cbp-caption-defaultWrap {
    /* @editable properties */
    opacity: .8;
}

.cbp-caption-opacity .cbp-caption:hover .cbp-caption-activeWrap {
    /* @editable properties */
    top: 0;
}

.cbp-caption-expand .cbp-caption-activeWrap {
    height: auto;
    background-color: transparent;
}

.cbp-caption-expand .cbp-caption {
    border-bottom: 1px dotted #eaeaea;
}

.cbp-caption-expand .cbp-caption-defaultWrap {
    cursor: pointer;
    font: 500 15px/23px "Roboto", sans-serif;
    color: #474747;
    padding: 12px 0 11px 26px;
}

.cbp-caption-expand .cbp-caption-defaultWrap .fa {
    position: absolute;
    top: 16px;
    left: 0;
    width: 16px;
    text-align: center;
    font-size: 14px;
}

.cbp-caption-expand .cbp-l-caption-body {
    font: 400 13px/21px "Roboto", sans-serif;
    color: #888;
    padding: 0 0 20px 26px;
}

.cbp-caption-expand-active {
    transition: height .4s !important;
}

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

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

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

.cbp-l-filters-alignCenter .cbp-filter-item {
    /* @editable properties */
    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 {
    /* @editable properties */
    color: #2D2C2C;
}

.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active {
    /* @editable properties */
    color: #2D2C2C;
    cursor: default;
}

.cbp-l-filters-alignCenter .cbp-filter-counter {
    /* @editable properties */
    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:before {
    /* @editable properties */
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #626161;
    display: none;
}

.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter:before {
    display: block;
}

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

.cbp-l-filters-alignLeft {
    margin-bottom: 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 {
    /* @editable properties */
    margin-bottom: 30px;
    text-align: right;
}

.cbp-l-filters-alignRight .cbp-filter-item {
    background-color: transparent;
    color: #8B8B8B;
    cursor: pointer;
    font: 400 11px/29px "Open Sans", sans-serif;
    padding: 0 12px;
    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 {
    /* @editable properties */
    color: #2B3444;
}

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

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

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

.cbp-l-filters-alignRight .cbp-filter-counter {
    /* @editable properties */
    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:before {
    /* @editable properties */
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #049372;
    display: none;
}

.cbp-l-filters-button {
    /* @editable properties */
    margin-bottom: 30px;
}

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

.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
    /* @editable properties */
    background-color: #545454;
    color: #fff;
    border-color: #5d5d5d;
    cursor: default;
}

.cbp-l-filters-button .cbp-filter-counter {
    /* @editable properties */
    background-color: #545454;
    border-radius: 3px;
    color: #fff;
    font: 400 11px/18px "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:before {
    /* @editable properties */
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #545454;
    display: none;
}

.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter:before {
    display: block;
}

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

.cbp-l-filters-buttonCenter {
    /* @editable properties */
    margin-bottom: 30px;
    text-align: center;
}

.cbp-l-filters-buttonCenter .cbp-filter-item {
    /* @editable properties */
    background-color: #FFFFFF;
    border: 1px solid #ECECEC;
    color: #888888;
    cursor: pointer;
    font: 400 12px/32px Roboto, sans-serif;
    margin: 0 10px 10px 0;
    overflow: visible;
    padding: 0 17px;
    position: relative;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.cbp-l-filters-buttonCenter .cbp-filter-item:hover {
    /* @editable properties */
    color: #5d5d5d;
}

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

.cbp-l-filters-buttonCenter .cbp-filter-counter {
    /* @editable properties */
    background-color: #68ABBC;
    border-radius: 3px;
    color: #fff;
    font: 400 11px/18px Roboto, sans-serif;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease, bottom .25s ease;
    transition: opacity .25s ease, bottom .25s ease;
}

.cbp-l-filters-buttonCenter .cbp-filter-counter:before {
    /* @editable properties */
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #68ABBC;
    display: none;
}

.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter:before {
    display: block;
}

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

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

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

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

.cbp-l-filters-dropdownHeader:after {
    /* @editable properties */
    border-color: #FFFFFF transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    margin-top: -1px;
}

.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after {
    /* @editable properties */
    border-width: 0 5px 5px;
}

.cbp-l-filters-dropdownList {
    display: none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.cbp-l-filters-dropdownList>li {
    margin: 0;
    list-style: none;
}

.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownList {
    display: block;
    margin: 0;
}

.cbp-l-filters-dropdownList .cbp-filter-item {
    /* @editable properties */
    background: transparent;
    color: #b3b3b3;
    width: 100%;
    text-align: left;
    font: 400 12px/40px "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 {
    /* @editable properties */
    color: #e6e6e6;
}

.cbp-l-filters-dropdownList .cbp-filter-item-active {
    /* @editable properties */
    color: #fff;
    cursor: default;
}

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

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

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

.cbp-l-filters-list .cbp-filter-item {
    /* @editable properties */
    background-color: transparent;
    color: #585252;
    cursor: pointer;
    font: 400 12px/35px "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 {
    /* @editable properties */
    color: #000;
}

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

.cbp-l-filters-list-first {
    /* @editable properties */
    border-radius: 6px 0 0 6px;
}

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

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

@media only screen and (max-width: 600px) {
    .cbp-l-filters-list .cbp-filter-item {
        margin-right: 5px;
        border-radius: 6px;
        border-right-width: 1px;
    }
}

.cbp-l-filters-work {
    /* @editable properties */
    margin-bottom: 30px;
    text-align: center;
}

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

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

.cbp-l-filters-work .cbp-filter-counter {
    /* @editable properties */
    font: 600 11px/37px "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 {
    /* @editable properties */
    margin-bottom: 30px;
    text-align: center;
    font: 400 12px/21px Lato, sans-serif;
    color: #DADADA;
    padding: 0 15px;
}

.cbp-l-filters-text .cbp-filter-item {
    /* @editable properties */
    color: #949494;
    cursor: pointer;
    font: 400 13px/21px Lato, sans-serif;
    padding: 0 12px;
    transition: all .3s ease-in-out;
    position: relative;
    overflow: visible;
    margin: 0 0 10px;
    display: inline-block;
}

.cbp-l-filters-text .cbp-filter-item:hover {
    /* @editable properties */
    color: #2D2C2C;
}

.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active {
    /* @editable properties */
    color: #2D2C2C;
    cursor: default;
}

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

.cbp-l-filters-text .cbp-filter-counter:before {
    /* @editable properties */
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #626161;
    display: none;
}

.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter:before {
    display: block;
}

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

.cbp-l-filters-text-sort {
    display: inline-block;
    font: 400 13px/21px Lato, sans-serif;
    color: #949494;
    margin-right: 15px;
}

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

.cbp-l-filters-underline .cbp-filter-item {
    border-bottom: 3px solid transparent;
    cursor: pointer;
    font: 600 14px/21px "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 {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-quicksand .cbp-item {
    /* @editable properties */
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
}

.cbp-animation-quicksand .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-animation-quicksand .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-quicksand .cbp-item-on2off .cbp-item-wrapper {
    -webkit-animation: quicksand-off .6s ease-out both;
    animation: quicksand-off .6s ease-out both;
}

.cbp-animation-quicksand .cbp-item-off2on .cbp-item-wrapper {
    -webkit-animation: quicksand-on .6s ease-out both;
    animation: quicksand-on .6s ease-out both;
}

/* in */

/* @editable properties */

@-webkit-keyframes quicksand-off {
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 0);
    }
}

@keyframes quicksand-off {
    100% {
        opacity: 0;
        transform: scale3d(0, 0, 0);
    }
}

/* out */

/* @editable properties */

@-webkit-keyframes quicksand-on {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 0);
    }
}

@keyframes quicksand-on {
    0% {
        opacity: 0;
        transform: scale3d(0, 0, 0);
    }
}

.cbp-animation-fadeOut,
.cbp-animation-boxShadow {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-fadeOut .cbp-item,
.cbp-animation-boxShadow .cbp-item {
    /* @editable properties */
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
}

.cbp-animation-fadeOut .cbp-item,
.cbp-animation-boxShadow .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-animation-fadeOut .cbp-item-wrapper,
.cbp-animation-boxShadow .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-fadeOut .cbp-item-on2off .cbp-item-wrapper,
.cbp-animation-boxShadow .cbp-item-on2off .cbp-item-wrapper {
    -webkit-animation: fadeOut-off .6s ease-in-out both;
    animation: fadeOut-off .6s ease-in-out both;
}

.cbp-animation-fadeOut .cbp-item-off2on .cbp-item-wrapper,
.cbp-animation-boxShadow .cbp-item-off2on .cbp-item-wrapper {
    -webkit-animation: fadeOut-on .6s ease-in-out both;
    animation: fadeOut-on .6s ease-in-out both;
}

/* in */

/* @editable properties */

@-webkit-keyframes fadeOut-off {
    0% {
        opacity: 1;
    }
    80%,
    100% {
        opacity: 0;
    }
}

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

/* out */

/* @editable properties */

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

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

.cbp-animation-flipOut {
    /* @editable properties */
    -webkit-transition: height .7s ease-in-out;
    transition: height .7s ease-in-out;
    will-change: height;
}

.cbp-animation-flipOut .cbp-item {
    /* @editable properties */
    -webkit-transition: -webkit-transform .7s ease-in-out;
    transition: transform .7s ease-in-out;
}

.cbp-animation-flipOut .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-animation-flipOut .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-flipOut .cbp-item-on2off .cbp-item-wrapper {
    -webkit-animation: flipOut-out .7s both ease-in;
    animation: flipOut-out .7s both ease-in;
}

.cbp-animation-flipOut .cbp-item-off2on .cbp-item-wrapper {
    -webkit-animation: flipOut-in .7s ease-out both;
    animation: flipOut-in .7s ease-out both;
}

/* out */

/* @editable properties */

@-webkit-keyframes flipOut-out {
    50%,
    100% {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        opacity: 0.2;
    }
}

@keyframes flipOut-out {
    50%,
    100% {
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: 0.2;
    }
}

/* in */

/* @editable properties */

@-webkit-keyframes flipOut-in {
    0%,
    50% {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        opacity: 0.2;
    }
}

@keyframes flipOut-in {
    0%,
    50% {
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: 0.2;
    }
}

.cbp-animation-flipBottom {
    /* @editable properties */
    -webkit-transition: height .7s ease-in-out;
    transition: height .7s ease-in-out;
    will-change: height;
}

.cbp-animation-flipBottom .cbp-item {
    /* @editable properties */
    -webkit-transition: -webkit-transform .7s ease-in-out;
    transition: transform .7s ease-in-out;
}

.cbp-animation-flipBottom .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-animation-flipBottom .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-flipBottom .cbp-item-on2off .cbp-item-wrapper {
    -webkit-animation: flipBottom-out .7s both ease-in;
    animation: flipBottom-out .7s both ease-in;
}

.cbp-animation-flipBottom .cbp-item-off2on .cbp-item-wrapper {
    -webkit-animation: flipBottom-in .7s ease-out both;
    animation: flipBottom-in .7s ease-out both;
}

/* out */

/* @editable properties */

@-webkit-keyframes flipBottom-out {
    50%,
    100% {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        opacity: 0.2;
    }
}

@keyframes flipBottom-out {
    50%,
    100% {
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: 0.2;
    }
}

/* in */

/* @editable properties */

@-webkit-keyframes flipBottom-in {
    0%,
    50% {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        opacity: 0.2;
    }
}

@keyframes flipBottom-in {
    0%,
    50% {
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: 0.2;
    }
}

.cbp-animation-scaleSides {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-scaleSides .cbp-item {
    /* @editable properties */
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
}

.cbp-animation-scaleSides .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-animation-scaleSides .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-scaleSides .cbp-item-on2off .cbp-item-wrapper {
    -webkit-animation: scaleSides-out .9s ease both;
    animation: scaleSides-out .9s ease both;
}

.cbp-animation-scaleSides .cbp-item-off2on .cbp-item-wrapper {
    -webkit-animation: scaleSides-in .9s ease both;
    animation: scaleSides-in .9s ease both;
}

/* out */

/* @editable properties */

@-webkit-keyframes scaleSides-out {
    50%,
    100% {
        -webkit-transform: scale(.6);
        opacity: 0;
    }
}

@keyframes scaleSides-out {
    50%,
    100% {
        transform: scale(.6);
        opacity: 0;
    }
}

/* in */

/* @editable properties */

@-webkit-keyframes scaleSides-in {
    0%,
    50% {
        -webkit-transform: scale(.6);
        opacity: 0;
    }
}

@keyframes scaleSides-in {
    0%,
    50% {
        transform: scale(.6);
        opacity: 0;
    }
}

.cbp-animation-skew {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-skew .cbp-item {
    /* @editable properties */
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
}

.cbp-animation-skew .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-animation-skew .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-skew .cbp-item-on2off .cbp-item-wrapper {
    -webkit-animation: skew-off .6s ease-out both;
    animation: skew-off .6s ease-out both;
}

.cbp-animation-skew .cbp-item-off2on .cbp-item-wrapper {
    -webkit-animation: skew-on .6s ease-out both;
    animation: skew-on .6s ease-out both;
}

/* in */

/* @editable properties */

@-webkit-keyframes skew-off {
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 0) skew(20deg, 0);
    }
}

@keyframes skew-off {
    100% {
        opacity: 0;
        transform: scale3d(0, 0, 0) skew(20deg, 0);
    }
}

/* out */

/* @editable properties */

@-webkit-keyframes skew-on {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 0) skew(0, 20deg);
    }
}

@keyframes skew-on {
    0% {
        opacity: 0;
        transform: scale3d(0, 0, 0) skew(0, 20deg);
    }
}

.cbp-animation-fadeOutTop {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-fadeOutTop .cbp-wrapper-outer {
    overflow: visible;
}

.cbp-animation-fadeOutTop .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    overflow: visible;
}

.cbp-animation-fadeOutTop .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

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

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

/* out */

/* @editable properties */

@-webkit-keyframes fadeOutTop-out {
    0% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
    50%,
    100% {
        -webkit-transform: translateY(-30px);
        opacity: 0;
    }
}

@keyframes fadeOutTop-out {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    50%,
    100% {
        transform: translateY(-30px);
        opacity: 0;
    }
}

/* out */

/* @editable properties */

@-webkit-keyframes fadeOutTop-in {
    0%,
    50% {
        -webkit-transform: translateY(-30px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeOutTop-in {
    0%,
    50% {
        transform: translateY(-30px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.cbp-animation-slideLeft {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-slideLeft .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-animation-slideLeft .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-slideLeft .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-animation: slideLeft-out .8s both ease-in-out;
    animation: slideLeft-out .8s both ease-in-out;
}

.cbp-animation-slideLeft .cbp-wrapper .cbp-item-wrapper {
    -webkit-animation: slideLeft-in .8s both ease-in-out;
    animation: slideLeft-in .8s both ease-in-out;
}

/* out */

/* @editable properties */

@-webkit-keyframes slideLeft-out {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    25% {
        opacity: .75;
        -webkit-transform: scale(.8);
    }
    75% {
        opacity: .75;
        -webkit-transform: scale(.8) translateX(-200%);
    }
    100% {
        opacity: .75;
        -webkit-transform: scale(.8) translateX(-200%);
    }
}

@keyframes slideLeft-out {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    25% {
        opacity: .75;
        transform: scale(.8);
    }
    75% {
        opacity: .75;
        transform: scale(.8) translateX(-200%);
    }
    100% {
        opacity: .75;
        transform: scale(.8) translateX(-200%);
    }
}

/* in */

/* @editable properties */

@-webkit-keyframes slideLeft-in {
    0%,
    25% {
        opacity: .75;
        -webkit-transform: scale(.8) translateX(200%);
    }
    75% {
        opacity: .75;
        -webkit-transform: scale(.8);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0);
    }
}

@keyframes slideLeft-in {
    0%,
    25% {
        opacity: .75;
        transform: scale(.8) translateX(200%);
    }
    75% {
        opacity: .75;
        transform: scale(.8);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(0);
    }
}

.cbp-animation-sequentially {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-sequentially .cbp-wrapper-outer {
    overflow: visible;
}

.cbp-animation-sequentially .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    overflow: visible;
}

.cbp-animation-sequentially .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-sequentially .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-animation: fadeOutTop-out .6s both ease;
    animation: fadeOutTop-out .6s both ease;
}

.cbp-animation-sequentially .cbp-wrapper .cbp-item-wrapper {
    -webkit-animation: fadeOutTop-in .6s both ease-out;
    animation: fadeOutTop-in .6s both ease-out;
}

.cbp-animation-3dflip {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-3dflip .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-animation-3dflip .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-3dflip .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation: flip-out 0.6s both ease-in-out;
    animation: flip-out 0.6s both ease-in-out;
}

.cbp-animation-3dflip .cbp-wrapper .cbp-item-wrapper {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: flip-in 0.6s both ease-in-out;
    animation: flip-in 0.6s both ease-in-out;
}

@-webkit-keyframes flip-out {
    100% {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
    }
}

@keyframes flip-out {
    100% {
        opacity: 0;
        transform: rotateY(90deg);
    }
}

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

@keyframes flip-in {
    0% {
        opacity: 0;
        transform: rotateY(-90deg);
    }
    100% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

.cbp-animation-flipOutDelay {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-flipOutDelay .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-animation-flipOutDelay .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-flipOutDelay .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-animation: flipOut-out 1s both ease-in;
    animation: flipOut-out 1s both ease-in;
}

.cbp-animation-flipOutDelay .cbp-wrapper .cbp-item-wrapper {
    -webkit-animation: flipOut-in 1s both ease-out;
    animation: flipOut-in 1s both ease-out;
}

.cbp-animation-slideDelay {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-slideDelay .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-animation-slideDelay .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-slideDelay .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-animation: slideDelay-out 0.5s both ease-in-out;
    animation: slideDelay-out 0.5s both ease-in-out;
}

.cbp-animation-slideDelay .cbp-wrapper .cbp-item-wrapper {
    -webkit-animation: slideDelay-in 0.5s both ease-in-out;
    animation: slideDelay-in 0.5s both ease-in-out;
}

/* out */

@-webkit-keyframes slideDelay-out {
    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes slideDelay-out {
    100% {
        transform: translateX(-100%);
    }
}

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

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

.cbp-animation-rotateSides {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-rotateSides .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-animation-rotateSides .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-rotateSides .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-transform-origin: -50% 50%;
    -webkit-animation: rotateSides-out .5s both ease-in;
    transform-origin: -50% 50%;
    animation: rotateSides-out .5s both ease-in;
}

.cbp-animation-rotateSides .cbp-wrapper .cbp-item-wrapper {
    -webkit-transform-origin: 150% 50%;
    -webkit-animation: rotateSides-in .6s both ease-out;
    transform-origin: 150% 50%;
    animation: rotateSides-in .6s both ease-out;
}

/* out */

@-webkit-keyframes rotateSides-out {
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(90deg);
    }
}

@keyframes rotateSides-out {
    100% {
        opacity: 0;
        transform: translateZ(-500px) rotateY(90deg);
    }
}

/* in */

/* @editable properties */

@-webkit-keyframes rotateSides-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(-90deg);
    }
    40% {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(-90deg);
    }
}

@keyframes rotateSides-in {
    0% {
        opacity: 0;
        transform: translateZ(-500px) rotateY(-90deg);
    }
    40% {
        opacity: 0;
        transform: translateZ(-500px) rotateY(-90deg);
    }
}

.cbp-animation-foldLeft {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-foldLeft .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-animation-foldLeft .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-foldLeft .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: foldLeft-out .7s both ease;
    animation: foldLeft-out .7s both ease;
}

.cbp-animation-foldLeft .cbp-wrapper .cbp-item-wrapper {
    -webkit-animation: foldLeft-in .7s both ease;
    animation: foldLeft-in .7s ease both;
}

/* out */

@-webkit-keyframes foldLeft-out {
    100% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
    }
}

@keyframes foldLeft-out {
    100% {
        opacity: 0;
        transform: translateX(-100%) rotateY(-90deg);
    }
}

/* in */

@-webkit-keyframes foldLeft-in {
    0% {
        opacity: 0.3;
        -webkit-transform: translateX(100%);
    }
}

@keyframes foldLeft-in {
    0% {
        opacity: 0.3;
        transform: translateX(100%);
    }
}

.cbp-animation-unfold {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-unfold .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-animation-unfold .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-unfold .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-animation: unfold-out .8s ease both;
    animation: unfold-out .8s ease both;
}

.cbp-animation-unfold .cbp-wrapper .cbp-item-wrapper {
    -webkit-transform-origin: 0% 50%;
    -webkit-animation: unfold-in .8s both ease;
    transform-origin: 0% 50%;
    animation: unfold-in .8s both ease;
}

/* out */

@-webkit-keyframes unfold-out {
    90% {
        opacity: 0.3;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
}

@keyframes unfold-out {
    90% {
        opacity: 0.3;
    }
    100% {
        opacity: 0;
        transform: translateX(-100%);
    }
}

/* in */

@-webkit-keyframes unfold-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
    }
}

@keyframes unfold-in {
    0% {
        opacity: 0;
        transform: translateX(100%) rotateY(90deg);
    }
}

.cbp-animation-scaleDown {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-scaleDown .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-animation-scaleDown .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-scaleDown .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-animation: scaleDown-out .7s ease both;
    animation: scaleDown-out .7s ease both;
}

.cbp-animation-scaleDown .cbp-wrapper .cbp-item-wrapper {
    -webkit-animation: scaleDown-in .6s ease both;
    animation: scaleDown-in .6s ease both;
}

/* out */

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

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

/* in */

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

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

.cbp-animation-frontRow {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-frontRow .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-animation-frontRow .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-frontRow .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-animation: frontRow-out .7s both ease;
    animation: frontRow-out .7s both ease;
}

.cbp-animation-frontRow .cbp-wrapper .cbp-item-wrapper {
    -webkit-animation: frontRow-in .6s both ease;
    animation: frontRow-in .6s both ease;
}

/* out */

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

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

/* in */

@-webkit-keyframes frontRow-in {
    0% {
        -webkit-transform: translateX(100%) scale(.8);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%) scale(1);
    }
}

@keyframes frontRow-in {
    0% {
        transform: translateX(100%) scale(.8);
    }
    100% {
        opacity: 1;
        transform: translateX(0%) scale(1);
    }
}

.cbp-animation-rotateRoom {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-rotateRoom .cbp-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-animation-rotateRoom .cbp-item-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cbp-animation-rotateRoom .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateRoom-out .8s both ease;
    animation: rotateRoom-out .8s both ease;
}

.cbp-animation-rotateRoom .cbp-wrapper .cbp-item-wrapper {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation: rotateRoom-in .8s both ease;
    animation: rotateRoom-in .8s both ease;
}

/* out */

@-webkit-keyframes rotateRoom-out {
    90% {
        opacity: .3;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(90deg);
    }
}

@keyframes rotateRoom-out {
    90% {
        opacity: .3;
    }
    100% {
        opacity: 0;
        transform: translateX(-100%) rotateY(90deg);
    }
}

/* in */

@-webkit-keyframes rotateRoom-in {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
    }
}

@keyframes rotateRoom-in {
    0% {
        opacity: .3;
        transform: translateX(100%) rotateY(-90deg);
    }
}

.cbp-animation-bounceBottom {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-bounceBottom .cbp-wrapper-helper {
    /* @editable properties */
    -webkit-animation: bounceBottom-out .6s both ease-in-out;
    animation: bounceBottom-out .6s both ease-in-out;
}

.cbp-animation-bounceBottom .cbp-wrapper {
    /* @editable properties */
    -webkit-animation: bounceBottom-in .6s both ease-in-out;
    animation: bounceBottom-in .6s both ease-in-out;
}

/* out */

@-webkit-keyframes bounceBottom-out {
    100% {
        -webkit-transform: translateY(100%);
        opacity: 0;
    }
}

@keyframes bounceBottom-out {
    100% {
        transform: translateY(100%);
        opacity: 0;
    }
}

/* in */

@-webkit-keyframes bounceBottom-in {
    0% {
        -webkit-transform: translateY(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes bounceBottom-in {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.cbp-animation-bounceLeft {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-bounceLeft .cbp-wrapper-helper {
    /* @editable properties */
    -webkit-animation: bounceLeft-out .6s both ease-in-out;
    animation: bounceLeft-out .6s both ease-in-out;
}

.cbp-animation-bounceLeft .cbp-wrapper {
    /* @editable properties */
    -webkit-animation: bounceLeft-in .6s both ease-in-out;
    animation: bounceLeft-in .6s both ease-in-out;
}

/* out */

@-webkit-keyframes bounceLeft-out {
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes bounceLeft-out {
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}

/* in */

@-webkit-keyframes bounceLeft-in {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@keyframes bounceLeft-in {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.cbp-animation-bounceTop {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-bounceTop .cbp-wrapper-helper {
    /* @editable properties */
    -webkit-animation: bounceTop-out .6s both ease-in-out;
    animation: bounceTop-out .6s both ease-in-out;
}

.cbp-animation-bounceTop .cbp-wrapper {
    /* @editable properties */
    -webkit-animation: bounceTop-in .6s both ease-in-out;
    animation: bounceTop-in .6s both ease-in-out;
}

/* out */

@-webkit-keyframes bounceTop-out {
    100% {
        -webkit-transform: translateY(-100%);
        opacity: 0;
    }
}

@keyframes bounceTop-out {
    100% {
        transform: translateY(-100%);
        opacity: 0;
    }
}

/* in */

@-webkit-keyframes bounceTop-in {
    0% {
        -webkit-transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes bounceTop-in {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.cbp-animation-moveLeft {
    /* @editable properties */
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    will-change: height;
}

.cbp-animation-moveLeft .cbp-wrapper-helper {
    /* @editable properties */
    -webkit-animation: moveLeft-out .6s both ease-in-out;
    animation: moveLeft-out .6s both ease-in-out;
}

.cbp-animation-moveLeft .cbp-wrapper {
    /* @editable properties */
    -webkit-animation: moveLeft-in .6s both ease-in-out;
    animation: moveLeft-in .6s both ease-in-out;
}

/* out */

@-webkit-keyframes moveLeft-out {
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes moveLeft-out {
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}

/* in */

@-webkit-keyframes moveLeft-in {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@keyframes moveLeft-in {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.cbp-displayType-lazyLoading {
    -webkit-animation: fadeIn .5s both ease-in;
    animation: fadeIn .5s both ease-in;
}

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

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.cbp-displayType-fadeInToTop {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-animation: fadeInToTop .5s both ease-in;
    animation: fadeInToTop .5s both ease-in;
}

@-webkit-keyframes fadeInToTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInToTop {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.cbp-displayType-sequentially .cbp-item {
    -webkit-animation: fadeIn .5s both ease-in;
    animation: fadeIn .5s both ease-in;
}

.cbp-displayType-bottomToTop {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.cbp-displayType-bottomToTop .cbp-item {
    -webkit-animation: fadeInBottomToTop .4s both ease-in;
    animation: fadeInBottomToTop .4s 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-popup-ie8bg {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    /* @editable properties */
    background: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.cbp-popup-wrap {
    height: 100%;
    text-align: center;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    display: none;
    overflow-y: scroll;
    overflow-x: hidden;
    /* @editable properties */
    z-index: 9990;
    padding: 0 10px;
}

.cbp-popup-lightbox {
    /* @editable properties */
    background: rgba(0, 0, 0, 0.8);
}

.cbp-popup-singlePage {
    /* @editable properties */
    background: white;
    padding: 0;
}

.cbp-popup-wrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    /*margin-right: -.25em; // it breaks on mobile*/
}

.cbp-popup-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    max-width: 100%;
}

.cbp-popup-singlePage .cbp-popup-content {
    position: relative;
    z-index: 1;
    /* @editable properties */
    margin-top: 145px;
    max-width: 1024px;
    vertical-align: top;
    width: 94%;
}

.cbp-popup-singlePage .cbp-popup-content-basic {
    position: relative;
    z-index: 1;
    /* @editable properties */
    margin-top: 104px;
    vertical-align: top;
    width: 100%;
    display: inline-block;
    text-align: left;
}

.cbp-popup-lightbox-figure {
    position: relative;
}

.cbp-popup-lightbox-bottom {
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    /* @editable properties */
    margin-top: 3px;
}

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

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

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

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

.cbp-popup-lightbox-isIframe .cbp-popup-content {
    /* @editable properties */
    width: 75%;
}

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

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

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

.cbp-popup-lightbox-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* @editable properties */
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.cbp-popup-lightbox-iframe audio {
    margin-top: 27%;
}

/* NAVIGATION BUTTONS */

.cbp-popup-singlePage .cbp-popup-navigation-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9990;
    /* @editable properties */
    height: 104px;
    background-color: #34425C;
}

.cbp-popup-singlePage .cbp-popup-navigation {
    position: relative;
    width: 100%;
    height: 100%;
}

.cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap {
    position: fixed;
    top: 0 !important;
}

.cbp-popup-singlePage-counter {
    /* @editable properties */
    color: #bbc0df;
    position: absolute;
    margin: auto;
    right: 40px;
    top: 0;
    bottom: 0;
    font: 400 13px/30px "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 {
    /* @editable properties */
    background: url("../images/cbp/cbp-sprite.png") no-repeat scroll 0 0 transparent;
    width: 44px;
    height: 44px;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto;
}

.cbp-popup-lightbox .cbp-popup-prev:hover {
    /* @editable properties */
    background-position: 0 -46px;
}

/* PREVIOUS BUTTON SINGLEPAGE */

.cbp-popup-singlePage .cbp-popup-prev {
    /* @editable properties */
    background: url("../images/cbp/cbp-sprite.png") no-repeat scroll 0 -92px transparent;
    width: 44px;
    height: 44px;
    margin: auto;
    top: 0;
    right: 108px;
    bottom: 0;
    left: 0;
}

.cbp-popup-singlePage .cbp-popup-prev:hover {
    /* @editable properties */
    background-position: 0 -138px;
}

/* NEXT BUTTON LIGHTBOX */

.cbp-popup-lightbox .cbp-popup-next {
    /* @editable properties */
    background: url("../images/cbp/cbp-sprite.png") no-repeat scroll -46px 0 transparent;
    width: 44px;
    height: 44px;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}

.cbp-popup-lightbox .cbp-popup-next:hover {
    /* @editable properties */
    background-position: -46px -46px;
}

/* NEXT BUTTON SINGLEPAGE */

.cbp-popup-singlePage .cbp-popup-next {
    /* @editable properties */
    background: url("../images/cbp/cbp-sprite.png") no-repeat scroll -46px -92px transparent;
    width: 44px;
    height: 44px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 108px;
}

.cbp-popup-singlePage .cbp-popup-next:hover {
    /* @editable properties */
    background-position: -46px -138px;
}

/* CLOSE BUTTON LIGTHBOX */

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

.cbp-popup-lightbox .cbp-popup-close:hover {
    /* @editable properties */
    background-position: -92px -46px;
}

/* CLOSE BUTTON SINGLEPAGE */

.cbp-popup-singlePage .cbp-popup-close {
    /* @editable properties */
    background: url("../images/cbp/cbp-sprite.png") no-repeat scroll -92px -92px transparent;
    height: 44px;
    width: 44px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

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

.cbp-popup-singlePage .cbp-popup-close:hover {
    /* @editable properties */
    background-position: -92px -138px;
}

@media only screen and (max-width: 360px),
(max-height: 600px) {
    .cbp-popup-next,
    .cbp-popup-prev,
    .cbp-popup-close {
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    .cbp-popup-lightbox .cbp-popup-close {
        right: 10px;
        top: 10px;
    }
    .cbp-popup-lightbox .cbp-popup-next {
        right: 10px;
    }
    .cbp-popup-lightbox .cbp-popup-prev {
        left: 10px;
    }
    .cbp-popup-singlePage .cbp-popup-navigation-wrap {
        height: 84px;
    }
    .cbp-popup-singlePage .cbp-popup-content {
        margin-top: 120px;
    }
}

.cbp-popup-loadingBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    /* @editable properties */
    background: url("../images/cbp/cbp-loading-popup.gif") no-repeat scroll center center #0D0D0D;
    border: 1px solid rgba(79, 80, 79, 0.3);
    border-radius: 3px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=71)";
    opacity: .71;
    width: 50px;
    height: 50px;
}

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

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

.cbp-popup-singlePage {
    left: 100%;
    /* @editable properties */
    -webkit-transition: left .6s ease-in-out;
    transition: left .6s ease-in-out;
}

.cbp-popup-singlePage.cbp-popup-loading .cbp-popup-content {
    opacity: 0;
}

.cbp-popup-singlePage-open {
    left: 0;
}

.cbp-popup-singlePage.cbp-popup-singlePage-fade {
    left: 0;
    opacity: 0;
    /* @editable properties */
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

.cbp-popup-singlePage-open.cbp-popup-singlePage-fade {
    opacity: 1;
}

.cbp-popup-singlePage.cbp-popup-singlePage-right {
    left: -100%;
    /* @editable properties */
    -webkit-transition: left .6s ease-in-out;
    transition: left .6s ease-in-out;
}

.cbp-popup-singlePage-open.cbp-popup-singlePage-right {
    left: 0;
}

.cbp-l-project-title {
    /* @editable properties */
    color: #454444;
    font: 600 42px/46px "Open Sans", sans-serif;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}

.cbp-l-project-subtitle {
    /* @editable properties */
    color: #787878;
    font: 400 14px/21px "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 {
    /* @editable properties */
    float: left;
    width: 64%;
}

.cbp-l-project-social-wrapper,
.cbp-l-inline-social-wrapper {
    display: inline-block;
    width: 100px;
    height: 20px;
    overflow: hidden;
}

.cbp-l-inline-social-wrapper {
    margin-top: 5px;
}

.cbp-l-project-details {
    /* @editable properties */
    float: right;
    width: 36%;
    padding-left: 40px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
    .cbp-l-project-title {
        font-size: 30px;
        line-height: 34px;
    }
    .cbp-l-project-desc {
        /* @editable properties */
        width: 100%;
    }
    .cbp-l-project-details {
        /* @editable properties */
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
    }
}

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

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

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

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

.cbp-l-project-details-list {
    /* @editable properties */
    margin: 0;
    padding: 0;
    list-style: none;
}

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

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

.cbp-l-project-details-visit {
    /* @editable properties */
    color: #FFFFFF;
    float: right;
    clear: both;
    text-decoration: none;
    font: 400 11px/18px "Open Sans", sans-serif;
    margin-top: 10px;
    background-color: #53668A;
    padding: 8px 19px;
}

.cbp-l-project-details-visit:hover {
    /* @editable properties */
    opacity: 0.9;
    color: #fff;
}

.cbp-l-project-related {
    /* @editable properties */
}

.cbp-l-project-related-wrap {
    /* @editable properties */
    font-size: 0;
    margin: 0;
    padding: 0;
}

.cbp-l-project-related-item {
    /* @editable properties */
    margin-left: 5%;
    max-width: 30%;
    float: left;
}

.cbp-l-project-related-item:first-child {
    /* @editable properties */
    margin-left: 0;
}

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

.cbp-l-project-related-link {
    /* @editable properties */
    text-decoration: none;
}

.cbp-l-project-related-link:hover {
    /* @editable properties */
    opacity: 0.9;
}

.cbp-l-member-img {
    /* @editable properties */
    float: left;
    width: 40%;
    margin-top: 20px;
}

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

.cbp-l-member-info {
    /* @editable properties */
    margin-top: 20px;
    padding-left: 25px;
    float: left;
    width: 60%;
}

@media only screen and (max-width: 768px) {
    .cbp-l-member-img {
        width: 100%;
        text-align: center;
    }
    .cbp-l-member-info {
        width: 100%;
        padding-left: 0;
    }
}

.cbp-l-member-name {
    /* @editable properties */
    font: 400 28px/28px "Open Sans", sans-serif;
    color: #474747;
}

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

.cbp-l-member-desc {
    /* @editable properties */
    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::before {
    display: none;
}

.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-content,
.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-navigation {
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

.cbp-popup-singlePageInline {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    /* CLOSE BUTTON singlePageInline */
}

.cbp-popup-singlePageInline:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    content: '';
    /* @editable properties */
    width: 30px;
    height: 30px;
    border: 1px solid rgba(79, 80, 79, 0.3);
    border-right: 5px solid #000;
    border-bottom: 5px solid #000;
    border-radius: 50%;
    border-left: 5px solid transparent;
    border-top: 5px solid transparent;
    animation: loading .5s infinite linear;
    -webkit-animation: loading .5s infinite linear;
    opacity: 0.6;
}

.cbp-popup-singlePageInline .cbp-popup-content {
    opacity: 0;
    width: 100%;
    z-index: 1;
    min-height: 300px;
}

.cbp-popup-singlePageInline .cbp-popup-content,
.cbp-popup-singlePageInline .cbp-popup-navigation {
    -webkit-transition: opacity .4s ease-in .2s;
    transition: opacity .4s ease-in .2s;
}

.cbp-popup-singlePageInline .cbp-popup-navigation {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 40px;
    height: 40px;
}

.cbp-popup-singlePageInline .cbp-popup-close {
    /* @editable properties */
    background: url("../images/cbp/cbp-sprite.png") no-repeat scroll -92px 0 transparent;
    height: 40px;
    width: 40px;
    right: 20px;
    top: 30px;
}

.cbp-popup-singlePageInline .cbp-popup-close:hover {
    /* @editable properties */
    opacity: 0.7;
}

.cbp-popup-singlePageInline-ready {
    z-index: 4;
}

.cbp-popup-singlePageInline-ready .cbp-popup-content,
.cbp-popup-singlePageInline-ready .cbp-popup-navigation {
    opacity: 1;
}

.cbp-popup-singlePageInline-ready:before {
    display: none;
}

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

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.cbp-l-inline {
    margin: 20px 0;
    overflow: hidden;
    background: #FAFAFA;
    padding: 30px;
}

.cbp-l-inline-left {
    float: left;
    width: 44%;
}

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

.cbp-l-inline-right {
    float: right;
    width: 56%;
    padding-left: inherit;
}

@media only screen and (max-width: 768px) {
    .cbp-l-inline-left {
        width: 100%;
        text-align: center;
        margin-top: 40px;
    }
    .cbp-l-inline-right {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }
}

.cbp-l-inline-title {
    font: 400 28px/30px "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;
}

.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-top: 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 {
    /* @editable properties */
    text-align: center;
}

.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link {
    /* @editable properties */
    border: 1px solid #DEDEDE;
    color: #7E7B7B;
    display: inline-block;
    font: 400 13px/40px "Lato", sans-serif;
    min-width: 80px;
    text-decoration: none;
    padding: 0 50px;
    margin-top: 50px;
    outline: 0;
    box-shadow: none;
    letter-spacing: 1px;
    -webkit-transition: color .25s;
    transition: color .25s;
}

.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:hover,
.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-loading {
    /* @editable properties */
    color: #B0B0B0;
}

.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-stop {
    /* @editable properties */
    cursor: default;
    color: #B0B0B0;
}

.cbp-l-loadMore-button {
    /* @editable properties */
    text-align: center;
}

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

.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-stop,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-stop,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop {
    /* @editable properties */
    cursor: default;
    color: #B0B0B0;
}

.cbp-l-loadMore-text {
    /* @editable properties */
    text-align: center;
}

.cbp-l-loadMore-text .cbp-l-loadMore-link,
.cbp-l-loadMore-text .cbp-l-loadMore-text-link {
    /* @editable properties */
    font: 400 15px "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 {
    /* @editable properties */
    color: #B0B0B0;
    cursor: default;
}

.cbp-mode-slider {
    /* @editable properties */
    -webkit-transition: height .35s cubic-bezier(0.22, 0.6, 0.345, 1);
    transition: height .35s cubic-bezier(0.22, 0.6, 0.345, 1);
}

.cbp-mode-slider .cbp-wrapper,
.cbp-mode-slider .cbp-item {
    /* @editable properties */
    -webkit-transition: -webkit-transform .35s cubic-bezier(0.22, 0.6, 0.345, 1);
    transition: transform .35s cubic-bezier(0.22, 0.6, 0.345, 1);
}

.cbp-mode-slider .cbp-wrapper {
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.cbp-mode-slider-dragStart * {
    cursor: move !important;
    cursor: -ms-grabbing !important;
    cursor: -webkit-grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: grabbing !important;
}

.cbp-mode-slider-dragStart .cbp-wrapper {
    /* @editable properties */
    -webkit-transition: none;
    transition: none;
}

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

.cbp-nav-next {
    /* @editable properties */
    border-radius: 0 2px 2px 0;
}

.cbp-nav-prev {
    /* @editable properties */
    border-radius: 2px 0 0 2px;
}

.cbp-nav-next:hover,
.cbp-nav-prev:hover {
    /* @editable properties */
    opacity: 0.8;
}

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

.cbp-nav-next:after {
    /* @editable properties */
    background-position: -134px 0;
}

.cbp-nav-prev:after {
    /* @editable properties */
    background-position: -134px -12px;
}

.cbp-nav-stop {
    /* @editable properties */
    opacity: 0.5 !important;
    cursor: default !important;
}

.cbp-nav {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cbp-nav-controls {
    /* @editable properties */
    position: absolute;
    top: -51px;
    right: 0;
    z-index: 100;
}

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

.cbp-nav-pagination-item {
    /* @editable properties */
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 4px;
    display: inline-block;
    cursor: pointer;
    background: #c2c2c2;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
}

.cbp-nav-pagination-active {
    /* @editable properties */
    background: #797979;
}

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

.cbp-slider .cbp-nav-controls {
    /* @editable properties */
    position: static;
}

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

.cbp-slider .cbp-nav-next {
    /* @editable properties */
    right: 25px;
    left: auto;
}

.cbp-slider .cbp-nav-prev {
    /* @editable properties */
    left: 25px;
    right: auto;
}

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

.cbp-slider .cbp-nav-next:after {
    /* @editable properties */
    background-position: -46px -92px;
}

.cbp-slider .cbp-nav-next:hover:after {
    /* @editable properties */
    background-position: -46px -46px;
}

.cbp-slider .cbp-nav-prev:after {
    /* @editable properties */
    background-position: 0 -92px;
}

.cbp-slider .cbp-nav-prev:hover:after {
    /* @editable properties */
    background-position: 0 -46px;
}

.cbp-slider .cbp-nav-pagination {
    /* @editable properties */
    text-align: right;
    bottom: 20px;
    right: 25px;
    left: auto;
}

.cbp-slider-edge .cbp-nav-controls {
    /* @editable properties */
    position: static;
}

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

.cbp-slider-edge .cbp-nav-next {
    /* @editable properties */
    right: -14px;
    left: auto;
}

.cbp-slider-edge .cbp-nav-prev {
    /* @editable properties */
    left: -14px;
    right: auto;
}

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

.cbp-slider-edge .cbp-nav-next:after {
    /* @editable properties */
    background-position: -134px -24px;
}

.cbp-slider-edge .cbp-nav-prev:after {
    /* @editable properties */
    background-position: -134px -42px;
}

.cbp-slider-edge .cbp-nav-pagination {
    /* @editable properties */
    bottom: -50px;
}

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

.cbp-slider-edge .cbp-nav-pagination-active {
    /* @editable properties */
    background: #000;
}

.cbp-l-grid-agency .cbp-caption:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: 0px;
    left: 50%;
    margin-left: -5px;
    z-index: 1;
}

.cbp-l-grid-agency.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
    /* @editable properties */
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

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

.cbp-item:hover .cbp-l-grid-agency-title {
    /* @editable properties */
    color: #222;
}

.cbp-l-grid-agency-desc {
    /* @editable properties */
    font: 400 12px/21px "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 {
    /* @editable properties */
    margin-top: 17px;
    font: 400 17px/25px "Roboto Condensed", sans-serif;
    color: #607D8B;
    text-align: center;
    text-transform: uppercase;
    display: block;
}

.cbp-l-grid-work-title:hover {
    /* @editable properties */
    color: #365D67;
}

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

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

.cbp-l-grid-blog-title:hover {
    /* @editable properties */
    color: #787878;
}

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

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

.cbp-l-grid-blog-comments:hover {
    /* @editable properties */
    opacity: .8;
}

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

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

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

.cbp-l-grid-masonry-projects .cbp-caption-activeWrap {
    /* @editable properties */
    background-color: #59a3b6;
    background-color: rgba(89, 163, 182, 0.95);
}

.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft,
.cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight {
    /* @editable properties */
    background-color: #545454;
}

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

.cbp-l-grid-masonry-projects-title:hover {
    /* @editable properties */
    color: #457C8B;
}

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

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

.cbp-l-grid-team-name:hover {
    /* @editable properties */
    color: #34425C;
}

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

.cbp-l-grid-mosaic-flat .cbp-caption-activeWrap {
    /* @editable properties */
    background-color: #64C28E;
    background-color: rgba(101, 199, 150, 0.9);
}

.cbp-l-grid-mosaic-flat .cbp-l-caption-title {
    color: #FFFFFF;
    font: 400 14px/21px "Lato", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
}

.cbp-l-grid-mosaic-flat .cbp-l-caption-title:after {
    content: '';
    display: block;
    width: 40%;
    height: 1px;
    background-color: #fff;
    margin: 8px auto 0;
}

.cbp-l-grid-mosaic-projects .cbp-caption-activeWrap {
    /* @editable properties */
    background-color: #59a3b6;
    background-color: rgba(89, 163, 182, 0.97);
}

.cbp-l-grid-mosaic .cbp-caption-activeWrap {
    /* @editable properties */
    background-color: #FFEA71;
    background-color: rgba(255, 234, 113, 0.95);
}

.cbp-l-grid-mosaic .cbp-l-caption-title {
    color: #5A5A5A;
    font: 500 18px/22px "Roboto", sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.cbp-l-grid-mosaic .cbp-l-caption-desc {
    color: #585858;
    font: 400 13px/20px "Roboto", sans-serif;
}

.cbp-l-slider-title-block {
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 22px;
}

.cbp-l-slider-title-block div {
    padding: 0 2px 6px 0;
    display: inline-block;
    border-bottom: 1px solid #a9a5a5;
    color: #5e5e5e;
    margin-bottom: -1px;
    font: 15px/21px Roboto, sans-serif;
}

.cbp-l-grid-slider-team-name {
    float: left;
    font: 20px/30px Roboto, sans-serif;
    color: #494949;
    margin-top: 16px;
}

.cbp-l-grid-slider-team-position {
    clear: both;
    font: 14px/21px Roboto, sans-serif;
    color: #A6A6A6;
}

.cbp-l-grid-slider-team-desc {
    font: 13px/20px Roboto, sans-serif;
    color: #969696;
    margin-top: 15px;
}

.cbp-l-grid-slider-team-social {
    float: right;
    margin-top: 16px;
}

.cbp-l-grid-slider-team-social a {
    color: #737373;
    line-height: 30px;
    margin-left: 6px;
}

.cbp-l-grid-slider-team-social a:hover {
    opacity: 0.8;
}

.cbp-l-slider-testimonials-wrap {
    background: #f8f9f9;
    padding: 80px 0 110px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #dce1e2;
}

.cbp-l-grid-slider-testimonials-body {
    color: #424242;
    max-width: 800px;
    margin: 0 auto;
    font: 20px/32px sans-serif;
    text-align: center;
    padding: 0 20px;
}

.cbp-l-grid-slider-testimonials-footer {
    font: 12px/19px Roboto, sans-serif;
    color: #777;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 30px;
}

.cbp-l-grid-tabs {
    height: 100px;
}

.cbp-l-grid-tabs .cbp-item {
    font: 14px/24px Lato, sans-serif;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    right: 0;
    text-align: center;
    color: #5a5a5a;
}

.cbp-l-testimonials-title-block {
    position: relative;
    text-align: center;
    font: 26px/36px Roboto, sans-serif;
    color: #E7E7E7;
    margin-bottom: 60px;
}

.cbp-l-testimonials-title-block :after {
    content: '';
    position: absolute;
    margin: 0 auto;
    width: 23px;
    height: 2px;
    bottom: -6px;
    background-color: #C2C2C2;
    left: 0;
    right: 0;
}

.cbp-l-testimonials-wrap {
    background: #2D2D2D;
    padding: 60px 0 110px;
}

.cbp-l-grid-testimonials-body {
    color: #e7e7e7;
    max-width: 800px;
    margin: 0 auto;
    font: 20px/32px sans-serif;
    text-align: center;
    padding: 0 20px;
}

.cbp-l-grid-testimonials-footer {
    font: 12px/19px Roboto, sans-serif;
    color: #C2C2C2;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 35px;
}

/*-----------------------------------------------------------------------------------*/

/*	04. 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;
}

/*-----------------------------------------------------------------------------------*/

/*	05. FANCYBOX
/*-----------------------------------------------------------------------------------*/

#fancybox-thumbs {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 10050;
}

#fancybox-thumbs.bottom {
    bottom: 2px;
}

#fancybox-thumbs.top {
    top: 2px;
}

#fancybox-thumbs ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#fancybox-thumbs ul li {
    float: left;
    padding: 1px;
    opacity: 0.5;
}

#fancybox-thumbs ul li.active {
    opacity: 0.75;
    padding: 0;
    border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
    opacity: 1;
}

#fancybox-thumbs ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    background: #111;
    outline: none;
}

#fancybox-thumbs ul li img {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    max-width: none;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 10030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    /*background-image: url('fancybox_sprite.png');*/
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 10060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    /*background: url('fancybox_loading.gif') center center no-repeat;*/
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 10040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    /*background: transparent url('blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 10040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 10040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 10010;
    /*background: url('fancybox_overlay.png');*/
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 10050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 10050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        /*background-image: url('fancybox_sprite@2x.png');*/
        background-size: 44px 152px;
        /*The size of the normal image, half the size of the hi-res image*/
    }
    #fancybox-loading div {
        /*background-image: url('fancybox_loading@2x.gif');*/
        background-size: 24px 24px;
        /*The size of the normal image, half the size of the hi-res image*/
    }
}