/*Ikonu (spec)izvietojums un bilžu avoti*/
#hex-icon0{
    background-image: url('/images/com_spele/assets/home-logo.png'); 
    width: 10em;
    height: 10em;
    margin-top: 6em;
    transition: transform 1s ease-in-out;
}
#hex-icon1, #hex-icon2, #hex-icon3, #hex-icon4, #hex-icon5, #hex-icon6, #hex-icon7, #hex-icon8, #hex-icon9, #hex-icon10 {
    display: inline-block;
    transition: transform .3s ease-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility:visible;
    margin-bottom: 10px;
}

/*#hex-text1, #hex-text2, #hex-text3, #hex-text4, #hex-text5, #hex-text6 {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility:visible;
}*/

#hex-icon1{
    background-image: url('/images/com_spele/categories/icon-1.svg'); 
    /*margin-top: -3px;*/
}

#hex-icon2{
    background-image: url('/images/com_spele/categories/icon-2.svg'); /*margin-top: -2.5em;*/
}

#hex-icon3{
    background-image: url('/images/com_spele/categories/icon-3.svg'); /*margin-left: 1.25em;*/
}
#hex-icon4{
    background-image: url('/images/com_spele/categories/icon-4.svg'); /*margin-top: 0.5em;*/
}

#hex-icon5{
    background-image: url('/images/com_spele/categories/icon-5.svg'); 
    /*margin-left: 2em; 
    margin-top: -1em;
    height: 10em;*/
}

#hex-icon6{
    background-image: url('/images/com_spele/categories/icon-6.svg'); /*margin-top: -1em;*/
}
#hex-icon7{
    background-image: url('/images/com_spele/categories/icon-7.svg'); /*margin-top: -1em;*/
}
#hex-icon8{
    background-image: url('/images/com_spele/categories/icon-7.svg'); /*margin-top: -1em;*/
}
#hex-icon9{
    background-image: url('/images/com_spele/categories/icon-7.svg'); /*margin-top: -1em;*/
}
#hex-icon10{
    background-image: url('/images/com_spele/categories/icon-7.svg'); /*margin-top: -1em;*/
}

#cat1 {
    background-image: url('/images/com_spele/categories/bg-1.png');
}
#cat2 {
    background-image: url('/images/com_spele/categories/bg-2.png');
}
#cat3 {
    background-image: url('/images/com_spele/categories/bg-3.png');
}
#cat4 {
    background-image: url('/images/com_spele/categories/bg-4.png');
}
#cat5 {
    background-image: url('/images/com_spele/categories/bg-5.png');
}
#cat6 {
    background-image: url('/images/com_spele/categories/bg-6.png');
}
#cat7 {
    background-image: url('/images/com_spele/categories/bg-7.png');
}
#cat8 {
    background-image: url('/images/com_spele/categories/bg-7.png');
}
#cat9 {
    background-image: url('/images/com_spele/categories/bg-7.png');
}
#cat10 {
    background-image: url('/images/com_spele/categories/bg-7.png');
}
/*Teksta novietojums heksagonos home skatā.*/
/*#hex-text1 {
    text-shadow: 0 0 10px black;
}
#hex-text2 {
    text-shadow: 0 0 10px black;
}
#hex-text3 {
    text-shadow: 0 0 10px black;
}
#hex-text4 {
    text-shadow: 0 0 10px black;
}
#hex-text5 {
    text-shadow: 0 0 10px black;
}
#hex-text6 {
    text-shadow: 0 0 10px black;
}*/

/* Heksagonu (un viņu linku) režģis. Tiešām garš. */

.form-hex-1{
    transform: translate(-37.5em, 3em);
    -webkit-transform: translate(-37.5em, 3em);
}

.form-hex-2{
    transform: translate(-25em, 10em);
    -webkit-transform: translate(-25em, 10em);
}

.form-hex-3{
    transform: translate(-12.5em, 3em);
    -webkit-transform: translate(-12.5em, 3em);
}

.form-hex-4{
    transform: translate(13.5em, 3em);
    -webkit-transform: translate(13.5em, 3em);
}

.form-hex-5{
    transform: translate(26.5em, 10em);
    -webkit-transform: translate(26.5em, 10em);
}

.form-hex-6{
    transform: translate(-37.5em, 17.5em);
    -webkit-transform: translate(-37.5em, 17.5em);
}

.form-hex-7{
    transform: translate(-25em, 25em);
    -webkit-transform: translate(-25em, 25em);
}

.form-hex-8{
    transform: translate(0.5em, 10em);
    -webkit-transform: translate(0.5em, 10em);
    white-space: pre;
    height: 0;
}

.form-hex-9{
    transform: translate(13.5em, 17.5em);
    -webkit-transform: translate(13.5em, 17.5em);
}

.form-hex-10{
    transform: translate(26.5em, 24.5em);
    -webkit-transform: translate(26.5em, 24.5em);
}

.form-hex-12{
    transform: translate(-12.5em, 17.5em);
    -webkit-transform: translate(-12.5em, 17.5em);
}

