/*--- РАДУГА с тучками -----------------------------------------------------------------------------------------------*/

.highlighted-border {
    position: relative;
    display: inline-block;
    height: 80%;
    border: solid 1rem transparent;
    border-radius: 100%;
}

.highlighted-border > p {
    width: 16rem;
    height: 16rem;
    margin: 0;
    padding: 0;
    line-height: 16rem;
    vertical-align: middle;
}

.highlighted-border > p > a {
    position: relative;
    z-index: 10;
    margin: 0;
    padding: 0;
    font: normal 0.8rem/0.8rem "DoloresCyr-Bold";
    color: #0000ff;
    text-decoration: none;
}

.highlighted-border > p > a:hover {
    font-size: 1rem;
    text-shadow: 0 0 0.55rem rgb(255, 255, 255), 0 0 1rem rgb(0, 148, 255);
}

.container > .center-box .highlighted-border  img.cloud {
    position: absolute;
    z-index: 9;
    width: 17.7777rem;
    top: 50%;
    left: 50%;
    border: none;
    outline: none;
    box-shadow: none;
}

.container > .center-box .highlighted-border  img.cloud2 {
    top: 60%;
    left: -70%;
}

.container > .center-box img.kite {
    /* воздушный змей слева страницы */
    position: absolute;
    z-index: 9;
    width: 25%;
    top: 1%;
    left: 1%;
    border: none;
    outline: none;
    box-shadow: none;
}

.container > .center-box img.paper-plane {
    /* бумажный самолетик справа страницы */
    position: absolute;
    z-index: 9;
    width: 10%;
    top: 25%;
    left: 80%;
    border: none;
    outline: none;
    box-shadow: none;
}

.highlighted-border:hover {
    border: solid 1rem rgba(255,0,0,0.7);
    border-bottom: solid 1rem rgba(255,0,0,0.0);
    /*box-shadow: inset 0 0 21px 0 rgba(255,0,0,0.7);*/
    /*box-shadow: 0 0 21px 0 rgba(255,0,0,0.7);*/
}

.highlighted-border > .highlighted-border:hover {
    border: solid 1rem rgba(255, 124, 0, 0.7);
    border-bottom: solid 1rem rgba(255,0,0,0.0);
}

.highlighted-border > .highlighted-border > .highlighted-border:hover {
    border: solid 1rem rgba(255, 255, 0, 0.7);
    border-bottom: solid 1rem rgba(255,0,0,0.0);
}

.highlighted-border > .highlighted-border > .highlighted-border > .highlighted-border:hover {
    border: solid 1rem rgba(0, 255, 0, 0.7);
    border-bottom: solid 1rem rgba(255,0,0,0.0);
}

.highlighted-border > .highlighted-border > .highlighted-border > .highlighted-border > .highlighted-border:hover {
    border: solid 1rem rgba(0, 124, 255, 0.7);
    border-bottom: solid 1rem rgba(255,0,0,0.0);
}

.highlighted-border > .highlighted-border > .highlighted-border > .highlighted-border > .highlighted-border > .highlighted-border:hover {
    border: solid 1rem rgba(0, 0, 255, 0.7);
    border-bottom: solid 1rem rgba(255,0,0,0.0);
}

.highlighted-border > .highlighted-border > .highlighted-border > .highlighted-border > .highlighted-border > .highlighted-border > .highlighted-border:hover {
    border: solid 1rem rgba(255, 12, 255, 0.7);
    border-bottom: solid 1rem rgba(255,0,0,0.0);
}