.elementor-520 .elementor-element.elementor-element-2dff944{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-520 .elementor-element.elementor-element-2dff944:not(.elementor-motion-effects-element-type-background), .elementor-520 .elementor-element.elementor-element-2dff944 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3C65DF;}.elementor-520 .elementor-element.elementor-element-7ef4a77{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-520 .elementor-element.elementor-element-7352482{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-520 .elementor-element.elementor-element-e02656f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-520 .elementor-element.elementor-element-e02656f.e-con{--align-self:center;}.elementor-520 .elementor-element.elementor-element-0d4f275{--display:flex;}.elementor-520 .elementor-element.elementor-element-44e504c{--display:flex;}.elementor-520 .elementor-element.elementor-element-68ba3fc{--display:flex;}.elementor-520 .elementor-element.elementor-element-675274b{--display:flex;}.elementor-520 .elementor-element.elementor-element-e221c60{--display:flex;}.elementor-520 .elementor-element.elementor-element-8c66caf{--display:flex;}.elementor-520 .elementor-element.elementor-element-544b096{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-520 .elementor-element.elementor-element-0864fd9{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-520 .elementor-element.elementor-element-49c7740 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:32px;font-weight:500;fill:#3C65DF;color:#3C65DF;border-radius:5px 5px 5px 5px;}.elementor-520 .elementor-element.elementor-element-49c7740 .elementor-button:hover, .elementor-520 .elementor-element.elementor-element-49c7740 .elementor-button:focus{background-color:#ECEEEB;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-520 .elementor-element.elementor-element-b5688e3{--display:flex;}.elementor-520 .elementor-element.elementor-element-b5688e3:not(.elementor-motion-effects-element-type-background), .elementor-520 .elementor-element.elementor-element-b5688e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3C65DF;}.elementor-520 .elementor-element.elementor-element-5de4646{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-520 .elementor-element.elementor-element-54c997e{--display:flex;}.elementor-520 .elementor-element.elementor-element-1660410{text-align:center;}.elementor-520 .elementor-element.elementor-element-1660410 .elementor-heading-title{font-family:"Arial", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-520 .elementor-element.elementor-element-a4bad8c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-520 .elementor-element.elementor-element-610f992{--display:flex;}.elementor-520 .elementor-element.elementor-element-6eb1b64{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-520 .elementor-element.elementor-element-7445820{text-align:center;font-family:"Arial", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-520 .elementor-element.elementor-element-ea7422e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-520 .elementor-element.elementor-element-c821354{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-520 .elementor-element.elementor-element-9e9afcf{--display:flex;--padding-top:19px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-520 .elementor-element.elementor-element-a51f505 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:32px;font-weight:500;fill:#3C65DF;color:#3C65DF;border-radius:5px 5px 5px 5px;}.elementor-520 .elementor-element.elementor-element-a51f505 .elementor-button:hover, .elementor-520 .elementor-element.elementor-element-a51f505 .elementor-button:focus{background-color:#ECEEEB;}.elementor-520 .elementor-element.elementor-element-e7f8065{--display:flex;}@media(max-width:767px){.elementor-520 .elementor-element.elementor-element-7352482{--width:40%;}.elementor-520 .elementor-element.elementor-element-e02656f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-520 .elementor-element.elementor-element-0864fd9{--width:65%;}.elementor-520 .elementor-element.elementor-element-49c7740 .elementor-button{font-size:24px;}.elementor-520 .elementor-element.elementor-element-610f992{--width:45%;}.elementor-520 .elementor-element.elementor-element-6eb1b64{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-520 .elementor-element.elementor-element-7445820{font-size:16px;line-height:18px;}.elementor-520 .elementor-element.elementor-element-9e9afcf{--width:65%;}.elementor-520 .elementor-element.elementor-element-a51f505 .elementor-button{font-size:24px;}}@media(min-width:768px){.elementor-520 .elementor-element.elementor-element-7352482{--width:15%;}.elementor-520 .elementor-element.elementor-element-e02656f{--width:25%;}.elementor-520 .elementor-element.elementor-element-0864fd9{--width:58%;}.elementor-520 .elementor-element.elementor-element-610f992{--width:20%;}.elementor-520 .elementor-element.elementor-element-9e9afcf{--width:10%;}}/* Start custom CSS for html, class: .elementor-element-30e8875 */.hz-checkbox-error {
  display: none;
  margin-top: 6px;
  color: #b42318;
  font-size: 13px;
  line-height: 1.4;
  font-family: "Roboto Slab", serif;
}

#user-marketing-checkbox {
  margin-top: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12d51e2 *//* =========================================================
   MG REGISTRATION - SHARED CSS
   Koristi se za sve zasebne Elementor HTML widgete
========================================================= */


/* -------------------------
   INPUT FIELD WRAPPER
------------------------- */

.hz-field{
  position:relative;

  width:100%;
  min-height:54px;

  display:flex;
  align-items:center;

  overflow:hidden;

  background:#ffffff;

  border:1px solid rgba(13,54,112,.16);
  border-radius:7px;

  box-shadow:
    0 5px 14px rgba(0,28,78,.12),
    inset 0 1px 0 rgba(255,255,255,.95);

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}


/* focus state */

.hz-field:focus-within{
  border-color:#2867b7;

  box-shadow:
    0 0 0 2px rgba(56,116,196,.15),
    0 6px 16px rgba(0,28,78,.13);
}


/* error state koji JS kasnije može dodati */

.hz-field.is-error{
  border-color:#d83b3b;

  box-shadow:
    0 0 0 2px rgba(216,59,59,.13),
    0 5px 14px rgba(0,28,78,.10);
}



/* -------------------------
   ICON
------------------------- */

.hz-field-icon{
  width:48px;
  height:54px;

  flex:0 0 48px;

  display:flex;
  align-items:center;
  justify-content:center;

  color:#164a8b;

  pointer-events:none;
}


.hz-field-icon svg{
  width:19px;
  height:19px;

  display:block;

  fill:none;

  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}



/* -------------------------
   INPUT
------------------------- */

.hz-field input{
  width:100%;
  min-width:0;
  height:52px;

  margin:0 !important;
  padding:0 15px 0 0 !important;

  border:0 !important;
  outline:0 !important;

  background:transparent !important;

  box-shadow:none !important;

  color:#173f77 !important;

  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;

  line-height:1 !important;

  border-radius:0 !important;

  appearance:none;
  -webkit-appearance:none;
}


/* placeholder */

.hz-field input::placeholder{
  color:#778498 !important;

  opacity:1;

  font-size:12px;
  font-weight:700;

  text-transform:uppercase;
}


/* remove Elementor / browser focus styling */

.hz-field input:focus{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}


/* browser autofill */

.hz-field input:-webkit-autofill,
.hz-field input:-webkit-autofill:hover,
.hz-field input:-webkit-autofill:focus{
  -webkit-text-fill-color:#173f77 !important;

  -webkit-box-shadow:
    0 0 0 1000px #ffffff inset !important;

  box-shadow:
    0 0 0 1000px #ffffff inset !important;

  transition:
    background-color 9999s ease-out 0s;
}



/* -------------------------
   FIELD ERROR MESSAGE
------------------------- */

.hz-field-error{
  display:none;

  margin:
    5px
    4px
    0 !important;

  padding:0 !important;

  color:#ffdede !important;

  font-family:Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;

  line-height:1.35 !important;
}



/* =========================================================
   CHECKBOX
========================================================= */

.hz-checkbox-row{
  position:relative;

  width:100%;

  display:flex;
  align-items:flex-start;

  gap:10px;

  margin:5px 0 0;

  cursor:pointer;

  -webkit-tap-highlight-color:transparent;
}


/* hide original checkbox */

.hz-checkbox-row input{
  position:absolute;

  width:1px;
  height:1px;

  opacity:0;

  pointer-events:none;
}


/* custom checkbox */

.hz-checkbox-box{
  position:relative;

  width:18px;
  height:18px;

  flex:0 0 18px;

  margin-top:1px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:
    1.5px
    solid
    rgba(255,255,255,.95);

  border-radius:2px;

  background:
    rgba(255,255,255,.04);

  transition:
    background .16s ease,
    border-color .16s ease,
    transform .16s ease;
}


/* checked */

.hz-checkbox-row input:checked
+ .hz-checkbox-box{
  background:#ffffff;
  border-color:#ffffff;
}


/* check mark */

.hz-checkbox-row input:checked
+ .hz-checkbox-box::after{
  content:"";

  width:8px;
  height:4px;

  border-left:2px solid #14509a;
  border-bottom:2px solid #14509a;

  transform:
    translateY(-1px)
    rotate(-45deg);
}


/* tap effect */

.hz-checkbox-row:active
.hz-checkbox-box{
  transform:scale(.92);
}



/* -------------------------
   CHECKBOX TEXT
------------------------- */

.hz-checkbox-text{
  margin:0 !important;
  padding:0 !important;

  color:#edf4ff !important;

  font-family:Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
  font-weight:500 !important;

  line-height:1.45 !important;
}


.hz-checkbox-text a{
  color:#ffffff !important;

  font-weight:600;

  text-decoration:underline !important;
  text-underline-offset:2px;
}


/* checkbox error */

.hz-checkbox-error{
  display:none;

  margin:
    5px
    0
    0
    28px !important;

  color:#ffdede !important;

  font-family:Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;

  line-height:1.35 !important;
}






/* =========================================================
   ELEMENTOR FIXES
========================================================= */

.elementor-widget-html .hz-field,
.elementor-widget-html .hz-checkbox-row{
  max-width:100%;
}


.elementor-widget-html p.hz-field-error,
.elementor-widget-html p.hz-checkbox-text{
  margin-top:0;
  margin-bottom:0;
}



/* =========================================================
   MOBILE
========================================================= */

@media(max-width:480px){

  .hz-field{
    min-height:52px;
  }


  .hz-field-icon{
    width:46px;
    height:52px;

    flex-basis:46px;
  }


  .hz-field-icon svg{
    width:18px;
    height:18px;
  }


  .hz-field input{
    height:50px;

    font-size:13px !important;
  }


  #register-submit{
    min-height:52px !important;
  }

}

/* =========================================================
   SMS VERIFICATION
========================================================= */

#verification-block{
    display:none;
    width:100%;
}


/* =========================================================
   OTP ROW
   BITNO: ostaje horizontalan i na telefonu
========================================================= */

#verification-code-row{
    width:100% !important;

    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;

    justify-content:center !important;
    align-items:center !important;

    gap:7px !important;

    margin:20px auto 0 !important;
}