.form-hex-14{
    transform: translate(0.5em, 24.5em);
    -webkit-transform: translate(0.5em, 24.5em);
}

.form-hex-16{
    transform: translate(39.5em, 3em);
    -webkit-transform: translate(39.5em, 3em);
}

.form-hex-22{
    transform: translate(39.5em, 17.5em);
    -webkit-transform: translate(39.5em, 17.5em);
}

.form-grid .quadlink{
    height: 13em;
}

.form-grid .quadlink-1{
    transform: translate(4em, 0.5em) rotate(60deg);
    -webkit-transform: translate(4em, 0.5em) rotate(60deg);
}

.form-grid .quadlink-2{
    transform: translate(4em, 0.5em);
    -webkit-transform: translate(4em, 0.5em);
}

.form-grid .quadlink-3{
    transform: translate(4em, 0.5em) rotate(-60deg);
    -webkit-transform: translate(4em, 0.5em) rotate(-60deg);
}

.hexagon-1 {
    transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(-37.3em);
    -webkit-transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(-37.3em);
}

.quadlink-1-1 {
    transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(-60deg);

}

.quadlink-1-2 {
    transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(-37.3em) translate(6em);
    -webkit-transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(-37.3em) translate(6em);

}

.quadlink-1-3 {
    transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(60deg);

}

.hexagon-2 {
    transform: rotate(-150deg) translate(21.5em) rotate(150deg) translate(0,-21.5em);
    -webkit-transform: rotate(-150deg) translate(21.5em) rotate(150deg) translate(0,-21.5em);

}

.quadlink-2-1 {
    transform: rotate(-150deg) translate(21.5em) rotate(150deg) translate(0,-21.5em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(-150deg) translate(21.5em) rotate(150deg) translate(0,-21.5em) translate(6em) rotate(-60deg);

}

.quadlink-2-2 {
    transform: rotate(-150deg) translate(21.5em) rotate(150deg) translate(0,-21.5em) translate(6em);
    -webkit-transform: rotate(-150deg) translate(21.5em) rotate(150deg) translate(0,-21.5em) translate(6em);

}

.quadlink-2-3 {
    transform: rotate(-150deg) translate(21.5em) rotate(150deg) translate(0,-21.5em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(-150deg) translate(21.5em) rotate(150deg) translate(0,-21.5em) translate(6em) rotate(60deg);

}

.hexagon-3 {
    transform: rotate(90deg) translate(-21.5em) rotate(-90deg);
    -webkit-transform: rotate(90deg) translate(-21.5em) rotate(-90deg);

}

.quadlink-3-1 {
    transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(6em) rotate(-60deg);

}

.quadlink-3-2 {
    transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(6em);
    -webkit-transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(6em);

}

.quadlink-3-3 {
    transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(6em) rotate(60deg);

}

.hexagon-4 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,-21.5em);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,-21.5em);

}

.quadlink-4-1 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,-21.5em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,-21.5em) translate(6em) rotate(-60deg);

}

.quadlink-4-2 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,-21.5em) translate(6em);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,-21.5em) translate(6em);

}

.quadlink-4-3 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,-21.5em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,-21.5em) translate(6em) rotate(60deg);

}

.hexagon-5 {
    transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(37.3em);
    -webkit-transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(37.3em);

}

