/*-------------------------------------------------------------------------------------
Theme Name:	Juno 2
Theme URI: 	http://themes.iki-bir.com/juno2
Version:	1.0.4
Author:		elemis
-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------
[TABLE OF CONTENTS]

	00. RESET
	01. GENERAL
	02. HEADER
	03. STICKY HEADER
	04. HEADER HEIGHT
	05. HAMBURGER MENU ICON
	06. BUTTON
	07. COLLAGE
	08. THUMBNAIL OVERLAY
	09. PARALLAX & VIDEO PARALLAX
	10. CUBE PORTFOLIO
	11. BLOG
	12. WIDGETS
	13. COMMENTS
	14. TILES
	15. TOOLTIP
	16. TABS
	17. ACCORDION / TOGGLE
	18. FACTS
	19. FEATURE
	20. PROGRESS BAR
	21. PRICING & TABLES
	22. GO TO TOP
	23. FORMS
	24. LIGHTGALLERY
	25. SOCIAL ICONS
	26. FONT ICON PAGES
	27. DIVIDERS
	28. RESPONSIVE

	font-family: 'Karla', sans-serif;
	font-family: 'Montserrat', sans-serif;
	text: #606060
	hover: #73b2cf
	headings: #404040

-------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	00. RESET
/*-----------------------------------------------------------------------------------*/

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:focus {
    outline: 0 !important
}
.fit-vids-style {
    display: none
}
figure {
    margin: 0;
    padding: 0;
}
figure img {
    max-width: 100%
}
iframe {
    border: none
}
::selection {
    background: #dae3e8; /* Safari */
    color: #2f2f2f;
}
::-moz-selection {
    background: #dae3e8; /* Firefox */
    color: #2f2f2f;
}
.lg-outer .lg-item:after {
    content: "";
    height: 34px !important;
    width: 34px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -17px;
    background-color: transparent;
    -webkit-transform: translateZ();
    transform: translateZ();
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-name: rotation;
    animation-name: rotation;
    border-radius: 100%;
    background: none;
}
.cbp:after,
.cbp-lazyload:after,
.cbp-popup-loadingBox:after,
.cbp-popup-singlePageInline:after {
    border-left: 3px solid rgba(28, 28, 28, 0.08);
    border-right: 3px solid rgba(28, 28, 28, 0.08);
    border-bottom: 3px solid rgba(28, 28, 28, 0.08);
    border-top: 3px solid #73b2cf;
}
.lg-outer .lg-item:after {
    border-left: 3px solid rgba(80, 80, 80, 0.2);
    border-right: 3px solid rgba(80, 80, 80, 0.2);
    border-bottom: 3px solid rgba(80, 80, 80, 0.2);
    border-top: 3px solid #73b2cf;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}
@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(359deg)
    }
}
@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(359deg)
    }
}
@keyframes rotation {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}
.pageloader {
    overflow: auto !important;
}
#preloader-percent-progress {
    margin-top: 0 !important;
}
#preloader-bar-progress {
    background: rgba(0, 0, 0, 0.9) !important
}
/*-----------------------------------------------------------------------------------*/
/*	01. GENERAL
/*-----------------------------------------------------------------------------------*/

body {
    overflow-x: hidden;
    font-size: 15px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    color: #606060;
    font-family: 'Karla', sans-serif;
    background: #fff;
    display: flex;
    height: 100vh;
    flex-direction: column;
    background: #f4f5f7;
}
.navbar,
footer {
    flex-shrink: 0
}
.content-wrapper {
    flex: 1 0 auto
}
.container {
    padding-right: 0;
    padding-left: 0;
}
.container-fluid {
    padding-left: 40px;
    padding-right: 40px
}
body,
li,
address {
    line-height: 24px
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-weight: normal;
    color: inherit !important;
}
p {
    margin: 0 0 20px
}
a {
    color: #73b2cf;
    transition: all 150ms ease-in;
}
a.line {
    transition: border 0.2s;
    padding-bottom: 0;
    border-bottom: 1px solid transparent;
}
a.line:hover {
    border-bottom: 1px solid #73b2cf;
    transition: border 0.2s;
}
a:hover,
a:focus {
    color: #73b2cf;
    text-decoration: none;
}
.nocolor,
.email-link {
    color: #606060 !important
}
.nocolor:hover,
.email-link:hover,
footer a:hover {
    color: #73b2cf !important
}
strong {
    font-weight: 700
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    color: #404040;
    margin-bottom: 10px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}
h1 {
    font-size: 26px;
    line-height: 32px;
}
h2 {
    font-size: 22px;
    line-height: 28px;
}
h3 {
    font-size: 18px;
    line-height: 24px;
}
h4 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
}
h5 {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 5px;
}
h6 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}
h1.post-title,
h2.post-title {
    font-size: 20px;
    line-height: 26px;
}
h3.post-title,
h3.widget-title {
    font-size: 16px;
    line-height: 24px;
}
.grid-view h3.post-title {
    margin-bottom: 5px;
}
h4.post-title {
    font-size: 14px;
    line-height: 20px;
}
.post-title a {
    color: #404040
}
.post-title a:hover {
    color: #73b2cf
}
.inner {
	padding-top: 70px;
	padding-bottom: 70px;
}
.inner2 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.hero {
    margin-bottom: 55px;
    font-size: 28px;
    line-height: 42px;
}
.parallax .hero,
.parallax .hero p {
    margin: 0;
}
.page-title {
    position: relative;
    display: table;
    width: 100%;
}
.page-title h1 {
    margin: 0;
    font-size: 24px;
	line-height: 36px;
    font-weight: normal;
}
.page-title.bg {
    background: url(style/images/art/page-title.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.page-title .over {
    height: 100%;
    position: absolute;
    width: 100%;
    max-width: 100%;
    z-index: 1;
    background: rgba(30, 30, 30, 0.3);
    overflow: hidden;
}
.page-title .container {
    position: relative;
    z-index: 2;
}
.lead {
    font-size: 22px;
    line-height: 32px;
}
.meta,
.more {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.classic-view .meta {
    margin-bottom: 20px;
}
.meta,
.meta a,
.more {
    color: #999;
}
.meta a:hover {
    color: #73b2cf;
}
.meta.tags {
    margin: 0 0 10px 0 !important
}
.meta.tags a:before {
    content: "#";
    display: inline;
}
.more:after {
    content: "\f30f";
    font-family: "Ionicons";
    padding-left: 5px;
    vertical-align: -1px;
    font-size: 12px;
    font-weight: normal;
}
.meta span:after {
    content: "/";
    font-size: 10px;
    font-weight: 500;
    padding: 0 10px 0 10px;
}
.meta span:last-child:after {
    display: none
}
ul,
ol {
    padding-left: 18px;
}
ul.circled {
    padding: 0;
    list-style: none;
}
ul.circled li:before {
    content: '\2022';
    margin-right: 7px;
    font-weight: normal;
    vertical-align: top;
    display: inline-block;
    color: #73b2cf;
    font-size: 14px;
    vertical-align: 0px;
}
hr {
    border: 0;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
    padding-top: 70px;
    margin-bottom: 70px;
}
blockquote {
    border-left: 3px solid #73b2cf;
    padding-top: 0;
    padding-bottom: 0;
}
blockquote p {
    font-size: 20px;
    line-height: 30px;
    font-style: italic;
    color: #808080;
}
blockquote .author {
    font-size: 12px;
    color: #808080;
    text-transform: uppercase;
}
.quote-author {
    margin-top: 10px;
    padding-left: 30px;
    display: table;
}
.quote-author .info {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}
.quote-author .meta {
    margin: 0
}
.quote-author h5 {
    margin: 0
}
.quote-author .icon {
    float: left;
    margin: 0 !important;
    margin-right: 10px;
}
.quote-author .icon img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
}
.row-offset-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.row-offset-0 > [class*="col-"],
.row-offset-0 .row-same-height > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.dropcap {
    font-weight: 800;
    display: block;
    float: left;
    font-size: 49px;
    padding: 0;
    margin: 0;
    margin: 12px 8px 0 0;
    text-transform: uppercase;
}
.alert {
    color: #FFF !important;
    border: 0 !important;
}
.alert-warning {
    background-color: #f0ad4e !important;
}
.alert-danger {
    background-color: #d9534f !important;
}
.alert-success {
    background-color: #5cb85c !important;
}
.alert-info {
    background-color: #5bc0de !important;
}
.close {
    filter: alpha(opacity=50);
    opacity: .5;
    font-size: 21px;
    font-weight: normal;
    transition: all 200ms ease-in;
}
.close:focus,
.close:hover {
    filter: alpha(opacity=70);
    opacity: .7
}
.light-wrapper {
	background: #FFF;
}
.dark-wrapper {
    background: #f4f5f7;
}
.inverse-wrapper ul.circled li:before {
    color: #ddd;
}
.inverse-wrapper {
    background: #292929;
}
.inverse-wrapper,
.inverse-wrapper p,
.inverse-wrapper a:not(.btn) {
    color: #ddd !important;
}
.parallax.inverse-wrapper,
.parallax.inverse-wrapper p,
.parallax.inverse-wrapper a {
    color: #fff !important;
}
.inverse-wrapper .meta {
    color: #cdcdcd;
}
.inverse-wrapper h1,
.inverse-wrapper h2,
.inverse-wrapper h3,
.inverse-wrapper h4,
.inverse-wrapper h5,
.inverse-wrapper h6 {
    color: #fff
}
.inverse-wrapper a:not(.btn):hover {
    color: #73b2cf !important
}
.inverse-wrapper input {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.inverse-wrapper input:focus {
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
}
footer a {
    color: #606060;
}
footer a:hover {
    color: #73b2cf;
}
footer .sub-footer {
    background: #252525
}
footer .sub-footer .inner {
    padding-top: 30px;
    padding-bottom: 30px;
}
.sub-footer p {
    margin-bottom: 0
}
/*-----------------------------------------------------------------------------------*/
/*	02. HEADER
/*-----------------------------------------------------------------------------------*/

.navbar {
    z-index: 2222222222;
    border: 0;
    border-radius: 0;
    min-height: inherit;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    position: relative;
    font-family: 'Montserrat', sans-serif;
}
.navbar.classic {
    background: #FFF;
}
.navbar.hideinit:not(.banner--stick) {
    opacity: 0;
    top: 0;
    position: fixed;
}
.navbar .navbar-header {
    display: table;
    position: relative;
    table-layout: fixed;
}
.container>.navbar-header,
.container>.navbar-collapse {
    margin: 0;
    padding: 0;
}
.navbar-brand {
    padding: 0;
    line-height: 0;
    float: none;
    height: auto;
    position: relative;
    box-shadow: none;
    margin: 0 !important;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
}
.navbar .nav-bars-wrapper {
    display: none
}
.navbar .nav-bars-wrapper .nav-bars-inner {
    pointer-events: none
}
.navbar .navbar-collapse {
    border: 0;
    box-shadow: none;
    overflow: hidden;
    padding: 0;
}
.navbar .navbar-nav {
    margin: 0 !important
}
.navbar .navbar-nav > li > a {
    padding: 0;
    font-size: 11px;
    font-weight: 700;
    transition: all 150ms ease-in;
    line-height: 1;
    color: #404040 !important;
    position: relative;
    text-transform: uppercase;
}
.inverse-wrapper .navbar-nav > li > a {
    color: #FFF !important
}
.navbar .navbar-nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li.current > a {
    background: none
}
.navbar .navbar-nav > li > a:focus {
    color: inherit
}
.navbar .dropdown-menu {
    padding: 0;
    margin: 0;
    min-width: 150px;
    border: none;
    background: none;
    border-radius: 0;
    box-shadow: none;
}
.navbar.classic > .dropdown-menu {
    margin: -5px 0 0 0 !important;
}
.navbar .dropdown-menu li:first-child {
    border: 0
}
.navbar .dropdown-menu li a {
    background: none;
    border: none;
    color: #d2d2d2 !important;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    line-height: 1;
}
.navbar .dropdown-menu li a:hover,
.navbar .dropdown-menu li a.active,
.navbar .nav .open > a,
.navbar .nav .open > a:hover,
.navbar .nav .open > a:focus,
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-submenu:hover > a,
.navbar .dropdown-submenu:focus > a,
.navbar .dropdown-menu > .active > a,
.navbar .dropdown-menu > .active > a:hover,
.navbar .dropdown-menu > .active > a:focus {
    background: none
}
.navbar .dropdown-menu li a:hover,
.navbar .dropdown-menu li a.active {
    padding: 0;
    filter: none;
    line-height: 1;
}
.navbar .dropdown-menu li a:hover,
.navbar .dropdown-menu li a.active {
    color: #fff !important
}
.navbar .nav > li > .dropdown-menu:after {
    display: none
}
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-submenu:hover > a,
.navbar .dropdown-submenu:focus > a,
.navbar .dropdown-menu > .active > a,
.navbar .dropdown-menu > .active > a:hover,
.navbar .dropdown-menu > .active > a:focus {
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false)
}
.caret {
    border: 0;
    top: 0;
    vertical-align: 0;
    margin-left: 5px;
    position: relative;
    display: none;
}
.navbar-nav:not(.sm-collapsible) ul .caret {
    display: inline-block;
}
.caret:before {
    content: '\f123';
    font-family: "Ionicons";
    font-weight: normal;
    font-size: 9px;
}
.navbar-nav:not(.sm-collapsible) ul .caret:before {
    content: '\f218';
}
.navbar-nav:not(.sm-collapsible) ul {
    margin-top: 11px
}
/*-----------------------------------------------------------------------------------*/
/*	03. STICKY HEADER
/*-----------------------------------------------------------------------------------*/

.navbar.fixed {
    margin: 0;
    width: 100%;
}
.banner--clone {
    position: fixed;
    z-index: 1039;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.banner--stick {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    background: rgba(255, 255, 255, 0.85) !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07) !important;
}
/*-----------------------------------------------------------------------------------*/
/*	04. HEADER HEIGHT
/*-----------------------------------------------------------------------------------*/
@media (min-width: 992px) {
    .navbar.classic .navbar-nav,
    .navbar.classic .navbar-header {
        height: 85px
    }
    .navbar.classic .navbar-nav > li > a {
        line-height: 85px;
        font-size: 11px;
    }

}
/* sticky */
.navbar.fixed .navbar-header {
    height: 60px !important
}
.navbar.fixed .navbar-brand img {
    height: 30px !important
}
@media (min-width: 992px) {
    .navbar.fixed .navbar-nav {
        height: 60px
    }
    .navbar.fixed .navbar-nav > li > a {
        line-height: 60px
    }
}
/*-----------------------------------------------------------------------------------*/
/*	05. HAMBURGER MENU ICON
/*-----------------------------------------------------------------------------------*/

.nav-bars {
	margin-top: 30px;
    display: block;
    position: relative;
    /*overflow: hidden;*/
    padding: 0;
    width: 50px;
    height: 60px;
    font-size: 0;
    text-indent: -9999px;
    float: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    pointer-events: all;
}
.nav-bars:focus {
    outline: none
}
.nav-bars span {
    display: block;
    position: absolute;
    top: 13px;
    left: 0px;
    right: 0px;
    height: 3px;
    background: #2e2e2e;
}
.nav-bars span::before,
.nav-bars span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #2e2e2e;
    content: "";
}
.nav-bars span::before {
    top: -8px
}
.nav-bars span::after {
    bottom: -8px
}
.nav-bars span {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}
.nav-bars span::before,
.nav-bars span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
}
.nav-bars span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}
.nav-bars span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}
.nav-bars.is-active span {
    background: none
}
.nav-bars.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-bars.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.nav-bars.is-active span::before,
.nav-bars.is-active span::after {
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
}
/*-----------------------------------------------------------------------------------*/
/*	06. BUTTON
/*-----------------------------------------------------------------------------------*/

