/*
Theme Name: OnEnergy
Description: 
Author: balico
Template: flatsome
Version: 3.0
*/
@font-face {
    font-family: 'UTMAvo';
    src: url(./fonts/UTMAvo.eot);
    src: url(./fonts/UTMAvo.eot?#iefix) format('embedded-opentype'),
        url(./fonts/UTMAvo.otf) format('otf'),
        url(./fonts/UTMAvo.ttf) format('truetype'),
        url(./fonts/UTMAvo.woff) format('woff'),
        url(./fonts/UTMAvo.woff2) format('woff2'),
        url(./fonts/UTMAvo.svg#UTM%20Avo) format('svg');
}

@font-face {
    font-family: 'UTMAvoBold';
    src: url(./fonts/UTMAvoBold.eot);
    src: url(./fonts/UTMAvoBold.eot?#iefix) format('embedded-opentype'),
        url(./fonts/UTMAvoBold.otf) format('otf'),
        url(./fonts/UTMAvoBold.svg#UTM%20AvoBold) format('svg'),
        url(./fonts/UTMAvoBold.ttf) format('truetype'),
        url(./fonts/UTMAvoBold.woff) format('woff'),
        url(./fonts/UTMAvoBold.woff2) format('woff2');
}


body {
    font-family: "UTMAvo";
    color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}

@-moz-keyframes call-circle-anim {
    0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.5}
    100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@-webkit-keyframes call-circle-anim {
    0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.5}
    100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@-o-keyframes call-circle-anim {
    0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.5}
    100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@keyframes call-circle-anim {
    0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.5}
    100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
/* 
@-moz-keyframes call-circle-anim {
    0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
    30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
    100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@-webkit-keyframes call-circle-anim {
    0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
    30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
    100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@-o-keyframes call-circle-anim {
    0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
    30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
    100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@keyframes call-circle-anim {
    0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
    30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
    100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
} */


.font-bold {
    font-family: "UTMAvoBold";
}

.page-block-title {
    font-size: 22px;
    font-family: "UTMAvoBold";
    margin-bottom: 20px;
}

.page-block-title.page-block-title-center {
    text-align: center;
}

.page-block-title.page-block-title-under span {
    border-bottom: 2px solid #879F2A;
    padding-bottom: 5px;
}

.is-divider {
    display: none !important;
}

.section-title {
    font-size: 2em;
}

.section-title b {
    display: none;
}

.section-title .section-title-main {
    font-family: "UTMAvoBold";
    color: #b1d238;
}

.section-title.section-title-center {
    justify-content: center;
}

.section-title.section-title-normal {
    justify-content: flex-start;
    border: none;
}

.section-title-normal span {
    border-bottom: none;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 0;
}

.banner {
    background-color: transparent !important;
}


header#header .header-wrapper.stuck .header-main .nav>li>a{
    color: #FFF;
    
}

.ux-image-box-center {
    margin-right: 20px !important;
}

.ux-image-box-center-item {
    min-height: 350px;
    position: relative;
    background-size: cover;
    border-radius: 10px;
    transition: all 500ms ease;
    overflow: hidden;
}
.ux-image-box-center-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    transition: all 500ms ease;
    background: rgb(177,201,32);
    background: -moz-linear-gradient(0deg, rgba(177,201,32,1) 0%, rgba(177,201,32,0.406687675070028) 50%, rgba(177,201,32,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(177,201,32,1) 0%, rgba(177,201,32,0.406687675070028) 50%, rgba(177,201,32,0) 100%);
    background: linear-gradient(0deg, rgba(177,201,32,1) 0%, rgba(177,201,32,0.406687675070028) 50%, rgba(177,201,32,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b1c920",endColorstr="#b1c920",GradientType=1);
}

.ux-image-box-center-item:hover::before{
   opacity: 1;
  
}

.ux-image-box-center-item:hover .ux-image-box-center-inner img
/* ,.ux-image-box-center-item:hover .ux-image-box-center-inner span */
{
    opacity: 0;
}

.ux-image-box-center-inner {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 2;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0.9108893557422969) 0%, rgba(0,212,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9108893557422969) 0%, rgba(0,212,255,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0.9108893557422969) 0%, rgba(0,212,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#00d4ff",GradientType=1);
}

.ux-image-box-center-inner h3 {
    font-weight: bold;
    font-size: 18px;
    color: #FFF;
    margin-top: 20px;
}

.ux-image-box-center-inner .btn-white {
    background-color: #FFF;
    border-radius: 10px;
    text-align: center;
    font-size: 16px;
    display: block;
    padding: 10px 20px;

}

.balico-ux-carousel-project {
    display: flex;
}

.balico-ux-carousel-project .flickity-prev-next-button{
    border-radius: 3px;
    opacity: 1;
    background-color: #ffffff91;
}

.balico-ux-carousel-project .flickity-page-dots{
    bottom: -5px;
}

.balico-ux-carousel-project .balico-ux-carousel-project-item,
.balico-ux-carousel-project .flickity-slider .balico-ux-carousel-project-item {
    width: 90% !important;
}

.balico-ux-carousel-project .flickity-slider .balico-ux-carousel-project-item.is-selected{
}

.balico-ux-carousel-project .flickity-slider .balico-ux-carousel-project-item.is-selected .balico-ux-carousel-project-item-content{
    display: block;
}
.balico-ux-carousel-project-item-inner .balico-ux-carousel-project-item-content{
    display: none;
}
.balico-ux-carousel-project-item-inner {
   
    box-shadow: 1px 1px 8px #999;
    min-height: 500px;
    overflow: hidden;
    position: relative;
    -webkit-transform: scaleY(0.7);
    transform: scaleY(0.7);
    transition: all 500ms ease;
    border-radius: 20px;
    overflow: hidden;
    border: 3px solid #f1f1f1;
}



.balico-ux-carousel-project .balico-ux-carousel-project-item:hover{

}
.balico-ux-carousel-project-item:hover .balico-ux-carousel-project-item-inner{
    -webkit-transform: scaleY(0.95);
    transform: scaleY(0.95);
    box-shadow: 0px 3px 20px -4px #b1c920;
    border: 3px solid #b1c920;
}


.balico-ux-carousel-project .flickity-slider .balico-ux-carousel-project-item.is-selected .balico-ux-carousel-project-item-inner {
  
    -webkit-transform: scaleY(0.95);
    transform: scaleY(0.95);
    box-shadow: 0px 1px 8px #b1c920;
    border: 3px solid #b1c920;
}

.balico-ux-carousel-project-item-img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 500ms ease;
    background-position: center;
    background-size: cover;
}

.balico-ux-carousel-project-item:hover .balico-ux-carousel-project-item-img{
    transform: scale(1.3);
}

/* .balico-ux-carousel-project-item:hover .balico-ux-carousel-project-item-inner .balico-ux-carousel-project-item-content{ 
    background: rgb(177,201,32);
    background: -moz-linear-gradient(0deg, rgba(177,201,32,1) 0%, rgba(177,201,32,0.406687675070028) 50%, rgba(177,201,32,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(177,201,32,1) 0%, rgba(177,201,32,0.406687675070028) 50%, rgba(177,201,32,0) 100%);
    background: linear-gradient(0deg, rgba(177,201,32,1) 0%, rgba(177,201,32,0.406687675070028) 50%, rgba(177,201,32,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b1c920",endColorstr="#b1c920",GradientType=1);
}
.balico-ux-carousel-project .flickity-slider .balico-ux-carousel-project-item.is-selected .balico-ux-carousel-project-item-inner .balico-ux-carousel-project-item-content{
    background: rgb(177,201,32);
    background: -moz-linear-gradient(0deg, rgba(177,201,32,1) 0%, rgba(177,201,32,0.406687675070028) 50%, rgba(177,201,32,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(177,201,32,1) 0%, rgba(177,201,32,0.406687675070028) 50%, rgba(177,201,32,0) 100%);
    background: linear-gradient(0deg, rgba(177,201,32,1) 0%, rgba(177,201,32,0.406687675070028) 50%, rgba(177,201,32,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b1c920",endColorstr="#b1c920",GradientType=1);
} */

.balico-ux-carousel-project-item-content {
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #FFF;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8575805322128851) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8575805322128851) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8575805322128851) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1);
}
.balico-ux-carousel-project-item-content a{
    color: #FFF;
}

.balico-ux-carousel-project-item.is-selected .balico-ux-carousel-project-item-inner {
    /* border-radius: 20px; */
}


.balico-ux-carousel-project-item-content h3 {
    text-transform: uppercase;
    color: #FFF;
}

.balico-ux-carousel-project-item-inner .project-meta {
    display: flex;
}

.carousel-project-item-subtitle {
    text-transform: uppercase;
    margin-bottom: 0;
}

.project-meta .project-meta-item {
    padding-left: 25px;
    width: 33.33%;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;

}

.project-meta-item.project-year {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="basic" id="Layer_1" x="0px" y="0px" viewBox="0 0 550 550" xml:space="preserve" style="&%2310; fill: %23b1c920;&%2310;"><g><path d="M25.218,133.666c2.645-8.448,4.19-17.451,8.132-25.243c13.897-27.471,36.701-42.136,67.515-43.822 c8.709-0.476,17.465-0.073,26.717-0.073c0-6.279-0.038-12.077,0.008-17.875c0.098-12.393,8.107-21.095,19.407-21.144 c11.315-0.049,19.456,8.652,19.57,20.98c0.054,5.812,0.009,11.626,0.009,17.701c29.263,0,58.119,0,87.775,0 c0-6.471-0.21-13.06,0.044-19.63c0.52-13.426,13.165-22.185,25.699-17.99c7.688,2.573,12.908,9.59,13.155,18.116 c0.183,6.325,0.036,12.66,0.036,19.383c29.486,0,58.783,0,88.784,0c0-6.472-0.242-13.075,0.049-19.654 c0.675-15.246,16.998-23.917,29.751-15.875c5.937,3.743,8.929,9.328,9.101,16.292c0.155,6.313,0.033,12.634,0.033,19.63 c5.723,0,11.181,0.106,16.634-0.022c12.257-0.286,24.293,0.641,35.947,4.951c29.093,10.758,50.082,38.9,50.556,69.975 c0.58,38.003,0.271,76.021,0.153,114.031c-0.035,11.237-8.642,19.607-19.413,19.615c-10.95,0.009-19.432-8.499-19.467-20.073 c-0.11-36.062-0.023-72.125-0.056-108.187c-0.015-16.7-6.86-29.581-22.049-37.109c-4.389-2.175-9.534-3.515-14.425-3.841 c-9.034-0.602-18.136-0.172-27.86-0.172c0,5.881,0.032,11.665-0.006,17.447c-0.085,12.667-8.23,21.458-19.716,21.325 c-11.292-0.131-19.179-8.826-19.266-21.287c-0.039-5.665-0.007-11.331-0.007-17.33c-29.575,0-58.871,0-88.716,0 c0,5.36,0.006,10.668-0.001,15.977c-0.02,13.697-7.617,22.57-19.38,22.641c-11.792,0.071-19.585-8.827-19.613-22.407 c-0.011-5.328-0.002-10.657-0.002-16.262c-29.237,0-58.094,0-87.773,0c0,6.429,0.206,13.015-0.043,19.583 c-0.51,13.434-13.125,22.207-25.668,18.033c-7.859-2.615-13.015-9.737-13.21-18.578c-0.139-6.287-0.027-12.579-0.027-19.833 c-11.499,0.564-22.692-0.105-33.377,1.914c-17.434,3.294-28.956,18.468-29.945,36.743c-0.07,1.296-0.059,2.598-0.059,3.897 c-0.002,99.415,0.007,198.83-0.011,298.245c-0.003,16.886,6.573,30.205,22.108,37.5c5.938,2.788,13.107,4.066,19.728,4.113 c47.928,0.336,95.859,0.213,143.789,0.141c6.293-0.01,11.937,1.356,16.441,5.935c9.37,9.526,6.498,25.374-5.604,31.156 c-1.445,0.69-2.931,1.294-4.398,1.937c-53.944,0-107.888,0-161.833,0c-0.721-0.299-1.418-0.753-2.168-0.874 c-27.415-4.417-47.411-19.117-59.369-44.045c-3.636-7.579-5.179-16.162-7.681-24.285C25.218,348.1,25.218,240.883,25.218,133.666z"/><path d="M396.654,524.521c-11.132-2.759-22.627-4.526-33.335-8.444c-50.61-18.519-82.689-74.567-73.242-127.606 c8.329-46.761,35.082-79.075,80.046-93.662c46.245-15.002,88.04-4.086,121.679,31.066c30.967,32.36,40.321,71.81,27.239,114.505 c-13.958,45.553-45.871,72.971-92.886,82.289c-3.326,0.659-6.668,1.237-10.003,1.852 C409.652,524.521,403.153,524.521,396.654,524.521z M485.354,406.496c-0.058-43.457-35.725-78.985-79.159-78.85 c-43.291,0.135-78.64,35.501-78.743,78.778c-0.103,43.433,35.453,79.069,78.916,79.093 C449.82,485.542,485.411,449.935,485.354,406.496z"/><path d="M166.543,230.212c-0.029,10.72-8.916,19.504-19.635,19.409c-10.717-0.095-19.452-9.039-19.291-19.753 c0.158-10.523,8.862-19.125,19.391-19.165C157.728,210.662,166.572,219.494,166.543,230.212z"/><path d="M232.028,249.62c-10.718,0.073-19.589-8.732-19.595-19.449c-0.006-10.716,8.857-19.531,19.575-19.469 c10.528,0.061,19.214,8.682,19.351,19.206C251.498,240.621,242.744,249.547,232.028,249.62z"/><path d="M336.175,230.259c-0.055,10.716-8.967,19.483-19.682,19.361c-10.716-0.121-19.431-9.088-19.243-19.8 c0.184-10.522,8.91-19.104,19.439-19.118C327.406,210.688,336.23,219.543,336.175,230.259z"/><path d="M401.552,249.62c-10.718,0.014-19.542-8.841-19.487-19.557c0.055-10.716,8.967-19.483,19.682-19.361 c10.527,0.119,19.164,8.787,19.243,19.313C421.072,240.732,412.272,249.606,401.552,249.62z"/><path d="M146.887,295.501c10.719-0.107,19.616,8.668,19.657,19.387c0.041,10.716-8.794,19.559-19.513,19.531 c-10.53-0.028-19.243-8.62-19.413-19.144C127.444,304.566,136.173,295.609,146.887,295.501z"/><path d="M232.009,334.419c-10.717,0.063-19.581-8.752-19.576-19.468c0.005-10.717,8.876-19.523,19.594-19.45 c10.528,0.071,19.205,8.7,19.332,19.224C251.488,325.439,242.727,334.356,232.009,334.419z"/><path d="M166.543,400.173c-0.228,10.71-9.288,19.336-19.998,19.04c-10.715-0.297-19.279-9.402-18.916-20.109 c0.358-10.522,9.217-18.959,19.742-18.802C158.086,380.46,166.771,389.462,166.543,400.173z"/><path d="M231.92,419.218c-10.718,0.014-19.542-8.841-19.487-19.557c0.055-10.716,8.967-19.483,19.682-19.361 c10.527,0.119,19.164,8.787,19.243,19.313C251.44,410.33,242.64,419.204,231.92,419.218z"/><path d="M425.843,387.16c3.854,0,6.937-0.177,9.994,0.032c10.514,0.718,18.452,9.324,18.3,19.676 c-0.149,10.155-8.045,18.68-18.387,19.059c-10.205,0.373-20.448,0.387-30.65-0.024c-9.948-0.4-17.79-8.307-18.043-18.293 c-0.354-13.939-0.351-27.899-0.013-41.839c0.256-10.575,8.97-18.595,19.331-18.611c10.349-0.016,18.936,8,19.411,18.554 C426.096,372.641,425.843,379.594,425.843,387.16z"/></g></svg>');

}

.project-meta-item.project-wattage{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="basic" id="Layer_1" x="0px" y="0px" viewBox="0 0 550 550" xml:space="preserve" style="&%2310; fill: %23b1c920;&%2310;"><g><path d="M430.033,380.013c9.198-13.237,16.025-27.005,21.344-41.536c39.86-108.906-30.028-228.888-144.516-248.205 c-36.224-6.112-71.248-2.047-105.143,12.04c-8.36,3.474-10.888,2.512-15.001-5.697c-3.787-7.558-7.605-15.101-11.333-22.688 c-3.346-6.811-1.992-10.339,5.025-13.493c84.212-37.851,186.461-20.676,253.904,42.784c42.687,40.166,67.735,89.441,73.752,147.729 c5.923,57.375-8.081,110.023-40.721,157.644c-0.92,1.342-1.866,2.665-2.768,4.018c-0.167,0.251-0.183,0.603-0.456,1.576 c7.577,7.537,15.396,15.313,23.212,23.091c1.269,1.263,2.552,2.513,3.789,3.806c2.455,2.566,3.448,5.492,1.947,8.911 c-1.477,3.365-4.16,4.797-7.77,4.789c-11.555-0.023-23.11-0.006-34.665-0.006c-16.112,0.001-32.224,0.015-48.336-0.007 c-7.386-0.01-10.113-2.644-10.12-9.88c-0.027-27.346,0.017-54.692-0.04-82.037c-0.009-4.087,0.99-7.456,5.067-9.102 c3.916-1.581,6.882,0.212,9.574,2.928C414.336,364.302,421.932,371.889,430.033,380.013z"/><path d="M85.724,135.77c-8.375-8.33-17.037-16.879-25.598-25.527c-1.453-1.467-2.95-3.198-3.602-5.091 c-1.79-5.197,2.361-9.83,8.703-9.851c16.763-0.055,33.526-0.02,50.289-0.02c10.904,0,21.808-0.034,32.712,0.013 c6.719,0.029,9.501,2.779,9.509,9.488c0.034,27.509-0.016,55.018,0.048,82.526c0.01,4.122-1.073,7.411-5.166,9.017 c-3.953,1.551-6.864-0.312-9.54-3.03c-7.532-7.65-15.11-15.255-23.145-23.357c-1.237,1.767-2.259,3.127-3.178,4.554 c-63.262,98.229-19.979,232.125,88.924,274.718c47.308,18.503,94.597,17.881,141.649-1.203c9.393-3.81,11.655-3.034,16.128,5.896 c3.713,7.412,7.459,14.807,11.113,22.247c3.237,6.593,1.959,10.378-4.675,13.28c-35.671,15.602-72.913,22.311-111.787,19.353 c-56.87-4.328-105.958-26.393-146.73-66.116c-39.094-38.087-62.326-84.529-68.909-138.812 c-7.304-60.23,6.985-115.21,41.801-164.872c0.373-0.532,0.752-1.065,1.07-1.631C85.488,137.088,85.496,136.743,85.724,135.77z"/><path d="M291.23,243.768c5.745,0,10.912,0,16.079,0c14.649,0,29.298,0.046,43.946-0.032c3.678-0.02,7.421,0.599,8.437,4.288 c0.754,2.739,0.489,6.637-0.979,8.981c-30.469,48.663-61.181,97.174-91.823,145.73c-2.394,3.793-5.364,6.243-10.083,4.575 c-4.665-1.649-5.55-5.399-5.194-9.86c2.173-27.251,4.297-54.506,6.416-81.762c0.226-2.905,0.313-5.821,0.5-9.399 c-1.994,0-3.723,0-5.453,0c-17.904,0-35.808-0.04-53.712,0.032c-3.775,0.015-7.166-0.445-9.257-4.062 c-2.126-3.679-0.638-6.788,1.376-9.974c30.416-48.121,60.801-96.26,91.151-144.423c2.227-3.534,4.77-6.294,9.368-5.538 c4.248,0.699,6.685,4.241,6.292,9.553c-1.366,18.5-2.878,36.989-4.311,55.484C293.058,219.316,292.173,231.273,291.23,243.768z"/></g></svg>');

}

.project-meta-item.project-productivity {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="basic" id="Layer_1" x="0px" y="0px" viewBox="0 0 550 550" xml:space="preserve" style="&%2310; fill: %23b1c920;&%2310;"><g><path d="M524.495,266.226c-3.094,13.043-10.704,23.398-19.783,32.798c-5.541,5.737-12.38,7.697-20.046,5.158 c-7.819-2.59-12.805-8.284-13.115-16.411c-0.172-4.518,1.755-9.416,3.799-13.627c1.723-3.55,5.3-6.155,7.439-9.566 c1.307-2.083,2.702-5.612,1.796-7.202c-1.121-1.966-4.527-3.462-7.051-3.637c-6.951-0.481-13.956-0.168-20.94-0.168 c-14.13,0-28.264-0.185-42.39,0.067c-8.858,0.158-16.579-1.733-21.262-9.916c-4.797-8.383-2.167-16.042,2.485-23.732 c24.107-39.844,48.028-79.8,72.005-119.722c0.882-1.469,1.675-2.992,2.81-5.029c-2.097-0.111-3.496-0.249-4.895-0.25 c-20.14-0.014-40.28,0.084-60.419-0.099c-3.441-0.031-5.19,1.212-6.837,4.047c-34.557,59.484-69.065,118.998-103.948,178.291 c-6.67,11.337-2.986,24.815,8.263,29.431c2.896,1.188,6.302,1.53,9.481,1.566c14.291,0.161,28.585-0.013,42.877,0.1 c11.557,0.091,19.843,6.522,20.93,16.923c0.418,3.996-0.595,8.414-1.964,12.283c-12.762,36.068-25.743,72.059-38.66,108.072 c-0.482,1.344-0.957,2.691-0.846,4.416c0.948-1.138,1.936-2.245,2.839-3.418c24.458-31.783,48.893-63.582,73.367-95.353 c6.248-8.111,14.174-10.932,22.557-8.208c11.888,3.862,17.2,17.259,10.816,27.999c-2.557,4.302-5.832,8.188-8.896,12.175 c-32.348,42.1-64.715,84.186-97.088,126.267c-10.661,13.858-29.332,18.33-45.023,10.824c-11.742-5.617-18.274-19.37-14.014-31.931 c8.901-26.249,18.393-52.297,27.705-78.406c6.862-19.24,13.827-38.442,20.731-57.667c0.534-1.488,0.944-3.021,1.593-5.118 c-6.819,0-13.108,0.121-19.391-0.02c-33.829-0.761-59.242-27.858-57.71-61.6c0.442-9.745,3.604-18.72,8.502-27.125 c36.922-63.364,73.872-126.712,110.689-190.137c4.798-8.266,11.501-12.28,21.022-12.259c36.706,0.083,73.413,0.103,110.119-0.008 c11.593-0.035,18.969,5.288,22.451,16.234c0,2.274,0,4.548,0,6.823c-2.807,5.252-5.401,10.633-8.455,15.737 c-22.894,38.258-45.88,76.461-68.827,114.687c-0.886,1.476-1.672,3.011-2.838,5.124c11.644,0,22.625-0.098,33.603,0.023 c16.114,0.177,29.631,6.091,38.511,19.818c3.687,5.7,5.398,12.678,8.008,19.075C524.495,257.779,524.495,262.003,524.495,266.226z"/><path d="M122.279,275.194c0.485-70.536,49.79-132.702,118.031-148.061c5.532-1.245,11.16-2.122,16.781-2.898 c11.487-1.586,21.425,5.499,22.85,16.1c1.56,11.61-5.72,20.974-17.674,22.504c-35.453,4.538-63.023,21.756-82.69,51.526 c-31.122,47.108-20.37,113.163,23.923,148.334c15.451,12.269,32.797,20.149,52.21,23.517c8.375,1.453,14.587,5.747,16.909,14.118 c2.109,7.602,0.311,14.538-5.763,19.92c-5.1,4.52-11.109,5.609-17.735,4.368c-64.289-12.038-111.368-58.388-123.833-122.376 C123.559,293.371,123.247,284.219,122.279,275.194z"/><path d="M59.263,294.462c-4.699,0-9.401,0.115-14.096-0.023c-11.23-0.33-19.598-8.614-19.662-19.325 c-0.065-10.71,8.271-19.267,19.432-19.527c9.716-0.226,19.446-0.223,29.162,0c11.08,0.255,19.568,8.948,19.479,19.538 c-0.089,10.63-8.577,18.998-19.733,19.313C68.988,294.576,64.124,294.462,59.263,294.462z"/><path d="M293.677,59.748c0,5.517,0.312,11.056-0.068,16.547c-0.707,10.223-8.935,17.632-19.091,17.643 c-10.164,0.011-18.635-7.331-19.114-17.572c-0.507-10.847-0.513-21.755-0.01-32.602c0.476-10.277,8.91-17.655,19.051-17.682 c10.304-0.027,18.536,7.562,19.217,18.091c0.334,5.171,0.058,10.382,0.058,15.575C293.705,59.748,293.691,59.748,293.677,59.748z"/><path d="M98.97,356.83c9.67,0.009,16.926,5.11,19.692,12.86c2.804,7.856,0.593,17.168-6.561,21.682 c-9.574,6.041-19.558,11.565-29.814,16.349c-8.773,4.092-18.933-0.234-23.679-8.8c-4.512-8.145-2.603-19.215,5.394-24.349 c9.527-6.116,19.71-11.225,29.726-16.55C95.641,357.005,98.1,357.013,98.97,356.83z"/><path d="M165.289,426.899c17.356-0.026,27.01,14.582,20.643,27.383c-4.612,9.272-9.969,18.233-15.662,26.893 c-5.968,9.078-17.126,11.252-26.152,5.902c-8.757-5.191-11.873-16.399-6.733-25.961c4.605-8.566,9.614-16.927,14.715-25.211 C155.756,429.967,161.316,426.953,165.289,426.899z"/><path d="M174.465,119.199c-7.251,0.011-12.84-3.191-16.686-9.182C152.703,102.11,147.674,94.158,143.02,86 c-5.342-9.365-2.527-20.515,6.16-26.101c8.934-5.745,20.415-3.588,26.571,5.578c5.594,8.33,10.989,16.856,15.679,25.715 C198.245,104.064,188.918,119.059,174.465,119.199z"/><path d="M101.857,188.992c-3.593-1.343-7.379-2.322-10.739-4.104c-7.155-3.793-14.133-7.928-21.103-12.059 c-10.38-6.152-13.798-17.428-8.32-27.04c5.479-9.615,16.984-12.54,27.437-6.749c8.077,4.475,16.168,8.967,23.939,13.94 c7.612,4.871,10.433,13.909,7.658,22.2C118.137,182.925,110.398,188.384,101.857,188.992z"/></g></svg>');

}

.project-meta-item p {
    margin-bottom: 0;
    font-size: 12px;
}


.project-meta-item .project-meta-item-value {
    font-weight: bold;
    font-size: 14px;
    font-family: "UTMAvoBold";
}

/* HEADER */
header#header{
    box-shadow: 1px 1px 10px rgba(0,0,0,.15);
}
header#header .header-wrapper.stuck .header-bg-color{
    background-color: #b1c920;
}

header#header .header-wrapper.stuck .header-nav li a{
    transition: all 500ms ease;
    color: #FFF;
    border-bottom: 2px solid transparent;
}

header#header .header-wrapper.stuck .header-nav li a:hover{
    border-bottom: 2px solid #FFF;
}