/*
 Elementor nekad između containera i widgeta
 ubaci .e-con-inner
*/

#verification-code-row > .e-con-inner{
    width:100% !important;

    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;

    justify-content:center !important;
    align-items:center !important;

    gap:7px !important;
}


/* svaki od 6 HTML widgeta */

#verification-code-row .elementor-widget-html{
    flex:1 1 0 !important;

    width:auto !important;
    min-width:0 !important;
    max-width:58px !important;

    margin:0 !important;
}


/* Elementor wrapper */

#verification-code-row
.elementor-widget-html
.elementor-widget-container{
    width:100% !important;
}


/* =========================================================
   OTP INPUT
========================================================= */

.verification-code-input{
    display:block;

    width:100% !important;
    height:58px !important;

    margin:0 !important;
    padding:0 !important;

    border:1px solid rgba(20,70,145,.12) !important;
    border-radius:7px !important;

    outline:none !important;

    background:#ffffff !important;

    color:#174b91 !important;

    text-align:center !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:24px !important;
    font-weight:800 !important;

    line-height:58px !important;

    box-shadow:
        0 5px 14px rgba(0,30,90,.13) !important;

    appearance:none;
    -webkit-appearance:none;

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease;
}


.verification-code-input:focus{
    border-color:#74abff !important;

    box-shadow:
        0 0 0 3px rgba(116,171,255,.22),
        0 5px 14px rgba(0,30,90,.13)
        !important;

    transform:translateY(-1px);
}