.btn {
    color: #FFF !important;
    background: #303030;
    border: 0;
    margin-bottom: 6px;
    margin-right: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: uppercase;
    line-height: 1;
    padding: 14px 20px;
    border-radius: 0;
    text-shadow: none;
    transition: all 150ms ease-in;
    box-shadow: none;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
}
.btn.btn-square {
    padding: 12px 14px
}
.btn.btn-square.btn-icon {
    padding: 12px 12px
}
.btn.btn-icon i {
    padding-right: 4px;
}
.pagination .btn.btn-icon i {
    padding: 0;
}
.text-center .btn {
    margin-left: 4px;
    margin-right: 4px;
}
.btn-submit {
    margin: 0 !important
}
.btn.btn-green {
    background: #80c9c5
}
.btn.btn-forest {
    background: #80c9a1
}
.btn.btn-lime {
    background: #a0c274
}
.btn.btn-brown {
    background: #af9075
}
.btn.btn-rose {
    background: #d77d8a
}
.btn.btn-blue {
    background: #73b2cf
}
.btn.btn-purple {
    background: #808ec9
}
.btn.btn-pink {
    background: #c989a9
}
.btn.btn-orange {
    background: #e79965
}
.btn.btn-navy {
    background: #5d6977
}
.btn.btn-red {
    background: #e96161
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    background: #73b2cf !important;
    color: #fff !important;
    border: 0;
    transition: all 150ms ease-in;
    box-shadow: none;
}
.btn.btn-green:hover,
.btn.btn-green:focus,
.btn.btn-green:active,
.btn.btn-green.active {
    background: #75b7b3 !important
}
.btn.btn-forest:hover,
.btn.btn-forest:focus,
.btn.btn-forest:active,
.btn.btn-forest.active {
    background: #76b994 !important
}
.btn.btn-lime:hover,
.btn.btn-lime:focus,
.btn.btn-lime:active,
.btn.btn-lime.active {
    background: #91b06a !important
}
.btn.btn-brown:hover,
.btn.btn-brown:focus,
.btn.btn-brown:active,
.btn.btn-brown.active {
    background: #a0846b !important
}
.btn.btn-rose:hover,
.btn.btn-rose:focus,
.btn.btn-rose:active,
.btn.btn-rose.active {
    background: #c77480 !important
}
.btn.btn-blue:hover,
.btn.btn-blue:focus,
.btn.btn-blue:active,
.btn.btn-blue.active {
    background: #6aa4bf !important
}
.btn.btn-purple:hover,
.btn.btn-purple:focus,
.btn.btn-purple:active,
.btn.btn-purple.active {
    background: #7682b8 !important
}
.btn.btn-pink:hover,
.btn.btn-pink:focus,
.btn.btn-pink:active,
.btn.btn-pink.active {
    background: #ba7f9c !important
}
.btn.btn-orange:hover,
.btn.btn-orange:focus,
.btn.btn-orange:active,
.btn.btn-orange.active {
    background: #db864e !important
}
.btn.btn-navy:hover,
.btn.btn-navy:focus,
.btn.btn-navy:active,
.btn.btn-navy.active {
    background: #505a66 !important
}
.btn.btn-red:hover,
.btn.btn-red:focus,
.btn.btn-red:active,
.btn.btn-red.active {
    background: #d55757 !important
}
.share-wrapper {
    font-size: 0;
    line-height: 0;
}
.btn-share.share-facebook {
    background: #4470cf
}
.btn-share.share-facebook:hover,
.btn-share.share-facebook:focus {
    background-color: #4066b9 !important
}
.btn-share.share-twitter {
    background: #5daed5
}
.btn-share.share-twitter:hover,
.btn-share.share-twitter:focus {
    background-color: #569cbe !important
}
.btn-share.share-pinterest {
    background: #c53942
}
.btn-share.share-pinterest:hover,
.btn-share.share-pinterest:focus {
    background-color: #b0363e !important
}
/*-----------------------------------------------------------------------------------*/
/*	07. COLLAGE
/*-----------------------------------------------------------------------------------*/
.collage-wrapper {
	width: 100%;
	overflow: hidden;
}
.collage {
    width: 101%;
    margin-top: -10px;
    margin-left: -10px !important;
    margin-right: 0;
}
.collage-image-wrapper {
    opacity: 0;
    overflow: hidden;
}
.collage-image-wrapper img {
    padding: 10px;
}
.collage-image-wrapper figure a {
    color: #FFF !important
}
.collage-image-wrapper .overlay a .over {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}
/*-----------------------------------------------------------------------------------*/
/*	08. THUMBNAIL OVERLAY
/*-----------------------------------------------------------------------------------*/

figure {
    display: block;
    overflow: hidden;
    position: relative;
}
figure img {
    display: inline;
    width: 100%;
}
figure img.img-auto {
    width: auto;
}
.overlay a .over {
    opacity: 0;
    height: 100%;
    position: absolute;
    text-decoration: none;
    width: 100%;
    max-width: 100%;
    z-index: 99;
    top: 0;
    left: 0;
    background: rgba(30, 30, 30, 0.6);
    overflow: hidden;
    transition: all 0.4s;
}
.overlay a .over span {
    background: #FFF;
    height: 26px;
    position: absolute;
    width: 2px;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin-left: -1px;
    margin-top: -13px;
}
.overlay a .over span:after {
    background: #FFF;
    content: "";
    height: 2px;
    left: -12px;
    position: absolute;
    top: 12px;
    width: 26px;
}
.overlay.small a .over span {
    height: 20px;
    width: 2px;
    margin-top: -10px;
}
.overlay.small a .over span:after {
    height: 2px;
    left: -9px;
    top: 9px;
    width: 20px;
}
.overlay a:hover .over {
    opacity: 1
}
.overlay a:hover .text-overlay .info {
    -webkit-transform: none;
    transform: none;
}
.overlay.instagram a .over span {
    width: auto;
    height: auto;
    font-size: 35px;
    color: #FFF;
    opacity: 0.7;
    margin-left: -14px;
    margin-top: -14px;
    background: none;
}
.overlay.instagram a .over span:after {
    content: "\f351";
    font-family: "Ionicons";
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    background: none;
}
/*-----------------------------------------------------------------------------------*/
/* 	09. PARALLAX & VIDEO PARALLAX
/*-----------------------------------------------------------------------------------*/

.parallax {
    background: url(style/images/art/parallax.jpg) fixed no-repeat center center;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.parallax1 {
    background-image: url(style/images/art/parallax.jpg);
}
.parallax2 {
    background-image: url(style/images/art/parallax2.jpg);
}
.parallax .inner {
	padding-top: 100px;
	padding-bottom: 100px;
}
.parallax.mobile {
    background-attachment: scroll !important
}
.video-wrap video {
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: baseline;
}
video::-webkit-media-controls {
    display: none !important
}
.video-wrap {
    height: 100%;
    width: 100%;
}
#video-fish {
    background: url('style/video/fish.jpg') fixed no-repeat center center;
    background-size: cover;
}
.content-overlay {
    position: relative;
    z-index: 20;
    width: 100%;
    height: 100%;
    text-align: center;
    display: table;
    background: rgba(30, 30, 30, 0.5);
}
.content-overlay .text {
    display: table-cell;
    vertical-align: middle;
}
.outer-wrap {
    height: 500px
}
/*-----------------------------------------------------------------------------------*/
/* 	10. CUBE PORTFOLIO
/*-----------------------------------------------------------------------------------*/
.cbp-slider-edge {
    margin-bottom: 25px;
}
.cbp-slider-edge .cbp-nav-next,
.cbp-slider-edge .cbp-nav-prev {
    background: transparent;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    z-index: 100;
    width: 35px;
    height: 33px;
}
.cbp-slider-edge .cbp-nav-next {
    right: -50px;
    left: auto;
}
.cbp-slider-edge .cbp-nav-prev {
    left: -50px;
    right: auto;
}
.cbp-slider-edge .cbp-nav-next:after,
.cbp-slider-edge .cbp-nav-prev:after {
    background: rgba(30, 30, 30, 0.8) !important;
    font-family: "Ionicons";
    font-size: 17px;
    line-height: 33px;
    padding: 0;
    text-align: center;
    color: #FFF;
    transition: all 200ms ease-in;
    width: 35px;
    height: 33px;
}
.cbp-slider-edge .cbp-nav-next:after {
    content: "\f30f"
}
.cbp-slider-edge .cbp-nav-prev:after {
    content: "\f2ca"
}
.cbp-slider-edge .cbp-nav-next:hover:after,
.cbp-slider-edge .cbp-nav-prev:hover:after {
    background: rgba(30, 30, 30, 1) !important;
    color: #fff !important;
}
.cbp-nav-next:hover,
.cbp-nav-prev:hover {
    opacity: 1
}
.cbp-slider-edge .cbp-nav-pagination {
    bottom: -30px;
}
.cbp-carousel .cbp-nav-stop {
    opacity: 1 !important
}
.inverse-wrapper .cbp-slider-edge .cbp-nav-pagination-item {
    border: 2px solid #ffffff;
    height: 11px;
    width: 11px;
    margin: 0 3px;
    opacity: 1;
}
.inverse-wrapper .cbp-slider-edge .cbp-nav-pagination-item:hover,
.inverse-wrapper .cbp-slider-edge .cbp-nav-pagination-active {
    background: #fff;
}
.inverse-wrapper .cbp-slider-edge blockquote {
    border-left: 0;
    padding-left: 0;
    margin: 0;
}
.inverse-wrapper .cbp-slider-edge blockquote p {
    font-size: 22px;
    line-height: 32px;
}
/*-----------------------------------------------------------------------------------*/
/*	11. BLOG
/*-----------------------------------------------------------------------------------*/