.quadlink-5-1 {
    transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(37.3em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(37.3em) translate(6em) rotate(-60deg);

}

.quadlink-5-2 {
    transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(37.3em) translate(6em);
    -webkit-transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(37.3em) translate(6em);

}

.quadlink-5-3 {
    transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(37.3em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(-21.5em) rotate(-90deg) translate(37.3em) translate(6em) rotate(60deg);

}

.hexagon1{
    transform: rotate(11deg) translate(-35.7em) rotate(-11deg) translate(3em) translate(9em);
    -webkit-transform: rotate(11deg) translate(-35.7em) rotate(-11deg) translate(3em) translate(9em);

}

.quadlink1-1 {
    transform: rotate(11deg) translate(-35.7em) rotate(-11deg) translate(6em) translate(9em) rotate(-60deg);
    -webkit-transform: rotate(11deg) translate(-35.7em) rotate(-11deg) translate(6em) translate(9em) rotate(-60deg);

}

.quadlink1-2 {
    transform: rotate(11deg) translate(-35.7em) rotate(-11deg) translate(6em) translate(9em);
    -webkit-transform: rotate(11deg) translate(-35.7em) rotate(-11deg) translate(6em) translate(9em);

}

.quadlink1-3 {
    transform: rotate(11deg) translate(-35.7em) rotate(-11deg) translate(6em) translate(9em) rotate(60deg);
    -webkit-transform: rotate(11deg) translate(-35.7em) rotate(-11deg) translate(6em) translate(9em) rotate(60deg);

}

.hexagon2 {
    transform: translate(-23.4em) translate(3em) translate(9em);
    -webkit-transform: translate(-23.4em) translate(3em) translate(9em);

}

.quadlink2-1 {
    transform: translate(-23.4em) translate(6em) translate(9em) rotate(-60deg);
    -webkit-transform: translate(-23.4em) translate(6em) translate(9em) rotate(-60deg);

}

.quadlink2-2 {
    transform: translate(-23.4em) translate(6em) translate(9em);
    -webkit-transform: translate(-23.4em) translate(6em) translate(9em);

}

.quadlink2-3 {
    transform: translate(-23.4em) translate(6em) translate(9em) rotate(60deg);
    -webkit-transform: translate(-23.4em) translate(6em) translate(9em) rotate(60deg);

}

.hexagon3 {
    transform: rotate(30deg) translate(-13.5em) rotate(-30deg) translate(9em) translate(3em);
    -webkit-transform: rotate(30deg) translate(-13.5em) rotate(-30deg) translate(9em) translate(3em);
}

.quadlink3-1 {
    transform: rotate(30deg) translate(-13.5em) rotate(-30deg) translate(6em) translate(9em) rotate(-60deg);
    -webkit-transform: rotate(30deg) translate(-13.5em) rotate(-30deg) translate(6em) translate(9em) rotate(-60deg);

}

.quadlink3-2 {
    transform: rotate(30deg) translate(-13.5em) rotate(-30deg) translate(6em) translate(9em);
    -webkit-transform: rotate(30deg) translate(-13.5em) rotate(-30deg) translate(6em) translate(9em);

}

.quadlink3-3 {
    transform: rotate(30deg) translate(-13.5em) rotate(-30deg) translate(6em) translate(9em) rotate(60deg);
    -webkit-transform: rotate(30deg) translate(-13.5em) rotate(-30deg) translate(6em) translate(9em) rotate(60deg);

}

.hexagon4 {
    transform: rotate(-30deg) translate(13.5em) rotate(30deg) translate(3em) translate(9em);
    -webkit-transform: rotate(-30deg) translate(13.5em) rotate(30deg) translate(3em) translate(9em);

}

.quadlink4-1 {
    transform: rotate(-30deg) translate(13.5em) rotate(30deg) translate(6em) translate(9em) rotate(-60deg);
    -webkit-transform: rotate(-30deg) translate(13.5em) rotate(30deg) translate(6em) translate(9em) rotate(-60deg);

}

.quadlink4-2 {
    transform: rotate(-30deg) translate(13.5em) rotate(30deg) translate(6em) translate(9em);
    -webkit-transform: rotate(-30deg) translate(13.5em) rotate(30deg) translate(6em) translate(9em);

}

.quadlink4-3 {
    transform: rotate(-30deg) translate(13.5em) rotate(30deg) translate(6em) translate(9em) rotate(60deg);
    -webkit-transform: rotate(-30deg) translate(13.5em) rotate(30deg) translate(6em) translate(9em) rotate(60deg);

}

.hexagon5 {
    transform: translate(23.4em) translate(3em) translate(9em);
    -webkit-transform: translate(23.4em) translate(3em) translate(9em);

}

.quadlink5-1 {
    transform: translate(23.4em) translate(6em) translate(9em) rotate(-60deg);
    -webkit-transform: translate(23.4em) translate(6em) translate(9em) rotate(-60deg);

}

.quadlink5-2 {
    transform: translate(23.4em) translate(6em) translate(9em);
    -webkit-transform: translate(23.4em) translate(6em) translate(9em);

}

.quadlink5-3 {
    transform: translate(23.4em) translate(6em) translate(9em) rotate(60deg);
    -webkit-transform: translate(23.4em) translate(6em) translate(9em) rotate(60deg);

}

.hexagon6 {
    transform: rotate(-11deg) translate(-35.7em) rotate(11deg) translate(3em) translate(9em);
    -webkit-transform: rotate(-11deg) translate(-35.7em) rotate(11deg) translate(3em) translate(9em);

}

.quadlink6-1 {
    transform: rotate(-11deg) translate(-35.7em) rotate(11deg) translate(6em) translate(9em) rotate(-60deg);
    -webkit-transform: rotate(-11deg) translate(-35.7em) rotate(11deg) translate(6em) translate(9em) rotate(-60deg);

}

.quadlink6-2 {
    transform: rotate(-11deg) translate(-35.7em) rotate(11deg) translate(6em) translate(9em);
    -webkit-transform: rotate(-11deg) translate(-35.7em) rotate(11deg) translate(6em) translate(9em);

}

.quadlink6-3 {
    transform: rotate(-11deg) translate(-35.7em) rotate(11deg) translate(6em) translate(9em) rotate(60deg);
    -webkit-transform: rotate(-11deg) translate(-35.7em) rotate(11deg) translate(6em) translate(9em) rotate(60deg);

}

.hexagon7 {
    transform: rotate(-30deg) translate(-27em) rotate(30deg) translate(3em) translate(9em);
    -webkit-transform: rotate(-30deg) translate(-27em) rotate(30deg) translate(3em) translate(9em);

}

.quadlink7-1 {
    transform: rotate(-30deg) translate(-27em) rotate(30deg) translate(6em) translate(9em) rotate(-60deg);
    -webkit-transform: rotate(-30deg) translate(-27em) rotate(30deg) translate(6em) translate(9em) rotate(-60deg);

}

.quadlink7-2 {
    transform: rotate(-30deg) translate(-27em) rotate(30deg) translate(6em) translate(9em);
    -webkit-transform: rotate(-30deg) translate(-27em) rotate(30deg) translate(6em) translate(9em);

}

.quadlink7-3 {
    transform: rotate(-30deg) translate(-27em) rotate(30deg) translate(6em) translate(9em) rotate(60deg);
    -webkit-transform: rotate(-30deg) translate(-27em) rotate(30deg) translate(6em) translate(9em) rotate(60deg);

}

.hexagon8 {
    transform: translate(3em) translate(9em);
    -webkit-transform: translate(3em) translate(9em);

}

.quadlink8-1 {
    transform: translate(6em) translate(9em) rotate(-60deg);
    -webkit-transform: translate(6em) translate(9em) rotate(-60deg);

}

.quadlink8-2 {
    transform: translate(6em) translate(9em);
    -webkit-transform: translate(6em) translate(9em);

}

.quadlink8-3 {
    transform: translate(6em) translate(9em) rotate(60deg);
    -webkit-transform: translate(6em) translate(9em) rotate(60deg);

}

.hexagon9 {
    transform: rotate(30deg) translate(13.5em) rotate(-30deg) translate(3em) translate(9em);
    -webkit-transform: rotate(30deg) translate(13.5em) rotate(-30deg) translate(3em) translate(9em);

}

.quadlink9-1 {
    transform: rotate(30deg) translate(13.5em) rotate(-30deg) translate(6em) translate(9em) rotate(-60deg);
    -webkit-transform: rotate(30deg) translate(13.5em) rotate(-30deg) translate(6em) translate(9em) rotate(-60deg);

}

.quadlink9-2 {
    transform: rotate(30deg) translate(13.5em) rotate(-30deg) translate(6em) translate(9em);
    -webkit-transform: rotate(30deg) translate(13.5em) rotate(-30deg) translate(6em) translate(9em);

}

.quadlink9-3 {
    transform: rotate(30deg) translate(13.5em) rotate(-30deg) translate(6em) translate(9em) rotate(60deg);
    -webkit-transform: rotate(30deg) translate(13.5em) rotate(-30deg) translate(6em) translate(9em) rotate(60deg);

}

.hexagon10 {
    transform: rotate(30deg) translate(27em) rotate(-30deg) translate(3em) translate(9em);
    -webkit-transform: rotate(30deg) translate(27em) rotate(-30deg) translate(3em) translate(9em);

}

.quadlink10-1 {
    transform: rotate(30deg) translate(27em) rotate(-30deg) translate(6em) translate(9em) rotate(-60deg);
    -webkit-transform: rotate(30deg) translate(27em) rotate(-30deg) translate(6em) translate(9em) rotate(-60deg);

}

.quadlink10-2 {
    transform: rotate(30deg) translate(27em) rotate(-30deg) translate(6em) translate(9em);
    -webkit-transform: rotate(30deg) translate(27em) rotate(-30deg) translate(6em) translate(9em);

}

.quadlink10-3 {
    transform: rotate(30deg) translate(27em) rotate(-30deg) translate(6em) translate(9em) rotate(60deg);
    -webkit-transform: rotate(30deg) translate(27em) rotate(-30deg) translate(6em) translate(9em) rotate(60deg);

}

.hexagon11 {
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(-37.3em);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(-37.3em);

}

.quadlink11-1 {
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(-60deg);

}

.quadlink11-2 {
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(-37.3em) translate(6em);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(-37.3em) translate(6em);

}

.quadlink11-3 {
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(60deg);

}

.hexagon12 {
    transform: rotate(-30deg) translate(-13.5em) rotate(30deg) translate(3em) translate(9em);
    -webkit-transform: rotate(-30deg) translate(-13.5em) rotate(30deg) translate(3em) translate(9em);

}

.quadlink12-1 {
    transform: rotate(-30deg) translate(-13.5em) rotate(30deg) translate(6em) translate(9em) rotate(-60deg);
    -webkit-transform: rotate(-30deg) translate(-13.5em) rotate(30deg) translate(6em) translate(9em) rotate(-60deg);

}

.quadlink12-2 {
    transform: rotate(-30deg) translate(-13.5em) rotate(30deg) translate(6em) translate(9em);
    -webkit-transform: rotate(-30deg) translate(-13.5em) rotate(30deg) translate(6em) translate(9em);

}

.quadlink12-3 {
    transform: rotate(-30deg) translate(-13.5em) rotate(30deg) translate(6em) translate(9em) rotate(60deg);
    -webkit-transform: rotate(-30deg) translate(-13.5em) rotate(30deg) translate(6em) translate(9em) rotate(60deg);

}

.hexagon13 {
    transform: rotate(90deg) translate(43em) rotate(-90deg);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg);

}

.quadlink13-1 {
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(6em) rotate(-60deg);

}

.quadlink13-2 {
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(6em);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(6em);

}

.quadlink13-3 {
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(6em) rotate(60deg);

}

.hexagon14 {
    transform: rotate(90deg) translate(13.5em) rotate(-90deg) translate(3em) translate(9em);
    -webkit-transform: rotate(90deg) translate(13.5em) rotate(-90deg) translate(3em) translate(9em);

}

.quadlink14-1 {
    transform: rotate(90deg) translate(13.5em) rotate(-90deg) translate(6em)  translate(9em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(13.5em) rotate(-90deg) translate(6em) translate(9em) rotate(-60deg);

}

.quadlink14-2 {
    transform: rotate(90deg) translate(13.5em) rotate(-90deg) translate(6em) translate(9em);
    -webkit-transform: rotate(90deg) translate(13.5em) rotate(-90deg) translate(6em) translate(9em);

}

.quadlink14-3 {
    transform: rotate(90deg) translate(13.5em) rotate(-90deg) translate(6em) translate(9em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(13.5em) rotate(-90deg) translate(6em) translate(9em) rotate(60deg);

}

.hexagon15 {
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(37.3em);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(37.3em);

}

.quadlink15-1 {
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(37.3em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(37.3em) translate(6em) rotate(-60deg);

}

.quadlink15-2 {
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(37.3em) translate(6em);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(37.3em) translate(6em);

}

.quadlink15-3 {
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(37.3em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(37.3em) translate(6em) rotate(60deg);

}

.hexagon16 {
    transform: translate(0,45em) translate(-24.4em) translate(6.8em);
    -webkit-transform: translate(0,45em) translate(-24.4em) translate(6.8em);

}

.quadlink16-1 {
    transform: translate(0,45em) translate(-23.4em) translate(6em) translate(3em) rotate(-60deg);
    -webkit-transform: translate(0,45em) translate(-23.4em) translate(6em) translate(3em)  rotate(-60deg);

}

.quadlink16-2 {
    transform: translate(0,45em) translate(-23.4em) translate(6em) translate(3em) ;
    -webkit-transform: translate(0,45em) translate(-23.4em) translate(6em) translate(3em) ;

}

.quadlink16-3 {
    transform: translate(0,45em) translate(-23.4em) translate(6em) translate(3em)  rotate(60deg);
    -webkit-transform: translate(0,45em) translate(-23.4em) translate(6em) translate(3em)  rotate(60deg);

}

.hexagon17 {
    transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,64.5em);
    -webkit-transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,64.5em);

}

.quadlink17-1 {
    transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,64.5em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,64.5em) translate(6em) rotate(-60deg);

}

.quadlink17-2 {
    transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,64.5em) translate(6em);
    -webkit-transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,64.5em) translate(6em);

}

