/**********************TRIANGLES**********************/

/*FRONTPAGE*/

.trianglesSVGHomeContainer, .trianglesSVGSearchContainer, .trianglesSVGForumContainer, .trianglesSVGUserContainer,
.trianglesSVGErrorContainer {
    position: fixed;
    z-index: -2;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.trianglesSVGHomeContainer2, .trianglesSVGHomeContainer3, .trianglesSVGCompanyContainer {
    position: relative;
    z-index: 10;
    bottom: 0;
    width: 100%;
    height: 300px;
    overflow: hidden;
    background-color: #ffffff;
    margin: 0;
}

.trianglesSVGHomeContainer3, .trianglesSVGCompanyContainer {
    background-color: #ffffff !important;
}

.trianglesSVGHomeContainer2 .title3 {
    position: absolute;
    top: 60px;
}

.trianglesSVGHomeContainer3 .title5, .trianglesSVGCompanyContainer .title5 {
    position: absolute;
    top: 34px;
}

.trianglesSVGHome, .trianglesSVGSearch, .trianglesSVGForum, .trianglesSVGUser, .trianglesSVGCompany {
    min-width: 100%;
    width: auto;
    height: auto;
}

.trianglesSVGHome polygon {
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    opacity: 0;
}

/*appearance*/
.trianglesSVGHome polygon {
    animation: scale-animation 400ms 800ms linear 1 forwards;
    -webkit-animation: scale-animation 400ms 800ms linear 1 forwards;
    -moz-animation: scale-animation 400ms 800ms linear 1 forwards;
}

.trianglesSVGHome polygon:nth-child(2n+0) {
    animation: scale-animation 400ms 600ms linear 1 forwards;
    -webkit-animation: scale-animation 400ms 600ms linear 1 forwards;
    -moz-animation: scale-animation 400ms 600ms linear 1 forwards;
}

.trianglesSVGHome polygon:nth-child(3n+0) {
    animation: scale-animation 400ms 400ms linear 1 forwards;
    -webkit-animation: scale-animation 400ms 400ms linear 1 forwards;
    -moz-animation: scale-animation 400ms 400ms linear 1 forwards;
}

.trianglesSVGHome polygon:nth-child(5n+0) {
    animation: scale-animation 400ms 200ms linear 1 forwards;
    -webkit-animation: scale-animation 400ms 200ms linear 1 forwards;
    -moz-animation: scale-animation 400ms 200ms linear 1 forwards;
}

/*delay head-buttons' appearance after triangles' appearance*/
.head-buttons {
    transform-origin: 50% 50%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    animation: scale-animation 800ms 1000ms linear 1 forwards;
    -webkit-animation: scale-animation 800ms 1000ms linear 1 forwards;
    -moz-animation: scale-animation 800ms 1000ms linear 1 forwards;
}

/*appearance + change colors*/

/*ramdon blink*/
.trianglesSVGHome polygon.blueBlink, .trianglesSVGHome polygon.roseBlink, .trianglesSVGHome polygon.mainColor {
    transform-origin: 50% 50%;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    opacity: 1;
}

.trianglesSVGHome polygon.blueBlink {
    animation: homeBlueBlink-animation 3000ms linear 1 forwards;
    -webkit-animation: homeBlueBlink-animation 3000ms linear 1 forwards;
    -moz-animation: homeBlueBlink-animation 3000ms linear 1 forwards;
}

.trianglesSVGHome polygon.roseBlink {
    animation: homeRoseBlink-animation 3000ms linear 1 forwards;
    -webkit-animation: homeRoseBlink-animation 3000ms linear 1 forwards;
    -moz-animation: homeRoseBlink-animation 3000ms linear 1 forwards;
}

.trianglesSVGHome polygon.mainColor {
    animation: mainColor-animation 3000ms linear 1 forwards;
    -webkit-animation: mainColor-animation 3000ms linear 1 forwards;
    -moz-animation: mainColor-animation 3000ms linear 1 forwards;
}

/*search triangles*/
#svgFirstGroupTriangles.trianglesSVGSearch polygon.st31 {
    animation: searchBlueBlink-animation 1200ms 300ms linear 3 forwards;
    -webkit-animation: searchBlueBlink-animation 1200ms 300ms linear 3 forwards;
    -moz-animation: searchBlueBlink-animation 1200ms 300ms linear 3 forwards;
}