.classic-view figure {
    margin-bottom: 20px;
}
.grid-view p {
    margin-bottom: 10px;
}
.classic-view .post,
.grid-view:not(.blog-carousel) .post {
    margin-bottom: 60px;
}
.grid-view hr {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.grid-view hr {
    clear: left;
    display: none;
}
.grid-view hr:nth-child(3n) {
    display: block
}
.grid-view .blog-content hr:nth-child(3n) {
    display: none
}
.grid-view .blog-content hr:nth-child(4n) {
    display: block
}
.grid-view .post figure {
    margin-bottom: 20px;
}
.pagination {
    display: block;
    margin: 0 0 20px 0;
}
.pagination ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}
.pagination ul > li {
    display: inline-block;
    padding: 0;
    margin: 0;
    line-height: 1;
}
.pagination ul > li > a {
    display: inline-block;
    margin-bottom: 0;
    letter-spacing: normal;
    margin-right: 6px !important;
}
.pagination.text-center ul > li > a {
    margin-left: 3px !important;
    margin-right: 3px !important;
}
.pagination ul > li.active > a {
    background: #73b2cf !important;
}
.pagination ul > li > a > i:before {
    line-height: 0;
}
.pagination ul > li > a > i {
    font-size: 14px;
    line-height: 0;
    vertical-align: middle;
}
.post-nav-wrapper {
    overflow: hidden;
    display: table;
    width: 100%;
    text-transform: none !important;
}
.post-nav-wrapper .meta {
    position: relative;
    display: inline-block;
    margin: 0;
}
.post-nav-wrapper .post-nav {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    text-align: right;
    box-sizing: border-box;
    padding: 0 35px;
}
.post-nav-wrapper .next {
    text-align: left;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.post-nav-wrapper .prev i,
.post-nav-wrapper .next i {
    position: absolute;
    top: 0;
    left: 0;
}
.post-nav-wrapper .prev .meta {
    padding-left: 15px
}
.post-nav-wrapper .next i {
    left: auto;
    right: 0;
}
.post-nav-wrapper .next .meta {
    padding-right: 15px
}
.about-author {
    position: relative;
    padding: 0 0 0 210px;
}
.about-author .author-image {
    position: absolute;
    top: 0;
    left: 0;
}
/*-----------------------------------------------------------------------------------*/
/* 	12. WIDGETS
/*-----------------------------------------------------------------------------------*/

.sidebox {
    margin-top: 50px;
    display: block;
}
.sidebox:first-child {
    margin-top: 0
}
.sidebox a {
    color: inherit
}
.sidebox a:hover {
    color: #73b2cf
}
.sidebar {
    padding-left: 35px !important
}
.sidebar.left-sidebar {
    padding-left: 15px !important;
    padding-right: 35px !important;
}
.sidebar.col-sm-12 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.widget .post-list {
    padding: 0;
    margin: 0;
}
.widget .post-list p {
    margin: 0;
}
.widget .post-list:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.widget .post-list li {
    clear: both;
    margin-bottom: 15px;
    display: block;
    overflow: hidden;
}

.widget .post-list li a:hover {
    color: #73b2cf
}
.widget .post-list figure {
    float: left;
    width: 70px;
    height: 70px;
}
.widget .post-list .post-content {
    margin-left: 85px;
    margin-bottom: 0;
}
.widget .post-list li .post-title {
    margin-bottom: 2px
}
.widget-title {
    margin-bottom: 15px;
}
.widget .list {
    list-style: none;
    margin: 0;
    padding: 0;
}
footer [class*="col-"] .widget {
    margin-top: 30px
}
footer [class*="col-"] .widget:first-child {
    margin-top: 0
}
footer.footer-bg {
    background-image: url(style/images/art/footer1.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    padding-bottom: 420px;
    background-size: cover;
    background-color: #FFF;
}
ul.tag-list {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    margin-bottom: -6px;
    font-size: 0;
    line-height: 0;
}
ul.tag-list li {
    padding: 0;
    margin: 0;
    display: inline-block;
    background: none;
}
ul.tag-list li a {
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 6px;
    padding: 10px 15px;
    font-size: 10px;
}
ul.tag-list li a.btn:hover {
    color: #FFF !important
}
.inverse-wrapper ul.tag-list li a {
    background: #393939;
}
/*-----------------------------------------------------------------------------------*/
/*	13. COMMENTS
/*-----------------------------------------------------------------------------------*/

#comments {
    margin: 0;
    position: relative;
}
#comments ol.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments ol.commentlist li {
    padding: 30px 0 0 0;
    background: none;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    margin-top: 25px;
}
#comments ol.commentlist li:first-child {
    border: none;
    margin: 0;
}
#comments .user {
    float: left;
    width: 70px;
    height: 70px;
    position: relative;
}
#comments .message p {
    margin: 0
}
#comments .message p + p {
    margin-top: 15px
}
#comments .message-inner {
    margin-left: 100px;
    position: relative;
    overflow: hidden;
}
#comments ul.children {
    margin: 0;
    overflow: inherit;
    padding: 0 0 0 35px;
    list-style: none;
}
#comments .info h5 {
    margin: 0;
    display: inline;
}
#comments .info {
    margin-bottom: 12px
}
#comments .info h5 a {
    color: #404040
}
#comments .info h5 a:hover {
    color: #73b2cf
}
#comments .info .meta {
    display: block;
    margin: 0;
}
#comments .info .meta .date {
    display: inline
}
.comment-form-wrapper p {
    padding-bottom: 20px
}
/*-----------------------------------------------------------------------------------*/
/*	14. TILES
/*-----------------------------------------------------------------------------------*/

.tiles .items:after {
    content: '';
    display: block;
    clear: both;
}
.tiles {
    margin: 0 -6px -6px 0;
    overflow: hidden;
}
.tiles .item {
    float: left;
    overflow: hidden;
    margin-bottom: 6px !important;
}
.tiles .item {
    height: auto
}
.tiles .item figure {
    position: relative;
    height: 100%;
    overflow: hidden;
    margin: 0 6px 0 0;
}
.tiles .item figure img {
    position: relative;
    width: 100%;
    max-width: 100%;
}
/*-----------------------------------------------------------------------------------*/
/*	 15. TOOLTIP
/*-----------------------------------------------------------------------------------*/

.tooltip {
    font: inherit
}
.tooltip-inner {
    color: #fff;
    background-color: #73b2cf;
    padding: 5px 12px 5px;
    border-radius: 0;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #73b2cf
}
.tooltip.right .tooltip-arrow {
    border-right-color: #73b2cf
}
.tooltip.left .tooltip-arrow {
    border-left-color: #73b2cf
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #73b2cf
}
/*-----------------------------------------------------------------------------------*/
/*	16. TABS
/*-----------------------------------------------------------------------------------*/

.nav-tabs {
    border: 0;
    margin: 0;
}
.nav-tabs > li {
    margin: 0 5px 0 0
}
.nav-tabs > li > a {
    border-radius: 0;
    color: #404040;
    background: none;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 20px;
    border: 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background: rgba(0, 0, 0, 0.04);
    color: #404040;
    border: 0;
}
.tab-content {
    background: rgba(0, 0, 0, 0.04);
    padding: 20px 20px 5px 20px;
}
/*-----------------------------------------------------------------------------------*/
/*	17. ACCORDION / TOGGLE
/*-----------------------------------------------------------------------------------*/

.panel-group .panel {
    margin-bottom: 10px;
    background: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-group .panel-heading {
    padding: 0;
    background: none !important;
    border: 0 !important;
}
.panel-group .panel-heading .panel-title {
    color: #404040;
    background: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 0;
    transition: all 150ms ease-in;
}
h4.panel-title {
    font-family: 'Karla', sans-serif;
}
.panel-group .panel-title > a {
    display: block;
    background: rgba(0, 0, 0, 0.04);
    padding: 12px 20px;
}
.panel-group .panel-active a,
.panel-group .panel-title > a:hover,
.panel-group .panel-title > a:focus,
.panel-group .panel-heading .panel-title:hover,
.panel-group .panel-active .panel-heading .panel-title {
    border: 0;
    color: #404040;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
    border: 0
}
.panel-body {
    padding: 0 20px 20px 20px;
    background: rgba(0, 0, 0, 0.04);
}
/*-----------------------------------------------------------------------------------*/
/* 	18. FACTS
/*-----------------------------------------------------------------------------------*/
.icon-m {
    font-size: 45px;
    display: inline-block;
}
.box p {
    margin: 0;
}
.box figure {
	max-width: 100%;
	margin-bottom: 20px;
}
.box .icon {
    margin-bottom: 20px;
    display: inline-block;
}
.facts .icon i {
    margin: 0 auto;
}
.facts .fcounter {
    color: #404040;
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 30px;
}
.facts p {
    color: #606060;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}
.icon i,
.facts .icon i,
.pricing.panel i,
.box .icon i,
.feature .icon i {
    color: #404040;
}
/*-----------------------------------------------------------------------------------*/
/*	19. FEATURE
/*-----------------------------------------------------------------------------------*/

.feature {
    padding: 0 0 0 70px;
    position: relative;
    margin-bottom: 35px;
}
.feature .icon {
    position: absolute;
    left: 0;
}
/*-----------------------------------------------------------------------------------*/
/*	20. PROGRESS BAR
/*-----------------------------------------------------------------------------------*/

.progress-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.progress-list p {
    margin-bottom: 2px
}
.progress-list li {
    margin-bottom: 7px
}
.progress-list li span {
    float: right
}
.progress.plain {
    height: 25px;
    margin-bottom: 0;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
    background: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.progress.plain .bar {
    float: left;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #73b2cf !important
}
.bar-container {
    background: rgba(0, 0, 0, 0.05) !important;
    line-height: 1;
}
.progress.plain.green .bar {
    background: #80c9c5 !important
}
.progress.plain.forest .bar {
    background: #80c9a1 !important
}
.progress.plain.lime .bar {
    background: #a0c274 !important
}
.progress.plain.brown .bar {
    background: #af9075 !important
}
.progress.plain.rose .bar {
    background: #d77d8a !important
}
.progress.plain.blue .bar {
    background: #73b2cf !important
}
.progress.plain.purple .bar {
    background: #808ec9 !important
}
.progress.plain.pink .bar {
    background: #c989a9 !important
}
.progress.plain.orange .bar {
    background: #e79965 !important
}
.progress.plain.navy .bar {
    background: #5d6977 !important
}
.progress.plain.red .bar {
    background: #e96161 !important
}
/*-----------------------------------------------------------------------------------*/
/* 	21. PRICING & TABLES
/*-----------------------------------------------------------------------------------*/

.panel.pricing {
    text-align: center;
    border: 1px solid rgba(0,0,0,0.15);
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
    margin: 0;
}
[class*="col-"]:first-child .panel.pricing {
    border-left: 1px solid rgba(0,0,0,0.15)
}
.panel.pricing.active {
    border-color: transparent
}
.panel.pricing.active::after {
    content: '';
    pointer-events: none;
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    border: 3px solid #05b4c6 !important;
    z-index: 5;
    transition: all 200ms ease-in;
}
.panel.pricing .panel-heading {
    padding: 0
}
.panel.pricing .panel-title {
    margin: 0;
    padding: 35px 0;
    font-size: 22px;
    color: #404040;
    background: #FFF;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
.panel.pricing table {
    margin-bottom: 0
}
.pricing .panel-body {
    padding: 35px 0 0 0;
    text-align: center;
    background: #FFF;
    border-top: 1px solid rgba(0,0,0,0.15);
}
.panel.pricing .price {
    padding: 10px 0 0;
    margin: 0;
    color: #404040;
    background: none;
    font-weight: normal;
}
.price-value {
    font-size: 50px
}
.price-currency {
    display: inline-block;
    vertical-align: super;
    font-size: 16px;
    padding-right: 3px;
}
.price-duration {
    font-size: 14px;
    display: block;
}
.price-duration:before {
    content: "/";
    padding-right: 5px;
}
.panel-desc {
    display: block;
    margin-top: 10px;
    line-height: 1;
    letter-spacing: normal;
    color: #606060;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 5px 0;
    line-height: 1;
    vertical-align: top;
}
.pricing .table > tbody > tr > td {
    border: 0
}
.panel.pricing .table > tbody > tr:nth-child(2n) {
    background: none
}
.panel-footer {
    padding: 25px 0 40px;
    background: none;
    border: 0;
    background: #FFF;
}
.panel.pricing .panel-footer a {
    margin: 0
}
.panel.pricing {
    border: 0 !important
}
.panel.pricing {
    border-left: 1px solid rgba(0,0,0,0.15) !important
}
[class*="col-"]:first-child .panel.pricing {
    border-left: 0 !important
}
.panel.pricing .panel-title,
.pricing .panel-body {
    border: 0;
    background: none;
}
.panel.pricing .panel-title {
    padding-top: 5px;
    font-size: 18px;
}
.pricing .price-duration {
    font-size: 14px;
    display: block;
}
.pricing .panel-heading {
    padding-top: 10px !important
}
.pricing .panel-footer {
    padding-top: 40px;
    padding-bottom: 20px;
    background: none;
}
/*-----------------------------------------------------------------------------------*/
/*	22. GO TO TOP
/*-----------------------------------------------------------------------------------*/

#scrollUp {
    bottom: 20px;
    right: 20px;
    transition: background 200ms linear;
    -webkit-backface-visibility: hidden;
    font-size: 16px;
}
#scrollUp .btn {
    background: rgba(60, 60, 60, 0.8);
    letter-spacing: normal;
    padding: 11px 14px 10px 14px
}
#scrollUp .btn:hover,
#scrollUp .btn:focus,
#scrollUp .btn:active,
#scrollUp .btn.active {
    background: rgba(60, 60, 60, 1) !important;
}
#scrollUp i {
    font-size: 14px;
    color: #FFF;
    padding: 0;
}
/*-----------------------------------------------------------------------------------*/
/*	23. FORMS
/*-----------------------------------------------------------------------------------*/