header#header .header-top {
    background-color: transparent;
    padding-top: 20px;
}

header#header .header-top .top-bar-nav li.menu-item a {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    color: #000000;
    text-transform: uppercase;
}

header#header .header-top .top-bar-nav>li {
    border-right: 1px solid #d1d1d1;
    padding-right: 0.7em;
    padding-left: 0.7em;
    margin: 0;
    line-height: 26px;
}

header#header .header-top .top-bar-nav li:last-child {
    border-right: none;
}

header#header .header-top .top-bar-nav li a {
    padding: 0;
}

header#header .header-top .top-bar-nav .header-contact-wrapper li a i {
    font-size: 22px !important;
    color: #B1C920;
}

header#header .header-top .top-bar-nav .header-search a i {
    color: #B1C920 !important;
    font-size: 22px !important;
}

header#header .header-top .header-language-dropdown>a {
    text-indent: -9999px;
}

header#header .header-top .header-language-dropdown>a i.image-icon {
    text-indent: 0;
}

header#header .header-top .header-language-dropdown a i.image-icon img {
    width: 26px;
}

header#header .header-top .header-language-dropdown ul.nav-dropdown {
    width: 136px;
    min-width: 136px;
    padding: 10px 5px;
    border: 0;
}

header#header .header-top .header-language-dropdown ul.nav-dropdown li a {
    padding: 5px 0;
}