/* pogrešan kod */

.verification-code-input.is-error{
    border-color:#db3d3d !important;

    box-shadow:
        0 0 0 2px rgba(219,61,61,.17),
        0 5px 14px rgba(0,30,90,.12)
        !important;
}


/* =========================================================
   VERIFICATION MOBILE
========================================================= */

@media(max-width:767px){

    #verification-code-row,
    #verification-code-row > .e-con-inner{
        flex-direction:row !important;
        flex-wrap:nowrap !important;

        gap:5px !important;

        padding-left:0 !important;
        padding-right:0 !important;
    }


    #verification-code-row .elementor-widget-html{
        flex:1 1 0 !important;

        width:0 !important;
        min-width:0 !important;
        max-width:none !important;
    }


    .verification-code-input{
        width:100% !important;

        height:52px !important;

        font-size:21px !important;
        line-height:52px !important;

        border-radius:6px !important;
    }

}


/* baš mali telefoni */

@media(max-width:360px){

    #verification-code-row,
    #verification-code-row > .e-con-inner{
        gap:4px !important;
    }


    .verification-code-input{
        height:48px !important;

        font-size:19px !important;
        line-height:48px !important;
    }

}


.verification-code-error{
    display:none;
    width:100%;
    margin:10px 0 0;
    padding:10px 12px;

    background:rgba(130,0,0,.20);
    border:1px solid rgba(255,255,255,.25);
    border-radius:7px;

    color:#ffffff;
    text-align:center;

    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:600;
    line-height:1.4;
}/* End custom CSS */