select {
    -webkit-appearance: none;
    box-shadow: none !important;
    width: 100% !important;
    font-weight: 400;
}
label {
    font-weight: inherit
}
.form-field label {
    width: 100%
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-weight: inherit;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 40px;
    color: inherit;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    resize: none;
    vertical-align: middle;
    box-shadow: none;
    transition: all 150ms ease-in;
}
.widget input {
    margin-bottom: 0
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.35);
}
textarea {
    height: 100%;
    padding: 8px 13px;
    line-height: 24px;
    margin-bottom: 20px;
    
    resize: vertical;
    font-weight: inherit;
}
.form-container .form-field {
    position: relative
}
.form-container .form-field i {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 13px;
    margin: 1px 0 0 0;
    line-height: 40px;
    color: #a3a3a3;
    height: 38px;
    line-height: 40px;
    border-right: 1px solid #ccc;
    font-weight: normal;
}
.form-container .form-field input,
.form-container .form-field select {
    -moz-appearance: none
}
/*.form-container [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}*/

select {
    color: #606060 !important
}
@-moz-document url-prefix() {
    select {
        color: #606060 !important;
        text-shadow: 0 0 0 transparent !important;
    }
}
.vanilla-form .btn {
    display: block
}
.text-center .vanilla-form .btn {
    margin: 0 auto
}
.vanilla-form label.custom-select {
    position: relative;
    display: block;
}
.vanilla-form label.custom-select span {
    position: absolute;
    display: inline-block;
    text-align: center;
    right: 10px;
    top: 0;
    height: auto;
    width: auto;
    pointer-events: none;
    padding: 9px 0 0 0;
    color: #606060;
}
.vanilla-form label.custom-select span::after {
    content: '\f123';
    font-family: "Ionicons";
    font-size: 11px;
}
.vanilla-form input.error,
.vanilla-form textarea.error,
.vanilla-form label.custom-select select.error,
.vanilla-form label.custom-select select.error:active,
.vanilla-form label.custom-select select.error:focus {
    border: 1px solid #d9534f !important;
}
.state-error,
.btn.state-error:hover {
    background-color: #de4747 !important;
}
.vanilla-form .radio-set {
    margin-bottom: 10px
}
.vanilla-form .radio-set label {
    margin-right: 10px
}
.vanilla-form input[type="radio"],
.vanilla-form input[type="checkbox"] {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    margin: 0;
    padding: 0;
    height: 10px;
}
.vanilla-form input[type="radio"] + span,
.vanilla-form input[type="checkbox"] + span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: -3px;
    position: relative;
}
.vanilla-form input[type="radio"] + span::after,
.vanilla-form input[type="checkbox"] + span::after {
    content: "";
    display: inline-block;
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.vanilla-form input[type="radio"]:focus + span,
.vanilla-form input[type="checkbox"]:focus + span,
.vanilla-form input[type="radio"]:active + span,
.vanilla-form input[type="checkbox"]:active + span {
    border-color: #73b2cf
}
.vanilla-form input[type="radio"]:checked + span::after,
.vanilla-form input[type="checkbox"]:checked + span::after {
    opacity: 1
}
.vanilla-form input[type="radio"].error + span,
.vanilla-form input[type="checkbox"].error + span {
    border-color: #de4747
}
.vanilla-form input[type="radio"] + span {
    border-radius: 100%
}
.vanilla-form input[type="radio"] + span::after {
    border-radius: 100%;
    background-color: #73b2cf;
    border-color: #73b2cf;
}
.vanilla-form input[type="radio"]:checked + span,
.vanilla-form input[type="checkbox"]:checked + span {
    border: 1px solid #73b2cf
}
.vanilla-form input[type="radio"]:checked + span::after {
    border: 4px solid #ffffff
}
.vanilla-form input[type="checkbox"] + span::after {
    height: 40%;
    width: 70%;
    background-color: transparent;
    border: 0 solid #73b2cf;
    top: 9px;
    left: 2px;
    -webkit-transform: rotate(-45deg) translate(50%, -75%);
    -moz-transform: rotate(-45deg) translate(50%, -75%);
    -ms-transform: rotate(-45deg) translate(50%, -75%);
    -o-transform: rotate(-45deg) translate(50%, -75%);
    transform: rotate(-45deg) translate(50%, -75%);
}
.vanilla-form input[type="checkbox"]:checked + span::after {
    border-left-width: 0.2em;
    border-bottom-width: 0.2em;
}
.vanilla-form .notification-box {
    display: block;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 0;
}
.vanilla-form .notification-box.show-error {
    background-color: #f2dede;
    border-color: #ddb8be;
    color: #a94442;
    border-radius: 4px
}
.vanilla-form .notification-box.show-success {
    background-color: #5cb85c;
    border: 0;
    color: #FFF;
    border-radius: 4px
}
.searchform {
    position: relative
}
.searchform input {
    max-width: 80%;
}
.searchform input {
    margin: 0
}
::-webkit-input-placeholder {
    color: #606060 !important;
    font-weight: normal !important;
}
:-moz-placeholder {
    color: #606060 !important;
    font-weight: normal !important;
    opacity: 1;
}
::-moz-placeholder {
    color: #606060 !important;
    font-weight: normal !important;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #606060 !important;
    font-weight: normal !important;
}
/*-----------------------------------------------------------------------------------*/
/*	24. LIGHTGALLERY
/*-----------------------------------------------------------------------------------*/

.lg-backdrop {
    background: rgba(30, 30, 30, 0.97)
}
.lg-icon {
    transition: all 200ms ease-in
}
.lg-outer .lg-thumb-item {
    border-radius: 0
}
.lg-outer .lg-thumb-item,
.lg-outer .lg-thumb-item:hover {
    border-color: transparent
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item.active:hover {
    border-color: #80c9c5
}
.lg-outer .lg-thumb {
    text-align: center
}
.lg-outer .lg-thumb-item {
    float: none;
    display: inline-block;
}
.lg-sub-html {
    z-index: 1060
}
.lg-sub-html p {
    font-size: 14px;
    color: #ddd;
}
.lg-sub-html h3 {
    color: #FFF;
    font-size: 16px;
    margin-bottom: 5px;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 80px
}
.lg-outer .lg-toogle-thumb,
.lg-outer .lg-thumb-outer {
    background: #272727 !important
}
.lg-sub-html {
    background: rgba(30, 30, 30, 0.6) !important;
}
.lg-outer .lg-toogle-thumb,
#lg-counter,
.lg-toolbar .lg-icon,
.lg-actions .lg-next,
.lg-actions .lg-prev {
    color:rgba(255,255,255, 0.8)
}
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color:rgba(255,255,255, 1) !important;
}
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-toolbar {
    background: none !important;
}
.lg-toolbar .lg-icon {
    font-size: 30px;
    padding: 15px 0;
    margin-right: 5px;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
    font-size: 25px;
}
.lg-actions .lg-prev {
	left: 10px;
}
.lg-actions .lg-next {
	right: 10px;
}
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-outer .lg-toogle-thumb {
    border-radius: 0
}
.lg-outer .lg-toogle-thumb {
    z-index: 1061
}
.lg-sub-html {
    padding: 15px 40px
}
.lg-outer .lg-thumb {
    padding: 7px 0
}
.lg-outer .lg-item {
    background: none
}
.lg-outer .lg-item.lg-complete:after {
    display: none
}
#lg-counter {
    font-size: 14px;
}
/*-----------------------------------------------------------------------------------*/
/*	25. SOCIAL ICONS
/*-----------------------------------------------------------------------------------*/

.social {
    padding: 0;
    margin: 0;
    margin-bottom: -20px;
    font-size: 0;
    line-height: 1;
    padding-right: 40px;
}
.social li {
    display: inline-block;
    margin: 0 20px 20px 0;
}
.pull-right .social li,
.social.pull-right li,
.text-right .social li {
    margin: 0 0 20px 20px
}
.text-center .social li,
.social.text-center li {
    margin: 0 10px 20px 10px
}
.social li a {
    display: table;
    line-height: 1;
}
.social li a i {
    background: none;
    box-shadow: none;
    border: 0;
    height: auto !important;
    width: auto;
    font-size: 18px;
    transition: all 150ms ease-in;
}
.social li a {
    color: #606060
}
.social li a:hover {
    color: #73b2cf !important;
}
/*-----------------------------------------------------------------------------------*/
/*	26. FONT ICON PAGES
/*-----------------------------------------------------------------------------------*/

