/* NAVBAR */

.home-banner.uk-section-default {
    box-shadow: inset 0px 11px 43px -11px #0000001f;
}

.uk-navbar-container {
    box-shadow: 0 0 22px #0000002e;
}

.uk-navbar-nav>li.uk-active>a::before {
    content: url(/images/Rectangle-ico.jpg);
    padding-right: 6px;
}

.uk-navbar-nav>li.uk-active>a {
    font-weight: bold;
}

.uk-navbar-dropdown-nav li.uk-active {
    font-weight: bold;
}

.tm-toolbar {
    padding: 0px;
    height: 0px;
}


.tm-toolbar {
    padding: 0px;
    height: 0px;
}

.tm-toolbar .phone-header {
    position: absolute;
    z-index: 10000;
    color: black !important;
    top: 33px;
    right: 40px;
}

.tm-toolbar .phone-header a {
    color: #595A5C;
    font-size: 20px;
    font-weight: bold;
    transition: 0.5s;
}

.tm-toolbar .phone-header img {
    height: 24PX;
}

.tm-toolbar .phone-header a:hover {
    text-decoration: none;
    transition: 0.8s;
    padding-right: 5px;
}


/* HOME */

.home-banner h1 {
    font-size: 64px;
}

p.banner-text {
    font-size: 22px;
    font-weight: 300;
}

.home-banner.uk-section-default::before {
    content: url(/images/banners/home-vec-left.png);
    position: absolute;
    top: 0;
    z-index: -10;
}

.home-banner .uk-container::after {
    content: url(/images/banners/home-vec-right.png);
    position: absolute;
    right: 0;
    top: 0;
    z-index: -10000;
}

.uk-tile-default {
    box-shadow: 0 0 26px #0000002e;
    padding: 40px;
    min-height: 500px;

}

.recent-projects p {
    font-size: 17px;
}

.recent-projects h3 {
    font-size: 38px;
}

.recent-projects h3 img {
    margin-top: -6px;
}

.projects-row , .brands {
    background: #ffffff;
    padding: 29px 0px;
}

.recent-projects::before {
    content: url(/images/banners/background-lines-1.png);
    position: absolute;
    margin-top: -475px;
    z-index:-5;
}

.projects-row::after {
    content: url(/images/banners/background-lines-1right.png);
    position: absolute;
    right: 0;
    z-index:-15;
}

.projects-row h3.el-title  {
    font-size: 16px;
    color: #000;
    background-color: #fff;
    padding: 10px 20px;
    position: absolute;
    left: 0;
    bottom: 0px;
    min-width: 260px;
    border-radius: 0px 2px 0px 0px;

}

.home-showcase .el-item.uk-panel {
    position: relative;
    transform: skew(11deg) rotate(0deg);
    overflow: hidden;
}

.home-showcase .el-item.uk-panel {
    position: relative;
    transform: skew(11deg) rotate(0deg);
    overflow: hidden;


}

.home-showcase .el-item.uk-panel:hover {
    box-shadow: 0 0 20px #00000042;
    opacity: 0.8;
    transition: 0.4s;
}

.home-showcase .uk-container>.uk-grid {
    background: #fff;
    transform: skew(26deg);
}

.home-showcase .uk-first-column>.uk-margin {
    transform: skew(-25deg) !important;
    margin-left:-40px;
}

.home-showcase .el-item.uk-panel {
    position: relative;
    transform: skew(0deg);
    overflow: hidden;
    border-left: 13px solid #595A5C;
    background: #ffffff;
    box-shadow: 0 0 20px #0000001c;
}

.home-showcase .el-item.uk-panel img {
    transform: skew(-25deg) scale(1.5);
    padding-bottom: 43px;

}

.home-showcase h3.el-title {
    transform: skew(-25deg);
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0.2px;
    margin-top: 13px !important;
    margin-bottom: 13px;
}

/* GENERAL */

.tm-page {
    border: none ;
}

.uk-section-default {
    background: #ffffff00 !important;

}

.portfolio-gallery h4.el-title {
    background-color: white;
    padding: 8px 12px;
    font-size: 14px;
    position: absolute;
    min-width: 240px;
    left: -40px;
    bottom: -150px;
}

.about-team img.el-image {
    border-radius: 50%;
    box-shadow: 0 0 10px #00000024;
}

.about-team .el-meta {
    color: #2babe2;
    letter-spacing: 0.6px;
}

.services-row {
    background-color: #efefef29;
    padding: 60px 50px 60px 0px;
    margin-top: -60px;

}

.portfolio-row h3.el-title {
    font-size: 16px;
    padding: 7px;
    background: #ffff;
}

.uk-offcanvas-bar .uk-nav-default>li a, .uk-offcanvas-bar .uk-nav-header {
    font-size: 14px;
    letter-spacing: 0.4px;
    color: black;
    text-transform: none;
}

.uk-offcanvas-bar .uk-nav-default>li>a:before {
    content: url(/images/Rectangle-ico.jpg);
    padding-right: 8px;
}

.uk-offcanvas-bar li.uk-active>a {
    font-weight: bold;
}

.uk-navbar-toggle-icon.uk-icon {
    color: #595a5c;
}

/* FOOTER */

.footer {
    box-shadow: 0 0 44px #00000038;
    padding-top: 40px;
}



/* Smartphones */
@media (max-width: 480px) { 

    .home-banner h1 {
        font-size: 42px;
    }

    .home-banner .uk-container {
        background-color: #ffffff82;
    }

}
/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) { 

    .home-banner .uk-container {
        background-color: #ffffff82;
    }

}
/* Tablets */
@media (min-width: 768px) and (max-width: 959px) { 

}
/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) { 

}
/* Large Display */
@media (min-width: 1200px) { 

}