.quadlink17-3 {
    transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,64.5em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,64.5em) translate(6em) rotate(60deg);

}

.hexagon18 {
    transform: translate(0,45em) translate(6em);
    -webkit-transform: translate(0,45em) translate(6em);

}

.quadlink18-1 {
    transform: translate(0,45em) translate(6em) translate(3em)  rotate(-60deg);
    -webkit-transform: translate(0,45em) translate(6em) translate(3em)  rotate(-60deg);

}

.quadlink18-2 {
    transform: translate(0,45em) translate(6em) translate(3em) ;
    -webkit-transform: translate(0,45em) translate(6em) translate(3em) ;

}

.quadlink18-3 {
    transform: translate(0,45em) translate(6em) translate(3em) rotate(60deg);
    -webkit-transform: translate(0,45em) translate(6em) translate(3em) rotate(60deg);

}

.hexagon19 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,64.5em);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,64.5em);

}

.quadlink19-1 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,64.5em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,64.5em) translate(6em) rotate(-60deg);

}

.quadlink19-2 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,64.5em) translate(6em);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,64.5em) translate(6em);

}

.quadlink19-3 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,64.5em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,64.5em) translate(6em) rotate(60deg);

}

.hexagon20 {
    transform: translate(0,45em) translate(23.4em) translate(6em);
    -webkit-transform: translate(0,45em) translate(23.4em) translate(6em);

}