.font-icons {
    list-style: none;
    margin: 0;
    padding: 0;
}
.font-icons li {
    display: inline-block;
    margin-bottom: 15px;
    padding: 0 15px;
    text-align: center;
}
.font-icons i {
    font-size: 36px !important
}
.alert .close {
    line-height: 20px
}
.retina-icons-code {
    font-size: 14px
}
.retina-icons-code i {
    font-size: 14px;
    width: 20px;
    display: inline-block;
}
.retina-icons-code tr td:first-child,
.retina-icons-code tr th:first-child {
    text-align: center
}
.retina-icons-code code {
    background: none;
    white-space: normal;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background: none !important
}
.table-bordered {
    border-bottom: 1px solid rgba(0, 0, 0, 0.6) !important;
    border-left: none;
    background: none;
}
.table-bordered th,
.table-bordered td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.6) !important
}
.retina-icons-code td {
    vertical-align: middle !important;
    padding: 20px 10px !important;
}
.retina-icons-code th {
    padding: 20px 10px !important
}
.retina-icons-code .table th,
.retina-icons-code .table td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.6) !important
}
.retina-icons-code .table-bordered>thead>tr>th,
.retina-icons-code .table-bordered>tbody>tr>th,
.retina-icons-code .table-bordered>tfoot>tr>th,
.retina-icons-code .table-bordered>thead>tr>td,
.retina-icons-code .table-bordered>tbody>tr>td,
.retina-icons-code .table-bordered>tfoot>tr>td {
    border: 1px solid rgba(0, 0, 0, 0.6) !important
}
.retina-icons-code code {
    color: inherit
}
.budicons-list .font-icons li {
    font-size: 40px;
    margin-bottom: 40px;
    padding: 0 20px;
}
.budicons-list .retina-icons-code i {
    font-size: 30px;
    line-height: 1;
    margin-top: 5px;
    display: block;
}
.flats {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
.flats img {
    max-width: 100%;
    max-height: 200px;
    width: 100%;
    margin-bottom: 50px;
    display: inline;
}
/*-----------------------------------------------------------------------------------*/
/*	27. DIVIDERS
/*-----------------------------------------------------------------------------------*/

.divide0 {
    width: 100%;
    height: 0px;
}
.divide2 {
    width: 100%;
    height: 2px;
}
.divide3 {
    width: 100%;
    height: 3px;
}
.divide5 {
    width: 100%;
    height: 5px;
}
.divide10 {
    width: 100%;
    height: 10px;
}
.divide15 {
    width: 100%;
    height: 15px;
}
.divide20 {
    width: 100%;
    height: 20px;
}
.divide25 {
    width: 100%;
    height: 25px;
}
.divide30 {
    width: 100%;
    height: 30px;
}
.divide35 {
    width: 100%;
    height: 35px;
}
.divide40 {
    width: 100%;
    height: 40px;
}
.divide45 {
    width: 100%;
    height: 40px;
}
.divide50 {
    width: 100%;
    height: 50px;
}
.divide55 {
    width: 100%;
    height: 55px;
}
.divide60 {
    width: 100%;
    height: 60px;
}
.divide65 {
    width: 100%;
    height: 65px;
}
.divide70 {
    width: 100%;
    height: 70px;
}
.divide75 {
    width: 100%;
    height: 75px;
}
.divide80 {
    width: 100%;
    height: 80px;
}
.divide85 {
    width: 100%;
    height: 85px;
}
.divide90 {
    width: 100%;
    height: 90px;
}
.divide100 {
    width: 100%;
    height: 100px;
}
.rm0 {
    margin-right: 0px
}
.rm1 {
    margin-right: 1px
}
.rm2 {
    margin-right: 2px
}
.rm5 {
    margin-right: 5px
}
.rm6 {
    margin-right: 6px
}
.rm10 {
    margin-right: 10px
}
.rm15 {
    margin-right: 15px
}
.rm20 {
    margin-right: 20px
}
.rm25 {
    margin-right: 25px
}
.rm30 {
    margin-right: 30px
}
.rm40 {
    margin-right: 40px
}
.rm50 {
    margin-right: 50px
}
.lm0 {
    margin-left: 0px
}
.lm1 {
    margin-left: 1px
}
.lm5 {
    margin-left: 5px
}
.lm7 {
    margin-left: 7px
}
.lm10 {
    margin-left: 10px
}
.lm15 {
    margin-left: 15px
}
.lm20 {
    margin-left: 20px
}
.lm25 {
    margin-left: 25px
}
.lm30 {
    margin-left: 25px
}
.lm40 {
    margin-left: 40px
}
.rp5 {
    padding-right: 5px
}
.rp10 {
    padding-right: 10px
}
.rp15 {
    padding-right: 15px
}
.rp20 {
    padding-right: 20px
}
.rp25 {
    padding-right: 25px
}
.rp30 {
    padding-right: 30px
}
.rp40 {
    padding-right: 40px
}
.rp50 {
    padding-right: 50px
}
.lp0 {
    padding-left: 0px
}
.lp5 {
    padding-left: 5px
}
.lp10 {
    padding-left: 10px
}
.lp15 {
    padding-left: 15px
}
.lp20 {
    padding-left: 20px
}
.lp25 {
    padding-left: 25px
}
.lp30 {
    padding-left: 30px
}
.lp35 {
    padding-left: 35px
}
.lp40 {
    padding-left: 40px
}
.lp50 {
    padding-left: 50px
}
.lp100 {
    padding-left: 100px
}
.tp0 {
    padding-top: 0 !important
}
.tp3 {
    padding-top: 3px
}
.tp5 {
    padding-top: 5px
}
.tp10 {
    padding-top: 10px
}
.tp20 {
    padding-top: 20px
}
.tp25 {
    padding-top: 25px
}
.tp30 {
    padding-top: 30px
}
.tp40 {
    padding-top: 40px
}
.tp50 {
    padding-top: 50px
}
.tp60 {
    padding-top: 60px
}
.tm4 {
    margin-top: 4px
}
.tm5 {
    margin-top: 5px
}
.tm7 {
    margin-top: 7px
}
.tm10 {
    margin-top: 10px
}
.tm15 {
    margin-top: 15px
}
.tm20 {
    margin-top: 20px
}
.tm40 {
    margin-top: 40px
}
.mbm1 {
    margin-bottom: -1px
}
.bp0 {
    padding-bottom: 0 !important
}
.bp10 {
    padding-bottom: 10px !important
}
.bp20 {
    padding-bottom: 20px !important
}
.bm0 {
    margin-bottom: 0 !important
}
.bm5 {
    margin-bottom: 5px !important
}
.bm6 {
    margin-bottom: 6px !important
}
.bm10 {
    margin-bottom: 10px !important
}
.bm15 {
    margin-bottom: 15px !important
}
.bm20 {
    margin-bottom: 20px !important
}
.bm25 {
    margin-bottom: 25px !important
}
.bm30 {
    margin-bottom: 30px !important
}
.bm40 {
    margin-bottom: 40px !important
}
.bm50 {
    margin-bottom: 50px !important
}
.bp50 {
    padding-bottom: 50px !important
}
/*-----------------------------------------------------------------------------------*/
/*	28. RESPONSIVE
/*-----------------------------------------------------------------------------------*/
@media (min-width: 992px) {

    .navbar .navbar-collapse {
        float: right;
        position: relative;
        right: 0;
    }
    .navbar .navbar-nav {
        float: none;
        position: relative;
        display: table-cell;
        vertical-align: middle;
        margin: 0 !important;
    }
    .navbar .navbar-nav > li {
        margin: 0;
        display: inline-block;
    }
    .navbar .navbar-nav > li:last-child > a {
        padding-right: 0
    }
    .navbar .dropdown-menu {
        padding-top: 11px;
        padding-bottom: 11px;
        background: #303030;
    }
    .navbar .dropdown-menu li {
        border: none
    }
    .navbar .dropdown-menu li a {
        padding: 10px 20px
    }
    .navbar .dropdown-menu li a:hover,
    .navbar .dropdown-menu li a.active {
        padding: 10px 20px;
        color: #FFF !important;
    }
    .navbar-nav ul ul {
        padding-top: 6px !important;
        padding-left: 2px !important;
    }
    .navbar-nav ul ul ul {
        padding-left: 5px !important
    }
    .navbar-nav ul ul li {} .navbar.classic .container {
        display: table;
        vertical-align: middle;
    }
    .navbar.classic .navbar .navbar-nav {
        float: none;
        position: relative;
        display: table-cell;
        vertical-align: middle;
        margin: 0 !important;
    }
    .navbar.classic .navbar-header {
        display: table;
        position: relative;
    }
    .navbar.classic .navbar-brand {
        width: auto
    }
    .navbar.classic .navbar-nav > li {
        margin: 0 0 0 40px;
    }
    .navbar .nav > li:not(.current) > a:hover {
      color: #73b2cf !important;
    }
}
@media (max-width: 991px) {
	.container-fluid > .navbar-collapse {
	    margin-right: -40px;
	    margin-left: -40px;
	}
    .navbar:not(.banner--clone) .navbar-collapse {
        position: absolute;
        width: 100%;
    }
    .caret {
        display: inline-block
    }
    .navbar .container {
        width: 100%;
        padding: 0;
    }
    .navbar .navbar-header .navbar-brand {
        width: 100%
    }
    .navbar .nav-bars-wrapper {
        display: table-cell;
        vertical-align: middle;
    }
    .navbar .dropdown-menu {
        padding-left: 20px
    }
    .navbar .navbar-nav > li {
        margin: 0 30px
    }
    .navbar .navbar-nav > li > a {
        color: #fff !important;
        font-size: 22px;
    }
    .navbar .nav > li.current > a,
    .navbar .nav > li > a:hover {
        color: #fff !important
    }
    .navbar-nav > li > a,
    .navbar .dropdown-menu li a,
    .navbar .dropdown-menu li a:hover,
    .navbar .dropdown-menu li a.active {
        padding: 10px 0px !important
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 1
    }
    .navbar:not(.fixed) .navbar-header {
        height: 100px !important
    }
    .navbar .navbar-brand {
        text-align: left !important
    }
    .navbar .navbar-collapse {
        background: #303030 !important;
        padding: 0;
    }
    .navbar .navbar-nav {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    [class*="col-"][class*="lp"] {
        padding-left: 15px
    }
    [class*="col-"][class*="rp"] {
        padding-right: 15px
    }
}
@media (min-width: 768px) and (max-width: 991px) {


    [class*="divide"].visible-sm {
        clear: both;
    }
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
	.container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
    .container-fluid > .navbar-collapse {
	    margin-right: -15px;
	    margin-left: -15px;
	}
    .navbar .navbar-header {
        padding-left: 0;
        padding-right:0;
        width: 720px;
        margin: 0 auto !important;
    }
    .grid-view.blog-content hr:nth-child(3n) {
        display: none
    }
    .grid-view.blog-content hr:nth-child(4n) {
        display: block
    }
}

.bizeulasinSticky{
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 99;
}

.bizeulasinSticky button{
	border: none;
	background-color: transparent;
	width: 100%;
	padding: 0;
}

.popupbizeulasustDivi {
    width: 340px !important;
    padding: 15px;
    border: 6px solid #000000;
    margin-top: 70px;
    background-image: url(../img/bizeulasformarkaplani.png);
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: 265px;
    background-position-x: 115px;
}

.popupbizeulasustDivi h5 {
    text-align: center;
    font-size: 25px;
    color: #282828;
    font-weight: 100;
    letter-spacing: -1.85px;
    margin-top: 65px !important;
    margin-bottom: 20px !important;
}

.bizeulasinInputTextare input {
    border: 1px solid #000000;
    /* margin-top: 15px; */
    padding: 5px;
    width: 240px;
    padding-left: 10px;
}
.bizeulasinInputTextare textarea {
    /* margin-top: 15px; */
    border: 1px solid #000000;
    padding: 9px;
    width: 240px;
    height: 100px;
}
.popUpBizeUlasinButonu {
    margin-top: 35px;
    margin-bottom: 25px;
}

.popUpBizeUlasinButonu a {
    border: 1px solid #000000;
    color: #fff;
    background: #000000;
    padding: 8px 24px;
}

.bizeulaspopupkapatmatusu {
    padding: 0px 16px;
    font-size: 40px;
}

@media (max-width: 767px) {
	.container,
	.container-fluid {
        padding-right: 20px;
        padding-left: 20px;
    }
    .container-fluid > .navbar-collapse {
	    margin-right: -20px;
	    margin-left: -20px;
	}
    .container-fluid > .navbar-header {
	    margin-right: 0;
	    margin-left: 0
	}
    .navbar .navbar-header {
        padding-left: 0;
        padding-right:0;
        width: 100%;
    }
    footer [class*="col-"] {
        margin-bottom: 30px
    }
    [class*="col-"] {
        margin-bottom: 30px
    }
    .form-container [class*="col-"] {
        margin-bottom: 0
    }
    .tiles .col-xs-6 {
        width: 100%
    }
    .sidebar {
        padding-left: 15px !important
    }
    .blog .sidebar {
        margin-top: 60px
    }
    .classic-view .post {
        margin-bottom: 60px
    }
    #comments .user {
        display: none
    }
    #comments .message-inner {
        margin-left: 0
    }
    #comments ul.children {
        padding: 0 0 0 25px
    }
    .banner--stick {
        display: none !important
    }
    .sub-footer * {
	    float: none !important;
    }
    .sub-footer .social.pull-right {
	    margin-top: 10px;
    }
    .sub-footer .social.pull-right li {
	    margin: 0 20px 20px 0 !important;
    }
    .about-author {
	    position: relative;
	    padding: 0;
	}
	.about-author .author-image {
	    position: relative;
	    padding-bottom: 10px;
	}
	.post-nav-wrapper .post-nav {
	    width: 100% !important;
	    text-align: left !important;
	    padding: 0 !important;
	    display: block !important;
	    border: 0 !important;
	}
	.panel.pricing {
	    border-left: 0 !important;
	    border-top: 1px solid rgba(0,0,0,0.15) !important;
	}
	[class*="col-"]:first-child .panel.pricing {
	    border-top: 0 !important
	}
	.pricing .panel-heading {
	    padding-top: 30px !important
	}
}/*-------------------------------------------------------------------------------------
[TABLE OF CONTENTS]

01. CUBE PORTFOLIO
02. SMARTMENUS
03. LIGHTGALLERY
04. COLLAGEPLUS EFFECT
05. PRETTIFY
	
-------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	01. CUBE PORTFOLIO
/*-----------------------------------------------------------------------------------*/
/*!
 * Cube Portfolio - Responsive jQuery Grid Plugin
 *
 * version: 3.7.1 (28 June, 2016)
 * require: jQuery v1.7+
 *
 * Copyright 2013-2016, Mihai Buricea (http://scriptpie.com/cubeportfolio/live-preview/)
 * Licensed under CodeCanyon License (http://codecanyon.net/licenses)
 *
 */
.cbp, .cbp *,
.cbp *:after, .cbp:after, .cbp-l-filters-alignCenter, .cbp-l-filters-alignCenter *, .cbp-l-filters-alignCenter .cbp-filter-counter:after, .cbp-l-filters-alignLeft, .cbp-l-filters-alignLeft *, .cbp-l-filters-alignRight, .cbp-l-filters-alignRight *, .cbp-l-filters-alignRight .cbp-filter-counter:after, .cbp-l-filters-button, .cbp-l-filters-button *, .cbp-l-filters-button .cbp-filter-counter:after, .cbp-l-filters-buttonCenter, .cbp-l-filters-buttonCenter *, .cbp-l-filters-buttonCenter .cbp-filter-counter:after, .cbp-l-filters-dropdown, .cbp-l-filters-dropdown *, .cbp-l-filters-dropdownHeader:after, .cbp-l-filters-list, .cbp-l-filters-list *, .cbp-l-filters-work, .cbp-l-filters-work *, .cbp-l-filters-big, .cbp-l-filters-big *, .cbp-l-filters-text, .cbp-l-filters-text *, .cbp-l-filters-text .cbp-filter-counter:after, .cbp-l-filters-underline, .cbp-l-filters-underline *, .cbp-popup-wrap, .cbp-popup-wrap *, .cbp-popup-wrap:before, .cbp-popup-loadingBox:after, .cbp-l-loadMore-bgbutton, .cbp-l-loadMore-bgbutton *, .cbp-l-loadMore-button, .cbp-l-loadMore-button *, .cbp-l-loadMore-text, .cbp-l-loadMore-text *, .cbp-search, .cbp-search * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

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

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

