/* Font Expus */
@font-face {
    font-family: "Font Expus";
    src:  url('../font/DINRoundPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Font Expus";
    src: url('../font/DINRoundPro.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Font Expus";
    src: url('../font/DINRoundPro-Medi.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Font Expus";
    src: url('../font/DINRoundPro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Font Expus";
    src: url('../font/DINRoundPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

* {
    font-family: 'Font Expus';
}

body { color: #fff; }
a { color: #f6a861; }

.boldText { font-weight: 700; }
.normalText { font-weight: 500; }
.lightText { font-weight: 300; }
.clearfix { clear:both; }

.box { position: relative; }
.box img { display: block; }
.box .static { width: 100%; height: auto; max-width: 1600px; }
.imgDots { max-width: 1600px; }
.box #scris_rectangle { position: absolute; top: 70%; margin-left: 58px; width: auto; height: auto; }
.box #scris_faceDots { position: absolute; top: 20%; max-width: 641px; height: 356px; left: 9%; font-size: 24px; }
#scris_faceDots span { display: block; margin-bottom: 14px; }
#scris_faceDots span.boldText { color: #F6A861; }

.spanTop { font-size: 22px; }
#linkDownload,
#linkDownloadEN { font-size: 19px; font-weight: 800; }

#fullContainer { background-color: #221e1f; }
.parteneriatDiv { padding-top:48px; }
.parteneriatDivBottom { padding-bottom:28px; overflow: hidden; }
img.imgDots { position: relative; width: 100%; height: auto; }

.centered { position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); width: 100%; }
#scris_rectangle { background-color: #221e1f; padding: 1.5vw 2vh; }
.imgTop { width: 100%; }

/* Cercuri */
.circleImg { width: 270px; position: relative; padding: 0.5vh; }
.circle { width: 270px; height: 270px; position: relative; padding: 1vh; border-radius:50%; margin-bottom: 30px; display: inline-flex; align-items: center; justify-content: center; flex-direction: column; }
.circle span{ font-size: 15px; text-align: center; line-height: 1.1; display: block; width: 75%; font-weight: normal; }
.spanCircle1 { top:48%; }
.spanCircle2 { top:52%; }
.spanCircle3 { top:48%; }


.circle h3 { width: 90%; font-size: 47px; text-align: center; font-weight: 800; color: #000; margin-bottom: 10px; }
.imgCircle4 { background-color: #FF0042; }
.imgCircle3 { background-image: url(../img/circle-bg-3.png); background-size: contain; }
.imgCircle2 { background-image: url(../img/circle-bg-2.png); background-size: contain; }
.imgCircle1 { background-color: #215C86; }

#descarcaAici { cursor: pointer; }


.formular, .formular2 { padding-top:2vh; }

#formDiv { width: 800px; /*border: 1px solid #efb34f;*/ padding: 20px; }
#formDiv2 { width: 800px; border: 1px solid #efb34f; padding: 20px; }

.form-control { background: transparent; color: #ccc; border: 1px solid #FD7765; border-radius: 0; height: calc(1.5em + 1.5rem + 2px) }
.form-control:focus { color: #fff; background: transparent; border-color: #f6a861; box-shadow: 0 0 0 0.2rem rgb(246 168 97 / 17%); }

.btn-primary { color: #fff; background-color: #f6a861; border-color: #f6a861; padding: 10px 20px; font-weight: bold; letter-spacing: 0.5px; font-size: 18px; border-radius: 0; }
.btn-primary:hover, .btn-primary:focus { color: #fff; background-color: #f6a861; border-color: #f6a861; }

@media (min-width: 1670px) {
    .parteneriatDiv .col-lg-auto { padding: 0 30px; }
}
@media (max-width: 1620px)
{
    .circle, .circleImg { width: 230px; height: 230px; }
    .circle span { width: 80%; }
    .circle h3 { font-size: 45px; }
    .box #scris_faceDots { left: 9vw; max-width: 41vw; font-size: 1.4vw; }
    .box #scris_rectangle { margin-left: 2vw; width: 48vw; }
}

@media (max-width: 1520px) {
    .box .static { max-width: 1250px;}
    .box #scris_faceDots { left: 7vw; max-width: 36vw; font-size: 1.3vw; }
}

@media (max-width: 1270px) {
    .box #scris_faceDots { left: 9vw; max-width: 41vw; font-size: 1.4vw; }
}

@media all and (max-width: 768px)
{
    .hideMobile { display: none!important; }
    .alignCenterMobile { text-align: center; }
    .logoIsenseImg { margin-right: 10px; }
    #imgTopLogoPath{ margin-top: -10px; }
    .box #scris_rectangle { left: 50%!important; transform: translateX(-50%); padding: 1vh 1vh; width: 80%; margin-left: -6px; }
    .box #scris_faceDots { position: absolute; top: 20%; max-width: 82vw; height: auto; left: 9vw; font-size: 10px; color: #fff; }
    #scris_faceDots span { display: block; margin-bottom: 10px; font-size: 4vw; }

    .forMobile { align-items: center; justify-content: center; }
    .forMobileFirst { display:inline-block; }
    .forMobileFirst span { font-size: 10px; }
    .imgTop { width: 80px; }
    .circle { margin-bottom: 20px; }
    .circle, .circleImg { width: 150px!important; height: 150px!important; }
    .circle span { font-size: 10px!important; width: 80%!important; font-weight: normal!important; }
    .circle h3 { font-size: 32px!important; margin-bottom: 0; font-weight: 700; }
    .spanCircle2 { top:60%!important; }
    .spanCircle1 { top:52%!important; }
    .spanCircle3 { top:52%!important; }
}

/* desktop */
@media all and (min-width: 768px)
{
    .hideDesk { display: none!important; }
    .parteneriatDiv2 { padding-top:28px; padding-bottom:48px; }
    .logoGolin { padding-top:75px; }
    .pathLogo { padding-top:30px; }
    .logoIsense { padding-top:69px; }
    .firstRow { padding-top:80px; }
    .forDesktop { display:flex; }
}
@media all and (min-width: 1600px) {
    img.imgDots { margin-left: 58px; }
}

.gdpr-cookie-notice-modal-footer { background: transparent; }
.gdpr-cookie-notice-inner { margin: 0 auto; }



.an-electoral { position: absolute; right: 12%; bottom: 20%; z-index: 10; }
@media (max-width: 1520px){
    .an-electoral { width: 34%; }
}
.header-image { padding: 0.2% 0.95%; }
.dots-grid { position: absolute; top: 0; left: 0; bottom: 0; right: 0; /*padding: 0.3% 0;*/  }
.dots-grid { display: flex; }
.dots-grid .dots-column { display: flex; opacity: 1; flex-direction: column; justify-content: space-between; width: calc(100% / 41); align-items: center; /*animation: showHide 10s infinite;*/ }
.dots-grid .dots-column .dot { width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; }
.dots-grid .dots-column .dot:before { content: " "; width: 5px; height: 5px;  animation: enlarge 12s infinite; display: inline-block; background: #eee; border-radius: 100%; }

.dots-grid .dots-column:nth-child(1) .dot:before { background: #F61815; }
.dots-grid .dots-column:nth-child(2) .dot:before { background: #EF1219; }
.dots-grid .dots-column:nth-child(3) .dot:before { background: #EC1419; }
.dots-grid .dots-column:nth-child(4) .dot:before { background: #FE0C1A; }
.dots-grid .dots-column:nth-child(5) .dot:before { background: #FF0C13; }
.dots-grid .dots-column:nth-child(6) .dot:before { background: #F2211A; }
.dots-grid .dots-column:nth-child(7) .dot:before { background: #FF0D18; }
.dots-grid .dots-column:nth-child(8) .dot:before { background: #F30A20; }
.dots-grid .dots-column:nth-child(9) .dot:before { background: #F23634; }
.dots-grid .dots-column:nth-child(10) .dot:before { background: #FE3A24; }
.dots-grid .dots-column:nth-child(11) .dot:before { background: #FF4B34; }
.dots-grid .dots-column:nth-child(12) .dot:before { background: #FF6838; }
.dots-grid .dots-column:nth-child(13) .dot:before { background: #FA7147; }
.dots-grid .dots-column:nth-child(14) .dot:before { background: #FF9061; }
.dots-grid .dots-column:nth-child(15) .dot:before { background: #FFA63C; }
.dots-grid .dots-column:nth-child(16) .dot:before { background: #FFC845; }
.dots-grid .dots-column:nth-child(17) .dot:before { background: #FAC16A; }
.dots-grid .dots-column:nth-child(18) .dot:before { background: #FFB94C; }
.dots-grid .dots-column:nth-child(19) .dot:before { background: #FFCD46; }
.dots-grid .dots-column:nth-child(20) .dot:before { background: #FFD23E; }
.dots-grid .dots-column:nth-child(21) .dot:before { background: #FDC70F; }
.dots-grid .dots-column:nth-child(22) .dot:before { background: #FABF37; }
.dots-grid .dots-column:nth-child(23) .dot:before { background: #FFCC02; }
.dots-grid .dots-column:nth-child(24) .dot:before { background: #FBD504; }
.dots-grid .dots-column:nth-child(25) .dot:before { background: #FFC600; }
.dots-grid .dots-column:nth-child(26) .dot:before { background: #FFD91F; }
.dots-grid .dots-column:nth-child(27) .dot:before { background: #FFE114; }
.dots-grid .dots-column:nth-child(28) .dot:before { background: #F0D107; }
.dots-grid .dots-column:nth-child(29) .dot:before { background: #F3D30C; }
.dots-grid .dots-column:nth-child(30) .dot:before { background: #FBC906; }
.dots-grid .dots-column:nth-child(31) .dot:before { background: #FACE0B; }
.dots-grid .dots-column:nth-child(32) .dot:before { background: #FFD921; }
.dots-grid .dots-column:nth-child(33) .dot:before { background: #FFD223; }
.dots-grid .dots-column:nth-child(34) .dot:before { background: #FED211; }
.dots-grid .dots-column:nth-child(35) .dot:before { background: #FFEC30; }
.dots-grid .dots-column:nth-child(36) .dot:before { background: #FAD008; }
.dots-grid .dots-column:nth-child(37) .dot:before { background: #FCD60F; }
.dots-grid .dots-column:nth-child(38) .dot:before { background: #FED811; }
.dots-grid .dots-column:nth-child(39) .dot:before { background: #FFEC18; }
.dots-grid .dots-column:nth-child(40) .dot:before { background: #FFE629; }
.dots-grid .dots-column:nth-child(41) .dot:before { background: #FFD22C; }

/* Letter E */
.dots-grid .dots-column:nth-child(6) .dot:nth-child(n+5):nth-child(-n+11):before { background: #275D81; animation-name: enlargeH;  width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(7) .dot:nth-child(5):before,
.dots-grid .dots-column:nth-child(7) .dot:nth-child(8):before,
.dots-grid .dots-column:nth-child(7) .dot:nth-child(11):before { background: #275D81; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(8) .dot:nth-child(5):before,
.dots-grid .dots-column:nth-child(8) .dot:nth-child(8):before,
.dots-grid .dots-column:nth-child(8) .dot:nth-child(11):before { background: #275D81; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(9) .dot:nth-child(5):before,
.dots-grid .dots-column:nth-child(9) .dot:nth-child(8):before,
.dots-grid .dots-column:nth-child(9) .dot:nth-child(11):before { background: #275D81; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(10) .dot:nth-child(5):before,
.dots-grid .dots-column:nth-child(10) .dot:nth-child(11):before { background: #275D81; animation-name: enlargeH; width: 20px; height: 20px; }

/* Letter X */
.dots-grid .dots-column:nth-child(12) .dot:nth-child(5):before,
.dots-grid .dots-column:nth-child(12) .dot:nth-child(11):before { background: #55707B; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(13) .dot:nth-child(6):before,
.dots-grid .dots-column:nth-child(13) .dot:nth-child(10):before { background: #838472; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(14) .dot:nth-child(7):before,
.dots-grid .dots-column:nth-child(14) .dot:nth-child(9):before{ background: #B7986A; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(15) .dot:nth-child(8):before{ background: #EBA95B; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(16) .dot:nth-child(7):before,
.dots-grid .dots-column:nth-child(16) .dot:nth-child(9):before{ background: #F9A960; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(17) .dot:nth-child(6):before,
.dots-grid .dots-column:nth-child(17) .dot:nth-child(10):before{ background: #FAAA63; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(18) .dot:nth-child(5):before,
.dots-grid .dots-column:nth-child(18) .dot:nth-child(11):before{ background: #F9AA65; animation-name: enlargeH; width: 20px; height: 20px; }

/* Letter P */
.dots-grid .dots-column:nth-child(20) .dot:nth-child(n+5):nth-child(-n+11):before { background: #F9AA5F; animation-name: enlargeH;  width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(21) .dot:nth-child(5):before,
.dots-grid .dots-column:nth-child(21) .dot:nth-child(8):before { background: #F9A962; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(22) .dot:nth-child(5):before,
.dots-grid .dots-column:nth-child(22) .dot:nth-child(8):before { background: #F9A962; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(23) .dot:nth-child(5):before,
.dots-grid .dots-column:nth-child(23) .dot:nth-child(8):before { background: #F8A861; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(24) .dot:nth-child(n+5):nth-child(-n+8):before { background: #F8A861; animation-name: enlargeH;  width: 20px; height: 20px; }

/* Letter U */
.dots-grid .dots-column:nth-child(26) .dot:nth-child(n+5):nth-child(-n+11):before { background: #FAAA63; animation-name: enlargeH;  width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(27) .dot:nth-child(11):before{ background: #FBA862; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(28) .dot:nth-child(11):before{ background: #FBA95F; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(29) .dot:nth-child(11):before{ background: #FAA258; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(30) .dot:nth-child(5):before { background: #FF2247; animation-name: enlargeH;  width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(30) .dot:nth-child(6):before { background: #FD3945; animation-name: enlargeH;  width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(30) .dot:nth-child(7):before { background: #FC5044; animation-name: enlargeH;  width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(30) .dot:nth-child(8):before { background: #FF604B; animation-name: enlargeH;  width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(30) .dot:nth-child(9):before { background: #FF6F4C; animation-name: enlargeH;  width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(30) .dot:nth-child(10):before { background: #FF8350; animation-name: enlargeH;  width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(30) .dot:nth-child(11):before { background: #F2914C; animation-name: enlargeH;  width: 20px; height: 20px; }

/* Letter S */
.dots-grid .dots-column:nth-child(32) .dot:nth-child(n+5):nth-child(-n+8):before,
.dots-grid .dots-column:nth-child(32) .dot:nth-child(11):before { background: #FF003C; animation-name: enlargeH;  width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(33) .dot:nth-child(5):before,
.dots-grid .dots-column:nth-child(33) .dot:nth-child(8):before,
.dots-grid .dots-column:nth-child(33) .dot:nth-child(11):before { background: #FF003C; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(34) .dot:nth-child(5):before,
.dots-grid .dots-column:nth-child(34) .dot:nth-child(8):before,
.dots-grid .dots-column:nth-child(34) .dot:nth-child(11):before { background: #FF003C; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(35) .dot:nth-child(5):before,
.dots-grid .dots-column:nth-child(35) .dot:nth-child(8):before,
.dots-grid .dots-column:nth-child(35) .dot:nth-child(11):before { background: #FF003C; animation-name: enlargeH; width: 20px; height: 20px; }
.dots-grid .dots-column:nth-child(36) .dot:nth-child(n+8):nth-child(-n+11):before,
.dots-grid .dots-column:nth-child(36) .dot:nth-child(5):before { background: #FF003C; animation-name: enlargeH;  width: 20px; height: 20px; }


.dots-grid .dots-column:nth-child(1) .dot:before { animation-delay: 0ms; }
.dots-grid .dots-column:nth-child(2) .dot:before  { animation-delay: 300ms; }
.dots-grid .dots-column:nth-child(3) .dot:before  { animation-delay: 600ms; }
.dots-grid .dots-column:nth-child(4) .dot:before  { animation-delay: 900ms; }
.dots-grid .dots-column:nth-child(5) .dot:before  { animation-delay: 1200ms; }
.dots-grid .dots-column:nth-child(6) .dot:before  { animation-delay: 1500ms; }
.dots-grid .dots-column:nth-child(7) .dot:before  { animation-delay: 1800ms; }
.dots-grid .dots-column:nth-child(8) .dot:before  { animation-delay: 2100ms; }
.dots-grid .dots-column:nth-child(9) .dot:before  { animation-delay: 2400ms; }
.dots-grid .dots-column:nth-child(10) .dot:before  { animation-delay: 2700ms; }
.dots-grid .dots-column:nth-child(11) .dot:before  { animation-delay: 3000ms; }
.dots-grid .dots-column:nth-child(12) .dot:before  { animation-delay: 3300ms; }
.dots-grid .dots-column:nth-child(13) .dot:before  { animation-delay: 3600ms; }
.dots-grid .dots-column:nth-child(14) .dot:before  { animation-delay: 3900ms; }
.dots-grid .dots-column:nth-child(15) .dot:before  { animation-delay: 4200ms; }
.dots-grid .dots-column:nth-child(15) .dot:before  { animation-delay: 4200ms; }
.dots-grid .dots-column:nth-child(16) .dot:before  { animation-delay: 4500ms; }
.dots-grid .dots-column:nth-child(17) .dot:before  { animation-delay: 4800ms; }
.dots-grid .dots-column:nth-child(18) .dot:before  { animation-delay: 5100ms; }
.dots-grid .dots-column:nth-child(19) .dot:before  { animation-delay: 5400ms; }
.dots-grid .dots-column:nth-child(20) .dot:before  { animation-delay: 5700ms; }
.dots-grid .dots-column:nth-child(21) .dot:before  { animation-delay: 6000ms; }
.dots-grid .dots-column:nth-child(22) .dot:before  { animation-delay: 6300ms; }
.dots-grid .dots-column:nth-child(23) .dot:before  { animation-delay: 6600ms; }
.dots-grid .dots-column:nth-child(24) .dot:before  { animation-delay: 6900ms; }
.dots-grid .dots-column:nth-child(25) .dot:before  { animation-delay: 7200ms; }
.dots-grid .dots-column:nth-child(26) .dot:before  { animation-delay: 7500ms; }
.dots-grid .dots-column:nth-child(27) .dot:before  { animation-delay: 7800ms; }
.dots-grid .dots-column:nth-child(28) .dot:before  { animation-delay: 8100ms; }
.dots-grid .dots-column:nth-child(29) .dot:before  { animation-delay: 8400ms; }
.dots-grid .dots-column:nth-child(30) .dot:before  { animation-delay: 8700ms; }
.dots-grid .dots-column:nth-child(31) .dot:before  { animation-delay: 9000ms; }
.dots-grid .dots-column:nth-child(32) .dot:before  { animation-delay: 9300ms; }
.dots-grid .dots-column:nth-child(33) .dot:before  { animation-delay: 9600ms; }
.dots-grid .dots-column:nth-child(34) .dot:before  { animation-delay: 9900ms; }
.dots-grid .dots-column:nth-child(35) .dot:before  { animation-delay: 10200ms; }
.dots-grid .dots-column:nth-child(36) .dot:before  { animation-delay: 10500ms; }
.dots-grid .dots-column:nth-child(37) .dot:before  { animation-delay: 10800ms; }
.dots-grid .dots-column:nth-child(38) .dot:before  { animation-delay: 11100ms; }
.dots-grid .dots-column:nth-child(39) .dot:before  { animation-delay: 11400ms; }
.dots-grid .dots-column:nth-child(40) .dot:before  { animation-delay: 11700ms; }
.dots-grid .dots-column:nth-child(41) .dot:before  { animation-delay: 12000ms; }
@keyframes showHide {
    0% {
        opacity: 0;
    }
    2% {
        opacity: 1;
    }
    4% {
        opacity: 0;
    }
}
@keyframes enlarge {
    0% {
        transform: scale(1);
    }
    2% {
        transform: scale(1.8);
    }
    4% {
        transform: scale(1);
    }
}
@keyframes enlargeH {
    0% {
        transform: scale(1);
    }
    2% {
        transform: scale(1.5);
    }
    4% {
        transform: scale(1);
    }
}

@media (max-width: 1520px) {
    /* Letter E */
    .dots-grid .dots-column:nth-child(6) .dot:nth-child(n+5):nth-child(-n+11):before,
    .dots-grid .dots-column:nth-child(7) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(7) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(7) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(8) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(8) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(8) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(9) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(9) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(9) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(10) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(10) .dot:nth-child(11):before,
    /* Letter X */
    .dots-grid .dots-column:nth-child(12) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(12) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(13) .dot:nth-child(6):before,
    .dots-grid .dots-column:nth-child(13) .dot:nth-child(10):before,
    .dots-grid .dots-column:nth-child(14) .dot:nth-child(7):before,
    .dots-grid .dots-column:nth-child(14) .dot:nth-child(9):before,
    .dots-grid .dots-column:nth-child(15) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(16) .dot:nth-child(7):before,
    .dots-grid .dots-column:nth-child(16) .dot:nth-child(9):before,
    .dots-grid .dots-column:nth-child(17) .dot:nth-child(6):before,
    .dots-grid .dots-column:nth-child(17) .dot:nth-child(10):before,
    .dots-grid .dots-column:nth-child(18) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(18) .dot:nth-child(11):before,
    /* Letter P */
    .dots-grid .dots-column:nth-child(20) .dot:nth-child(n+5):nth-child(-n+11):before,
    .dots-grid .dots-column:nth-child(21) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(21) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(22) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(22) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(23) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(23) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(24) .dot:nth-child(n+5):nth-child(-n+8):before,
    /* Letter U */
    .dots-grid .dots-column:nth-child(26) .dot:nth-child(n+5):nth-child(-n+11):before,
    .dots-grid .dots-column:nth-child(27) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(28) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(29) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(30) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(30) .dot:nth-child(6):before,
    .dots-grid .dots-column:nth-child(30) .dot:nth-child(7):before,
    .dots-grid .dots-column:nth-child(30) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(30) .dot:nth-child(9):before,
    .dots-grid .dots-column:nth-child(30) .dot:nth-child(10):before,
    .dots-grid .dots-column:nth-child(30) .dot:nth-child(11):before,
    /* Letter S */
    .dots-grid .dots-column:nth-child(32) .dot:nth-child(n+5):nth-child(-n+8):before,
    .dots-grid .dots-column:nth-child(32) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(33) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(33) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(33) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(34) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(34) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(34) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(35) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(35) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(35) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(36) .dot:nth-child(n+8):nth-child(-n+11):before,
    .dots-grid .dots-column:nth-child(36) .dot:nth-child(5):before { width: 15px; height: 15px; }
}


@media all and (max-width: 768px)
{
    .parteneriatDiv2 { margin-top: 28px; margin-bottom: 28px;}

    .dots-grid .dots-column .dot { width: 9px; height: 9px; display: flex; justify-content: center; align-items: center; }
    .dots-grid .dots-column .dot:before { content: " "; width: 1px; height: 1px;  animation: enlarge 12s infinite; display: inline-block; background: #eee; border-radius: 100%; }

    /* Letter E */
    .dots-grid .dots-column:nth-child(6) .dot:nth-child(n+5):nth-child(-n+11):before,
    .dots-grid .dots-column:nth-child(7) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(7) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(7) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(8) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(8) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(8) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(9) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(9) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(9) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(10) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(10) .dot:nth-child(11):before,
        /* Letter X */
    .dots-grid .dots-column:nth-child(12) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(12) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(13) .dot:nth-child(6):before,
    .dots-grid .dots-column:nth-child(13) .dot:nth-child(10):before,
    .dots-grid .dots-column:nth-child(14) .dot:nth-child(7):before,
    .dots-grid .dots-column:nth-child(14) .dot:nth-child(9):before,
    .dots-grid .dots-column:nth-child(15) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(16) .dot:nth-child(7):before,
    .dots-grid .dots-column:nth-child(16) .dot:nth-child(9):before,
    .dots-grid .dots-column:nth-child(17) .dot:nth-child(6):before,
    .dots-grid .dots-column:nth-child(17) .dot:nth-child(10):before,
    .dots-grid .dots-column:nth-child(18) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(18) .dot:nth-child(11):before,
        /* Letter P */
    .dots-grid .dots-column:nth-child(20) .dot:nth-child(n+5):nth-child(-n+11):before,
    .dots-grid .dots-column:nth-child(21) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(21) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(22) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(22) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(23) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(23) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(24) .dot:nth-child(n+5):nth-child(-n+8):before,
        /* Letter U */
    .dots-grid .dots-column:nth-child(26) .dot:nth-child(n+5):nth-child(-n+11):before,
    .dots-grid .dots-column:nth-child(27) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(28) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(29) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(30) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(30) .dot:nth-child(6):before,
    .dots-grid .dots-column:nth-child(30) .dot:nth-child(7):before,
    .dots-grid .dots-column:nth-child(30) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(30) .dot:nth-child(9):before,
    .dots-grid .dots-column:nth-child(30) .dot:nth-child(10):before,
    .dots-grid .dots-column:nth-child(30) .dot:nth-child(11):before,
        /* Letter S */
    .dots-grid .dots-column:nth-child(32) .dot:nth-child(n+5):nth-child(-n+8):before,
    .dots-grid .dots-column:nth-child(32) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(33) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(33) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(33) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(34) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(34) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(34) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(35) .dot:nth-child(5):before,
    .dots-grid .dots-column:nth-child(35) .dot:nth-child(8):before,
    .dots-grid .dots-column:nth-child(35) .dot:nth-child(11):before,
    .dots-grid .dots-column:nth-child(36) .dot:nth-child(n+8):nth-child(-n+11):before,
    .dots-grid .dots-column:nth-child(36) .dot:nth-child(5):before { width: 5px; height: 5px; }
}