header#header .header-top .header-search .nav-dropdown {
    right: 0;
    margin-left: 0 !important;
    left: auto !important;
}

header#header .header-main .nav>li>a {
    font-family: "UTMAvoBold";
    font-size: 18px;
    color: #b1c920;
    border-bottom: 2px solid transparent;
}
header#header .header-main .nav>li.current-menu-item>a,
header#header .header-main .nav>li>a:hover {
    border-bottom: 2px solid #b1c920;
}



header#header .stuck .header-main #logo {
    max-width: 220px !important;
    margin-top: 0;
}

.home-top-banner {
    overflow: hidden;
    align-items: stretch;
    background: #FFF;
    border-radius: 10px;
    filter: drop-shadow(-1.2246468525851679e-16px 2px 10px rgba(108, 108, 108, 0.35));
}

.home-top-banner .icon-box {
    padding: 10px 40px;
}

.home-top-banner .icon-box .icon-box-img img{
    width: 70%;
}

.home-top-banner .icon-box .icon-box-text h5 {
    font-family: "UTMAvoBold";
    font-size: 14px;
    color: #b1d238;
}

.home-top-banner .icon-box .icon-box-text h6 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    ;
}

.top-home-banner-row{
    position: relative;
    z-index: 2;
}

.box-about {
    border-color: #cee382;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.16));
    padding: 10px;
    box-shadow: inset 1px 1px 20px 2px #f2ffd7;
    background: #FFF;
    padding: 10px;

}