/*  ---------------------------------------------------------------
    Default style for plugin. Please change them carefully!
    --------------------------------------------------------------- */
.cbp-item {
  display: inline-block;
  margin: 0 10px 20px 0; }

.cbp {
  position: relative;
  margin: 0 auto;
  z-index: 1;
  height: 100px; }
  .cbp > * {
    visibility: hidden; }
  .cbp .cbp-item {
    position: absolute;
    top: 0;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden; }
  .cbp img {
    display: block;
    border: 0;
    width: 100%;
    height: auto; }
  .cbp a,
  .cbp a:hover,
  .cbp a:active {
    text-decoration: none;
    outline: 0; }

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

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

.cbp-lazyload {
  position: relative;
  background: #fff;
  display: block; }
  .cbp-lazyload img {
    opacity: 1; }
  .cbp-lazyload img[data-cbp-src] {
    opacity: 0; }
  .cbp-lazyload img:not([data-cbp-src]) {
    -webkit-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out; }
  .cbp-lazyload:after {
    z-index: 0; }

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

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

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

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

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

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

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

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

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

.cbp-updateItems {
  -webkit-transition: height .5s ease-in-out !important;
  transition: height .5s ease-in-out !important;
  will-change: height; }
  .cbp-updateItems .cbp-item {
    -webkit-transition: top .5s ease-in-out, left .5s ease-in-out;
    transition: top .5s ease-in-out, left .5s ease-in-out; }
  .cbp-updateItems .cbp-item-loading {
    -webkit-animation: fadeIn .5s ease-in-out;
    animation: fadeIn .5s ease-in-out;
    -webkit-transition: none;
    transition: none; }

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

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

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

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

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

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

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

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

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

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

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

/* general caption style */
.cbp-caption,
.cbp-caption-defaultWrap,
.cbp-caption-activeWrap {
  display: block; }

.cbp-caption-activeWrap {
  background-color: #282727; }

.cbp-caption-active .cbp-caption,
.cbp-caption-active .cbp-caption-defaultWrap,
.cbp-caption-active .cbp-caption-activeWrap {
  overflow: hidden;
  position: relative;
  z-index: 1; }

.cbp-caption-active .cbp-caption-defaultWrap {
  top: 0; }

.cbp-caption-active .cbp-caption-activeWrap {
  width: 100%;
  position: absolute;
  z-index: 2;
  height: 100%; }

/*  ---------------------------------------------------------------
    caption miscellaneous style
    --------------------------------------------------------------- */
/*.cbp-l-caption-title {
  color: #fff;
  font: 400 16px/21px "Open Sans", sans-serif; }

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

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

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

.cbp-l-caption-buttonLeft:hover,
.cbp-l-caption-buttonRight:hover {
  opacity: 0.9; }
*/
/*  END - caption miscellaneous style */
/*  ---------------------------------------------------------------
    none caption
    --------------------------------------------------------------- */
.cbp-caption-none .cbp-caption-activeWrap {
  display: none; }

/*  END - none caption */
/*  ---------------------------------------------------------------
    caption layout align left
    --------------------------------------------------------------- */
.cbp-l-caption-alignLeft .cbp-l-caption-body {
  padding: 12px 30px; }

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

/*  END - caption layout left */
/*  ---------------------------------------------------------------
    caption layout center vertically and horizontally
    --------------------------------------------------------------- */
.cbp-l-caption-alignCenter {
  display: table;
  width: 100%;
  height: 100%; }

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

.cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
  position: relative;
  -webkit-transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); }

.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft {
  left: -20px; }

.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
  left: 20px; }

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

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

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

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

.cbp-caption-minimal .cbp-l-caption-title {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.cbp-caption-minimal .cbp-l-caption-desc {
  -webkit-transform: translateY(70%);
  transform: translateY(70%); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cbp-caption-revealBottom .cbp-caption-defaultWrap {
  z-index: 2;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); }

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

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

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

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

.cbp-caption-revealTop .cbp-caption-defaultWrap {
  z-index: 2;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); }

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

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

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

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

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

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

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

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

.cbp-caption-opacity .cbp-caption {
  border: 1px solid transparent; }

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

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

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

.cbp-caption-opacity .cbp-caption:hover .cbp-caption-activeWrap {
  top: 0; }

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

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

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

.cbp-caption-expand .cbp-caption-defaultWrap svg {
  position: absolute;
  top: 16px;
  left: 0; }

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

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

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

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

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

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

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

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

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

.cbp-l-filters-alignCenter .cbp-filter-counter:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #626161;
  display: none; }

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

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

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

.cbp-l-filters-alignRight {
  margin-bottom: 30px;
  text-align: right; }
  .cbp-l-filters-alignRight .cbp-filter-item {
    background-color: transparent;
    color: #8B8B8B;
    cursor: pointer;
    font: 400 11px/31px "Open Sans", sans-serif;
    padding: 0 14px;
    position: relative;
    overflow: visible;
    margin: 0 0 10px 5px;
    border: 1px solid #E4E2E2;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    .cbp-l-filters-alignRight .cbp-filter-item:hover {
      color: #2B3444; }
      .cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter:after {
        display: block; }
      .cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter {
        bottom: 44px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1; }
    .cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {
      color: #FFFFFF;
      background-color: #049372;
      border-color: #049372;
      cursor: default; }
  .cbp-l-filters-alignRight .cbp-filter-counter {
    background: none repeat scroll 0 0 #049372;
    border-radius: 3px;
    color: #fff;
    font: 400 11px/18px "Open Sans", sans-serif;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity .25s ease, bottom .25s ease;
    transition: opacity .25s ease, bottom .25s ease; }
    .cbp-l-filters-alignRight .cbp-filter-counter:after {
      content: "";
      position: absolute;
      bottom: -4px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #049372;
      display: none; }

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

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

.cbp-l-filters-button .cbp-filter-item:hover {
  color: #545454;
  border-color: #DADADA; }

.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
  background-color: #545454;
  color: #fff;
  border-color: #5d5d5d;
  cursor: default; }
*/
.cbp-l-filters-button .cbp-filter-counter {
  background-color: #545454;
  border-radius: 3px;
  color: #fff;
  font: 400 11px/18px "Open Sans", sans-serif;
  margin: 0 auto;
  padding: 4px 0;
  text-align: center;
  width: 34px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity .25s ease, bottom .25s ease;
  transition: opacity .25s ease, bottom .25s ease; }

.cbp-l-filters-button .cbp-filter-counter:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #545454;
  display: none; }

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

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

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

