/* //////////////// DB OZONE X BOLD //////////////// */
@font-face {
    font-family: 'DB Ozone X Bd_0';
    src: url('../css/fonts/DB Ozone X Bd_0.eot');
    src: url('../css/fonts/DB Ozone X Bd_0.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/DB Ozone X Bd_0.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
  
@font-face {
    font-family: 'DBOzoneX-Bold';
    src: url('../css/fonts/DBOzoneX-Bold.svg#DBOzoneX-Bold') format('svg'),
         url('../css/fonts/DBOzoneX-Bold.ttf') format('truetype'),
         url('../css/fonts/DBOzoneX-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* //////////////// DB OZONE X MEDIUM //////////////// */
@font-face {
    font-family: 'DB Ozone X Med_0';
    src: url('../css/fonts/DB Ozone X Med_0.eot');
    src: url('../css/fonts/DB Ozone X Med_0.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/DB Ozone X Med_0.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
  
@font-face {
    font-family: 'DBOzoneX-Medium';
    src: url('../css/fonts/DBOzoneX-Medium.svg#DBOzoneX-Medium') format('svg'),
         url('../css/fonts/DBOzoneX-Medium.ttf') format('truetype'),
         url('../css/fonts/DBOzoneX-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* //////////////// DB OZONE X REGULAR //////////////// */
@font-face {
    font-family: 'DB Ozone X_0';
    src: url('../css/fonts/DB Ozone X_0.eot');
    src: url('../css/fonts/DB Ozone X_0.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/DB Ozone X_0.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
  
@font-face {
    font-family: 'DBOzoneX';
    src: url('../css/fonts/DBOzoneX.svg#DBOzoneX') format('svg'),
         url('../css/fonts/DBOzoneX.ttf') format('truetype'),
         url('../css/fonts/DBOzoneX.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.header-title h2 {
    font-size: 36px;
}


.yellow-dist ul {
    list-style: none;
}

.yellow-dist ul li::before {
    content: "\2022";
    color: #ffcc66;
    font-weight: bold;
    display: inline-block; 
    width: 0.7em;
    margin-left: -1em;
}

.main-section {
    position: relative;
    width: 100%;
    padding: 50px 0;
    overflow: hidden;
}

.bg-dark {
    background-color: #000 !important;
}

.header-title h1 {
    margin-bottom: 0;
}

.header-title::after {
    content: '';
    display: block;
    margin: 10px 0 15px 0;
    width: 50px;
    border-top: 2px solid #ffcc66;
}

.center .header-title::after, .text-center .header-title::after, .header-title.center::after, .header-title.text-center::after {
    margin: 10px auto 15px;
}

.border-bottom-yellow {
    border-bottom: 3px solid #ffcc66;
}

.icon-lang a img {
    width: 30px;
}

.services-home {
    text-align: center;
}

.services-home a h1 {
    font-family: 'DB Ozone X Med_0', 'DBOzoneX-Medium', sans-serif;
    font-size: 48px;
    color: #ffcc66;
    margin-bottom: 0;
}

.services-home a p {
    font-family: 'DB Ozone X_0', 'DBOzoneX', sans-serif;
    font-size: 1.5rem;
    color: #444;
    margin-bottom: 0;
    margin-top: -15px;
    line-height: 1 !important;
}

.services-home a:hover p {
    color: #000;
}

.yellow-graphic {
    position: absolute;
    bottom: 0;
    right: 0;
}


/* Service */
.portfolio-item:hover .portfolio-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.portfolio-item .portfolio-image img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
}

.portfolio-item .portfolio-image, .portfolio-item .portfolio-image img, .portfolio-item .portfolio-image>a {
    display: block;
    width: 100%;
    height: auto;
}

.portfolio-desc h1 {
    font-family: 'DB Ozone X Med_0', 'DBOzoneX-Medium', sans-serif;
    font-size: 48px;
    color: #ffcc66;
    margin-bottom: 0;
}

.portfolio-desc h3 {
    font-family: 'DB Ozone X_0', 'DBOzoneX', sans-serif;
    font-size: 21px;
    margin-top: -20px;
}








/* Contact Us */
.contact-icon {
    text-align: center;
}

.contact-icon img {
    width: 80px;
    margin-bottom: 10px;
}

.contact-icon p {
    color: #999;
    /* line-height: 1 !important; */
}

.social-icon-new a {
    margin: 0 4px;
}







.mfp-iframe-scaler {
    width: 100%;
    height: auto !important;
    overflow: hidden;
    padding-top: 0 !important;
}






.flag div {
    margin-bottom: 30px;
}







@media (min-width: 769px) {
    .popup-desktop {
        display: block;
    }
    .popup-mobile {
        display: none;
    }
}



@media (max-width: 768px) {
    nav a i {
        display: none !important;
    }
    .popup-desktop {
        display: none;
    }
    .popup-mobile {
        display: block;
    }
}

@media (max-width: 500px) {
    #logo img {
        height: 60px !important;
    }
}