@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.eot');
    src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/Roboto-Thin.woff') format('woff'),
        url('../fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

body {
	font-family: 'Roboto', sans-serif !important;
}

.font_serif_2,
.font-serif-2 {
	font-family: 'Roboto', sans-serif !important;
}

/* HEADER & MOBILE MENU */

.header.original .logo {
    height: 60px !important;
    width: 265px !important;
    overflow: hidden;
}
.logo a {
    background-image: url('../img/logo.png') !important;
    background-size: 140px auto !important;
    padding-left: 150px;
    padding-top: 1px;
    line-height: 60px;
}
.header.cloned .logo a {
    line-height: 55.5px;
}
.header .mainmenu ul li a::before {
    content: "";
    width: 1px;
    background: #696969 !important;
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    height: 20px;
    position: absolute;
    left: -23px !important;
}
.header.cloned .mainmenu ul li a::before {
        top: 17px;
}
.header.cloned .mainmenu ul li a.first::before {
    content: "";
    width: 0px !important;
    height: 0px !important;
    background-color: transparent !important;
    display: none !important;
}

.header.cloned .mod_navigation .instagram a {
    background-position: left 15px !important;
}

.header.cloned .smartmenu .smartmenu-trigger {
    height: 55px;
}

@media only screen and (max-width: 767px) {
    .stickyheader .header.cloned {
        display: none !important;
    }
    #nav-open-btn {
        display: none !important;
    }
    .header.original {
        visibility: visible !important;
    }
    #top_link {
        display: block !important;
    }
    .smartmenu {
        display: block !important;
        margin-left: 0px !important;
    }
    .smartmenu .smartmenu-trigger {
        height: 60px !important;
    }
    .header .inside {
        height: 60px !important;
    }
    .header.original .logo {
        height: 60px !important;
        width: 265px !important;
    }
    .smartmenu-content .smartmenu-close {
        right: 20px !important;
    }
}

@media only screen and (max-width: 500px) {
    .logo a {
        background-size: 121px auto !important;
        padding-left: 131px !important;
    }
}

@media only screen and (max-width: 340px) {
    .header.original .logo {
        width: 130px !important;
    }
}


/* MENU */
.mainmenu ul li {
    margin-left: 20px !important;
    margin-right: 20px !important;
}
.mainmenu ul li.first {
    margin-left: 0 !important;
}
.mainmenu ul li a {
    color: #aaa !important;
    transition: color 0.3s ease, opacity 0.3s ease;
    -webkit-transition: color 0.3s ease, opacity 0.3s ease;
}

.mainmenu ul li a.active {
    color: #000 !important;
}

.mainmenu ul li a {
    transition: color 0.3s ease !important;
    -webkit-transition: color 0.3s ease !important;
}
.mainmenu ul li a:hover {
    color: #232323 !important;
    transition: color 0.3s ease !important;
    -webkit-transition: color 0.3s ease !important;
}

.mod_navigation .instagram a {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg fill='%23AAAAAA' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px'%3E%3Cpath d='M 8 3 C 5.243 3 3 5.243 3 8 L 3 16 C 3 18.757 5.243 21 8 21 L 16 21 C 18.757 21 21 18.757 21 16 L 21 8 C 21 5.243 18.757 3 16 3 L 8 3 z M 8 5 L 16 5 C 17.654 5 19 6.346 19 8 L 19 16 C 19 17.654 17.654 19 16 19 L 8 19 C 6.346 19 5 17.654 5 16 L 5 8 C 5 6.346 6.346 5 8 5 z M 17 6 A 1 1 0 0 0 16 7 A 1 1 0 0 0 17 8 A 1 1 0 0 0 18 7 A 1 1 0 0 0 17 6 z M 12 7 C 9.243 7 7 9.243 7 12 C 7 14.757 9.243 17 12 17 C 14.757 17 17 14.757 17 12 C 17 9.243 14.757 7 12 7 z M 12 9 C 13.654 9 15 10.346 15 12 C 15 13.654 13.654 15 12 15 C 10.346 15 9 13.654 9 12 C 9 10.346 10.346 9 12 9 z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: left 17px;
    width: 25px;
    transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
}
.mod_navigation .instagram a:hover {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px'%3E%3Cpath d='M 8 3 C 5.243 3 3 5.243 3 8 L 3 16 C 3 18.757 5.243 21 8 21 L 16 21 C 18.757 21 21 18.757 21 16 L 21 8 C 21 5.243 18.757 3 16 3 L 8 3 z M 8 5 L 16 5 C 17.654 5 19 6.346 19 8 L 19 16 C 19 17.654 17.654 19 16 19 L 8 19 C 6.346 19 5 17.654 5 16 L 5 8 C 5 6.346 6.346 5 8 5 z M 17 6 A 1 1 0 0 0 16 7 A 1 1 0 0 0 17 8 A 1 1 0 0 0 18 7 A 1 1 0 0 0 17 6 z M 12 7 C 9.243 7 7 9.243 7 12 C 7 14.757 9.243 17 12 17 C 14.757 17 17 14.757 17 12 C 17 9.243 14.757 7 12 7 z M 12 9 C 13.654 9 15 10.346 15 12 C 15 13.654 13.654 15 12 15 C 10.346 15 9 13.654 9 12 C 9 10.346 10.346 9 12 9 z'/%3E%3C/svg%3E");
    transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
}
.mod_navigation .instagram a span {
    text-indent: -9999px;
    display: inline-block;
    width: 20px;
}