.cbp-l-filters-buttonCenter .cbp-filter-item:hover {
  color: #5d5d5d; }

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

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

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

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

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

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

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

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

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

.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after {
  border-width: 0 5px 5px; }

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

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

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

.cbp-l-filters-dropdownList .cbp-filter-item {
  background: transparent;
  color: #b3b3b3;
  width: 100%;
  text-align: left;
  font: 400 12px/40px "Open Sans", sans-serif;
  margin: 0;
  padding: 0 17px;
  cursor: pointer;
  border: none;
  border-top: 1px solid #595959; }

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

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

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

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

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

.cbp-l-filters-list .cbp-filter-item {
  background-color: transparent;
  color: #585252;
  cursor: pointer;
  font: 400 12px/35px "Open Sans", sans-serif;
  padding: 0 18px;
  position: relative;
  overflow: visible;
  margin: 0 0 10px;
  float: left;
  border: 1px solid #3288C4;
  border-right-width: 0;
  -webkit-transition: left .3s ease-in-out;
  transition: left .3s ease-in-out; }

.cbp-l-filters-list .cbp-filter-item:hover {
  color: #000; }

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

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

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

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

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

.cbp-l-filters-work {
  margin-bottom: 30px;
  text-align: center; }

.cbp-l-filters-work .cbp-filter-item {
  background-color: #FFFFFF;
  color: #888;
  cursor: pointer;
  font: 600 11px/37px "Open Sans", sans-serif;
  margin: 0 5px 10px 0;
  overflow: visible;
  padding: 0 16px;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

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

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

.cbp-l-filters-work .cbp-filter-counter {
  font: 600 11px/37px "Open Sans", sans-serif;
  text-align: center;
  display: inline-block;
  margin-left: 8px; }

.cbp-l-filters-work .cbp-filter-counter:before {
  content: '('; }

.cbp-l-filters-work .cbp-filter-counter:after {
  content: ')'; }

.cbp-l-filters-big {
  margin-bottom: 30px;
  text-align: center; }
  .cbp-l-filters-big .cbp-filter-item {
    color: #444;
    cursor: pointer;
    font: 400 15px/22px "Roboto", sans-serif;
    margin: 0 15px 10px 0;
    padding: 10px 23px;
    position: relative;
    display: inline-block;
    border: 1px solid transparent;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .cbp-l-filters-big .cbp-filter-item:hover {
      color: #888; }
    .cbp-l-filters-big .cbp-filter-item.cbp-filter-item-active {
      border-color: #d5d5d5;
      cursor: default;
      color: #444; }

.cbp-l-filters-text {
  margin-bottom: 30px;
  text-align: center;
  font: 400 12px/21px "Lato", sans-serif;
  color: #DADADA;
  padding: 0 15px; }

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

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

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

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

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

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

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

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

.cbp-l-filters-underline {
  margin-bottom: 30px; }
  .cbp-l-filters-underline .cbp-filter-item {
    border-bottom: 3px solid transparent;
    cursor: pointer;
    font: 600 14px/21px "Open Sans", sans-serif;
    padding: 8px 10px;
    position: relative;
    overflow: visible;
    margin: 0 20px 10px 0;
    display: inline-block;
    color: #787878;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
    .cbp-l-filters-underline .cbp-filter-item:hover {
      color: #111; }
    .cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active {
      border-bottom-color: #666;
      color: #444;
      cursor: default; }
  .cbp-l-filters-underline .cbp-filter-counter {
    display: inline; }

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

.cbp-animation-quicksand .cbp-item {
  -webkit-transition: -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cbp-animation-flipOut .cbp-item {
  -webkit-transition: -webkit-transform .7s ease-in-out;
  transition: transform .7s ease-in-out; }

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

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

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

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

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

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

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

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

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

.cbp-animation-flipBottom .cbp-item {
  -webkit-transition: -webkit-transform .7s ease-in-out;
  transition: transform .7s ease-in-out; }

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

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

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

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

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

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

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

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

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

.cbp-animation-scaleSides .cbp-item {
  -webkit-transition: -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out; }

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

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

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

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

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

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

/* in */
@-webkit-keyframes scaleSides-in {
  0%, 50% {
    -webkit-transform: scale(0.6);
    opacity: 0; } }

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

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

.cbp-animation-skew .cbp-item {
  -webkit-transition: -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cbp-displayType-bottomToTop .cbp-item {
  -webkit-animation: fadeInBottomToTop .3s both ease-in;
  animation: fadeInBottomToTop .3s both ease-in; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* NAVIGATION BUTTONS */
.cbp-popup-singlePage .cbp-popup-navigation-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9990;
  height: 104px;
  background-color: #3D4750; }

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

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

.cbp-popup-singlePage-counter {
  color: #fff;
  position: absolute;
  margin: auto;
  right: 40px;
  top: 0;
  bottom: 0;
  font: 400 13px/30px "Open Sans", sans-serif;
  height: 30px; }

@media only screen and (max-width: 768px) {
  .cbp-popup-singlePage-counter {
    right: 3%; } }

.cbp-popup-next,
.cbp-popup-prev,
.cbp-popup-close {
  padding: 0;
  border: medium none;
  position: absolute;
  cursor: pointer;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.cbp-popup-lightbox .cbp-popup-prev,
.cbp-popup-lightbox .cbp-popup-next,
.cbp-popup-lightbox .cbp-popup-close {
  visibility: hidden; }

/* NAVOGATION BUTTONS */
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next,
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev,
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close {
  visibility: visible; }

/* PREVIOUS BUTTON LIGHBOX */
.cbp-popup-lightbox .cbp-popup-prev {
  background: url("../img/cbp-sprite.png") no-repeat scroll 0 0 transparent;
  width: 44px;
  height: 44px;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto; }

.cbp-popup-lightbox .cbp-popup-prev:hover {
  background-position: 0 -46px; }

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

.cbp-popup-singlePage .cbp-popup-prev:hover {
  background-position: 0 -138px; }

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

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

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

.cbp-popup-singlePage .cbp-popup-next:hover {
  background-position: -46px -138px; }

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

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

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

.cbp-popup-singlePage .cbp-popup-close:hover {
  background-position: -92px -138px; }

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

@media only screen and (max-width: 360px), (max-height: 600px) {
  .cbp-popup-next,
  .cbp-popup-prev,
  .cbp-popup-close {
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  .cbp-popup-lightbox .cbp-popup-close {
    right: 10px;
    top: 10px; }
  .cbp-popup-lightbox .cbp-popup-next {
    right: 10px; }
  .cbp-popup-lightbox .cbp-popup-prev {
    left: 10px; }
  .cbp-popup-singlePage .cbp-popup-navigation-wrap {
    height: 84px; }
  .cbp-popup-singlePage .cbp-popup-content {
    margin-top: 120px; } }

.cbp-popup-loadingBox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.cbp-popup-lightbox .cbp-popup-loadingBox:after {
  border-left: 3px solid rgba(255, 255, 255, 0.3);
  border-right: 3px solid rgba(255, 255, 255, 0.3);
  border-bottom: 3px solid rgba(255, 255, 255, 0.3);
  border-top: 3px solid rgba(255, 255, 255, 0.85); }

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

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

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

.cbp-popup-singlePage {
  left: 100%;
  -webkit-transition: left .6s ease-in-out;
  transition: left .6s ease-in-out; }

.cbp-popup-singlePage.cbp-popup-loading .cbp-popup-content {
  opacity: 0; }

.cbp-popup-singlePage-open {
  left: 0; }

.cbp-popup-singlePage.cbp-popup-singlePage-fade {
  left: 0;
  opacity: 0;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out; }

.cbp-popup-singlePage-open.cbp-popup-singlePage-fade {
  opacity: 1; }

.cbp-popup-singlePage.cbp-popup-singlePage-right {
  left: -100%;
  -webkit-transition: left .6s ease-in-out;
  transition: left .6s ease-in-out; }

.cbp-popup-singlePage-open.cbp-popup-singlePage-right {
  left: 0; }

.cbp-l-project-title {
  color: #454444;
  font: 600 42px/46px "Open Sans", sans-serif;
  letter-spacing: 2px;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase; }

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

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

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

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

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

@media only screen and (max-width: 768px) {
  .cbp-l-project-title {
    font-size: 30px;
    line-height: 34px; }
  .cbp-l-project-desc {
    width: 100%; }
  .cbp-l-project-details {
    width: 100%;
    margin-top: 20px;
    padding-left: 0; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cbp-l-member-info {
  margin-top: 20px;
  padding-left: 25px;
  float: left;
  width: 60%; }

@media only screen and (max-width: 768px) {
  .cbp-l-member-img {
    width: 100%;
    text-align: center; }
  .cbp-l-member-info {
    width: 100%;
    padding-left: 0; } }

.cbp-l-member-name {
  font: 400 28px/28px "Open Sans", sans-serif;
  color: #474747; }

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

.cbp-l-member-desc {
  font: 400 12px/18px "Open Sans", sans-serif;
  margin-top: 25px;
  color: #474747; }

/* SINGLE PAGE INLINE */
.cbp-popup-singlePageInline-open {
  -webkit-transition: height .5s ease 0s !important;
  transition: height .5s ease 0s !important; }
  .cbp-popup-singlePageInline-open .cbp-item {
    -webkit-transition: -webkit-transform .5s ease 0s !important;
    transition: transform .5s ease 0s !important; }

.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline:after {
  display: none;
  visibility: hidden; }

.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-content,
.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-navigation {
  -webkit-transition-delay: 0;
  transition-delay: 0; }

.cbp-popup-singlePageInline {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  /* CLOSE BUTTON singlePageInline */ }
  .cbp-popup-singlePageInline .cbp-popup-content {
    opacity: 0;
    width: 100%;
    z-index: 1;
    min-height: 300px; }
  .cbp-popup-singlePageInline .cbp-popup-content,
  .cbp-popup-singlePageInline .cbp-popup-navigation {
    -webkit-transition: opacity .4s ease-in .2s;
    transition: opacity .4s ease-in .2s; }
  .cbp-popup-singlePageInline .cbp-popup-navigation {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 40px;
    height: 40px; }
  .cbp-popup-singlePageInline .cbp-popup-close {
    background: url("../img/cbp-sprite.png") no-repeat scroll -92px 0 transparent;
    height: 40px;
    width: 40px;
    right: 20px;
    top: 30px; }
  .cbp-popup-singlePageInline .cbp-popup-close:hover {
    opacity: 0.7; }

.cbp-popup-singlePageInline-ready {
  z-index: 4; }
  .cbp-popup-singlePageInline-ready .cbp-popup-content,
  .cbp-popup-singlePageInline-ready .cbp-popup-navigation {
    opacity: 1; }
  .cbp-popup-singlePageInline-ready:after {
    display: none;
    visibility: hidden; }

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

.cbp-l-inline {
  margin: 20px 0;
  overflow: hidden;
  background: #FAFAFA;
  padding: 30px; }

.cbp-l-inline-left {
  float: left;
  width: 44%; }

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

.cbp-l-inline-right {
  float: right;
  width: 56%;
  padding-left: inherit; }

@media only screen and (max-width: 768px) {
  .cbp-l-inline-left {
    width: 100%;
    text-align: center;
    margin-top: 40px; }
  .cbp-l-inline-right {
    width: 100%;
    padding-left: 0;
    margin-top: 20px; } }

.cbp-l-inline-title {
  font: 400 28px/30px "Open Sans", sans-serif;
  color: #474747; }

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

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

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

.cbp-l-inline-view {
  font: 400 13px/35px "Open Sans", sans-serif;
  color: #9C9C9C;
  margin-top: 40px;
  display: inline-block;
  padding: 0 20px;
  border: 1px solid #ccc;
  text-decoration: none; }

.cbp-l-inline-view:hover {
  color: #757575; }

.cbp-l-inline-details {
  margin-bottom: 15px;
  font: 13px/22px "Open Sans", sans-serif; }

/* default state */
.cbp-l-loadMore-defaultText,
.cbp-l-loadMore-button-defaultText {
  display: block; }

.cbp-l-loadMore-loadingText,
.cbp-l-loadMore-noMoreLoading,
.cbp-l-loadMore-button-loadingText,
.cbp-l-loadMore-button-noMoreLoading {
  display: none; }

/* loading state */
.cbp-l-loadMore-loading .cbp-l-loadMore-loadingText,
.cbp-l-loadMore-loading .cbp-l-loadMore-button-loadingText {
  display: block; }

.cbp-l-loadMore-loading .cbp-l-loadMore-defaultText,
.cbp-l-loadMore-loading .cbp-l-loadMore-noMoreLoading,
.cbp-l-loadMore-loading .cbp-l-loadMore-button-defaultText,
.cbp-l-loadMore-loading .cbp-l-loadMore-button-noMoreLoading {
  display: none; }

/* no more loading */
.cbp-l-loadMore-stop .cbp-l-loadMore-noMoreLoading,
.cbp-l-loadMore-stop .cbp-l-loadMore-button-noMoreLoading {
  display: block; }

.cbp-l-loadMore-stop .cbp-l-loadMore-defaultText,
.cbp-l-loadMore-stop .cbp-l-loadMore-loadingText,
.cbp-l-loadMore-stop .cbp-l-loadMore-button-defaultText,
.cbp-l-loadMore-stop .cbp-l-loadMore-button-loadingText {
  display: none; }

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

.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link {
  border: 1px solid #DEDEDE;
  color: #7E7B7B;
  display: inline-block;
  font: 400 13px/40px "Lato", sans-serif;
  min-width: 80px;
  text-decoration: none;
  padding: 0 50px;
  margin-top: 50px;
  outline: 0;
  box-shadow: none;
  letter-spacing: 1px;
  -webkit-transition: color .25s;
  transition: color .25s; }

.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:hover,
.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-loading {
  color: #B0B0B0; }

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

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

.cbp-l-loadMore-button .cbp-l-loadMore-link,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link {
  border: 1px solid #DEDEDE;
  color: #7E7B7B;
  display: inline-block;
  font: 400 12px/36px "Open Sans", sans-serif;
  min-width: 80px;
  text-decoration: none;
  padding: 0 30px;
  outline: 0;
  margin-top: 40px;
  box-shadow: none;
  -webkit-transition: color .25s;
  transition: color .25s; }

.cbp-l-loadMore-button .cbp-l-loadMore-link:hover,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover,
.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-loading {
  color: #B0B0B0; }

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

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

.cbp-l-loadMore-text .cbp-l-loadMore-link,
.cbp-l-loadMore-text .cbp-l-loadMore-text-link {
  font: 400 15px "Open Sans", sans-serif;
  color: #7E7B7B;
  text-decoration: none;
  cursor: pointer;
  margin-top: 50px;
  display: block; }

.cbp-l-loadMore-text .cbp-l-loadMore-stop,
.cbp-l-loadMore-text .cbp-l-loadMore-text-stop {
  color: #B0B0B0;
  cursor: default; }
*/
.cbp-mode-slider {
  -webkit-transition: height 0.35s cubic-bezier(0.22, 0.6, 0.345, 1);
  transition: height 0.35s cubic-bezier(0.22, 0.6, 0.345, 1); }

.cbp-mode-slider .cbp-wrapper,
.cbp-mode-slider .cbp-item {
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.22, 0.6, 0.345, 1);
  transition: transform 0.35s cubic-bezier(0.22, 0.6, 0.345, 1); }

.cbp-mode-slider .cbp-wrapper {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }

.cbp-mode-slider-dragStart * {
  cursor: move !important;
  cursor: -ms-grabbing !important;
  cursor: -webkit-grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: grabbing !important; }

.cbp-mode-slider-dragStart .cbp-wrapper {
  -webkit-transition: none;
  transition: none; }

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

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

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

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

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

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

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

.cbp-nav-stop {
  opacity: 0.5 !important;
  cursor: default !important; }

.cbp-nav {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.cbp-nav-controls {
  position: absolute;
  top: -51px;
  right: 0;
  z-index: 100; }

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

.cbp-nav-pagination-item {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 4px;
  display: inline-block;
  cursor: pointer;
  background: #c2c2c2;
  -webkit-transition: background 0.5s;
  transition: background 0.5s; }

.cbp-nav-pagination-active {
  background: #797979; }

.cbp-pagination-item {
  max-width: 100px;
  display: inline-block;
  cursor: pointer;
  margin-top: 10px;
  margin-right: 5px;
  position: relative; }
  .cbp-pagination-item img {
    display: block;
    width: 100%;
    height: auto;
    border: 0; }
  .cbp-pagination-item:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cbp-l-grid-agency .cbp-caption:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-bottom: 10px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  bottom: 0px;
  left: 50%;
  margin-left: -5px;
  z-index: 1; }

.cbp-l-grid-agency.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
  -webkit-transform: scale(1.15);
  transform: scale(1.15); }

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

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

.cbp-l-grid-agency-desc {
  font: 400 12px/21px "Open Sans", sans-serif;
  color: #aaa;
  text-align: center; }

.cbp-l-grid-work.cbp-caption-zoom .cbp-caption-activeWrap {
  background-color: rgba(0, 0, 0, 0.7); }

.cbp-l-grid-work .cbp-item {
  padding: 3px; }

.cbp-l-grid-work .cbp-item-wrapper {
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  padding: 7px 7px 27px;
  border-top: 1px solid #F4F4F4; }

.cbp-l-grid-work-title {
  margin-top: 17px;
  font: 400 17px/25px "Roboto Condensed", sans-serif;
  color: #607D8B;
  text-align: center;
  text-transform: uppercase;
  display: block; }

.cbp-l-grid-work-title:hover {
  color: #365D67; }

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

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

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

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

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

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

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

.cbp-l-grid-blog-split {
  margin: 0 4px;
  font: 400 13px/16px "Open Sans", sans-serif;
  color: #787878;
  display: inline-block; }

.cbp-l-grid-clients {
  height: 180px; }

.cbp-l-clients-title-block {
  font: 400 32px/53px "Roboto", sans-serif;
  color: #666464;
  text-align: center;
  margin-bottom: 40px; }

.cbp-l-grid-faq .cbp-item {
  width: 100%; }

.cbp-l-grid-projects-title {
  font: 700 14px/21px "Open Sans", sans-serif;
  color: #474747;
  margin-top: 15px; }

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

.cbp-l-grid-masonry-projects .cbp-caption-activeWrap {
  background-color: #59a3b6;
  background-color: rgba(89, 163, 182, 0.95); }

.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft,
.cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight {
  background-color: #545454; }

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

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

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

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

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

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

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

/*.cbp-l-grid-mosaic-flat .cbp-l-caption-title {
  color: #FFFFFF;
  font: 400 14px/21px "Lato", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block; }

.cbp-l-grid-mosaic-flat .cbp-l-caption-title:after {
  content: '';
  display: block;
  width: 40%;
  height: 1px;
  background-color: #fff;
  margin: 8px auto 0; }
*/
.cbp-l-grid-mosaic-projects .cbp-caption-activeWrap {
  background-color: #59a3b6;
  background-color: rgba(89, 163, 182, 0.97); }

.cbp-l-grid-mosaic .cbp-caption-activeWrap {
  background-color: #FFEA71;
  background-color: rgba(255, 234, 113, 0.95); }

.cbp-l-grid-mosaic .cbp-l-caption-title {
  color: #5A5A5A;
  font: 500 18px/22px "Roboto", sans-serif;
  text-transform: uppercase;
  margin-bottom: 5px; }

.cbp-l-grid-mosaic .cbp-l-caption-desc {
  color: #585858;
  font: 400 13px/20px "Roboto", sans-serif; }

.cbp-l-slider-title-block {
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 22px; }

.cbp-l-slider-title-block div {
  padding: 0 2px 6px 0;
  display: inline-block;
  border-bottom: 1px solid #a9a5a5;
  color: #5e5e5e;
  margin-bottom: -1px;
  font: 15px/21px "Roboto", sans-serif; }

.cbp-l-grid-slider-team-name {
  float: left;
  font: 20px/30px "Roboto", sans-serif;
  color: #494949;
  margin-top: 16px; }

.cbp-l-grid-slider-team-position {
  clear: both;
  font: 14px/21px "Roboto", sans-serif;
  color: #A6A6A6; }

.cbp-l-grid-slider-team-desc {
  font: 13px/20px "Roboto", sans-serif;
  color: #969696;
  margin-top: 15px; }

.cbp-l-grid-slider-team-social {
  float: right;
  margin-top: 22px; }
  .cbp-l-grid-slider-team-social a {
    margin-left: 4px; }
  .cbp-l-grid-slider-team-social a:hover {
    opacity: 0.8; }

.cbp-l-slider-testimonials-wrap {
  background: #f8f9f9;
  padding: 80px 0 110px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #dce1e2; }

.cbp-l-grid-slider-testimonials-body {
  color: #424242;
  max-width: 800px;
  margin: 0 auto;
  font: 20px/32px sans-serif;
  text-align: center;
  padding: 0 20px; }

.cbp-l-grid-slider-testimonials-footer {
  font: 12px/19px "Roboto", sans-serif;
  color: #777;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 30px; }

.cbp-l-grid-tabs {
  height: 100px; }

.cbp-l-grid-tabs .cbp-item {
  font: 14px/24px "Lato", sans-serif;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  right: 0;
  text-align: center;
  color: #5a5a5a; }

.cbp-l-testimonials-title-block {
  position: relative;
  text-align: center;
  font: 26px/36px "Roboto", sans-serif;
  color: #E7E7E7;
  margin-bottom: 60px; }
  .cbp-l-testimonials-title-block:after {
    content: '';
    position: absolute;
    margin: 0 auto;
    width: 23px;
    height: 2px;
    bottom: -6px;
    background-color: #C2C2C2;
    left: 0;
    right: 0; }

.cbp-l-testimonials-wrap {
  background: #2D2D2D;
  padding: 60px 0 110px; }

.cbp-l-grid-testimonials-body {
  color: #e7e7e7;
  max-width: 800px;
  margin: 0 auto;
  font: 20px/32px "Roboto", sans-serif;
  text-align: center;
  padding: 0 20px; }

.cbp-l-grid-testimonials-footer {
  font: 12px/19px "Roboto", sans-serif;
  color: #C2C2C2;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 35px; }

.cbp-search {
  position: relative;
  width: 220px;
  margin-bottom: 40px; }
  .cbp-search .cbp-search-nothing {
    display: none; }

.cbp-search-icon {
  position: absolute;
  width: 32px;
  height: 100%;
  top: 0;
  right: 0;
  text-align: center;
  cursor: pointer;
  pointer-events: none; }

.cbp-search-icon:after {
  content: '';
  display: block;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzczNzM3MyIgZD0iTTEyMTYgODMycTAtMTg1LTEzMS41LTMxNi41VDc2OCAzODQgNDUxLjUgNTE1LjUgMzIwIDgzMnQxMzEuNSAzMTYuNVQ3NjggMTI4MHQzMTYuNS0xMzEuNVQxMjE2IDgzMnptNTEyIDgzMnEwIDUyLTM4IDkwdC05MCAzOHEtNTQgMC05MC0zOGwtMzQzLTM0MnEtMTc5IDEyNC0zOTkgMTI0LTE0MyAwLTI3My41LTU1LjV0LTIyNS0xNTAtMTUwLTIyNVQ2NCA4MzJ0NTUuNS0yNzMuNSAxNTAtMjI1IDIyNS0xNTBUNzY4IDEyOHQyNzMuNSA1NS41IDIyNSAxNTAgMTUwIDIyNVQxNDcyIDgzMnEwIDIyMC0xMjQgMzk5bDM0MyAzNDNxMzcgMzcgMzcgOTB6Ii8+PC9zdmc+") no-repeat scroll center center;
  width: 100%;
  height: 100%;
  pointer-events: none; }

.cbp-search-input {
  height: 36px;
  padding: 0 32px 0 12px;
  margin: 0;
  border-radius: 1px;
  border: 1px solid #c6c3c4;
  font: 400 12px "Open Sans", sans-serif;
  width: 100%; }

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

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

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

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

.cbp-social-fb,
.cbp-social-twitter,
.cbp-social-googleplus,
.cbp-social-pinterest {
  margin-right: 9px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .cbp-social-fb:hover,
  .cbp-social-twitter:hover,
  .cbp-social-googleplus:hover,
  .cbp-social-pinterest:hover {
    opacity: .8; }
  .cbp-social-fb:focus,
  .cbp-social-twitter:focus,
  .cbp-social-googleplus:focus,
  .cbp-social-pinterest:focus {
    outline: none; }

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

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

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

.cbp-social-pinterest path {
  fill: #cb2027; }
/*-----------------------------------------------------------------------------------*/
/*	02. SMARTMENUS
/*-----------------------------------------------------------------------------------*/
.sm{position:relative;z-index:9999;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/*
 You probably do not need to edit this at all.

 Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/
/* sub menus arrows on desktop */
.navbar-nav:not(.sm-collapsible) ul .caret {
	border: 0;
}
.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
	
}
/* make sub menu arrows look like +/- buttons in collapsible mode */
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
	position: absolute;
	right: 0;
	top: 10px;
	margin: 0 15px 0 0;
	padding: 0;
	text-align: center;
	border: 0;
}
.navbar-nav.sm-collapsible .caret:before {
	content: '\f218';
	font-family: "Ionicons";
	font-weight: normal;
	font-size: 13px;
}
.navbar-nav.sm-collapsible .open > a > .caret:before {
	content: '\f209';
}
.navbar-nav.sm-collapsible a.has-submenu {
	padding-right: 0;
	position: relative;
}
/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
	position: static;
	margin: 0 0 0 2px;
	padding: 0;
	width: 0;
	height: 0;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-bottom: 0;
	border-left: 4px solid transparent;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
	content: '' !important;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
	padding-right: 15px;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
	position: absolute;
	display: none;
	visibility: hidden;
	height: 20px;
	overflow: hidden;
	text-align: center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-top: 7px dashed transparent;
	border-right: 7px dashed transparent;
	border-bottom: 7px solid;
	border-left: 7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
	top: 6px;
	border-top: 7px solid;
	border-right: 7px dashed transparent;
	border-bottom: 7px dashed transparent;
	border-left: 7px dashed transparent;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
	padding-left: 35px;
}
.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
	padding-left: 45px;
}
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
	padding-left: 55px;
}
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
	padding-left: 65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
	white-space: normal;
}
.navbar-nav ul.sm-nowrap > li > a {
	white-space: nowrap;
}
.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
	white-space: normal;
}
/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
	left: 0;
	right: auto;
}
/*-----------------------------------------------------------------------------------*/
/*	03. LIGHTGALLERY
/*-----------------------------------------------------------------------------------*/
.lg-actions .lg-next,.lg-actions .lg-prev,.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45);z-index:1080}#lg-counter,.lg-outer .lg-video-cont{vertical-align:middle;display:inline-block}@font-face{font-family:lg;src:url(../type/lg/lg.eot?n1z373);src:url(../type/lg/lg.eot?#iefixn1z373) format("embedded-opentype"),url(../type/lg/lg.woff?n1z373) format("woff"),url(../type/lg/lg.ttf?n1z373) format("truetype"),url(../type/lg/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;font-size:16px;padding-left:20px;padding-top:12px}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms ease 0s,opacity 250ms!important;-moz-transition:-moz-transform 250ms ease 0s,opacity 250ms!important;-o-transition:-o-transform 250ms ease 0s,opacity 250ms!important;transition:transform 250ms ease 0s,opacity 250ms!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-toogle-thumb:hover{color:#FFF}.lg-outer .lg-video-cont{max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-vimeo .lg-video-play{background:url(../img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(../img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(../img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-palying .lg-object,.lg-outer .lg-has-video.lg-video-palying .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-palying .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1080;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s ease 0s;-moz-transition:-moz-transform .3s ease 0s;-o-transition:-o-transform .3s ease 0s;transition:transform .3s ease 0s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s ease 0s,opacity .15s!important;-moz-transition:-moz-transform .3s ease 0s,opacity .15s!important;-o-transition:-o-transform .3s ease 0s,opacity .15s!important;transition:transform .3s ease 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.group:after,.group:before{display:table;content:"";line-height:0}.group:after{clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(../img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:static;padding:0 5px}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}
/*-----------------------------------------------------------------------------------*/
/*	04. COLLAGEPLUS EFFECT
/*-----------------------------------------------------------------------------------*/
.effect-parent {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.effect-1 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -300px;
    -moz-transform-origin: 50% 50% -300px;
    transform-origin: 50% 50% -300px;
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-animation: fly ease-in-out forwards;
    -moz-animation: fly ease-in-out forwards;
    animation: fly ease-in-out forwards;
}
@-webkit-keyframes fly {
    100% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
        -webkit-transform-origin: 50% 50% 0;
    }
}
@-moz-keyframes fly {
    100% {
        -moz-transform: rotateX(0deg);
        opacity: 1;
        -moz-transform-origin: 50% 50% 0;
    }
}
@keyframes fly {
    100% {
        transform: rotateX(0deg);
        opacity: 1;
        transform-origin: 50% 50% 0;
    }
}
.effect-2 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: moveUp ease forwards;
    -moz-animation: moveUp ease forwards;
    animation: moveUp ease forwards;
}
@-webkit-keyframes moveUp {
    to {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@-moz-keyframes moveUp {
    to {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes moveUp {
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
.effect-3 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -moz-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -webkit-animation: fallPerspective ease-in-out forwards;
    -moz-animation: fallPerspective ease-in-out forwards;
    animation: fallPerspective ease-in-out forwards;
}
@-webkit-keyframes fallPerspective {
    100% {
        -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes fallPerspective {
    100% {
        -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes fallPerspective {
    100% {
        transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1;
    }
}
.effect-4 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotateX(-80deg);
    -moz-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    -webkit-animation: flip ease-in-out forwards;
    -moz-animation: flip ease-in-out forwards;
    animation: flip ease-in-out forwards;
}
@-webkit-keyframes flip {
    100% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flip {
    100% {
        -moz-transform: rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flip {
    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}
.effect-5 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: moveUp ease-in-out forwards;
    -moz-animation: moveUp ease-in-out forwards;
    animation: moveUp ease-in-out forwards;
}
.effect-6 {
    -webkit-transform: scale(0.638) translate(-179px);
    -moz-transform: scale(0.638) translate(-179px);
    transform: scale(0.638) translate(-179px);
    -webkit-animation: moveUp ease-in-out forwards;
    -moz-animation: moveUp ease-in-out forwards;
    animation: moveUp ease-in-out forwards;
}
.effect-duration-1 {
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    animation-duration: .4s;
}
.effect-duration-2 {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}
.effect-duration-3 {
    -webkit-animation-duration: .6s;
    -moz-animation-duration: .6s;
    animation-duration: .6s;
}
.effect-duration-4 {
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    animation-duration: .7s;
}
.effect-duration-5 {
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    animation-duration: .8s;
}
.effect-duration-6 {
    -webkit-animation-duration: .9s;
    -moz-animation-duration: .9s;
    animation-duration: .9s;
}
.effect-duration-7 {
    -webkit-animation-duration: .95s;
    -moz-animation-duration: .95s;
    animation-duration: .95s;
}
.effect-duration-8 {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}
.effect-duration-9 {
    -webkit-animation-duration: 1.05s;
    -moz-animation-duration: 1.05s;
    animation-duration: 1.05s;
}
.effect-duration-10 {
    -webkit-animation-duration: 1.1s;
    -moz-animation-duration: 1.1s;
    animation-duration: 1.1s;
}
/*-----------------------------------------------------------------------------------*/
/*	05. 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;
}