.quadlink20-1 {
    transform: translate(0,45em) translate(23.4em) translate(6em) translate(3em) rotate(-60deg);
    -webkit-transform: translate(0,45em) translate(23.4em) translate(6em) translate(3em) rotate(-60deg);

}

.quadlink20-2 {
    transform: translate(0,45em) translate(23.4em) translate(6em) translate(3em);
    -webkit-transform: translate(0,45em) translate(23.4em) translate(6em) translate(3em);

}

.quadlink20-3 {
    transform: translate(0,45em) translate(23.4em) translate(6em) translate(3em) rotate(60deg);
    -webkit-transform: translate(0,45em) translate(23.4em) translate(6em) translate(3em) rotate(60deg);

}

.hexagon21 {
    transform: rotate(90deg) translate(86em) rotate(-90deg) translate(-37.3em);
    -webkit-transform: rotate(90deg) translate(86em) rotate(-90deg) translate(-37.3em);

}

.quadlink21-1 {
    transform: rotate(90deg) translate(86em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(86em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(-60deg);

}

.quadlink21-2 {
    transform: rotate(90deg) translate(86em) rotate(-90deg) translate(-37.3em) translate(6em);
    -webkit-transform: rotate(90deg) translate(86em) rotate(-90deg) translate(-37.3em) translate(6em);

}

.quadlink21-3 {
    transform: rotate(90deg) translate(86em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(86em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(60deg);

}

.hexagon22 {
    transform: rotate(210deg) translate(13.5em) rotate(-210deg) translate(0,59em) translate(6em);
    -webkit-transform: rotate(210deg) translate(13.5em) rotate(-210deg) translate(0,59em) translate(6em);

}

.quadlink22-1 {
    transform: rotate(210deg) translate(13.5em) rotate(-210deg) translate(0,59em) translate(6em) translate(3em) rotate(-60deg);
    -webkit-transform: rotate(210deg) translate(13.5em) rotate(-210deg) translate(0,59em) translate(6em) translate(3em) rotate(-60deg);

}

.quadlink22-2 {
    transform: rotate(210deg) translate(13.5em) rotate(-210deg) translate(0,59em) translate(6em) translate(3em);
    -webkit-transform: rotate(210deg) translate(13.5em) rotate(-210deg) translate(0,59em) translate(6em) translate(3em);

}

.quadlink22-3 {
    transform: rotate(210deg) translate(13.5em) rotate(-210deg) translate(0,59em) translate(6em) translate(3em) rotate(60deg);
    -webkit-transform: rotate(210deg) translate(13.5em) rotate(-210deg) translate(0,59em) translate(6em) translate(3em) rotate(60deg);

}

.hexagon23 {
    transform: translate(0,59em) translate(6em);
    -webkit-transform: translate(0,59em) translate(6em);

}

.quadlink23-1 {
    transform: translate(0,59em) translate(6em) translate(3em) rotate(-60deg);
    -webkit-transform: translate(0,59em) translate(6em) translate(3em) rotate(-60deg);

}

.quadlink23-2 {
    transform: translate(0,59em) translate(6em) translate(3em);
    -webkit-transform: translate(0,59em) translate(6em) translate(3em);

}

.quadlink23-3 {
    transform: translate(0,59em) translate(6em) translate(3em) rotate(60deg);
    -webkit-transform: translate(0,59em) translate(6em) translate(3em) rotate(60deg);

}

.hexagon24 {
    transform: rotate(-30deg) translate(13.5em) rotate(30deg) translate(0,59em) translate(6em);
    -webkit-transform: rotate(-30deg) translate(13.5em) rotate(30deg) translate(0,59em) translate(6em);

}

.quadlink24-1 {
    transform: rotate(-30deg) translate(13.5em) rotate(30deg) translate(0,59em) translate(6em) translate(3em) rotate(-60deg);
    -webkit-transform: rotate(-30deg) translate(13.5em) rotate(30deg) translate(0,59em) translate(6em) translate(3em) rotate(-60deg);

}

.quadlink24-2 {
    transform: rotate(-30deg) translate(13.5em) rotate(30deg) translate(0,59em) translate(6em) translate(3em);
    -webkit-transform: rotate(-30deg) translate(13.5em) rotate(30deg) translate(0,59em) translate(6em) translate(3em);

}

.quadlink24-3 {
    transform: rotate(-30deg) translate(13.5em) rotate(30deg) translate(0,59em) translate(6em) translate(3em) rotate(60deg);
    -webkit-transform: rotate(-30deg) translate(13.5em) rotate(30deg) translate(0,59em) translate(6em) translate(3em) rotate(60deg);

}

.hexagon25 {
    transform: rotate(90deg) translate(86em) rotate(-90deg) translate(37.3em);
    -webkit-transform: rotate(90deg) translate(86em) rotate(-90deg) translate(37.3em);

}

.quadlink25-1 {
    transform: rotate(90deg) translate(86em) rotate(-90deg) translate(37.3em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(86em) rotate(-90deg) translate(37.3em) translate(6em) rotate(-60deg);

}

.quadlink25-2 {
    transform: rotate(90deg) translate(86em) rotate(-90deg) translate(37.3em) translate(6em);
    -webkit-transform: rotate(90deg) translate(86em) rotate(-90deg) translate(37.3em) translate(6em);

}

.quadlink25-3 {
    transform: rotate(90deg) translate(86em) rotate(-90deg) translate(37.3em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(86em) rotate(-90deg) translate(37.3em) translate(6em) rotate(60deg);

}

.hexagon26 {
    transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(-37.3em);
    -webkit-transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(-37.3em);

}

.quadlink26-1 {
    transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(-60deg);

}

.quadlink26-2 {
    transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(-37.3em) translate(6em);
    -webkit-transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(-37.3em) translate(6em);

}

.quadlink26-3 {
    transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(60deg);

}

.hexagon27 {
    transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,107.5em);
    -webkit-transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,107.5em);

}

.quadlink27-1 {
    transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,107.5em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,107.5em) translate(6em) rotate(-60deg);

}

.quadlink27-2 {
    transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,107.5em) translate(6em);
    -webkit-transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,107.5em) translate(6em);

}

.quadlink27-3 {
    transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,107.5em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,107.5em) translate(6em) rotate(60deg);

}