.smartmenu-content .mod_navigation a:hover {
    color: #aaa !important;
}

.smartmenu-content .mod_navigation .instagram a {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px'%3E%3Cpath d='M 8 3 C 5.243 3 3 5.243 3 8 L 3 16 C 3 18.757 5.243 21 8 21 L 16 21 C 18.757 21 21 18.757 21 16 L 21 8 C 21 5.243 18.757 3 16 3 L 8 3 z M 8 5 L 16 5 C 17.654 5 19 6.346 19 8 L 19 16 C 19 17.654 17.654 19 16 19 L 8 19 C 6.346 19 5 17.654 5 16 L 5 8 C 5 6.346 6.346 5 8 5 z M 17 6 A 1 1 0 0 0 16 7 A 1 1 0 0 0 17 8 A 1 1 0 0 0 18 7 A 1 1 0 0 0 17 6 z M 12 7 C 9.243 7 7 9.243 7 12 C 7 14.757 9.243 17 12 17 C 14.757 17 17 14.757 17 12 C 17 9.243 14.757 7 12 7 z M 12 9 C 13.654 9 15 10.346 15 12 C 15 13.654 13.654 15 12 15 C 10.346 15 9 13.654 9 12 C 9 10.346 10.346 9 12 9 z'/%3E%3C/svg%3E");
    background-size: 35px;
    background-position: center top;
    text-indent: -9999px;
    display: inline-block !important;
}
.smartmenu-content  .mod_navigation .instagram a:hover {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg fill='%23AAAAAA' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px'%3E%3Cpath d='M 8 3 C 5.243 3 3 5.243 3 8 L 3 16 C 3 18.757 5.243 21 8 21 L 16 21 C 18.757 21 21 18.757 21 16 L 21 8 C 21 5.243 18.757 3 16 3 L 8 3 z M 8 5 L 16 5 C 17.654 5 19 6.346 19 8 L 19 16 C 19 17.654 17.654 19 16 19 L 8 19 C 6.346 19 5 17.654 5 16 L 5 8 C 5 6.346 6.346 5 8 5 z M 17 6 A 1 1 0 0 0 16 7 A 1 1 0 0 0 17 8 A 1 1 0 0 0 18 7 A 1 1 0 0 0 17 6 z M 12 7 C 9.243 7 7 9.243 7 12 C 7 14.757 9.243 17 12 17 C 14.757 17 17 14.757 17 12 C 17 9.243 14.757 7 12 7 z M 12 9 C 13.654 9 15 10.346 15 12 C 15 13.654 13.654 15 12 15 C 10.346 15 9 13.654 9 12 C 9 10.346 10.346 9 12 9 z'/%3E%3C/svg%3E");
}


.smartmenu-content .smartmenu-close {
    top: 10px !important;
}


/* SLIDER */

.ce_revolutionslider_image {
	top: 0px !important;
	height: 100% !important;
    width: 100% !important;
}

.ce_revolutionslider_image img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
}


/* PORTFOLIO */