.box-about h5 {
    width: 30%;
    float: left;
    font-size: 60px;
    color: #565e36;
    margin-bottom: 0;
    line-height: 1;
    margin: 0;
    display: inline-block;
    font-family: "UTMAvoBold";
    text-align: center;
}



.box-about h6 {
    width: 70%;
    float: left;
    font-size: 15px;
    text-transform: capitalize;
    line-height: 1.8;
    margin: 0;
}

.box-about p {
    color: #565e36;
    font-size: 14px;
}


.nav-box>li,
.nav-outline>li,
.nav-pills>li,
.nav-tabs>li {
    margin-right: 12px;
}

.nav-box>li:last-child,
.nav-outline>li:last-child,
.nav-pills>li:last-child,
.nav-tabs>li:last-child {
    margin-right: 0px;
}



.nav-box>li>a,
.nav-pills>li>a {
    border-radius: 10px;
    padding: 5px 12px;
    font-size: 16px;
    font-weight: normal;
    border: 1px solid #FFF;
    color: #FFF;
}

.nav-box>li.active>a,
.nav-pills>li.active>a {
    background: #b1d238;
}

.tab-home .nav {
    margin-bottom: 80px;
}





.balico-ux-product-tabs .nav li {
    border-radius: 10px;
    border: 1px solid #f5f5f5;
    padding: 10px 12px;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px #d1d1d1;
    margin-bottom: 7px;
    background-color: #FFF;
    transition: all 500ms ease-in;
}
.balico-ux-product-tabs .nav li.active,
.balico-ux-product-tabs .nav li:hover{
    background-color: #b1c920;
}
.balico-ux-product-tabs .nav li.active a,
.balico-ux-product-tabs .nav li:hover a{
    color: #FFF;
} 
.balico-ux-product-tabs .nav li.active .tab-cat-icon,
.balico-ux-product-tabs .nav li:hover .tab-cat-icon{
    filter: brightness(0) invert(1);
}

