/*
0	0
1	16
2	32
3	48
4	64
5	80
6	96
7	112
8	128
9	144
A	160
B	176
C	192
D  208
E	224
F	255
*/

h1, h2, h3, h4 {font-family: oSans, 'Open Sans', sans-serif; font-weight: lighter; cursor: default; position: relative;}


.btn-com-primary {color: #444; background-color: #BAC;}
.btn-com-primary:hover {color: #FFF; background-color: #98A;}

@keyframes endTurning {
    0% {transform: rotate(0deg) scale(0.5); opacity: 0;}
    10% {transform: rotate(0deg) scale(3); opacity: 1;}
    20% {transform: rotate(360deg) scale(1); opacity: 1;}
    80% {transform: rotate(360deg) scale(1); opacity: 1;}
    90% {transform: rotate(360deg) scale(3); opacity: 1;}
    100% {transform: rotate(720deg) scale(0.5); opacity: 0;}
}


@keyframes go_c1 {
    0% {top: 33%; left: 33%;}
    10% {top: 0; left: 50%;}
    90% {top: 0; left: 50%;}
    100% {top: 33%; left: 33%;}
}

@keyframes go_c2 {
    0% {top: 33%; left: 33%;}
    10% {top: 23.33%; left: 68.33%;}
    90% {top: 23.33%; left: 68.33%;}
    100% {top: 33%; left: 33%;}
}

@keyframes go_c3 {
    0% {top: 33%; left: 33%;}
    10% {top: 55%; left: 61.66%;}
    90% {top: 55%; left: 61.66%;}
    100% {top: 33%; left: 33%;}
}

@keyframes go_c4 {
    0% {top: 33%; left: 33%;}
    10% {top: 68.33%; left: 33.33%;}
    90% {top: 68.33%; left: 33.33%;}
    100% {top: 33%; left: 33%;}
}

@keyframes go_c5 {
    0% {top: 33%; left: 33%;}
    10% {top: 55%; left: 6.66%;}
    90% {top: 55%; left: 6.66%;}
    100% {top: 33%; left: 33%;}
}

@keyframes go_c6 {
    0% {top: 33%; left: 33%;}
    10% {top: 23.33%; left: 0;}
    90% {top: 23.33%; left: 0;}
    100% {top: 33%; left: 33%;}
}

@keyframes go_c7 {
    0% {top: 33%; left: 33%;}
    10% {top: 0; left: 18.33%;}
    90% {top: 0; left: 18.33%;}
    100% {top: 33%; left: 33%;}
}



#navbarLogo {width: 77px; height: 77px; margin: 8px 15px; display: inline-block; position: relative; animation: endTurning 15s ease-in-out infinite }
#navbarLogo > .nav-logo-element {width: 31.7%; height: 31.7%; top: 33%; left: 33%; border-radius: 20px; position: absolute;}

#navbarLogo > .nav-logo-element:nth-child(7) {background-color: #3FACE4; animation: go_c7 15s ease-in-out infinite }
#navbarLogo > .nav-logo-element:nth-child(1) {background-color: #445EA9; animation: go_c1 15s ease-in-out infinite }

#navbarLogo > .nav-logo-element:nth-child(6) {background-color: #46AD5B; animation: go_c6 15s ease-in-out infinite }
#navbarLogo > .nav-logo-element:nth-child(2) {background-color: #7E5FA8; animation: go_c2 15s ease-in-out infinite }

#navbarLogo > .nav-logo-element:nth-child(5) {background-color: #FFDD3A; animation: go_c5 15s ease-in-out infinite }
#navbarLogo > .nav-logo-element:nth-child(3) {background-color: #F24942; animation: go_c3 15s ease-in-out infinite }

#navbarLogo > .nav-logo-element:nth-child(4) {background-color: #F98E3D; animation: go_c4 15s ease-in-out infinite }


/*.v {background-color: rgb(187, 170, 204);}*/