#svgFirstGroupTriangles.trianglesSVGSearch polygon.st27, #svgFirstGroupTriangles.trianglesSVGSearch polygon.st28, #svgFirstGroupTriangles.trianglesSVGSearch polygon.st49 {
    animation: searchRoseBlink-animation 8000ms 3900ms linear 1 forwards;
    -webkit-animation: searchRoseBlink-animation 8000ms 3900ms linear 1 forwards;
    -moz-animation: searchRoseBlink-animation 8000ms 3900ms linear 1 forwards;
}

/*forum triangles*/
#svgFirstGroupTriangles.trianglesSVGForum polygon.st5, #svgFirstGroupTriangles.trianglesSVGForum polygon.st7, #svgFirstGroupTriangles.trianglesSVGForum polygon.st32,
#svgFirstGroupTriangles.trianglesSVGForum polygon.st48 {
    animation: forumBlueBlink-animation 2000ms 300ms linear 1 forwards;
    -webkit-animation: forumBlueBlink-animation 2000ms 300ms linear 1 forwards;
    -moz-animation: forumBlueBlink-animation 2000ms 300ms linear 1 forwards;
}

#svgFirstGroupTriangles.trianglesSVGForum polygon.st6, #svgFirstGroupTriangles.trianglesSVGForum polygon.st31, #svgFirstGroupTriangles.trianglesSVGForum polygon.st33,
#svgFirstGroupTriangles.trianglesSVGForum polygon.st47, #svgFirstGroupTriangles.trianglesSVGForum polygon.st49, #svgFirstGroupTriangles.trianglesSVGForum polygon.st51,
#svgFirstGroupTriangles.trianglesSVGForum polygon.st54 {
    animation: forumRoseBlink-animation 2500ms 2300ms linear 1 forwards;
    -webkit-animation: forumRoseBlink-animation 2500ms 2300ms linear 1 forwards;
    -moz-animation: forumRoseBlink-animation 2500ms 2300ms linear 1 forwards;
}

#svgFirstGroupTriangles.trianglesSVGForum polygon.st10, #svgFirstGroupTriangles.trianglesSVGForum polygon.st11,
#svgFirstGroupTriangles.trianglesSVGForum polygon.st26, #svgFirstGroupTriangles.trianglesSVGForum polygon.st27 {
    animation: forumBlueBlink-animation 2000ms 300ms linear 1 forwards,
    forumRoseBlink-animation 2500ms 2300ms linear 1 forwards;
    -webkit-animation: forumBlueBlink-animation 2000ms 300ms linear 1 forwards,
    forumRoseBlink-animation 2500ms 2300ms linear 1 forwards;
    -moz-animation: forumBlueBlink-animation 2000ms 300ms linear 1 forwards,
    forumRoseBlink-animation 2500ms 2300ms linear 1 forwards;
}