.product-cat-nav a:hover{
    background-color: #b1c920;
    color: #FFF;
}
.product-cat-nav a:hover .tab-cat-icon{
    filter: brightness(0) invert(1);
}

.balico-ux-product-tabs .nav li:last-child {
    border-bottom: 0;
}

.balico-ux-product-tabs .nav li a {
    display: flex;
    align-items: center;
    padding: 0;
}

.balico-ux-product-tabs .nav li a span.tab-cat-icon {
    width: 38px;
    height: 33px;
    background-size: contain;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
}


.balico-ux-product-tabs .nav li a span {
    text-transform: uppercase;
}

.balico-ux-product-tabs .nav-vertical+.tab-panels {
    border-left: 0;
    padding-right: 0;
}

.product-tabs .product-tabs-link-all{
    display: inline-block;
    margin-bottom: 10px;
    color: #b1d238;
}

.product-item {
    border-color: #b1d238;
    border-width: 0.5px;
    border-style: solid;
    border-radius: 10px;
    padding: 10px;
}

.product-item .product-item-img{
    overflow: hidden;
}
.product-item .product-item-img img{
    transition: all 500ms ease-in;
}
.product-item:hover{
    box-shadow: 1px 1px 5px #d1d1d1;
}
.product-item:hover .product-item-img img{
    transform: scale(1.3);
}

.product-item p {
    margin-bottom: 0;
}

.product-item .product-brand {
    font-family: "UTMAvoBold";
    font-size: 18px;
    text-transform: uppercase;
    color: #000000;
}

.product-item .product-title {
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
}

.balico-ux-carousel-logo {
    display: flex;
}

.balico-ux-carousel-logo .carousel-logo-item,
.balico-ux-carousel-logo .flickity-slider .carousel-logo-item {
    width: 50% !important;
    padding: 0 15px;
}



.carousel-logo-item .carousel-logo-item-inner {
    padding-top: 60%;
    position: relative;
}

.carousel-logo-item .carousel-logo-item-inner img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 150px;
    max-height: 100%;
    width: inherit;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.carousel-logo-item.logo-title .carousel-logo-item-inner img{
    max-width: 55px;
}

.img-homepage .img-inner{
    overflow: visible;
}
.img-homepage .img-inner:before, 
.img-homepage .img-inner:after {
    position: absolute;
    content: '';    
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 12px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 12px rgba(0,0,0,0.3);
    -ms-box-shadow: 0 0 12px rgba(0,0,0,0.3);
    box-shadow: 0 0 12px rgba(0,0,0,0.3);
}

.img-homepage .img-inner:before {   
    top: -50px; 
    left: -50px;
    right: -50px;
    bottom: -50px;
    background-color: rgba(255,255,255,0.6);
    animation: call-circle-anim 3s infinite ease;
    -webkit-animation: call-circle-anim 3s infinite ease;
    -moz-animation: call-circle-anim 3s infinite ease;
    -o-animation: call-circle-anim 3s infinite ease;
    /* -webkit-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease; */
}
.img-homepage .img-inner:after {    
    top: -50px; 
    left: -50px;
    right: -50px;
    bottom: -50px;
    background-color: rgba(255,255,255,0.6);
    animation: call-circle-anim 1s infinite ease;
    -webkit-animation: call-circle-anim 1s infinite ease;
    -moz-animation: call-circle-anim 1s infinite ease;
    -o-animation: call-circle-anim 1s infinite ease;
    /* -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; */
}
.img-homepage .img-inner img{
    position: relative;
    z-index: 1;
}


.footer-social .col-inner {
    display: flex;
    align-items: center;
    padding: 10px;
    margin: 0;
    justify-content: center;
}

.footer-social .col-inner p {
    margin: 0 10px 0 0;
    color: #98C006;
}


.footer-social .col-inner .social-icons a {
    margin-bottom: 0;
    color: #98C006;
}

.footer-social .col-inner .social-icons a i {
    font-size: 20px;
}

.ux-post-item-top {
    display: flex;
    background-color: #FFF;
    border-radius: 10px;
    overflow: hidden;
    filter: drop-shadow(-6.123234262925839e-17px 1px 5px rgba(0, 0, 0, 0.3));
    flex-direction: column-reverse;
}

.ux-post-item-right{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 250px;
    position: relative;
    overflow: hidden;
}
.ux-post-item-right-img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 500ms ease;
    background-size: cover;
    background-position: center;
}
.ux-post-item-top:hover .ux-post-item-right-img{
    transform: scale(1.3);
}
.ux-post-item-right-left{

}


