.hero-section
{
    &.dimop
    {
        background-size:contain;
    }
}

.dimop_floater
{
    position:fixed;
    left:20px;
    bottom:10px;
    z-index:200;
    transition: 0.3s all ease-in-out;
    opacity: 1;

    &:hover
    {
        opacity:0.8;
    }

    &.closed
    {
        opacity:0;
    }

    .close
    {
        position:absolute;
        right:8px;
        top:0px;
        width:30px;
        height:29px;
        background:url("/assets/img/dimop/close.png");
        transition: 0.3s all ease-in-out;

        &:hover
        {
            opacity: 0.8;
        }

    }
}

.zero-auto-margin
{
    margin: 0 auto;
}


.hero-section
{
    &.dimop
    {
        margin-bottom:10px;
        padding-bottom:40px;
        min-height:30vw;
        background:url('/assets/img/dimop/background.png') !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        font-family: 'Noto Sans';

        @media all and( max-width:800px )
        {
            display:none !important;
        }

        padding-left:5%;
        padding-right:5%;
    }
}

#dimop
{
    max-width:1002px;
    margin: 0 auto;
    padding-left:0px;
    padding-right:0px;
    color:rgba(0,0,0,0.6);

    padding-left:5%;
    padding-right:5%;


@media all and ( min-width: 1024px )
{
    padding:0;



    .container
    {
        padding:0;
    }
}


@media all and ( max-width: 768px )
{
    font-size:12px;
}


    p
    {
        margin-bottom:30px;

    }
}