/*** 

    CUSTOM CSS
    Author: Tanjun Studio

***/

/** MARGIN & SPACING **/

.m-r-10{
    margin-right: 30px;
}

.p-t-10{
    padding-top: 10px!important;
}

.m-b-0{
    margin-bottom: 0px!important;
}

.m-b-30{
    margin-bottom: 30px!important;
}

.p-t-20{
    padding-top: 20px!important;
}

.pad-desk{
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

@media screen and (max-width: 768px) {
    .footer{
        text-align: center;
    }

    .m-r-10{
        margin-right: 0px;
    }
}

/** TEXT COLORS & SETTINGS ****/

.text-title{
    color:#000000!important;
}

.text-black{
    color:#000000!important;
}

.text-footer{
    color:#ffffff!important;
    margin-right: 10px!important;
}

.fs-20{
    font-size: 20px!important;
}




/** HEADER E NAVBAR**/

.logo-nav{
    max-width: 50%;
}


.bg-tanjun{
    background-color: #000000!important;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media screen and (max-width: 768px) {
    .logo-nav{
        max-width: 80%;
    }

    .pt-drop{
        padding-top: 20px!important;
    }
    
}


/** NAV LINK**/

.link-new{
    color:#000000!important;
    font-size: medium!important;
}

.collapse-menu{
    flex:1.5;
}

.new-color{
    color:#000000!important;
    border: 0;
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    
    transition: box-shadow 0.15s ease-in-out;
}

.btn-dark{
    color: #ffffff!important;
    background-color: #000000!important;
    border-radius: 10px!important;
}


/** BANNER/SLIDED IMAGES **/

.btn-call{
    color:#ffffff!important;
    background-color: #000000!important;
    border: 1px solid#ffffff!important;
    border-radius: 10px!important;
}

.btn-call:hover{
    color:#ffffff!important;
    background-color: transparent!important;
}

.btn-call_2{
    color:#ffffff!important;
    background-color: #000000!important;
    border-radius: 10px;
}

.btn-call_3{
    color:#000000!important;
    background-color: #ffffff!important;
    border: 1px solid#ffffff!important;
}

.btn-call_2:hover{
    color:#000000!important;
    background-color: transparent!important;
    border: 1px solid#000000!important;
}

.btn-call_3:hover{
    color:#ffffff!important;
    background-color: transparent!important;
    border: 1px solid#ffffff!important;
}


/** MAIN SERVICE BOX **/

.bg-main-service{
    background-color: #000000!important;
    border-radius: 10px;
}

.bg-white{
    background-color: #ffffff!important;
    border: 1px;
    border-radius: 10px;
}

.text-dev{
    color: #000000!important;
    font-weight: 800!important;
}

.text-media{
    color: #ffffff!important;
    font-weight: 800!important;
}

.service-icon{
    width:100%;
}

.text-msg{
    color: #ffffff!important;
    font-weight: 800!important;
}

@media screen and (max-width: 768px) {
    .mob-size{
        height: 30px!important;
    }
}


/** FOOTER **/

.bg-tanjun{
    background-color: #000000!important;
}

.logo-footer{
    max-width: 35%;
}

.none{
    display: none!important;
}

@media screen and (max-width: 768px) {
    .mobile-display{
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }

    .no-icon{
        display: none!important;
    }

    .neg-m-20{
        margin-top: -20px!important;
    }

    .no-mob{
        display: none!important;
    }

    .last-footer p{
        font-size: 10px!important;
    }
}

.regione-mobile{
        display: none;
    }

.regione-desk{
    display: block;
}


@media screen and (max-width: 768px) {
    .logo-footer{
        max-width: 80%;
    }

    .regione-mobile{
        display: block;
    }

    .regione-desk{
        display: none;
    }
    
}


/** BACKGROUND **/

.bg-msg{
    background-color: #000000!important;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}


/** IMG **/

.img-round{
    border-radius: 50px!important;
}