.ux-post-item-top .ux-post-item-top-inner {
    background-color: #FFF;
    padding: 20px;
}

.ux-post-item-top .ux-post-item-top-inner p {
    margin-bottom: 5px;
}

.ux-post-item-top .ux-post-item-top-inner .post-title {
    font-size: 16px;
}

.ux-post-item-child p {
    margin-bottom: 5px;
}

.ux-post-item-child .post-title {
    font-size: 14px;
    line-height: 1.5;
}

.ux-posts-grid .ux-post-item-child:hover a{
    color: #FFF;
}

.page-head {
    background-image: url(img/bg-page-head.png);
    background-size: cover;
    height: 200px;
    position: relative;
}
.page-head.bg-sky{
    background-image: url(img/bg-head-sky.png);
}

.page-head h1 {
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-family: 'UTMAvoBold';
    font-size: 33px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
}

.page-content {
    margin-top: 30px;
    margin-bottom: 30px;
}

.product-cat-nav {
    margin-top: 30px;
}

.product-cat-nav a {
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #f5f5f5;
    padding: 15px;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px #d1d1d1;
    margin-bottom: 5px;
}

.product-cat-nav a .tab-cat-icon {
    width: 42px;
    height: 42px;
    background-size: contain;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-position: center;
}

.product-cat-nav a .tab-cat-name {
    text-transform: uppercase;
    font-family: "UTMAvoBold";
}

.product-cat-block {
    margin-top: 30px;
}

.product-cat-heading {
    background-color: #EFEFEF;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    text-align: center;

}

.product-cat-heading-title {
    display: inline-flex;
    align-items: center;
    text-align: center;
}

.product-cat-heading-title .product-cat-heading-icon {
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-position: center;
}

.product-cat-heading-title .product-cat-heading-title {
    text-transform: uppercase;
    font-family: "UTMAvoBold";
}

.product-cat-heading a {
    float: right;
    color: #B1D238;
}

.project-item {
    border-radius: 10px;
    box-shadow: 1px 1px 5px #999;
    overflow: hidden;
    position: relative;
    min-height: 250px;
    transition: all 500ms ease;
}


.project-item .project-item-img{
    background-image: url(https://nangluong.balico.work/wp-content/uploads/2023/07/Banner-960x486.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 500ms ease;
    background-size: cover;
    background-position: center;
}

.project-item:hover .project-item-content .project-item-title a,
.project-item:hover .project-item-content .project-item-subtitle,
.project-item:hover .project-item-content{
    color: #B1D238;
}

.project-item:hover .project-item-img{
    transform: scale(1.2);
}

.project-item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    color: #FFF;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8575805322128851) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8575805322128851) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8575805322128851) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1);
}

.project-item-content .project-item-subtitle {
    font-size: 14px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.project-item-content .project-item-title {
    line-height: 1.2;
    margin-bottom: 0;
}

.project-item-content .project-item-title a {
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
}

.project-meta {
    display: flex;
    align-items: flex-start;
    margin-top: 5px;
    width: 100%;
}

.project-item-content .project-meta.small .project-meta-item {
    padding-left: 32px;
    background-size: 26px;
    background-position: left 5px;
}

.project-item-content .project-meta.small .project-meta-item-title {
    line-height: 1;
    font-size: 11px;
}

.project-item-content .project-meta.small .project-meta-item-value {
    font-size: 14px;
}

.button-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.button-nav a {
    border-radius: 10px;
    border: 1px solid #B1C920;
    padding: 10px 20px;
    margin-right: 20px;
    text-transform: uppercase;
    color: #B1C920;
}

.button-nav a:last-child {
    margin-right: 0;
}

.button-nav a:hover,
.button-nav a.active {
    background-color: #B1D238;
    color: #FFF;
}

.nav-pagination.links {
    margin-bottom: 30px;
}

.nav-pagination.links>li>a {
    border: 2px solid #879f2a;
    color: #879f2a;
}


.nav-pagination.links>li>.current,
.nav-pagination.links>li>a:hover,
.nav-pagination.links>li>span:hover {
    background-color: #879f2a;
    border-color: #879f2a;
    color: #FFF;
}

.product-gallery {
    background: #efefef;
    padding: 10px;
    border-radius: 10px;
}

.product-single-title {
    font-family: "UTMAvoBold";
}

.product-gallery-nav {
    display: flex;
    margin-top: 10px;
}

.product-gallery-nav .flickity-slider .product-gallery-nav-item,
.product-gallery-nav .product-gallery-nav-item {
    width: 25% !important;
    border-radius: 10px;
    background: #efefef;
    margin-right: 10px;
    padding: 10px;
}
.single-product .share-list{
    margin-bottom: 10px;
}
.single-product .share-list a{
    color: #B1C920;
    font-size: 23px;
    border-radius: 100%;
    border: 1px solid #b1c920;
    width: 40px;
    display: inline-block;
    text-align: center;
    height: 40px;

}
.single-product .product-actions p{
    margin-bottom: 2px;
    font-style: italic;
}
.product-gallery-item{
    overflow: hidden;
}
.product-gallery-item img{
    transition: all 500ms ease;
}
.product-gallery-item:hover img{
    transform: scale(1.3);
}

.product-nav-tabs {
    display: flex;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.product-nav-tabs a {
    width: 50%;
    background: #efefef;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px 20px;
}

.product-nav-tabs a:hover,
.product-nav-tabs a.active {
    background-color: #B1D238;
    color: #FFF;
}

.html-content ul {
    list-style: none;
}

.html-content ul li::before {
    width: 10px;
    content: "";
    background: #B1D238;
    font-weight: bold;
    display: inline-block;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
}

.cert-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.cert-item .cert-item-img {
    width: 47px;
}

.cert-item .cert-item-info {
    flex: 1;
    padding-left: 15px;
}

.sidebar-title {
    background: #B1D238;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px 20px;
    color: #FFF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 10px;
    font-family: "UTMAvoBold";
}

.sidebar-title.sidebar-title-title {
    background: #e1e1e1;
    color: #000;
}

.nav-product_cat {
    list-style: none;
}

.nav-product_cat li {
    border-radius: 10px;
    filter: drop-shadow(-6.123234262925839e-17px 1px 2.5px rgba(0, 0, 0, 0.3));
    background: #ffffff;
    margin-bottom: 10px;
    padding: 20px;
}


.nav-product_cat li a {
    display: flex;
    align-items: center;
}

.nav-product_cat li a .nav-product_cat-icon {
    width: 42px;
    background-size: contain;
    background-position: left center;
    margin-right: 15px;
    height: 42px;
    background-repeat: no-repeat;
}

.nav-product_cat li a span {
    text-transform: uppercase;
}


.page-head-nobg {
    padding: 20px;
    text-transform: uppercase;
}

.page-head-nobg p {
    margin-bottom: 10px;
}

.page-head-nobg .page-head-nobg-heading {
    margin-bottom: 0;
    color: #B1D238;
    font-family: "UTMAvoBold";
}

.single-project .project-info {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #EEF3DC;
    padding: 15px;
}

.single-project .project-info .project-info-title {
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "UTMAvoBold";
    font-size: 20px;
}


.project-meta.project-meta-vertical .project-meta-item .project-meta-item-value {
    line-height: 1;
}

.single-project .project-gallery,
.single-project .project-gallery .project-gallery-item {
    height: 550px;
    overflow: hidden;
}

.single-project .project-gallery .project-gallery-item .project-gallery-item-bg {
    height: 100%;
    background-size: cover;
    background-position: center;
}

.single-project .project-gallery .project-gallery-item .project-gallery-item-bg a {
    display: block;
    width: 100%;
    height: 100%;
}

.blog-categories-nav {
    background: #efefef
}

.blog-categories-nav-wrap {
    display: flex;
    justify-content: center;

}

.blog-categories-nav-wrap .blog-categories-nav-link {
    text-transform: uppercase;
    padding: 10px 15px;
}

.blog-categories-nav-wrap .blog-categories-nav-link:hover,
.blog-categories-nav-wrap .blog-categories-nav-link.active {
    background-color: #B1C920;
    color: #FFF;
}

.single-post-content {
    padding: 30px 0;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}

.sing-post-top .single-post-date {
    background: #efefef;
    padding: 5px;
}

.sing-post-top {
    margin-bottom: 20px;
}

.sing-post-top .single-post-date i {
    color: #B1C920;
}

.single-post-share {
    color: #B1C920;
}

.html-content img {
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 20px;
}

.post-relations-wrap ul {
    list-style: none;

}

.solution-item {
    margin-bottom: 20px;
    flex-direction: column-reverse;
}

.solution-item:last-child {
    margin-bottom: 0;
}

.solution-item-left {
    background-color: #b1c920
}


.solution-item-left:hover a{
    color: #FFF;
}

.solution-item:nth-child(2n) .solution-item-left:hover a{
    color: #b1c920;
}

.solution-item:nth-child(2n) .solution-item-left {
    background-color: #eef3dc
}


.solution-item-left-inner {
    padding: 50px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.solution-item-right {
    min-height: 300px;
    overflow: hidden;
    position: relative;
}


.solution-item-right-img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all 500ms ease;
    background-size: cover;
    background-position: center;
}

.solution-item-right:hover .solution-item-right-img{
    cursor: pointer;
    transform: scale(1.3);
}


.solution-nav ul {
    list-style: none;
}

.solution-nav ul li {
    background: #efefef;
    margin-bottom: 5px;
    position: relative;
    padding-left: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.solution-nav ul li::before {
    width: 10px;
    content: "";
    background: #B1D238;
    font-weight: bold;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
    left: 30px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
}

.projects-sidebar .projects-sidebar-item {
    background-position: center;
    background-size: cover;
    position: relative;
    min-height: 200px;
    margin-bottom: 10px;
}

.projects-sidebar-item-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    color: #FFF;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8575805322128851) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8575805322128851) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8575805322128851) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1);
}

.projects-sidebar-item-title {
    color: #FFF;
}

.catalog-item {

}

.catalog-item figure{
    overflow: hidden;
}

.catalog-item figure img{
    transition: all 500ms ease;
}

.catalog-item:hover figure img{
    transform: scale(1.3);
}

.catalog-item-title {
    font-size: 16px;
}

.catalog-download i {
    color: #B1C920;
}

.table-responsive {
    overflow-x: auto;
}

#main table {
    width: 100%;
    border-collapse: collapse;
}

#main table thead tr {
    background-color: #B1C920;
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
}