/*second group of triangles in frontpage & user profile triangles*/
#svgFirstGroupTriangles.trianglesSVGUser polygon.st120, .trianglesSVGHome2 polygon.st120 {
    animation: blueBlink-animation 4800ms 0ms linear infinite forwards;
    -webkit-animation: blueBlink-animation 4800ms 0ms linear infinite forwards;
    -moz-animation: blueBlink-animation 4800ms 0ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st135, .trianglesSVGHome2 polygon.st135 {
    animation: blueBlink-animation 4800ms 200ms linear infinite forwards;
    -webkit-animation: blueBlink-animation 4800ms 200ms linear infinite forwards;
    -moz-animation: blueBlink-animation 4800ms 200ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st1, .trianglesSVGHome2 polygon.st1 {
    animation: blueBlink-animation 4800ms 400ms linear infinite forwards;
    -webkit-animation: blueBlink-animation 4800ms 400ms linear infinite forwards;
    -moz-animation: blueBlink-animation 4800ms 400ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st16, .trianglesSVGHome2 polygon.st16 {
    animation: blueBlink-animation 4800ms 600ms linear infinite forwards;
    -webkit-animation: blueBlink-animation 4800ms 600ms linear infinite forwards;
    -moz-animation: blueBlink-animation 4800ms 600ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st21, .trianglesSVGHome2 polygon.st21 {
    animation: blueBlink-animation 4800ms 800ms linear infinite forwards;
    -webkit-animation: blueBlink-animation 4800ms 800ms linear infinite forwards;
    -moz-animation: blueBlink-animation 4800ms 800ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st39, .trianglesSVGHome2 polygon.st39 {
    animation: blueBlink-animation 4800ms 1000ms linear infinite forwards;
    -webkit-animation: blueBlink-animation 4800ms 1000ms linear infinite forwards;
    -moz-animation: blueBlink-animation 4800ms 1000ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st42, .trianglesSVGHome2 polygon.st42 {
    animation: blueBlink-animation 4800ms 1200ms linear infinite forwards;
    -webkit-animation: blueBlink-animation 4800ms 1200ms linear infinite forwards;
    -moz-animation: blueBlink-animation 4800ms 1200ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st60, .trianglesSVGHome2 polygon.st60 {
    animation: blueBlink-animation 4800ms 1400ms linear infinite forwards;
    -webkit-animation: blueBlink-animation 4800ms 1400ms linear infinite forwards;
    -moz-animation: blueBlink-animation 4800ms 1400ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st160, .trianglesSVGHome2 polygon.st160 {
    animation: blueBlink-animation 4800ms 1600ms linear infinite forwards;
    -webkit-animation: blueBlink-animation 4800ms 1600ms linear infinite forwards;
    -moz-animation: blueBlink-animation 4800ms 1600ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st117, .trianglesSVGHome2 polygon.st117 {
    animation: roseBlink-animation 4800ms 1800ms linear infinite forwards;
    -webkit-animation: roseBlink-animation 4800ms 1800ms linear infinite forwards;
    -moz-animation: roseBlink-animation 4800ms 1800ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st100, .trianglesSVGHome2 polygon.st100 {
    animation: roseBlink-animation 4800ms 2000ms linear infinite forwards;
    -webkit-animation: roseBlink-animation 4800ms 2000ms linear infinite forwards;
    -moz-animation: roseBlink-animation 4800ms 2000ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st83, .trianglesSVGHome2 polygon.st83 {
    animation: roseBlink-animation 4800ms 2200ms linear infinite forwards;
    -webkit-animation: roseBlink-animation 4800ms 2200ms linear infinite forwards;
    -moz-animation: roseBlink-animation 4800ms 2200ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st81, .trianglesSVGHome2 polygon.st81 {
    animation: roseBlink-animation 4800ms 2400ms linear infinite forwards;
    -webkit-animation: roseBlink-animation 4800ms 2400ms linear infinite forwards;
    -moz-animation: roseBlink-animation 4800ms 2400ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st63, .trianglesSVGHome2 polygon.st63 {
    animation: roseBlink-animation 4800ms 2600ms linear infinite forwards;
    -webkit-animation: roseBlink-animation 4800ms 2600ms linear infinite forwards;
    -moz-animation: roseBlink-animation 4800ms 2600ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st58, .trianglesSVGHome2 polygon.st58 {
    animation: roseBlink-animation 4800ms 2800ms linear infinite forwards;
    -webkit-animation: roseBlink-animation 4800ms 2800ms linear infinite forwards;
    -moz-animation: roseBlink-animation 4800ms 2800ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st43, .trianglesSVGHome2 polygon.st43 {
    animation: roseBlink-animation 4800ms 3000ms linear infinite forwards;
    -webkit-animation: roseBlink-animation 4800ms 3000ms linear infinite forwards;
    -moz-animation: roseBlink-animation 4800ms 3000ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st37, .trianglesSVGHome2 polygon.st37 {
    animation: roseBlink-animation 4800ms 3200ms linear infinite forwards;
    -webkit-animation: roseBlink-animation 4800ms 3200ms linear infinite forwards;
    -moz-animation: roseBlink-animation 4800ms 3200ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st22, .trianglesSVGHome2 polygon.st22 {
    animation: roseBlink-animation 4800ms 3400ms linear infinite forwards;
    -webkit-animation: roseBlink-animation 4800ms 3400ms linear infinite forwards;
    -moz-animation: roseBlink-animation 4800ms 3400ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st15, .trianglesSVGHome2 polygon.st15 {
    animation: roseBlink-animation 4800ms 3600ms linear infinite forwards;
    -webkit-animation: roseBlink-animation 4800ms 3600ms linear infinite forwards;
    -moz-animation: roseBlink-animation 4800ms 3600ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st2, .trianglesSVGHome2 polygon.st2 {
    animation: roseBlink-animation 4800ms 3800ms linear infinite forwards;
    -webkit-animation: roseBlink-animation 4800ms 3800ms linear infinite forwards;
    -moz-animation: roseBlink-animation 4800ms 3800ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st134, .trianglesSVGHome2 polygon.st134 {
    animation: roseBlink-animation 4800ms 4000ms linear infinite forwards;
    -webkit-animation: roseBlink-animation 4800ms 4000ms linear infinite forwards;
    -moz-animation: roseBlink-animation 4800ms 4000ms linear infinite forwards;
}

#svgFirstGroupTriangles.trianglesSVGUser polygon.st121, .trianglesSVGHome2 polygon.st121 {
    animation: roseBlink-animation 4800ms 4200ms linear infinite forwards;
    -webkit-animation: roseBlink-animation 4800ms 4200ms linear infinite forwards;
    -moz-animation: roseBlink-animation 4800ms 4200ms linear infinite forwards;
}

/*error triangles*/
#svgFirstGroupTriangles.trianglesSVGError polygon.st50, #svgFirstGroupTriangles.trianglesSVGError polygon.st70, #svgFirstGroupTriangles.trianglesSVGError polygon.st71 {
    animation: blueBlink-animation 2500ms 200ms linear 2 forwards;
    -webkit-animation: blueBlink-animation 2500ms 200ms linear 2 forwards;
    -moz-animation: blueBlink-animation 2500ms 200ms linear 2 forwards;
}

#svgFirstGroupTriangles.trianglesSVGError polygon.st51, #svgFirstGroupTriangles.trianglesSVGError polygon.st59, #svgFirstGroupTriangles.trianglesSVGError polygon.st72 {
    animation: roseBlink-animation 2500ms 2700ms linear 1 forwards;
    -webkit-animation: roseBlink-animation 2500ms 2700ms linear 1 forwards;
    -moz-animation: roseBlink-animation 2500ms 2700ms linear 1 forwards;
}

@keyframes forumBlueBlink-animation {
    0% {
        fill: current
    }
    50% {
        fill: rgba(0, 226, 255, 0.7);
    }
    100% {
        fill: current
    }
}

@-moz-keyframes forumBlueBlink-animation {
    0% {
        fill: current
    }
    50% {
        fill: rgba(0, 226, 255, 0.7);
    }
    100% {
        fill: current
    }
}

@keyframes forumRoseBlink-animation {
    0% {
        fill: current
    }
    85% {
        fill: rgba(249, 110, 144, 1);
    }
    100% {
        fill: rgba(249, 110, 144, 1);
    }
}

@-moz-keyframes forumRoseBlink-animation {
    0% {
        fill: current
    }
    85% {
        fill: rgba(249, 110, 144, 1);
    }
    100% {
        fill: rgba(249, 110, 144, 1);
    }
}

@keyframes searchBlueBlink-animation {
    0% {
        fill: current
    }
    30% {
        fill: rgba(0, 226, 255, 0.7);
    }
    70% {
        fill: rgba(0, 226, 255, 0.7);
    }
    100% {
        fill: current
    }
}

@-moz-keyframes searchBlueBlink-animation {
    0% {
        fill: current
    }
    30% {
        fill: rgba(0, 226, 255, 0.7);
    }
    70% {
        fill: rgba(0, 226, 255, 0.7);
    }
    100% {
        fill: current
    }
}

@keyframes searchRoseBlink-animation {
    0% {
        fill: current
    }
    10% {
        fill: rgba(249, 110, 144, 1);
    }
    50% {
        fill: rgba(249, 110, 144, 1);
    }
    100% {
        fill: current
    }
}

@-moz-keyframes searchRoseBlink-animation {
    0% {
        fill: current
    }
    10% {
        fill: rgba(249, 110, 144, 1);
    }
    50% {
        fill: rgba(249, 110, 144, 1);
    }
    100% {
        fill: current
    }
}

/*animations' keyframes*/
@keyframes scale-animation {
    to {
        transform-origin: 50% 50%;
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes scale-animation {
    to {
        -moz-transform-origin: 50% 50%;
        -moz-transform: scale(1);
        opacity: 1;
    }
}

@keyframes roseBlink-animation {
    0% {
        fill: current
    }
    1% {
        fill: rgba(249, 110, 144, 1);
    }
    52% {
        fill: current
    }
    100% {
        fill: current
    }
}

@-moz-keyframes roseBlink-animation {
    0% {
        fill: current
    }
    1% {
        fill: rgba(249, 110, 144, 1);
    }
    52% {
        fill: current
    }
    100% {
        fill: current
    }
}

@keyframes homeBlueBlink-animation {
    0% {
        fill: current
    }
    20% {
        fill: rgba(0, 226, 255, 0.7);
    }
    100% {
        fill: current
    }
}

@-moz-keyframes homeBlueBlink-animation {
    0% {
        fill: current
    }
    20% {
        fill: rgba(0, 226, 255, 0.7);
    }
    100% {
        fill: current
    }
}

@keyframes homeRoseBlink-animation {
    0% {
        fill: current
    }
    20% {
        fill: rgba(249, 110, 144, 1);
    }
    100% {
        fill: current
    }
}

@-moz-keyframes homeRoseBlink-animation {
    0% {
        fill: current
    }
    20% {
        fill: rgba(249, 110, 144, 1);
    }
    100% {
        fill: current
    }
}

@keyframes mainColor-animation {
    0% {
        fill: current
    }
    20% {
        fill: current
    }
    100% {
        fill: current
    }
}

@-moz-keyframes mainColor-animation {
    0% {
        fill: current
    }
    20% {
        fill: current
    }
    100% {
        fill: current
    }
}

@keyframes blueBlink-animation {
    0% {
        fill: current
    }
    1% {
        fill: rgba(0, 226, 255, 0.7);
    }
    52% {
        fill: current
    }
    100% {
        fill: current
    }
}

@-moz-keyframes blueBlink-animation {
    0% {
        fill: current
    }
    1% {
        fill: rgba(0, 226, 255, 0.7);
    }
    52% {
        fill: current
    }
    100% {
        fill: current
    }
}

/*Triangles' colors*/
.st0 {
    fill: #0E1A43;
}

.st1 {
    fill: #141749;
}

.st2 {
    fill: #3A165C;
}

.st3 {
    fill: #A83971;
}

.st4 {
    fill: #ED4F78;
}

.st5 {
    fill: #D53277;
}

.st6 {
    fill: #A03970;
}

.st7 {
    fill: #6B406A;
}

.st8 {
    fill: #354763;
}

.st9 {
    fill: #504466;
}

.st10 {
    fill: #853D6D;
}

.st11 {
    fill: #BA3674;
}

.st12 {
    fill: #E02F61;
}

.st13 {
    fill: #B54276;
}

.st14 {
    fill: #7F125E;
}

.st15 {
    fill: #281555;
}

.st16 {
    fill: #0F1A45;
}

.st17 {
    fill: #1B4B5F;
}

.st18 {
    fill: #122447;
}

.st19 {
    fill: #101A3E;
}

.st20 {
    fill: #004E5C;
}

.st21 {
    fill: #161E42;
}

.st22 {
    fill: #48104C;
}

.st23 {
    fill: #880550;
}

.st24 {
    fill: #BB004E;
}

.st25 {
    fill: #DB0957;
}

.st26 {
    fill: #AA1C5D;
}

.st27 {
    fill: #7A3063;
}

.st28 {
    fill: #494368;
}

.st29 {
    fill: #18566E;
}

.st30 {
    fill: #314D6B;
}

.st31 {
    fill: #613965;
}

.st32 {
    fill: #922660;
}

.st33 {
    fill: #C3135A;
}

.st34 {
    fill: #DA1F55;
}

.st35 {
    fill: #B40045;
}

.st36 {
    fill: #6A0747;
}

.st37 {
    fill: #1E1A42;
}

.st38 {
    fill: #006071;
}

.st39 {
    fill: #0A214D;
}

.st40 {
    fill: #162443;
}

.st41 {
    fill: #172144;
}

.st42 {
    fill: #1F2240;
}

.st43 {
    fill: #291A3F;
}

.st44 {
    fill: #600D49;
}

.st45 {
    fill: #AF1E4C;
}

.st46 {
    fill: #CE003D;
}

.st47 {
    fill: #A5174B;
}

.st48 {
    fill: #7C2E5A;
}

.st49 {
    fill: #524568;
}

.st50 {
    fill: #295C77;
}

.st51 {
    fill: #3E516F;
}

.st52 {
    fill: #673A61;
}

.st53 {
    fill: #902353;
}

.st54 {
    fill: #B90C44;
}

.st55 {
    fill: #D41049;
}

.st56 {
    fill: #9C0A3B;
}

.st57 {
    fill: #57134B;
}

.st58 {
    fill: #24243F;
}

.st59 {
    fill: #15687E;
}

.st60 {
    fill: #232845;
}

.st61 {
    fill: #242949;
}

.st62 {
    fill: #007385;
}

.st63 {
    fill: #243857;
}

.st64 {
    fill: #43204E;
}

.st65 {
    fill: #A61444;
}

.st66 {
    fill: #D00041;
}

.st67 {
    fill: #C51551;
}

.st68 {
    fill: #992E61;
}

.st69 {
    fill: #6E4771;
}

.st70 {
    fill: #426081;
}

.st71 {
    fill: #167991;
}

.st72 {
    fill: #2C6C89;
}

.st73 {
    fill: #585379;
}

.st74 {
    fill: #833B69;
}

.st75 {
    fill: #AF2259;
}

.st76 {
    fill: #DB0949;
}

.st77 {
    fill: #B20033;
}

.st78 {
    fill: #880837;
}

.st79 {
    fill: #273254;
}

.st80 {
    fill: #008599;
}

.st81 {
    fill: #1E314F;
}

.st82 {
    fill: #163C5E;
}

.st83 {
    fill: #10436A;
}

.st84 {
    fill: #133F57;
}

.st85 {
    fill: #881F3F;
}

.st86 {
    fill: #B71B35;
}

.st87 {
    fill: #C2404F;
}

.st88 {
    fill: #9B5162;
}

.st89 {
    fill: #746375;
}

.st90 {
    fill: #4D7588;
}

.st91 {
    fill: #27869B;
}

.st92 {
    fill: #3A7E91;
}

.st93 {
    fill: #616C7E;
}

.st94 {
    fill: #885A6B;
}

.st95 {
    fill: #AE4958;
}

.st96 {
    fill: #D53745;
}

.st97 {
    fill: #AB3F50;
}

.st98 {
    fill: #4A384D;
}

.st99 {
    fill: #138FA4;
}

.st100 {
    fill: #07465C;
}

.st101 {
    fill: #113F5D;
}

.st102 {
    fill: #0A4559;
}

.st103 {
    fill: #715B59;
}

.st104 {
    fill: #AB6244;
}

.st105 {
    fill: #D45232;
}

.st106 {
    fill: #DA602E;
}

.st107 {
    fill: #C3723E;
}

.st108 {
    fill: #758873;
}

.st109 {
    fill: #3A999A;
}

.st110 {
    fill: #4E938D;
}

.st111 {
    fill: #9C7D59;
}

.st112 {
    fill: #D66C31;
}

.st113 {
    fill: #CA6D35;
}

.st114 {
    fill: #917357;
}

.st115 {
    fill: #545F4A;
}

.st116 {
    fill: #00AAC2;
}

.st117 {
    fill: #0A445C;
}

.st118 {
    fill: #05485C;
}

.st119 {
    fill: #11043E;
}

.st120 {
    fill: #2E054E;
}

.st121 {
    fill: #621E60;
}

.st122 {
    fill: #D05381;
}

.st123 {
    fill: #DE5C86;
}

.st124 {
    fill: #AA4376;
}

.st125 {
    fill: #794169;
}

.st126 {
    fill: #493E5C;
}

.st127 {
    fill: #183C4F;
}

.st128 {
    fill: #313D55;
}

.st129 {
    fill: #614062;
}

.st130 {
    fill: #92426F;
}

.st131 {
    fill: #F96E90;
}

.st132 {
    fill: #EB658B;
}

.st133 {
    fill: #9A306C;
}

.st134 {
    fill: #4E145B;
}

.st135 {
    fill: #170C4A;
}

.st136 {
    fill: #003B48;
}

.st137 {
    fill: #0E103E;
}

.st138 {
    fill: #10113B;
}

.st139 {
    fill: #111238;
}

.st140 {
    fill: #155057;
}

.st141 {
    fill: #7B7A67;
}

.st142 {
    fill: #B17E48;
}

.st143 {
    fill: #CA7A3B;
}

.st144 {
    fill: #BB8948;
}

.st145 {
    fill: #8C9F76;
}

.st146 {
    fill: #5DB6A3;
}

.st147 {
    fill: #2FCCD1;
}

.st148 {
    fill: #46C1BA;
}

.st149 {
    fill: #75AA8D;
}

.st150 {
    fill: #A3945F;
}

.st151 {
    fill: #D27E31;
}

.st152 {
    fill: #C4813F;
}

.st153 {
    fill: #7E6A42;
}

.st154 {
    fill: #2A5553;
}

.st155 {
    fill: #17D7E8;
}

.st156 {
    fill: #00E2FF;
}

.st157 {
    fill: #0098AE;
}

.st158 {
    fill: #13A4B5;
}

.st159 {
    fill: #004B5B;
}

.st160 {
    fill: #004B5B;
}

/*third group triangles*/
.trianglesSVGHome3 polygon {
    stroke: #ffffff;
    fill: #ffffff;
}

.trianglesSVGHome3 polygon.pinkBorder {
    stroke: rgba(218, 31, 85, 0.5);
}

/*company page triangles*/
.trianglesSVGCompany {
    background: -moz-linear-gradient(left, rgb(0, 73, 91) 0%, rgba(204, 204, 204, 0.74) 56%, rgb(250, 250, 250) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgb(0, 73, 91) 0%, rgba(204, 204, 204, 0.74) 56%, rgb(250, 250, 250) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgb(0, 73, 91) 0%, rgba(204, 204, 204, 0.74) 56%, rgb(250, 250, 250) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.trianglesSVGCompany polygon {
    stroke: #fafafa;
    fill: rgba(0, 0, 0, 0);
}

/*.trianglesSVGCompany polygon.pinkBorder {*/
/*stroke: rgba(218, 31, 85, 0.5);*/
/*}*/

/* media-queries */
@media (max-width: 1560px) {
    /*styles  < 1560px*/
    .trianglesSVGHome {
        height: 100%;
    }
}

@media (max-width: 1380px) {
    h2.titlePrize {
        font-size: 24px !important;
    }
}

@media (max-width: 1210px) {
    h2.titlePrize {
        font-size: 22px !important;
    }
}

@media (max-width: 1090px) {
    h2.titlePrize {
        font-size: 20px !important;
    }
}

@media (max-width: 768px) {
    h2.titlePrize {
        text-align: center;
    }

    .imgPrizeContainer {
        text-align: -webkit-center;
    }

    .trianglesSVGHomeContainer2, .trianglesSVGHomeContainer3, .trianglesSVGCompanyContainer {
        height: auto;
    }

    .trianglesSVGHomeContainer2 .title3, .trianglesSVGHomeContainer3 .title3 {
        top: 30px;
    }
}

@media (max-width: 720px) {
    .trianglesSVGHomeContainer3 .title5 {
        top: 10px;
    }

    h2.titlePrize {
        font-size: 26px !important;
    }

    .imgPrizeContainer img {
        width: 160px;
    }
}

@media (max-width: 510px) {
    h2.titlePrize {
        font-size: 12px !important;
        line-height: 2px;
    }

    .imgPrizeContainer img {
        width: 160px;
    }
}

@media (max-width: 360px) {
    .trianglesSVGHomeContainer3 .title5 {
        top: 0;
    }

    h2.titlePrize {
        font-size: 14px !important;
        font-weight: bold;
    }

    .imgPrizeContainer img {
        width: 140px;
        position: relative;
        top: 2px;
    }
}