#floatingCirclesG{
    position:relative;
    width:42px;
    height:42px;
    /*margin:auto;*/
    transform:scale(0.6);
    -o-transform:scale(0.6);
    -ms-transform:scale(0.6);
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
}

#floatingCirclesGMain{
    position:relative;
    width:37px;
    height:37px;
    /*margin:auto;*/
    transform:scale(0.6);
    -o-transform:scale(0.6);
    -ms-transform:scale(0.6);
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
}

.f_circleG{
    position:absolute;
    background-color:rgba(201,201,201,0.99);
    height:7px;
    width:7px;
    border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    animation-name:f_fadeG;
    -o-animation-name:f_fadeG;
    -ms-animation-name:f_fadeG;
    -webkit-animation-name:f_fadeG;
    -moz-animation-name:f_fadeG;
    animation-duration:1.2s;
    -o-animation-duration:1.2s;
    -ms-animation-duration:1.2s;
    -webkit-animation-duration:1.2s;
    -moz-animation-duration:1.2s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
}

#frotateG_01{
    left:0;
    top:17px;
    animation-delay:0.45s;
    -o-animation-delay:0.45s;
    -ms-animation-delay:0.45s;
    -webkit-animation-delay:0.45s;
    -moz-animation-delay:0.45s;
}

#frotateG_02{
    left:5px;
    top:5px;
    animation-delay:0.6s;
    -o-animation-delay:0.6s;
    -ms-animation-delay:0.6s;
    -webkit-animation-delay:0.6s;
    -moz-animation-delay:0.6s;
}

#frotateG_03{
    left:17px;
    top:0;
    animation-delay:0.75s;
    -o-animation-delay:0.75s;
    -ms-animation-delay:0.75s;
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
}

#frotateG_04{
    right:5px;
    top:5px;
    animation-delay:0.9s;
    -o-animation-delay:0.9s;
    -ms-animation-delay:0.9s;
    -webkit-animation-delay:0.9s;
    -moz-animation-delay:0.9s;
}

#frotateG_05{
    right:0;
    top:17px;
    animation-delay:1.05s;
    -o-animation-delay:1.05s;
    -ms-animation-delay:1.05s;
    -webkit-animation-delay:1.05s;
    -moz-animation-delay:1.05s;
}

#frotateG_06{
    right:5px;
    bottom:5px;
    animation-delay:1.2s;
    -o-animation-delay:1.2s;
    -ms-animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
    -moz-animation-delay:1.2s;
}

#frotateG_07{
    left:17px;
    bottom:0;
    animation-delay:1.35s;
    -o-animation-delay:1.35s;
    -ms-animation-delay:1.35s;
    -webkit-animation-delay:1.35s;
    -moz-animation-delay:1.35s;
}

#frotateG_08{
    left:5px;
    bottom:5px;
    animation-delay:1.5s;
    -o-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
}



@keyframes f_fadeG{
    0%{
        background-color:rgb(103,84,79);
    }

    100%{
        background-color:rgb(201,201,201);
    }
}

@-o-keyframes f_fadeG{
    0%{
        background-color:rgb(103,84,79);
    }

    100%{
        background-color:rgb(201,201,201);
    }
}

@-ms-keyframes f_fadeG{
    0%{
        background-color:rgb(103,84,79);
    }

    100%{
        background-color:rgb(201,201,201);
    }
}

@-webkit-keyframes f_fadeG{
    0%{
        background-color:rgb(103,84,79);
    }

    100%{
        background-color:rgb(201,201,201);
    }
}

@-moz-keyframes f_fadeG{
    0%{
        background-color:rgb(103,84,79);
    }

    100%{
        background-color:rgb(201,201,201);
    }
}

/*Элемент загрузки фотографий input file*/

.foto-input .form-group {
    padding:1em;
    margin:1em
}

.foto-input input[type=file] {
    outline:0;
    opacity:0;
    pointer-events:none;
    user-select:none
}

.foto-input .label {
    width:120px;
    border:2px dashed grey;
    border-radius:5px;
    display:block;
    padding:1.2em;
    transition:border 300ms ease;
    cursor:pointer;
    text-align:center
}

.foto-input .label i {
    display:block;
    font-size:42px;
    padding-bottom:16px
}

.foto-input .label i,.foto-input .label .title {
    color:grey;
    transition:200ms color
}

.foto-input .label:hover {
    border:2px solid #000
}

.foto-input .label:hover i,.foto-input .label:hover .title {
    color:#000
}

/* ++ 1-2-4-001 31/08/2022 */
/*Строчный Элемент загрузки фотографий input file*/

.foto-input-string .form-group {
    padding:0em;
    margin:0em
}

.foto-input-string input[type=file] {
    outline:0;
    opacity:0;
    pointer-events:none;
    user-select:none
}

.foto-input-string .label {
    border:2px dashed grey;
    border-radius:5px;
    display:block;
    /*padding:1.2em;*/
    transition:border 300ms ease;
    cursor:pointer;
    text-align:center
}

.foto-input-string .label i {
    display:block;
    font-size:42px;
    padding-bottom:16px
}

.foto-input-string .label i,.foto-input-string .label .title {
    color:grey;
    transition:200ms color
}

.foto-input-string .label:hover {
    border:2px solid #000
}

.foto-input-string .label:hover i,.foto-input-string .label:hover .title {
    color:#000
}
/* -- 1-2-4-001 31/08/2022 */