#main table tr td,
#main table thead th {
    padding: 10px !important;
}

#main table tbody tr {
    background: #efefef
}

.recruitment-relations-wrap ul {
    list-style: none;
}

.recruitment-relations-wrap ul li {
    padding: 15px;
    border-bottom: 1px solid #333;
}

.recruitment-relations-wrap ul li a {
    display: block;
    font-family: "UTMAvoBold";
}

.apply-form {
    border-radius: 10px;
    filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.3));
    background: #ffffff;
    padding: 30px;
}

.apply-form h3 {
    font-family: "UTMAvoBold";
    font-size: 20px;
    text-align: center;
    color: #b1c920;
    text-transform: uppercase;
}

form.wpcf7-form input,
form.wpcf7-form textarea {
    border-radius: 20px;
    background: #efefef
}

.about-button {
    background: #1ed94f;
    background: linear-gradient(0deg,
            #1ed94f 0.00%,
            #f2f047 100.00%);
    border-radius: 7px;
    width: 270px;
    padding: 10px;
    margin-top: -113px;
    position: relative;
    margin-left: calc( 100%/2 - 135px );
    z-index: 2;
}

#about-sum-title{
    margin-right: 5%;
    text-align: right;
    margin-bottom: 90px;
}
#about-sum-title span{
    display: block;
    text-transform: uppercase;
    font-size: 2.4rem;
    font-family: "UTMAvoBold";
}
.about-sum-title-main{
    -webkit-text-stroke: 1px #FFF;
    color: rgb(0 0 0 / 0%);
    
}
.about-sum-title-sub{
    color: #FFF;
}

.box-about-title-desc{
    text-transform: uppercase;
    font-size: 16px;
}


#box-about1{
    float: right;
    width: 100%;
    position: relative;
    height: auto;
}

#box-about1-title{
    background: #EBFD82;
    position: absolute;
    top: -70px;
    height: 70px;
    text-align: right;
    padding: 10px;

    width: 70%;
    right: 5%;
}
#box-about1 .box-about-title-head{
    color: #576117;
    text-transform: uppercase;
    font-size: 2rem;
    display: block;
    font-family: "UTMAvoBold";
    line-height: 1;
}

#box-about1 .box-about-title-desc{
    color: #576117;
}


#box-about2-title{
    background: rgb(87 97 23 / 35%);
    position: absolute;
    top: 50%;
    height: 80px;
    text-align: right;
    padding: 10px;
    margin-top: -40px;
    width: 200px;
    right: 0;
}
#box-about2 .box-about-title-head{
    color: #FFF;
    text-transform: uppercase;
    font-size: 2rem;
    display: block;
    font-family: "UTMAvoBold";
    line-height: 1;
}
#box-about2 .box-about-title-desc{
    color: #FFF;
}


#box-about2{
    width: 100%;
    float: left;
}

#box-about3{
    float: right;
    position: relative;
   
    display: flex;
    width: 100%;
    height: 200px;
}

#box-about3-wrap{
    width: 66.66%;
    border-top: 10px solid #576117;
}

#box-about3-wrap{
    display: flex;
    height: 62%;
}
#box-about3-wrap img{
    width: 50%;
}
#box-about3-title{
    width: 50%;
    height: 100%;
    background-color: #DAFF00;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#box-about3-title .box-about-title-head{
    color: #393939;
    font-size: 13px;
}
#box-about3-title .box-about-title-desc{
    color: #576117;
    text-transform: uppercase;
    font-size: 21px;
    display: block;
    font-family: "UTMAvoBold";
    line-height: 1;
}



#box-about3-end{
    width: 33.33%;
    height: 100%;
    background-color: #EBFD82;
}


.about-button h5 {
    float: left;
    width: 50%;
    font-family: "UTMAvoBold";
    font-size: 3.2em;
    color: #565E36;
    margin-bottom: 0;
   
}

.about-button h6 {
    float: left;
    width: 50%;
    color: #FFF;
    margin-bottom: 0;
    line-height: 1.5;
    margin-top: 12px;
    font-family: "UTMAvoBold";
    text-shadow: 1px 1px #777;
}

.about-button:after {
    color: #565E36;
    content: "\2b";
    width: 35px;
    height: 35px;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    border: 1px solid #565E36;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    bottom: 10px;
    text-align: center;
    line-height: 35px;
}