.home .ce_divider_extended.version5 {
    display: none;
}

.mod_portfoliolist_v4 .item figure:hover img {
    opacity: 0.66 !important;
}
.mod_portfoliolist_v4.portfolio-col3 .item {
    transform: rotate(0.000123435deg);
}
.mod_portfoliolist_v4 .item a {
    border-radius: 0% !important;
    background: transparent !important;
    width: 100% !important;
    height: 100% !important;
    top: 0% !important;
    margin-top: 0px !important;
    left: 0% !important;
    margin-left: 0px !important;
}

.mod_portfoliolist_v4 .item a i {
    display: none !important;
}
.mod_portfoliolist_v4 .item .info .title {
    text-transform: uppercase;
}

.mod_portfoliolist_v4.portfolio-col3 .item {
    width: 33.3333333% !important;
}

/*
@media only screen and (max-width: 767px) {
    .mod_portfoliolist_v4.portfolio-col3 .item, 
    .mod_portfoliolist_v4.portfolio-col4 .item {
        width: 50% !important;
    }
}
*/


#cboxTitle {
    position: absolute;
    top: unset !important;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding: 0px;
    margin: 0px;
/*
    color: #ccc;
    background: rgba(0, 0, 0, 0.5);
*/
    
    color: #000;
    background: rgba(255, 255, 255, 0.75);
}
#cboxTitle p {
    margin: 0;
    padding: 0px 10px;
    font-size: 12px;
}


/* PORTFOLIO FILTER */
.ce_portfoliofilter {
    margin-top: 0px !important;
    margin-right: 35px !important;
}
body.home .ce_portfoliofilter {
    margin-top: 0px !important;
    margin-right: 0px !important;
}
@media only screen and (max-width: 970px) {
    .ce_portfoliofilter {
        margin-right: 0px !important;
    }
}

.ce_portfoliofilter.default a.selected {
    background: #000 !important;
    color: #fff !important; 
    border: 1px solid #000 !important;
}

.ce_portfoliofilter.default a {
    color: #aaa !important;
    border: 1px solid #aaa !important;
}

.ce_portfoliofilter.default a:hover {
    background: #aaa !important;
    color: #fff !important;
}

.ce_portfoliofilter.default a.selected:hover {
    background: #000 !important;
    color: #fff !important; 
    border: 1px solid #000 !important;
    cursor: default;
}

@media only screen and (max-width: 767px) {
    
    .ce_portfoliofilter {
        margin-right: 0px !important;
    }
    .ce_portfoliofilter .mobile-filter-trigger {
        display: none !important;
    }
    .ce_portfoliofilter_content {
        text-align: left !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-height: inherit !important;
    }
    #wrapper .ce_portfoliofilter .ce_portfoliofilter_content a {
        display: inline-block !important;
        margin: 0 0 15px 0 !important;
    }
    
    #wrapper .fullwidth .ce_portfoliofilter {
        padding: 0px !important;
    }
    .ce_portfoliofilter .mobile-filter-trigger::before {
        font-family: "FontAwesome";
        background: #fff !important;
        color: #aaa !important;
        border: 1px solid #aaa !important;
        border-radius: 0px !important;
    }
    .ce_portfoliofilter .mobile-filter-trigger::after {
        content: 'Filter' !important;
        color: #aaa;
        font-family: 'Roboto', sans-serif;
        padding-left: 10px;
        text-transform: uppercase;
    }

}


/* POPUP */

.ce_popup_start .ce_bgimage {
    min-height: 55vh;
}

.ce_popup_start .ce_bgimage .ce_bgimage-inside {
    transform: translateY(-30%) !important;
    -webkit-transform: translateY(-30%) !important;
    position: relative;
    top: 0% !important;
}
.ce_popup_start h3 {
    text-shadow: 1px 1px 5px black !important;
}


/* ABOUT */

body.about .ce_bgimage {
    min-height: calc(100vh - 127px);
    height: auto;
}

@media only screen and (max-width: 767px) {
    body.about .ce_bgimage.fullscreen-image .ce_bgimage-inside {
        position: relative;
        top: 0% !important;
        -webkit-transform: translateY(0%) !important;
        -ms-transform: translateY(0%) !important;
        transform: translateY(0%) !important;
    }
}