/*slide*/
.background:before {
    position: absolute;
    background-size: cover!important;
    content: '';
    content: url(/images/0-opero/shape/slide-shape02.png);
    top: 0;
    left: 0;
    margin:auto;
    background-repeat:no-repeat;
    z-index:10 !important;
    }

/*header*/
.backgroundheader {overflow:hidden;}
.backgroundheader:before {
    position: absolute;
    background-size: cover!important;
    content: '';
    content: url(/images/0-opero/shape/slide-shape02.png);
    top: 0;
    left: 0;
    margin:auto;
    background-repeat:no-repeat;
    }

/*opero shape 1*/
/*shape1*/
.opero-shape-01 {
    position: relative;
}

.opero-shape-01:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0-opero/shape/shape01.png);
    top: -300px;
    left: -250px;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-10 !important;
    opacity: 0.5;
    -webkit-animation-name: float;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@media (max-width: 767px){
.opero-shape-01:before {
    opacity: 0.3;
}}


/*opero shape 2*/
.opero-shape-02 {
    position: relative;
}

.opero-shape-02:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0-opero/shape/shape01.png);
    top: -300px;
    right: -250px;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-10 !important;
    opacity: 0.5;
    -webkit-animation-name: float;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@media (max-width: 767px){
.opero-shape-02:before {
    opacity: 0.3;
}

.about-page.opero-shape-02:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0-opero/shape/shape01.png);
    top: -50px;
    right: -250px;
    margin:auto;}
}


/*shape3*/
.opero-shape-03 {
    position: relative;
}

.opero-shape-03:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0-opero/shape/shape01.png);
    bottom: -300px;
    left: -250px;
    margin:auto;
    background-repeat:no-repeat;
    z-index: 2!important;
    opacity: 0.5;
    -webkit-animation-name: float;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

/*about mobile - blue section*/
@media (max-width: 767px){
.opero-shape-03:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0-opero/shape/shape01.png);
    bottom: -350px;
    left: 50px;
    margin:auto;
    z-index: 2!important;
    opacity: 0.3;
}}


/*shape4*/
.opero-shape-04 {
    position: relative;
}

.opero-shape-04:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0-opero/shape/shape01.png);
    bottom: -250px;
    right: -250px;
    margin:auto;
    background-repeat:no-repeat;
    z-index: -10!important;
    opacity: 0.5;
    -webkit-animation-name: float;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@media (max-width: 767px){
.opero-shape-04:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0-opero/shape/shape01.png);
    bottom: -550px;
    right: 100px;
    margin:auto;
    z-index: -10!important;
    opacity: 0.3;
}}


/*shape5*/
.opero-shape-05 {
    position: relative;
}

.opero-shape-05:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0-opero/shape/shape01.png);
    bottom: -300px;
    left: -250px;
    margin:auto;
    filter:invert(1) brightness(100);
    background-repeat:no-repeat;
    z-index: 2!important;
    opacity: 0.2;
    -webkit-animation-name: float;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

/*about mobile - gold section*/
@media (max-width: 767px){
.opero-shape-05:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0-opero/shape/shape01.png);
    bottom: -350px;
    left: 50px;
    margin:auto;
    z-index: 2!important;
    opacity: 0.2;
}}





/*property*/
.view-property .opero-shape-04 {
    position: relative;
}

.view-property .opero-shape-04:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0-opero/shape/shape01.png);
    bottom: -50px;
    right: -250px;
    margin:auto;
    z-index: 0!important;
    background-repeat:no-repeat;
    opacity: 0.5;
    -webkit-animation-name: float;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@media (max-width: 767px){
.view-property .opero-shape-04:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0-opero/shape/shape01.png);
    bottom: 0px;
    right: 100px;
    margin:auto;
    opacity: 0.3;
}}