/* 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; }

.spanTop { font-size: 22px; }
#linkDownload { font-size: 19px; font-weight: 800; }

#fullContainer { background-color: #221e1f; }
.parteneriatDiv { padding-top:28px; }
.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: 100%; position: relative; padding: 0.5vh; }
.circle { width: 339px; height: 339px; position: relative; padding: 1vh; border-radius:50%; margin-bottom: 30px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.circle span{ font-size: 19px; text-align: center; line-height: 1.1; display: block; width: 60%; font-weight: normal; }
.spanCircle1 { top:48%; }
.spanCircle2 { top:52%; }
.spanCircle3 { top:48%; }

.circle h3 { width: 90%; font-size:62px; text-align: center; font-weight: bold; color: #000; margin-bottom: 0; }
.imgCircle3 { background-color: #F6A861; }
.imgCircle2 { background-color: #FD7765; }
.imgCircle1 { background-color: #FF0042; }

#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; 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 (max-width: 1620px)
{
    .box #scris_faceDots { left: 9vw; max-width: 41vw; font-size: 1.4vw; }
    .box #scris_rectangle { margin-left: 2vw; width: 48vw; }
}

@media (max-width: 1500px) {
    .circle, .circleImg { width: 270px; height: 270px; }
    .circle span { width: 80%; }
}

@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: 3vw; }

    .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; }
    .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; }
    .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; }