.hexagon28 {
    transform: rotate(90deg) translate(107.5em) rotate(-90deg);
    -webkit-transform: rotate(90deg) translate(107.5em) rotate(-90deg);

}

.quadlink28-1 {
    transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(6em) rotate(-60deg);

}

.quadlink28-2 {
    transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(6em);
    -webkit-transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(6em);

}

.quadlink28-3 {
    transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(6em) rotate(60deg);

}

.hexagon29 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,107.5em);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,107.5em);

}

.quadlink29-1 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,107.5em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,107.5em) translate(6em) rotate(-60deg);

}

.quadlink29-2 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,107.5em) translate(6em);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,107.5em) translate(6em);

}

.quadlink29-3 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,107.5em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,107.5em) translate(6em) rotate(60deg);

}

.hexagon30 {
    transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(37.3em);
    -webkit-transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(37.3em);

}

.quadlink30-1 {
    transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(37.3em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(37.3em) translate(6em) rotate(-60deg);

}

.quadlink30-2 {
    transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(37.3em) translate(6em);
    -webkit-transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(37.3em) translate(6em);

}

.quadlink30-3 {
    transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(37.3em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(107.5em) rotate(-90deg) translate(37.3em) translate(6em) rotate(60deg);

}

.hexagon31 {
    transform: rotate(90deg) translate(129em) rotate(-90deg) translate(-37.3em);
    -webkit-transform: rotate(90deg) translate(129em) rotate(-90deg) translate(-37.3em);

}

.quadlink31-1 {
    transform: rotate(90deg) translate(129em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(129em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(-60deg);

}

.quadlink31-2 {
    transform: rotate(90deg) translate(129em) rotate(-90deg) translate(-37.3em) translate(6em);
    -webkit-transform: rotate(90deg) translate(129em) rotate(-90deg) translate(-37.3em) translate(6em);

}

.quadlink31-3 {
    transform: rotate(90deg) translate(129em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(129em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(60deg);

}

.hexagon32 {
    transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,129em);
    -webkit-transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,129em);

}

.quadlink32-1 {
    transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,129em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,129em) translate(6em) rotate(-60deg);

}

.quadlink32-2 {
    transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,129em) translate(6em);
    -webkit-transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,129em) translate(6em);

}

.quadlink32-3 {
    transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,129em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,129em) translate(6em) rotate(60deg);

}