.about-button p {
    clear: both;
    color: #FFF;
    font-family: "UTMAvoBold";
    font-size: 22px;
    text-shadow: 1px 1px #777;
}

.apply-info{

    background: #b1c920;
    color: #FFF;
    padding: 15px;
    border-radius: 10px;
}
.apply-info-item{
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative;
}

.apply-info-item::before{
    content: "\f054";
    font: normal normal normal 18px/1 FontAwesome;
    position: absolute;
    left: 0;
    top: 6px;
}

.apply-info-item:last-child{
    margin-bottom: 0;
}
.apply-info-heading{
    text-transform: uppercase;
    font-size: 18px;
    font-family: "UTMAvoBold";
}
.apply-info-content{

}

.balico_ux_carousel_full .ux-image-box-center, .balico_ux_carousel_full-wrap .balico_ux_carousel_full .flickity-slider > *{
    width: 80% !important;
}

.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{
    background-color: #FFF;
    width: 86%;
}

.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a{
    color: #000;
}

.off-canvas-left .mfp-content .icon-image, 
.off-canvas-right .mfp-content .icon-image{
    margin-right: 10px;
}
.off-canvas-left .mfp-content .icon-image img, 
.off-canvas-right .mfp-content .icon-image img{
    width: 22px;
}

.off-canvas-left .mfp-content .image-icon, 
.off-canvas-right .mfp-content .image-icon{
    margin-left: 10px;
}
.off-canvas-left .mfp-content .image-icon img, 
.off-canvas-right .mfp-content .image-icon img{
    width: 22px;
}

.embed-maps iframe{
    max-height: 400px;
}

.ux-post-item-child-thumb{
    overflow: hidden;
}

.ux-post-item-child-thumb img{
    transition: all 500ms ease;
}

.ux-post-item-child:hover .ux-post-item-child-thumb img{
    transform: scale(1.3);
}

@media(min-width: 550px){

    header#header .header-main #logo {
        width: 250px !important;
        margin-top: -45px
    }


    .product-cat-nav {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
    .product-cat-nav a {
        margin-bottom: 0;
    }
    .solution-item{
        flex-direction: row;
    }
    .solution-item:nth-child(2n) {
        flex-direction: row-reverse;
    }
   
    .balico_ux_carousel_full .ux-image-box-center, .balico_ux_carousel_full-wrap .balico_ux_carousel_full .flickity-slider > *{
        width: 50% !important;
    }
    .ux-image-box-center-item {
        min-height: 480px;
    }
    .ux-image-box-center-inner {
        padding: 50px;
    }


    .nav-box>li,
    .nav-outline>li,
    .nav-pills>li,
    .nav-tabs>li {
        margin-right: 12px;
    }


    .nav-box>li>a,
    .nav-pills>li>a {
        padding: 7px 20px;
    }

    .balico-ux-carousel-project .balico-ux-carousel-project-item,
    .balico-ux-carousel-project .flickity-slider .balico-ux-carousel-project-item {
        width: 80% !important;
    }


    .balico-ux-carousel-logo .carousel-logo-item,
    .balico-ux-carousel-logo .flickity-slider .carousel-logo-item {
        width: 33.33% !important;
    }

    .ux-post-item-top {
        flex-direction: row;
    }

    .home-top-banner .icon-box {
        padding: 10px;
    }

    .project-info  .project-meta .project-meta-item {
        min-width: 200px;
    }

    .project-meta .project-meta-item {
        padding-left: 45px;
        background-size: 35px;
    }
    .project-meta-item p {
        font-size: 16px;
    }
    
    .project-meta-item .project-meta-item-value {
        font-size: 16px;
    }

    .balico-ux-product-tabs.tabbed-content .nav{
        width: 30%;
    } 

    .balico-ux-product-tabs.tabbed-content .tab-panels{
        width: 70%;
        padding-left: 15px;
        padding-top: 0;
    }

    .project-meta.project-meta-vertical{
        flex-direction: column;
    }

    .project-meta.project-meta-vertical .project-meta-item{
        margin-bottom: 10px;
    }

    
   
    .home-top-banner .icon-box .icon-box-text h5{
        font-size: 13px;
    }

    .home-top-banner .icon-box .icon-box-img img{
        width: 100%;
    }
    
}

@media(min-width: 550px) and (max-width: 767.98px){
    .home-top-banner .medium-3 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .home-top-banner .medium-3.home-top-banner-result {
        flex-basis: 33.33%;
        max-width: 33.33%;
    }
}

@media( min-width: 768px ){
    .home-top-banner .icon-box .icon-box-text h5{
        font-size: 14px;
    }
    
    .home-top-banner {
       position: absolute;
       bottom: 0;
       margin-bottom: -50px;
    }
    .top-home-banner-row{
        margin-top: 0;
    }
    .top-home-banner-col{
        padding-bottom: 0;
    }

    .home-top-banner .medium-3 {
        flex-basis: 25%;
        max-width: 25%;
    }
    .ux-post-item-right{
        min-height: 300px;
    }

    #box-about1{
        width: 60%;
        height: 64%;
    }
    #box-about1-title{
     
        width: 69%;
        right: -36%;

    }
    #box-about3{
        height: 36%;
        width: 90%;
    }
    #box-about2{
        width: 90%;
    }
    #box-about3-title .box-about-title-head{
        font-size: 12px;
    }
    #box-about3-title .box-about-title-desc{
        font-size: 21px;
    }
    #about-sum-title{

        margin-bottom: 20px;
    }
}

@media( min-width: 850px ){
    .home-top-banner{
        align-items: center;
    }
    .home-top-banner .icon-box .icon-box-text h5{
        font-size: 20px;
    }
    .page-head{
        height: 600px;
    }

    .balico_ux_carousel_full .ux-image-box-center, .balico_ux_carousel_full-wrap .balico_ux_carousel_full .flickity-slider > *{
        width: 20% !important;
    }


    .balico-ux-carousel-logo .carousel-logo-item,
    .balico-ux-carousel-logo .flickity-slider .carousel-logo-item {
        width: 20% !important;
    }
    .home-top-banner .icon-box {
        padding: 29px;
    }
    .box-about.box-about-center {
        margin-top: 50%;
    }

    .balico-ux-carousel-project .balico-ux-carousel-project-item,
    .balico-ux-carousel-project .flickity-slider .balico-ux-carousel-project-item {
        width: 60% !important;
    }

   

    .balico-ux-carousel-project-item-content {
        padding: 30px;
    }

    .project-meta.project-meta-vertical{
        width: auto;
    }
    .project-meta.project-meta-vertical .project-meta-item .project-meta-item-value{
        line-height: 1.2;
    }

    .solution-item-right {
        min-height: 450px;
    }
    

}
@media( min-width: 1200px ){
    .project-meta .project-meta-item {
        padding-left: 64px;
        background-size: 50px;
    }
    .project-meta-item p {
        font-size: 14px;
    }
    
    .project-meta-item .project-meta-item-value {
        font-size: 28px;
    }
    header#header.header-full-width .header-wrapper{
        padding: 0 5%;
    }

    .row-full-screen{
        max-width: 90% !important;
    }
    #box-about3-title .box-about-title-head{
        font-size: 18px;
    }
    #box-about3-title .box-about-title-desc{
        font-size: 38px;
    }
}


@media(max-width: 525px){
    .tab-home .nav li a{
        font-size: 14px;
    }
}