.hexagon33 {
    transform: rotate(90deg) translate(129em) rotate(-90deg);
    -webkit-transform: rotate(90deg) translate(129em) rotate(-90deg);

}

.quadlink33-1 {
    transform: rotate(90deg) translate(129em) rotate(-90deg) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(129em) rotate(-90deg) translate(6em) rotate(-60deg);

}

.quadlink33-2 {
    transform: rotate(90deg) translate(129em) rotate(-90deg) translate(6em);
    -webkit-transform: rotate(90deg) translate(129em) rotate(-90deg) translate(6em);
    
}

.quadlink33-3 {
    transform: rotate(90deg) translate(129em) rotate(-90deg) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(129em) rotate(-90deg) translate(6em) rotate(60deg);

}

.hexagon34 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,129em);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,129em);

}

.quadlink34-1 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,129em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,129em) translate(6em) rotate(-60deg);

}

.quadlink34-2 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,129em) translate(6em);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,129em) translate(6em);

}

.quadlink34-3 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,129em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,129em) translate(6em) rotate(60deg);

}

.hexagon35 {
    transform: rotate(90deg) translate(129em) rotate(-90deg) translate(37.3em);
    -webkit-transform: rotate(90deg) translate(129em) rotate(-90deg) translate(37.3em);

}

.quadlink35-1 {
    transform: rotate(90deg) translate(129em) rotate(-90deg) translate(37.3em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(129em) rotate(-90deg) translate(37.3em) translate(6em) rotate(-60deg);

}

.quadlink35-2 {
    transform: rotate(90deg) translate(129em) rotate(-90deg) translate(37.3em) translate(6em);
    -webkit-transform: rotate(90deg) translate(129em) rotate(-90deg) translate(37.3em) translate(6em);

}

.quadlink35-3 {
    transform: rotate(90deg) translate(129em) rotate(-90deg) translate(37.3em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(129em) rotate(-90deg) translate(37.3em) translate(6em) rotate(60deg);

}

.hexagon36 {
    transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(-37.3em);
    -webkit-transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(-37.3em);

}

.quadlink36-1 {
    transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(-60deg);

}

.quadlink36-2 {
    transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(-37.3em) translate(6em);
    -webkit-transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(-37.3em) translate(6em);

}

.quadlink36-3 {
    transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(-37.3em) translate(6em) rotate(60deg);

}

.hexagon37 {
    transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,150.5em);
    -webkit-transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,150.5em);

}

.quadlink37-1 {
    transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,150.5em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,150.5em) translate(6em) rotate(-60deg);

}

.quadlink37-2 {
    transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,150.5em) translate(6em);
    -webkit-transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,150.5em) translate(6em);

}

.quadlink37-3 {
    transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,150.5em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(210deg) translate(21.5em) rotate(-210deg) translate(0,150.5em) translate(6em) rotate(60deg);

}

.hexagon38 {
    transform: rotate(90deg) translate(150.5em) rotate(-90deg);
    -webkit-transform: rotate(90deg) translate(150.5em) rotate(-90deg);

}

.quadlink38-1 {
    transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(6em) rotate(-60deg);

}

.quadlink38-2 {
    transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(6em);
    -webkit-transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(6em);

}

.quadlink38-3 {
    transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(6em) rotate(60deg);

}

.hexagon39 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,150.5em);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,150.5em);

}

.quadlink39-1 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,150.5em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,150.5em) translate(6em) rotate(-60deg);

}

.quadlink39-2 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,150.5em) translate(6em);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,150.5em) translate(6em);

}

.quadlink39-3 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,150.5em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,150.5em) translate(6em) rotate(60deg);

}

.hexagon40 {
    transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(37.3em);
    -webkit-transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(37.3em);

}

.quadlink40-1 {
    transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(37.3em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(37.3em) translate(6em) rotate(-60deg);

}

.quadlink40-2 {
    transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(37.3em) translate(6em);
    -webkit-transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(37.3em) translate(6em);

}

.quadlink40-3 {
    transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(37.3em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(150.5em) rotate(-90deg) translate(37.3em) translate(6em) rotate(60deg);

}
/*Heksagonu režga beigas. Fūū!*/

/*NewGame ikonas (un linku) novietojums*/
#hex-newgame1{
    background-image: url('/images/com_spele/assets/newgame-hex-empty.png'); 
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(58.8em);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(58.8em);
}

#hex-kickstarter-1{
    background-image: url('/images/assets/were-on-kickstarter.png'); 
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(-60.75em);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(-60.75em);
}

#hex-indiegogo-1{
    background-image: url('/images/assets/indiegogo-logo.png'); 
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(-60.75em);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(-60.75em);
}

.quadlinkcreate1-1 {
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(58.8em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(58.8em) translate(6em) rotate(-60deg);
}

.quadlinkcreate1-2 {
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(58.8em) translate(6em);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(58.8em) translate(6em);

}

.quadlinkcreate1-3 {
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(58.8em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(58.8em) translate(6em) rotate(60deg);

}

#hex-newgame2{
    background-image: url('/images/com_spele/assets/newgame-hex-empty.png'); 
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,75.25em);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,75.25em);
}

#hex-kickstarter-2{
    background-image: url('/images/assets/were-on-kickstarter.png'); 
    transform: rotate(30deg) translate(-21.5em) rotate(-30deg) translate(2em, 75.25em);
    -webkit-transform: rotate(30deg) translate(-21.5em) rotate(-30deg) translate(2em, 75.25em);
}

#hex-indiegogo-2{
    background-image: url('/images/assets/indiegogo-logo.png'); 
    transform: rotate(30deg) translate(-21.5em) rotate(-30deg) translate(2em, 75.25em);
    -webkit-transform: rotate(30deg) translate(-21.5em) rotate(-30deg) translate(2em, 75.25em);
}

.quadlinkcreate2-1 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,75.25em) translate(6em) rotate(-60deg);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,75.25em) translate(6em) rotate(-60deg);
}

.quadlinkcreate2-2 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,75.25em) translate(6em);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,75.25em) translate(6em);

}

.quadlinkcreate2-3 {
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,75.25em) translate(6em) rotate(60deg);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,75.25em) translate(6em) rotate(60deg);

}

.quadlinkNG1 {
    height: 10.5em !important;
    width: 24em !important;
    border-bottom: 2px solid #3fabd9;
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(58.8em);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(58.8em);
}

.quadlinkNG2 {
    height: 10.5em !important;
    width: 24em !important;
    border-bottom: 2px solid #3fabd9;
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,75.25em);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,75.25em);
}

.quadlinkNV1 {
    height: 10.5em !important;
    width: 24em !important;
    transform: rotate(90deg) translate(43em) rotate(-90deg) translate(58.8em, 10.5em);
    -webkit-transform: rotate(90deg) translate(43em) rotate(-90deg) translate(58.8em, 10.5em);
}

.quadlinkNV2 {
    height: 10.5em !important;
    width: 24em !important;
    transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,85.75em);
    -webkit-transform: rotate(-30deg) translate(21.5em) rotate(30deg) translate(0,85.25em);
}