<!DOCTYPE html>
<html amp>

<head>
   <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "NewsArticle",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://trudnoca.net"
    },
    "headline": "Trudnoca.Net",
      "image": [
      "https://trudnoca.net/images/logo.png"
    ],
      "datePublished": "2026-06-10T13:47:14+0000",
    "dateModified": "2026-06-10T13:47:14+0000",
    "author": {
      "@type": "Person",
      "name": "Jasmina Kudelić",
      "url": "https://bumbar-web.com"
    },
    "publisher": {
      "@type": "Organization",
      "name": "Bumbar Web",
      "logo": {
        "@type": "ImageObject",
        "url": "https://bumbar-web.com/img/logo.webp"
      }
    },
        "keywords": "Trudnoća, trudnoća po tjednima, tjedan trudnoće, imena za dijete, simptomi trudnoće, porod, beba, ultrazvuk",
        "description": "Trudnoca.Net - Prve web stranice u RH o trudnoći i roditeljstvu. Sve o bebama, porodu, njezi,..."
    }
</script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="AMP web, bumbar-web.com">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<meta name="description" content="Trudnoca.Net - Prve web stranice u RH o trudnoći i roditeljstvu. Sve o bebama, porodu, njezi,..."/>
<meta property="fb:admins" content="1363286327" />
<meta property="fb:app_id" content="159145942903" />
<meta property="og:url" content="https://trudnoca.net"/>
<meta property="og:image" content="https://trudnoca.net/images/logo_trudnoca_net.jpg"/>
<meta property="og:site_name" content="Trudnoca.net"/>
<meta property="og:title" content="Trudnoca.net"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="Trudnoca.Net - Prve web stranice u RH o trudnoći i roditeljstvu. Sve o bebama, porodu, njezi,..."/>
<link rel="shortcut icon" href="https://trudnoca.net/images/logo-mini-zafavicon.png" type="image/x-icon">   
<title>Trudnoca.Net - Trudnoca.net</title>
<link rel="canonical" href="https://trudnoca.net"><style amp-boilerplate>
    body {
        -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
        -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
        -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
        animation: -amp-start 8s steps(1, end) 0s 1 normal both
    }

    @-webkit-keyframes -amp-start {
        from {
            visibility: hidden
        }

        to {
            visibility: visible
        }
    }

    @-moz-keyframes -amp-start {
        from {
            visibility: hidden
        }

        to {
            visibility: visible
        }
    }

    @-ms-keyframes -amp-start {
        from {
            visibility: hidden
        }

        to {
            visibility: visible
        }
    }

    @-o-keyframes -amp-start {
        from {
            visibility: hidden
        }

        to {
            visibility: visible
        }
    }

    @keyframes -amp-start {
        from {
            visibility: hidden
        }

        to {
            visibility: visible
        }
    }
</style>
<noscript>
    <style amp-boilerplate>
        body {
            -webkit-animation: none;
            -moz-animation: none;
            -ms-animation: none;
            animation: none
        }
    </style>
</noscript>
<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap" rel="stylesheet">

<style amp-custom>
    div,
    span,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    a,
    ol,
    ul,
    li,
    figcaption {
        font: inherit
    }

    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    body {
        position: relative;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: 0.25px;
        color: #28303e
    }

    section {
        background-color: #eeeeee;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

    section,
    .container,
    .container-fluid {
        position: relative;
        word-wrap: break-word
    }

    a.mbr-iconfont:hover {
        text-decoration: none
    }

    h1,
    h2,
    h3,
    h4 {
        margin: auto
    }

    h1,
    h2,
    h3,
    h4,
    p {
        margin-bottom: 1.5rem, margin-top:1.5rem
    }

    p,
    li,
    blockquote {
        line-height: 1.4
    }

    ul,
    ol,
    pre,
    blockquote {
        margin-bottom: 0;
        margin-top: 0
    }

    pre {
        background: #f4f4f4;
        padding: 10px 24px;
        white-space: pre-wrap
    }

    p {
        margin-top: 0
    }

    a {
        font-style: normal;
        font-weight: 400;
        cursor: pointer
    }

    a,
    a:hover {
        text-decoration: none
    }

    a.bijeli {
        color: #a9b4c7
    }

    a.bijeli:hover {
        color: beige
    }

    figure {
        margin-bottom: 0
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    .display-1,
    .display-2,
    .display-3,
    .display-4 {
        line-height: 1;
        word-break: break-word;
        word-wrap: break-word
    }

    b,
    strong {
        font-weight: bold
    }

    blockquote {
        padding: 10px 0 10px 20px;
        position: relative;
        border-left: 3px solid
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-transition-delay: 9999s;
        transition-delay: 9999s;
        -webkit-transition-property: background-color, color;
        -o-transition-property: background-color, color;
        transition-property: background-color, color
    }

    html,
    body {
        height: auto;
        min-height: 100vh
    }

    .mbr-section-title {
        font-style: normal;
        line-height: 1.2
    }

    .mbr-section-subtitle {
        line-height: 1.3
    }

    .mbr-text {
        font-style: normal;
        line-height: 1.4
    }

    .btn {
        font-weight: 400;
        border-width: 2px;
        border-style: solid;
        border-radius: 10px;
        font-style: normal;
        margin: .4rem .5rem;
        white-space: normal;
        -webkit-transition: all .3s ease-in-out, -webkit-box-shadow 2s ease-in-out;
        transition: all .3s ease-in-out, -webkit-box-shadow 2s ease-in-out;
        -o-transition: all .3s ease-in-out, box-shadow 2s ease-in-out;
        transition: all .3s ease-in-out, box-shadow 2s ease-in-out;
        transition: all .3s ease-in-out, box-shadow 2s ease-in-out, -webkit-box-shadow 2s ease-in-out;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        word-break: break-word;
        -webkit-align-items: center;
        -webkit-justify-content: center;
        display: -webkit-inline-flex
    }

    .btn-form {
        border-radius: 0
    }

    .btn-form:hover {
        cursor: pointer
    }

    input,
    textarea {
        padding: 15px 0.5rem;
        margin: 0.5rem
    }

    .mbr-figure img,
    .mbr-figure iframe {
        display: block;
        width: 100%
    }

    .card {
        background-color: transparent;
        border: none
    }

    .card-wrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1
    }

    .card-img {
        text-align: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-shrink: 0
    }

    .media {
        max-width: 100%;
        margin: 0 auto
    }

    .mbr-figure {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        -webkit-align-self: center;
        align-self: center
    }

    .media-container>div {
        max-width: 100%
    }

    .mbr-figure img,
    .card-img img {
        width: 100%
    }

    @media (max-width:991px) {
        .media-size-item {
            width: auto
        }

        .media {
            width: auto
        }

        .mbr-figure {
            width: 100%
        }
    }

    section.slider .amp-carousel-button {
        cursor: pointer
    }

    amp-image-lightbox a.control {
        position: absolute;
        width: 32px;
        height: 32px;
        right: 16px;
        top: 16px;
        z-index: 1000
    }

    amp-image-lightbox a.control .close {
        position: relative
    }

    amp-image-lightbox a.control .close:before,
    amp-image-lightbox a.control .close:after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 33px;
        width: 2px;
        background-color: #fff
    }

    amp-image-lightbox a.control .close:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    amp-image-lightbox a.control .close:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .hidden {
        visibility: hidden
    }

    .super-hide {
        display: none
    }

    .inactive {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        -webkit-user-drag: none;
        user-drag: none
    }

    textarea[type="hidden"] {
        display: none
    }

    #scrollToTop {
        display: none
    }

    .popover-content ul.show {
        min-height: 155px
    }

    .mbr-white {
        color: #ffffff
    }

    .mbr-bg-white {
        background-color: #ffffff
    }

    .align-left {
        text-align: left
    }

    .align-center {
        text-align: center
    }

    .align-right {
        text-align: right
    }

    @media (max-width:767px) {

        .align-left,
        .align-center,
        .align-right,
        .mbr-section-btn,
        .mbr-section-title {
            text-align: center
        }
    }

    .mbr-light {
        font-weight: 300
    }

    .mbr-regular {
        font-weight: 400
    }

    .mbr-semibold {
        font-weight: 500
    }

    .mbr-bold {
        font-weight: 700
    }

    .mbr-section-btn {
        margin-left: -.5rem;
        margin-right: -.5rem;
        font-size: 0
    }

    nav .mbr-section-btn {
        margin-left: 0rem;
        margin-right: 0rem
    }

    .btn .mbr-iconfont,
    .btn.btn-sm .mbr-iconfont {
        cursor: pointer;
        margin-right: 0.5rem
    }

    .btn.btn-md .mbr-iconfont,
    .btn.btn-md .mbr-iconfont {
        margin-right: 0.8rem
    }

    [type="submit"] {
        -webkit-appearance: none
    }

    .google-map {
        height: 400px;
        position: relative;
        width: 100%
    }

    .google-map iframe {
        height: 100%;
        width: 100%
    }

    .google-map [data-state-details] {
        color: #6b6763;
        font-family: Montserrat;
        height: 1.5em;
        margin-top: -0.75em;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 100%
    }

    .google-map[data-state] {
        background: #e9e5dc
    }

    .google-map[data-state="loading"] [data-state-details] {
        display: none
    }

    .map-placeholder {
        display: none
    }

    .mbr-fullscreen .mbr-overlay {
        height: 100vh
    }

    .mbr-fullscreen {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        height: 100vh;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .mbr-overlay {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0
    }

    section.sidebar-open:before {
        content: '';
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.2);
        z-index: 1040
    }

    amp-img img {
        max-height: 100%;
        max-width: 100%
    }

    img.mbr-temp {
        width: 100%
    }

    .is-builder .nodisplay+img[async],
    .is-builder .nodisplay+img[decoding="async"],
    .is-builder amp-img>a+img[async],
    .is-builder amp-img>a+img[decoding="async"] {
        display: none
    }

    html:not(.is-builder) amp-img>a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1
    }

    .is-builder .temp-amp-sizer {
        position: absolute
    }

    .is-builder section.slider .icon-wrap,
    .is-builder section[class*="gallery"] .icon-wrap {
        pointer-events: all
    }

    .is-builder amp-youtube .temp-amp-sizer,
    .is-builder amp-vimeo .temp-amp-sizer {
        position: static
    }

    .is-builder section.horizontal-menu .ampstart-btn {
        display: none
    }

    @media (max-width:991px) {
        .is-builder section.horizontal-menu .navbar-toggler {
            display: block
        }
    }

    .is-builder section.horizontal-menu .dropdown-menu {
        z-index: auto;
        opacity: 1;
        pointer-events: auto
    }

    .is-builder section.horizontal-menu .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
        margin: 0.4rem 0;
        margin-right: 1.4rem;
        padding: 0
    }

    .mobirise-spinner {
        position: absolute;
        top: 50%;
        left: 40%;
        margin-left: 10%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        z-index: 4
    }

    .mobirise-spinner em {
        width: 24px;
        height: 24px;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: slide 1s infinite
    }

    .mobirise-spinner em:nth-child(1) {
        -webkit-animation-delay: 0.1s
    }

    .mobirise-spinner em:nth-child(2) {
        -webkit-animation-delay: 0.2s
    }

    .mobirise-spinner em:nth-child(3) {
        -webkit-animation-delay: 0.3s
    }

    @-webkit-keyframes slide {
        0% {
            -webkit-transform: scale(1)
        }

        50% {
            opacity: 0.3;
            -webkit-transform: scale(2)
        }

        100% {
            -webkit-transform: scale(1)
        }
    }

    @keyframes slide {
        0% {
            -webkit-transform: scale(1)
        }

        50% {
            opacity: 0.3;
            -webkit-transform: scale(2)
        }

        100% {
            -webkit-transform: scale(1)
        }
    }

    .mobirise-loader .amp-active>div {
        display: none
    }

    .mbr-container {
        max-width: 800px;
        padding: 0 10px;
        margin: 0 auto;
        position: relative
    }

    .container {
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (max-width:767px) {
        .container {
            max-width: 540px
        }
    }

    @media (min-width:768px) {
        .container {
            max-width: 720px
        }
    }

    @media (min-width:992px) {
        .container {
            max-width: 960px
        }
    }

    @media (min-width:1200px) {
        .container {
            max-width: 1140px
        }
    }

    .mbr-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .mbr-justify-content-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center
    }

    @media (max-width:767px) {
        .mbr-col-sm-12 {
            -ms-flex: 0 0 100%;
            -webkit-box-flex: 0;
            flex: 0 0 100%;
            max-width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-flex: 0 0 100%
        }
    }

    @media (min-width:768px) {
        .mbr-col-md-3 {
            -ms-flex: 0 0 25%;
            -webkit-box-flex: 0;
            flex: 0 0 25%;
            max-width: 25%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-flex: 0 0 25%
        }

        .mbr-col-md-4 {
            -ms-flex: 0 0 33.333333%;
            -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-flex: 0 0 33.333333%
        }

        .mbr-col-md-5 {
            -ms-flex: 0 0 41.666667%;
            -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-flex: 0 0 41.666667%
        }

        .mbr-col-md-6 {
            -ms-flex: 0 0 50%;
            -webkit-box-flex: 0;
            flex: 0 0 50%;
            max-width: 50%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-flex: 0 0 50%
        }

        .mbr-col-md-7 {
            -ms-flex: 0 0 58.333333%;
            -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-flex: 0 0 58.333333%
        }

        .mbr-col-md-8 {
            -ms-flex: 0 0 66.666667%;
            -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
            padding-left: 15px;
            padding-right: 15px;
            -webkit-flex: 0 0 66.666667%
        }

        .mbr-col-md-10 {
            -ms-flex: 0 0 83.333333%;
            -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
            max-width: 83.333333%;
            padding-left: 15px;
            padding-right: 15px;
            -webkit-flex: 0 0 83.333333%
        }

        .mbr-col-md-12 {
            -ms-flex: 0 0 100%;
            -webkit-box-flex: 0;
            flex: 0 0 100%;
            max-width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-flex: 0 0 100%
        }
    }

    @media (min-width:992px) {
        .mbr-col-lg-2 {
            -ms-flex: 0 0 16.666667%;
            -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-flex: 0 0 16.666667%
        }

        .mbr-col-lg-3 {
            -ms-flex: 0 0 25%;
            -webkit-box-flex: 0;
            flex: 0 0 25%;
            max-width: 25%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-flex: 0 0 25%
        }

        .mbr-col-lg-4 {
            -ms-flex: 0 0 33.33%;
            -webkit-box-flex: 0;
            flex: 0 0 33.33%;
            max-width: 33.33%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-flex: 0 0 33.33%
        }

        .mbr-col-lg-5 {
            -ms-flex: 0 0 41.666%;
            -webkit-box-flex: 0;
            flex: 0 0 41.666%;
            max-width: 41.666%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-flex: 0 0 41.666%
        }

        .mbr-col-lg-6 {
            -ms-flex: 0 0 50%;
            -webkit-box-flex: 0;
            flex: 0 0 50%;
            max-width: 50%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-flex: 0 0 50%
        }

        .mbr-col-lg-8 {
            -ms-flex: 0 0 66.666667%;
            -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
            padding-left: 15px;
            padding-right: 15px;
            -webkit-flex: 0 0 66.666667%
        }

        .mbr-col-lg-10 {
            -ms-flex: 0 0 83.3333%;
            -webkit-box-flex: 0;
            flex: 0 0 83.3333%;
            max-width: 83.3333%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-flex: 0 0 83.3333%
        }

        .mbr-col-lg-12 {
            -ms-flex: 0 0 100%;
            -webkit-box-flex: 0;
            flex: 0 0 100%;
            max-width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-flex: 0 0 100%
        }
    }

    @media (min-width:1200px) {
        .mbr-col-xl-7 {
            -ms-flex: 0 0 58.333333%;
            -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-flex: 0 0 58.333333%
        }

        .mbr-col-xl-8 {
            -ms-flex: 0 0 66.666667%;
            -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
            padding-left: 15px;
            padding-right: 15px;
            -webkit-flex: 0 0 66.666667%
        }
    }

    amp-sidebar {
        background: transparent
    }

    #scrollToTopMarker {
        position: absolute;
        width: 0px;
        height: 0px;
        top: 300px
    }

    #scrollToTopButton {
        position: fixed;
        bottom: 25px;
        right: 25px;
        opacity: .4;
        z-index: 5000;
        font-size: 32px;
        height: 60px;
        width: 60px;
        border: none;
        border-radius: 3px;
        cursor: pointer
    }

    #scrollToTopButton:focus {
        outline: none
    }

    #scrollToTopButton a:before {
        content: '';
        position: absolute;
        height: 40%;
        top: 36%;
        width: 2px;
        left: calc(50% - 1px)
    }

    #scrollToTopButton a:after {
        content: '';
        position: absolute;
        border-top: 2px solid;
        border-right: 2px solid;
        width: 40%;
        height: 40%;
        left: calc(30% - 1px);
        bottom: 30%;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    .is-builder #scrollToTopButton a:after {
        left: 30%
    }

    .form-check {
        margin-bottom: 0
    }

    .form-check-label {
        padding-left: 0
    }

    .form-check-input {
        position: relative;
        margin: 4px
    }

    .form-check-inline {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        margin-right: .75rem
    }

    amp-image-lightbox,
    .lightbox {
        background: rgba(0, 0, 0, 0.8);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        overflow: auto
    }

    amp-image-lightbox a.control,
    .lightbox a.control {
        position: absolute;
        cursor: default;
        top: 0;
        right: 0
    }

    amp-image-lightbox .close,
    .lightbox .close {
        background: none;
        border: none;
        position: absolute;
        top: 15px;
        right: 15px;
        height: 2rem;
        width: 2rem;
        cursor: pointer;
        z-index: 1000
    }

    amp-image-lightbox .close:before,
    amp-image-lightbox .close:after,
    .lightbox .close:before,
    .lightbox .close:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: ' ';
        height: 2rem;
        width: 5px;
        background-color: #fff
    }

    amp-image-lightbox .close:before,
    .lightbox .close:before {
        transform: rotate(45deg)
    }

    amp-image-lightbox .close:after,
    .lightbox .close:after {
        transform: rotate(-45deg)
    }

    amp-image-lightbox .video-block,
    .lightbox .video-block {
        width: 100%
    }

    @media (min-width:1400px) {

        .mbr-col-lg-6,
        .mbr-col-md-6,
        .mbr-col-lg-4,
        .mbr-col-lg-3,
        .mbr-col-lg-12 {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .mbr-row {
            margin-right: -1.5rem;
            margin-left: -1.5rem
        }
    }

    .mbr-pt-1,
    .mbr-py-1 {
        padding-top: 0.5rem
    }

    .mbr-pb-1,
    .mbr-py-1 {
        padding-bottom: 0.5rem
    }

    .mbr-px-1 {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }

    .mbr-p-1 {
        padding: 0.5rem
    }

    .mbr-pt-2,
    .mbr-py-2 {
        padding-top: 1rem
    }

    .mbr-pb-2,
    .mbr-py-2 {
        padding-bottom: 1rem
    }

    .mbr-px-2 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .mbr-p-2 {
        padding: 1rem
    }

    .mbr-pt-3,
    .mbr-py-3 {
        padding-top: 1.5rem
    }

    .mbr-pb-3,
    .mbr-py-3 {
        padding-bottom: 1.5rem
    }

    .mbr-px-3 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .mbr-p-3 {
        padding: 1.5rem
    }

    .mbr-pt-4,
    .mbr-py-4 {
        padding-top: 2rem
    }

    .mbr-pb-4,
    .mbr-py-4 {
        padding-bottom: 2rem
    }

    .mbr-px-4 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .mbr-p-4 {
        padding: 2rem
    }

    .mbr-pt-5,
    .mbr-py-5 {
        padding-top: 3rem
    }

    .mbr-pb-5,
    .mbr-py-5 {
        padding-bottom: 3rem
    }

    .mbr-px-5 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .mbr-p-5 {
        padding: 3rem
    }

    body {
        font-family: Roboto
    }

    blockquote {
        border-color: #003188
    }

    .display-1 {
        font-family: 'Roboto', sans-serif;
        font-size: 4.8rem;
        line-height: 1.1
    }

    .display-2 {
        font-family: 'Roboto', sans-serif;
        font-size: 3.2rem;
        line-height: 1.2
    }

    .display-4 {
        font-family: 'Roboto', sans-serif;
        font-size: 0.9rem;
        line-height: 1.3
    }

    .display-5 {
        font-family: 'Roboto', sans-serif;
        font-size: 1.7rem;
        line-height: 1.4
    }

    .display-7 {
        font-family: 'Roboto', sans-serif;
        font-size: 1.1rem;
        line-height: 1.4
    }

    input,
    textarea {
        font-family: 'Roboto', sans-serif;
        font-size: 0.9rem
    }

    .display-1 .mbr-iconfont-btn {
        font-size: 4.8rem;
        width: 4.8rem
    }

    .display-2 .mbr-iconfont-btn {
        font-size: 3.2rem;
        width: 3.2rem
    }

    .display-4 .mbr-iconfont-btn {
        font-size: 0.9rem;
        width: 0.9rem
    }

    .display-5 .mbr-iconfont-btn {
        font-size: 1.7rem;
        width: 1.7rem
    }

    .display-7 .mbr-iconfont-btn {
        font-size: 1.1rem;
        width: 1.1rem
    }

    @media (max-width:768px) {
        .display-1 {
            font-size: 3.84rem;
            font-size: calc(2.33rem + (4.8 - 2.33) * ((100vw - 20rem) / (48 - 20)));
            line-height: calc(1.4 * (2.33rem + (4.8 - 2.33) * ((100vw - 20rem) / (48 - 20))))
        }

        .display-2 {
            font-size: 2.56rem;
            font-size: calc(1.77rem + (3.2 - 1.77) * ((100vw - 20rem) / (48 - 20)));
            line-height: calc(1.4 * (1.77rem + (3.2 - 1.77) * ((100vw - 20rem) / (48 - 20))))
        }

        .display-4 {
            font-size: 0.72rem;
            font-size: calc(0.965rem + (0.9 - 0.965) * ((100vw - 20rem) / (48 - 20)));
            line-height: calc(1.4 * (0.965rem + (0.9 - 0.965) * ((100vw - 20rem) / (48 - 20))))
        }

        .display-5 {
            font-size: 1.36rem;
            font-size: calc(1.245rem + (1.7 - 1.245) * ((100vw - 20rem) / (48 - 20)));
            line-height: calc(1.4 * (1.245rem + (1.7 - 1.245) * ((100vw - 20rem) / (48 - 20))))
        }
    }

    .btn {
        padding: 1rem 2rem;
        border-radius: 10px
    }

    .btn-sm {
        border-width: 1px;
        padding: 0.6rem 0.8rem;
        border-radius: 10px
    }

    .btn-md {
        font-weight: 600;
        padding: 0.5rem 2rem;
        border-radius: 10px
    }

    .bg-primary {
        background-color: #003188
    }

    .bg-success {
        background-color: #0dcd7b
    }

    .bg-info {
        background-color: #8282e7
    }

    .bg-warning {
        background-color: #767676
    }

    .bg-danger {
        background-color: #e7f0ff
    }

    .btn-primary,
    .btn-primary:active,
    .btn-primary.active {
        background-color: #003188;
        border-color: #003188;
        color: #ffffff
    }

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus {
        color: #ffffff;
        background-color: #00286f;
        border-color: #00286f
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        color: #ffffff;
        background-color: #00286f;
        border-color: #00286f
    }

    .btn-secondary,
    .btn-secondary:active,
    .btn-secondary.active {
        background-color: #fb5f3d;
        border-color: #fb5f3d;
        color: #ffffff
    }

    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary.focus {
        color: #ffffff;
        background-color: #fa4a24;
        border-color: #fa4a24
    }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        color: #ffffff;
        background-color: #fa4a24;
        border-color: #fa4a24
    }

    .btn-info,
    .btn-info:active,
    .btn-info.active {
        background-color: #8282e7;
        border-color: #8282e7;
        color: #ffffff
    }

    .btn-info:hover,
    .btn-info:focus,
    .btn-info.focus {
        color: #ffffff;
        background-color: #6d6de3;
        border-color: #6d6de3
    }

    .btn-info.disabled,
    .btn-info:disabled {
        color: #ffffff;
        background-color: #6d6de3;
        border-color: #6d6de3
    }

    .btn-success,
    .btn-success:active,
    .btn-success.active {
        background-color: #0dcd7b;
        border-color: #0dcd7b;
        color: #ffffff
    }

    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus {
        color: #ffffff;
        background-color: #0bb56d;
        border-color: #0bb56d
    }

    .btn-success.disabled,
    .btn-success:disabled {
        color: #ffffff;
        background-color: #0bb56d;
        border-color: #0bb56d
    }

    .btn-warning,
    .btn-warning:active,
    .btn-warning.active {
        background-color: #767676;
        border-color: #767676;
        color: #ffffff
    }

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning.focus {
        color: #ffffff;
        background-color: #696969;
        border-color: #696969
    }

    .btn-warning.disabled,
    .btn-warning:disabled {
        color: #ffffff;
        background-color: #696969;
        border-color: #696969
    }

    .btn-danger,
    .btn-danger:active,
    .btn-danger.active {
        background-color: #e7f0ff;
        border-color: #e7f0ff;
        color: #0057e7
    }

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.focus {
        color: #0057e7;
        background-color: #cde0ff;
        border-color: #cde0ff
    }

    .btn-danger.disabled,
    .btn-danger:disabled {
        color: #0057e7;
        background-color: #cde0ff;
        border-color: #cde0ff
    }

    .btn-black,
    .btn-black:active,
    .btn-black.active {
        background-color: #333333;
        border-color: #333333;
        color: #ffffff
    }

    .btn-black:hover,
    .btn-black:focus,
    .btn-black.focus {
        color: #ffffff;
        background-color: #262626;
        border-color: #262626
    }

    .btn-black.disabled,
    .btn-black:disabled {
        color: #ffffff;
        background-color: #262626;
        border-color: #262626
    }

    .btn-white,
    .btn-white:active,
    .btn-white.active {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #808080
    }

    .btn-white:hover,
    .btn-white:focus,
    .btn-white.focus {
        color: #808080;
        background-color: #f2f2f2;
        border-color: #f2f2f2
    }

    .btn-white.disabled,
    .btn-white:disabled {
        color: #808080;
        background-color: #f2f2f2;
        border-color: #f2f2f2
    }

    .btn-white,
    .btn-white:active,
    .btn-white.active {
        color: #333333
    }

    .btn-white:hover,
    .btn-white:focus,
    .btn-white.focus {
        color: #333333
    }

    .btn-white.disabled,
    .btn-white:disabled {
        color: #333333
    }

    .btn-primary-outline,
    .btn-primary-outline:active,
    .btn-primary-outline.active {
        background: none;
        border-color: #000c22;
        color: #000c22
    }

    .btn-primary-outline:hover,
    .btn-primary-outline:focus,
    .btn-primary-outline.focus {
        color: #ffffff;
        background-color: #003188;
        border-color: #003188
    }

    .btn-primary-outline.disabled,
    .btn-primary-outline:disabled {
        color: #ffffff;
        background-color: #003188;
        border-color: #003188
    }

    .btn-secondary-outline,
    .btn-secondary-outline:active,
    .btn-secondary-outline.active {
        background: none;
        border-color: #ce2804;
        color: #ce2804
    }

    .btn-secondary-outline:hover,
    .btn-secondary-outline:focus,
    .btn-secondary-outline.focus {
        color: #ffffff;
        background-color: #fb5f3d;
        border-color: #fb5f3d
    }

    .btn-secondary-outline.disabled,
    .btn-secondary-outline:disabled {
        color: #ffffff;
        background-color: #fb5f3d;
        border-color: #fb5f3d
    }

    .btn-info-outline,
    .btn-info-outline:active,
    .btn-info-outline.active {
        background: none;
        border-color: #2c2cd7;
        color: #2c2cd7
    }

    .btn-info-outline:hover,
    .btn-info-outline:focus,
    .btn-info-outline.focus {
        color: #ffffff;
        background-color: #8282e7;
        border-color: #8282e7
    }

    .btn-info-outline.disabled,
    .btn-info-outline:disabled {
        color: #ffffff;
        background-color: #8282e7;
        border-color: #8282e7
    }

    .btn-success-outline,
    .btn-success-outline:active,
    .btn-success-outline.active {
        background: none;
        border-color: #076d41;
        color: #076d41
    }

    .btn-success-outline:hover,
    .btn-success-outline:focus,
    .btn-success-outline.focus {
        color: #ffffff;
        background-color: #0dcd7b;
        border-color: #0dcd7b
    }

    .btn-success-outline.disabled,
    .btn-success-outline:disabled {
        color: #ffffff;
        background-color: #0dcd7b;
        border-color: #0dcd7b
    }

    .btn-warning-outline,
    .btn-warning-outline:active,
    .btn-warning-outline.active {
        background: none;
        border-color: #434343;
        color: #434343
    }

    .btn-warning-outline:hover,
    .btn-warning-outline:focus,
    .btn-warning-outline.focus {
        color: #ffffff;
        background-color: #767676;
        border-color: #767676
    }

    .btn-warning-outline.disabled,
    .btn-warning-outline:disabled {
        color: #ffffff;
        background-color: #767676;
        border-color: #767676
    }

    .btn-danger-outline,
    .btn-danger-outline:active,
    .btn-danger-outline.active {
        background: none;
        border-color: #81b0ff;
        color: #81b0ff
    }

    .btn-danger-outline:hover,
    .btn-danger-outline:focus,
    .btn-danger-outline.focus {
        color: #0057e7;
        background-color: #e7f0ff;
        border-color: #e7f0ff
    }

    .btn-danger-outline.disabled,
    .btn-danger-outline:disabled {
        color: #0057e7;
        background-color: #e7f0ff;
        border-color: #e7f0ff
    }

    .btn-black-outline,
    .btn-black-outline:active,
    .btn-black-outline.active {
        background: none;
        border-color: #000000
    }

    .btn-black-outline:hover,
    .btn-black-outline:focus,
    .btn-black-outline.focus {
        color: #ffffff;
        background-color: #333333;
        border-color: #333333
    }

    .btn-black-outline.disabled,
    .btn-black-outline:disabled {
        color: #ffffff;
        background-color: #333333;
        border-color: #333333
    }

    .btn-white-outline,
    .btn-white-outline:active,
    .btn-white-outline.active {
        background: none;
        border-color: #ffffff;
        color: #ffffff
    }

    .btn-white-outline:hover,
    .btn-white-outline:focus,
    .btn-white-outline.focus {
        color: #333333;
        background-color: #ffffff;
        border-color: #ffffff
    }

    .text-primary {
        color: #003188
    }

    .text-secondary {
        color: #fb5f3d
    }

    .text-success {
        color: #0dcd7b
    }

    .text-info {
        color: #8282e7
    }

    .text-warning {
        color: #767676
    }

    .text-danger {
        color: #e7f0ff
    }

    .text-white {
        color: #ffffff
    }

    a.text-primary:hover,
    a.text-primary:focus {
        color: #000c22
    }

    a.text-secondary:hover,
    a.text-secondary:focus {
        color: #ce2804
    }

    a.text-success:hover,
    a.text-success:focus {
        color: #076d41
    }

    a.text-info:hover,
    a.text-info:focus {
        color: #2c2cd7
    }

    a.text-warning:hover,
    a.text-warning:focus {
        color: #434343
    }

    a.text-danger:hover,
    a.text-danger:focus {
        color: #81b0ff
    }

    a.text-white:hover,
    a.text-white:focus {
        color: #b3b3b3
    }

    a.text-black:hover,
    a.text-black:focus {
        color: #4d4d4d
    }

    .alert-success {
        background-color: #0dcd7b
    }

    .alert-info {
        background-color: #8282e7
    }

    .alert-warning {
        background-color: #fb603f
    }

    .alert-danger {
        background-color: #e7f0ff
    }

    a,
    a:hover {
        color: #700983
    }

    .mbr-plan-header.bg-primary .mbr-plan-subtitle,
    .mbr-plan-header.bg-primary .mbr-plan-price-desc {
        color: #0861ff
    }

    .mbr-plan-header.bg-success .mbr-plan-subtitle,
    .mbr-plan-header.bg-success .mbr-plan-price-desc {
        color: #acfad9
    }

    .mbr-plan-header.bg-info .mbr-plan-subtitle,
    .mbr-plan-header.bg-info .mbr-plan-price-desc {
        color: #ffffff
    }

    .mbr-plan-header.bg-warning .mbr-plan-subtitle,
    .mbr-plan-header.bg-warning .mbr-plan-price-desc {
        color: #b6b6b6
    }

    .mbr-plan-header.bg-danger .mbr-plan-subtitle,
    .mbr-plan-header.bg-danger .mbr-plan-price-desc {
        color: #ffffff
    }

    .mobirise-spinner em:nth-child(1) {
        background: #003188
    }

    .mobirise-spinner em:nth-child(2) {
        background: #fb5f3d
    }

    .mobirise-spinner em:nth-child(3) {
        background: #0dcd7b
    }

    #scrollToTopMarker {
        display: none
    }

    #scrollToTopButton {
        background-color: #4ea2e3
    }

    #scrollToTopButton a:before {
        background: #ffffff
    }

    #scrollToTopButton a:after {
        border-top-color: #ffffff;
        border-right-color: #ffffff
    }

    @media (max-width:992px) {
        .md-pb {
            margin-bottom: 1rem
        }
    }

    .cid-rW8TxGlXDC {
        min-height: 138px
    }

    .cid-rW8TxGlXDC .brand-name {
        color: #003188;
        margin: 0
    }

    .cid-rW8TxGlXDC .nav-item:focus,
    .cid-rW8TxGlXDC .nav-link:focus {
        outline: none
    }

    .cid-rW8TxGlXDC .navbar-collapse {
        max-width: 1140px;
        margin: auto;
        width: 100%;
        justify-content: space-between
    }

    .cid-rW8TxGlXDC p {
        margin: 0
    }

    .cid-rW8TxGlXDC .nav-link:hover {
        color: #fb5f3d
    }

    .cid-rW8TxGlXDC .dropdown-menu {
        box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
        border-radius: 8px
    }

    .cid-rW8TxGlXDC .dropdown-menu:before {
        height: 0;
        width: 0;
        border-bottom: 10px solid #ffffff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: '';
        position: absolute;
        bottom: 100%;
        left: 20px
    }

    .cid-rW8TxGlXDC .phone {
        background-color: #fff0ed;
        padding: 6px 10px;
        border-radius: 8px;
        color: #fb5f3d
    }

    .cid-rW8TxGlXDC .phone-text {
        margin: 0 1rem;
        color: #fb5f3d
    }

    .cid-rW8TxGlXDC .brand {
        border-right: 1px solid currentColor;
        display: flex;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        -webkit-align-items: center;
        align-items: center;
        margin-right: 0;
        padding: 0;
        transition: all .3s;
        word-break: break-word;
        z-index: 1
    }

    .cid-rW8TxGlXDC .brand .navbar-caption {
        line-height: inherit;
        font-weight: normal
    }

    .cid-rW8TxGlXDC .brand .navbar-logo a {
        outline: none
    }

    .cid-rW8TxGlXDC .brand .navbar-caption-wrap {
        display: flex
    }

    .cid-rW8TxGlXDC .top-box,
    .cid-rW8TxGlXDC .menu-box {
        display: flex;
        align-items: center
    }

    .cid-rW8TxGlXDC .top-menu {
        justify-content: space-between;
        display: flex;
        width: 100%;
        max-width: 1140px;
        margin: auto;
        margin-bottom: 0.4rem;
        border-bottom: 1px solid #700983;
        padding: 0.6rem 0
    }

    .cid-rW8TxGlXDC .brand-text {
        padding-left: 0.5rem;
        margin: 0
    }

    .cid-rW8TxGlXDC .navbar-nav {
        list-style-type: none;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        padding-left: 0
    }

    .cid-rW8TxGlXDC .navbar-nav .nav-link,
    .cid-rW8TxGlXDC .navbar-nav .nav-dropdown {
        margin: 0.4rem 0;
        margin-right: 1.4rem;
        padding: 0;
        font-weight: normal
    }

    .cid-rW8TxGlXDC .icons-list {
        display: flex;
        flex-wrap: wrap;
        padding-right: 1rem
    }

    .cid-rW8TxGlXDC .icons-list a {
        display: flex;
        flex-direction: row;
        padding: 0.1rem;
        margin-right: 0.8rem
    }

    .cid-rW8TxGlXDC .icons-list a .iconfont-wrapper {
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem
    }

    .cid-rW8TxGlXDC .icons-list a .iconfont-wrapper .amp-iconfont {
        color: #003188;
        font-size: 1.5rem
    }

    @media (min-width:992px) {
        .cid-rW8TxGlXDC .dropdown-menu .dropdown-toggle:after {
            content: '';
            border-bottom: 0.35em solid transparent;
            border-left: 0.35em solid;
            border-right: 0;
            border-top: 0.35em solid transparent;
            margin-left: 0.3rem;
            margin-top: -0.3077em;
            position: absolute;
            right: 1.1538em;
            top: 50%
        }
    }

    .cid-rW8TxGlXDC .nav-dropdown .dropdown-menu {
        border: 0;
        left: 0;
        margin: 0;
        min-width: 10rem;
        padding-bottom: 1rem;
        padding-top: 1rem;
        position: absolute
    }

    .cid-rW8TxGlXDC .nav-dropdown .dropdown-menu .dropdown-item {
        font-weight: 400;
        line-height: 2;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        padding: 0rem 1.6rem;
        clear: both;
        text-align: inherit;
        white-space: nowrap;
        background: 0 0;
        border: 0
    }

    .cid-rW8TxGlXDC .nav-dropdown .dropdown-menu .dropdown-item:hover {
        color: #fb5f3d
    }

    .cid-rW8TxGlXDC .nav-dropdown .dropdown-menu .dropdown {
        position: relative
    }

    .cid-rW8TxGlXDC .nav-item.dropdown {
        position: relative
    }

    .cid-rW8TxGlXDC .nav-item.dropdown .dropdown-menu {
        z-index: -1;
        opacity: 0;
        pointer-events: none
    }

    .cid-rW8TxGlXDC .nav-item.dropdown:hover>.dropdown-menu {
        z-index: 1;
        opacity: 1;
        pointer-events: all
    }

    .cid-rW8TxGlXDC .dropdown-menu .dropdown:hover>.dropdown-menu {
        z-index: 1;
        opacity: 1;
        pointer-events: all
    }

    .cid-rW8TxGlXDC .link.dropdown-toggle:after {
        content: '';
        margin-left: .25rem;
        border-top: 0.35em solid;
        border-right: 0.35em solid transparent;
        border-left: 0.35em solid transparent;
        border-bottom: 0
    }

    .cid-rW8TxGlXDC .nav-dropdown .dropdown-submenu {
        top: 0
    }

    .cid-rW8TxGlXDC .navbar {
        z-index: 100;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: column;
        width: 100%;
        min-height: 138px;
        transition: all .3s;
        background: #9abbe5
    }

    .cid-rW8TxGlXDC .navbar .navbar-logo {
        margin-right: .8rem
    }

    .cid-rW8TxGlXDC .navbar .navbar-logo img {
        height: auto
    }

    .cid-rW8TxGlXDC .navbar.navbar-short {
        background: #ffffff
    }

    .cid-rW8TxGlXDC .navbar.navbar-short .brand {
        padding: 0
    }

    .cid-rW8TxGlXDC .navbar.opened {
        transition: all .3s;
        background: #ffffff
    }

    .cid-rW8TxGlXDC .navbar .dropdown-item {
        padding: .25rem 1.5rem
    }

    .cid-rW8TxGlXDC .navbar .navbar-collapse {
        display: flex;
        z-index: 1;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        -webkit-align-items: center;
        align-items: center
    }

    @media (max-width:991px) {
        .cid-rW8TxGlXDC .navbar .navbar-collapse {
            display: none;
            position: absolute;
            top: 0;
            right: 0;
            min-height: 100vh;
            background: #ffffff;
            padding: 1rem 2rem 1rem 2rem
        }

        .cid-rW8TxGlXDC .navbar.opened .navbar-collapse.show,
        .cid-rW8TxGlXDC .navbar.opened .navbar-collapse.collapsing {
            display: block
        }

        .cid-rW8TxGlXDC .navbar.opened .dropdown-menu {
            top: 0
        }

        .cid-rW8TxGlXDC .navbar .dropdown-menu {
            position: relative;
            background: transparent
        }

        .cid-rW8TxGlXDC .navbar .dropdown-menu .dropdown-submenu {
            left: 0
        }

        .cid-rW8TxGlXDC .navbar .dropdown-menu .dropdown-item:after {
            right: auto
        }

        .cid-rW8TxGlXDC .navbar .dropdown-menu .dropdown-item {
            padding: .25rem 1.5rem;
            text-align: center;
            margin: 0
        }

        .cid-rW8TxGlXDC .navbar .brand {
            -webkit-flex-shrink: initial;
            flex-shrink: initial;
            word-break: break-word
        }
    }

    .cid-rW8TxGlXDC .dropdown-item.active,
    .cid-rW8TxGlXDC .dropdown-item:active {
        background-color: transparent
    }

    .cid-rW8TxGlXDC .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0
    }

    .cid-rW8TxGlXDC .navbar.navbar-expand-lg .dropdown .dropdown-menu {
        background: #ffffff
    }

    .cid-rW8TxGlXDC .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
        margin: 0;
        left: 100%
    }

    .cid-rW8TxGlXDC .navbar .dropdown.open>.dropdown-menu {
        display: block
    }

    .cid-rW8TxGlXDC ul.navbar-nav {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .cid-rW8TxGlXDC .navbar-buttons {
        text-align: center
    }

    .cid-rW8TxGlXDC button.navbar-toggler {
        outline: none;
        width: 31px;
        height: 20px;
        cursor: pointer;
        transition: all .2s;
        position: relative;
        align-self: flex-end;
        margin: 6px 0
    }

    .cid-rW8TxGlXDC button.navbar-toggler .hamburger span {
        position: absolute;
        right: 0;
        width: 30px;
        height: 2px;
        border-right: 5px;
        background-color: #0e0e87
    }

    .cid-rW8TxGlXDC button.navbar-toggler .hamburger span:nth-child(1) {
        top: 0;
        transition: all .2s
    }

    .cid-rW8TxGlXDC button.navbar-toggler .hamburger span:nth-child(2) {
        top: 8px;
        transition: all .15s
    }

    .cid-rW8TxGlXDC button.navbar-toggler .hamburger span:nth-child(3) {
        top: 8px;
        transition: all .15s
    }

    .cid-rW8TxGlXDC button.navbar-toggler .hamburger span:nth-child(4) {
        top: 16px;
        transition: all .2s
    }

    .cid-rW8TxGlXDC nav.opened .navbar-toggler:not(.hide) .hamburger span:nth-child(1) {
        top: 8px;
        width: 0;
        opacity: 0;
        right: 50%;
        transition: all .2s
    }

    .cid-rW8TxGlXDC nav.opened .navbar-toggler:not(.hide) .hamburger span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all .25s
    }

    .cid-rW8TxGlXDC nav.opened .navbar-toggler:not(.hide) .hamburger span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transition: all .25s
    }

    .cid-rW8TxGlXDC nav.opened .navbar-toggler:not(.hide) .hamburger span:nth-child(4) {
        top: 8px;
        width: 0;
        opacity: 0;
        right: 50%;
        transition: all .2s
    }

    .cid-rW8TxGlXDC .navbar-dropdown {
        padding: .5rem 1rem;
        position: fixed
    }

    .cid-rW8TxGlXDC a.nav-link {
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .cid-rW8TxGlXDC .nav-link .mbr-iconfont,
    .cid-rW8TxGlXDC .dropdown-item .mbr-iconfont {
        margin-right: .2rem
    }

    .cid-rW8TxGlXDC .ampstart-btn {
        display: flex;
        -webkit-align-self: center;
        align-self: center
    }

    @media (min-width:992px) {
        .cid-rW8TxGlXDC .ampstart-btn {
            display: none
        }
    }

    .cid-rW8TxGlXDC .ampstart-btn.hamburger {
        position: relative;
        right: 0px;
        margin-left: auto;
        width: 30px;
        height: 20px;
        background: none;
        border: none;
        cursor: pointer;
        z-index: 1000;
        margin: 0.5rem 0 0 auto
    }

    .cid-rW8TxGlXDC .ampstart-btn.hamburger:focus {
        outline: none
    }

    .cid-rW8TxGlXDC .ampstart-btn.hamburger span {
        position: absolute;
        right: 0;
        width: 30px;
        height: 2px;
        border-right: 5px;
        background-color: #0e0e87
    }

    .cid-rW8TxGlXDC .ampstart-btn.hamburger span:nth-child(1) {
        top: 0;
        transition: all .2s
    }

    .cid-rW8TxGlXDC .ampstart-btn.hamburger span:nth-child(2) {
        top: 8px;
        transition: all .15s
    }

    .cid-rW8TxGlXDC .ampstart-btn.hamburger span:nth-child(3) {
        top: 8px;
        transition: all .15s
    }

    .cid-rW8TxGlXDC .ampstart-btn.hamburger span:nth-child(4) {
        top: 16px;
        transition: all .2s
    }

    .cid-rW8TxGlXDC amp-sidebar {
        min-width: 260px;
        z-index: 1050;
        background-color: #ffffff
    }

    .cid-rW8TxGlXDC amp-sidebar.open:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: red
    }

    .cid-rW8TxGlXDC .open {
        transform: translateX(0%);
        display: block;
        -webkit-transform: translateX(0%)
    }

    .cid-rW8TxGlXDC .builder-sidebar {
        background-color: #ffffff;
        position: relative;
        min-height: 100vh;
        z-index: 1030;
        padding: 1rem 2rem;
        max-width: 20rem
    }

    .cid-rW8TxGlXDC .builder-sidebar .dropdown {
        position: relative
    }

    .cid-rW8TxGlXDC .builder-sidebar .dropdown:hover>.dropdown-menu {
        position: relative;
        text-align: center
    }

    .cid-rW8TxGlXDC .sidebar {
        padding: 1rem 0;
        margin: 0
    }

    .cid-rW8TxGlXDC .sidebar>li {
        list-style: none;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .cid-rW8TxGlXDC .sidebar a {
        display: block;
        text-decoration: none;
        margin-bottom: 10px
    }

    .cid-rW8TxGlXDC .close-sidebar {
        width: 30px;
        height: 30px;
        position: relative;
        cursor: pointer;
        background-color: transparent;
        border: none
    }

    .cid-rW8TxGlXDC .close-sidebar:focus {
        outline: 2px auto #003188
    }

    .cid-rW8TxGlXDC .close-sidebar span {
        position: absolute;
        left: 0;
        top: 14px;
        width: 30px;
        height: 2px;
        border-right: 5px;
        background-color: #0e0e87
    }

    .cid-rW8TxGlXDC .close-sidebar span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .cid-rW8TxGlXDC .close-sidebar span:nth-child(2) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .cid-rW8TxGlXDC amp-img {
        margin-right: 0.5rem;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        height: 40p;
        width: 40px
    }

    @media (max-width:767px) {
        .cid-rW8TxGlXDC amp-img {
            max-height: 35px;
            max-width: 35px
        }
    }

    .cid-rW8TxGlXDC .brand-text,
    .cid-rW8TxGlXDC .brand {
        color: #700983
    }

    @media (max-width:991px) {
        .cid-rW8TxGlXDC {
            min-height: 114px
        }

        .cid-rW8TxGlXDC .menu-box {
            flex-direction: column;
            padding-top: 1rem
        }

        .cid-rW8TxGlXDC .menu-box .phone {
            margin-top: 8px
        }

        .cid-rW8TxGlXDC .nav-link,
        .cid-rW8TxGlXDC .nav-dropdown {
            margin: 4px
        }

        .cid-rW8TxGlXDC ul.navbar-nav {
            -webkit-flex-direction: column;
            flex-direction: column
        }

        .cid-rW8TxGlXDC ul.navbar-nav li {
            margin: auto
        }

        .cid-rW8TxGlXDC .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
            content: '';
            margin-left: .25rem;
            border-top: 0.35em solid;
            border-right: 0.35em solid transparent;
            border-left: 0.35em solid transparent;
            border-bottom: 0;
            top: 55%
        }

        .cid-rW8TxGlXDC .nav-dropdown .dropdown-menu .dropdown-item {
            -webkit-justify-content: center;
            justify-content: center;
            display: flex;
            -webkit-align-items: center;
            align-items: center
        }

        .cid-rW8TxGlXDC .navbar {
            min-height: 114px
        }
    }

    @media (max-width:767px) {

        /*margin: ;   .cid-rW8TxGlXDC .icons-list,
        .cid-rW8TxGlXDC .brand-text {
            display: none
        }*/

        .cid-rW8TxGlXDC .brand {
            border-right: 0px
        }

        .cid-rW8TxGlXDC .brand amp-img {
            margin-right: 0
        }
    }

    .cid-rW8TqN8JLA {
        padding-top: 50px;
        padding-bottom: 60px;
        background-color: #f0faff
    }

    .cid-rW8TqN8JLA .mbr-section-title {
        color: #003188
    }

    .cid-rW8TqN8JLA .mbr-text,
    .cid-rW8TqN8JLA .mbr-section-btn {
        color: #fb5f3d
    }

    .cid-rW8TqN8JLA .box {
        padding: 1.5rem;
        border-radius: 6px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .cid-rW8TqN8JLA .box p {
        margin: 0
    }

    .cid-rW8TqN8JLA .box-text {
        width: 100%
    }

    .cid-rW8TqN8JLA .iconfont-wrapper {
        width: 4rem;
        height: 4rem;
        margin: auto 0 0 1rem
    }

    .cid-rW8TqN8JLA .amp-iconfont {
        width: 4rem;
        font-size: 4rem;
        color: #ffffff
    }

    .cid-rW8TqN8JLA .box1 {
        background: #003188;
        margin-bottom: 10px
    }

    .cid-rW8TqN8JLA .mbr-row {
        justify-content: space-between
    }

    .cid-rW8TqN8JLA .box2 {
        border: 1px solid #dddddd;
    }

    .cid-rW8TqN8JLA .box2-link {
        color: #fb5f3d
    }

    .cid-rW8TqZmLYm {
        padding-top: 75px;
        padding-bottom: 30px;
        background-color: #ffffff
    }

    .cid-rW8TqZmLYm .card {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .cid-rW8TqZmLYm amp-img {
        width: 100%;
        margin-bottom: 1.5rem
    }

    @media (min-width:992px) {
        .cid-rW8TqZmLYm .mbr-col-lg-2 {
            flex: 0 0 20%;
            max-width: 20%;
            padding-right: 1.5rem;
            padding-left: 1.5rem;
            -webkit-flex: 0 0 20%
        }
    }

    .cid-rW8TqZmLYm .card-title1 {
        color: #003188
    }

    .cid-rW8TqZmLYm .card-title4 {
        color: #003188
    }

    .cid-rW8TqZmLYm .card-title5 {
        color: #003188
    }

    .cid-rW8TqZmLYm .card-title3 {
        color: #fb5f3d
    }

    .cid-rW8TqZmLYm .card-title2 {
        color: #fb5f3d
    }

    .cid-rW8TrCSNGD {
        padding-top: 60px;
        padding-bottom: 60px;
        background-color: #ffffff
    }

    @media (min-width:992px) {
        .cid-rW8TrCSNGD .mbr-col-lg-9 {
            flex: 0 0 75%;
            max-width: 75%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-flex: 0 0 75%
        }
    }

    .cid-rW8TrCSNGD h2 {
        padding-bottom: 1rem
    }

    .cid-rW8TrUtWGc {
        padding-top: 60px;
        padding-bottom: 60px;
        background-color: #f1bfef
    }

    .cid-rW8TrUtWGc p {
        position: relative;
        padding-top: 2rem
    }

    .cid-rW8TrUtWGc p:before {
        position: absolute;
        top: 0;
        left: 50%;
        content: '';
        transform: translateX(-50%);
        width: 30%;
        height: 2px;
        background: #eaeaea
    }

    .cid-rW8Ts9jM5x {
        padding-top: 75px;
        padding-bottom: 45px;
        background-color: #ffffff
    }

    .cid-rW8Ts9jM5x .card {
        display: flex;
        flex-direction: column;
        cursor: pointer;
        width: 100%
    }

    .cid-rW8Ts9jM5x .card:hover .mbr-text,
    .cid-rW8Ts9jM5x .card:hover .mbr-text a {
        text-decoration: underline
    }

    .cid-rW8Ts9jM5x .title-col {
        margin-bottom: 2rem
    }

    .cid-rW8Ts9jM5x p {
        margin: 0
    }

    .cid-rW8Ts9jM5x .main-text {
        max-width: 600px
    }

    .cid-rW8Ts9jM5x .card-wrapper {
        background: #f2f7ff;
        padding: 3rem 2rem;
        border-radius: 10px
    }

    .cid-rW8Ts9jM5x .icon-wrapper {
        display: flex;
        margin-bottom: 4rem
    }

    .cid-rW8Ts9jM5x .icon-wrapper .icon {
        display: flex;
        flex-direction: row
    }

    .cid-rW8Ts9jM5x .icon-wrapper .icon .iconfont-wrapper {
        display: flex;
        justify-content: center;
        width: 3.5rem;
        height: 3.5rem
    }

    .cid-rW8Ts9jM5x .icon-wrapper .icon .iconfont-wrapper .amp-iconfont {
        color: #212529;
        font-size: 3.5rem
    }

    .cid-rW8Ts9jM5x amp-img {
        width: 100%;
        margin-bottom: 1.5rem
    }

    @media (min-width:992px) {
        .cid-rW8Ts9jM5x .mbr-col-lg-2 {
            flex: 0 0 20%;
            max-width: 20%;
            padding-right: 1.5rem;
            padding-left: 1.5rem;
            -webkit-flex: 0 0 20%
        }
    }

    @media (max-width:767px) {
        .cid-rW8Ts9jM5x .icon-wrapper {
            justify-content: center
        }
    }

    .cid-rW8TszYWW7 {
        padding-top: 45px;
        padding-bottom: 60px;
        background-color: #ffffff
    }

    .cid-rW8TszYWW7 .card {
        width: 100%
    }

    .cid-rW8TszYWW7 amp-img {
        width: 100%;
        margin-bottom: 1.5rem
    }

    .cid-rW8Tt5yOIY {
        padding-top: 75px;
        padding-bottom: 75px;
        background-color: #ffe8fe
    }

    .cid-rW8Tt5yOIY .form-block input,
    .cid-rW8TvjzeeW input {
        color: #212529;
        border: 1px solid #003188;
        width: 300px;
        height: 54px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        padding: 1rem;
        margin: 0;
        background: #ffffff
    }

    .cid-rW8Tt5yOIY .form-block input::-webkit-input-placeholder,
    .cid-rW8TvjzeeW input::-webkit-input-placeholder {
        color: rgba(33, 37, 41, 0.5)
    }

    .cid-rW8Tt5yOIY .form-block input::-moz-placeholder,
    .cid-rW8TvjzeeW input::-moz-placeholder {
        color: rgba(33, 37, 41, 0.5)
    }

    .cid-rW8Tt5yOIY .form-block .mbr-section-btn>*,
    .cid-rW8TvjzeeW .mbr-section-btn>* {
        margin: 0
    }

    .cid-rW8Tt5yOIY .btn,
    .cid-rW8Tt5yOIY .mbr-section-btn,
    .cid-rW8TvjzeeW .btn,
    .cid-rW8TvjzeeW .mbr-section-btn {
        margin: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .cid-rW8Tt5yOIY .mbr-form {
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        margin-left: -0.5rem;
        margin-right: -0.5rem;
        padding-top: 1rem
    }

    .cid-rW8TvjzeeW .mbr-form {
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        margin-left: -15px
    }

    .cid-rW8Tt5yOIY .fieldset,
    .cid-rW8TvjzeeW .fieldset {
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    @media (max-width:767px) {

        .cid-rW8Tt5yOIY .mbr-section-btn,
        .cid-rW8TvjzeeW .mbr-section-btn {
            padding-top: 1rem
        }

        .cid-rW8Tt5yOIY .mbr-section-btn .btn,
        .cid-rW8TvjzeeW .mbr-section-btn .btn {
            border-radius: 10px
        }

        .cid-rW8Tt5yOIY .form-block input,
        .cid-rW8TvjzeeW .form-block input {
            border-radius: 10px
        }
    }

    .cid-rW8TtqQY1n {
        padding-top: 60px;
        padding-bottom: 60px;
        background-color: #f0faff
    }

    .cid-rW8TtqQY1n .card {
        width: 100%
    }

    .cid-rW8TtqQY1n amp-img,
    .cid-rW8TtqQY1n img {
        margin-bottom: 1rem;
        border-radius: 6px
    }

    .cid-rW8TtqQY1n .btn {
        width: -webkit-fill-available
    }

    .cid-rW8TtqQY1n .card-wrapper {
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
        padding: 2rem;
        border-radius: 8px;
        background: #ffffff
    }

    .cid-rW8TtqQY1n h4 {
        background-color: #fff0ed;
        width: max-content;
        padding: 6px 10px;
        margin-left: 0;
        border-radius: 8px
    }

    .cid-rW8TtqQY1n .card-title1 {
        color: #fb5f3d
    }

    @media (max-width:767px) {
        .cid-rW8TtqQY1n .card-wrapper {
            padding: 2rem 1rem
        }
    }

    .cid-rW8Tu3RW5d {
        padding-top: 60px;
        padding-bottom: 60px;
        background-color: #ffffff
    }

    .cid-rW8Tu3RW5d .card {
        width: 100%
    }

    .cid-rW8Tu3RW5d amp-img {
        width: 100%;
        margin-bottom: 1.5rem
    }

    .cid-rW8Tu3RW5d h2 {
        padding-bottom: 2rem
    }

    @media (min-width:992px) {
        .cid-rW8Tu3RW5d .card {
            max-width: 300px
        }

        .cid-rW8Tu3RW5d .mbr-row {
            justify-content: space-between
        }
    }

    .cid-rW8Turfuxl {
        padding-top: 60px;
        padding-bottom: 60px;
        background-color: #f2f7ff
    }

    .cid-rW8Turfuxl section {
        background: transparent
    }

    .cid-rW8Turfuxl section p {
        padding-bottom: 2rem
    }

    .cid-rW8Turfuxl amp-img,
    .cid-rW8Turfuxl img {
        max-width: 90%
    }

    .cid-rW8Turfuxl .section-title {
        z-index: 2;
        padding: 1.5rem 0rem;
        padding-right: 4rem;
        border: 0;
        border-top: 1px solid #eaeaea;
        outline: none;
        background: transparent
    }

    .cid-rW8Turfuxl .section-title:before {
        z-index: 2;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0.5rem;
        content: '+';
        text-align: center;
        margin-right: 10px;
        background: transparent;
        transition: all 0.3s;
        width: 40px;
        height: 40px;
        color: #fb5f3d;
        display: flex;
        justify-content: center;
        font-weight: 300;
        align-items: center;
        font-size: 2.5rem;
        border-radius: 50%
    }

    .cid-rW8Turfuxl .section-title:hover:before {
        background: #fff0ed
    }

    .cid-rW8Turfuxl .accordion {
        padding-top: 2rem
    }

    @media (max-width:992px) {
        .cid-rW8Turfuxl amp-img {
            margin: auto;
            text-align: center
        }
    }

    .cid-rW8TuZppuw {
        padding-top: 60px;
        padding-bottom: 60px;
        background-color: #ffffff
    }

    .cid-rW8TuZppuw .card {
        width: 100%
    }

    .cid-rW8TuZppuw .title-col {
        margin-bottom: 2rem
    }

    .cid-rW8TuZppuw amp-img {
        width: 100%;
        margin-bottom: 1.5rem
    }

    .cid-rW8TuZppuw .card-title {
        color: #003188
    }

    .cid-rW8TuZppuw .card-sub-title {
        color: #a0a0a0
    }

    .cid-rW8TuZppuw .mbr-text,
    .cid-rW8TuZppuw .mbr-section-btn {
        color: #a0a0a0
    }

    .cid-rW8TvjzeeW {
        padding-top: 60px;
        padding-bottom: 60px;
        background-color: #f1bfef
    }

    .cid-rW8TvjzeeW h1 {
        margin-bottom: 20px
    }

    .cid-rW8TvjzeeW .iconfont-wrapper {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .cid-rW8TvjzeeW .icons-list {
        display: flex;
        flex-wrap: wrap
    }

    .cid-rW8TvjzeeW .icons-list a {
        display: flex;
        flex-direction: row;
        padding: 0.4rem;
        margin-top: 1rem;
        margin-right: 0.8rem;
        background: #76b3e3
    }

    .cid-rW8TvjzeeW .icons-list a .iconfont-wrapper {
        display: inline-block;
        width: 2rem;
        height: 2rem
    }

    .cid-rW8TvjzeeW .icons-list a .iconfont-wrapper .amp-iconfont {
        color: #ffffff;
        font-size: 2rem
    }

    .cid-rW8TvjzeeW amp-img,
    .cid-rW8TvjzeeW img {
        max-width: 270px;
        object-fit: contain
    }

    .cid-rW8TvjzeeW .mbr-text2 {
        color: #fb5f3d
    }

    @media (max-width:992px) {}

    @media (max-width:767px) {

        .cid-rW8TvjzeeW amp-img,
        .cid-rW8TvjzeeW .icons-list {
            justify-content: center
        }

        .cid-rW8TvjzeeW .icons-list a {
            margin-right: 0.4rem;
            margin-left: 0.4rem
        }
    }

    .cid-rW8Tw0ysu4 {
        padding-top: 30px;
        padding-bottom: 30px;
        background-color: #8282e7
    }

    .cid-rW8Tw0ysu4 p {
        margin: 0;
        border-top: 1px solid #700983;
        padding-top: 1rem
    }

    .cid-rW8Tw0ysu4 .mbr-text {
        color: #ffe8fe;
        text-align: center
    }

    .engine {
        position: absolute;
        text-indent: -2400px;
        text-align: center;
        padding: 0;
        top: 0;
        left: -2400px
    }

    [class*="-iconfont"] {
        display: inline-flex
    }

    .boxhuver:hover {
        color: #0057e7;
        background-color: #f2f7ff;
        border-color: #cde0ff
    }

    ul {
        padding: 0;
        list-style-type: none
    }

    ul.vodoravni li {
        display: inline;
        margin-right: 15px
    }

    ul.vodoravni li::before {
        content: "> "
    }

    ul.vodoravni li.vodPrvi::before {
        content: ""
    }

    .vodic a:link {
        display: block;
        height: 100%
    }

    .vodic {
        border: none 5px #000000;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        cursor: pointer;
        display: inline-block;
        float: left;
        text-align: center;
        vertical-align: middle;
        padding: 7px;
        margin: 1px
    }

    .vm {
        background-color: #8accf1
    }

    .vz {
        background-color: #ffc4c9
    }

    .ampstart-input input,
    .ampstart-input textarea {
        width: 100%
    }

    h2 {
        font-size: 2rem;
        margin: 15px 0
    }

    h3 {
        font-size: 1.7rem;
        margin: 15px 0
    }

    h4 {
        font-size: 1.4rem
    }

    .alert {
        padding: 15px;
        margin: 15px auto;
        font-size: 2rem;
        border-radius: 6px
    }

    .small,
    .izvor,
    .potpis {
        font-size: small;
        text-align: right;
        margin-top: 20px
    }

    .slide {
        background-color: #ffffff;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
    }

    .malibox {
        background-color: #efefef;
        border: 1px solid #dddddd;
    }

    .bijeli {
        border: 1px solid #dddddd;
        background: white;
        border-radius: 6px;

        padding: inherit;
    }

    .cid-rW8TqZmLYm h4,
    .cid-rW8TqZmLYm p {
        text-align: center;
    }

    @media (max-width: 767px) {
        .top-menu {
            flex-direction: column;
        }

        .top-box {
            width: 100%;
            /* Obezbedite punu širinu za oba .top-box elementa */
            order: -1;
            margin-bottom: 10px;
            /* Dodajte razmak između .top-box elemenata */
        }
    }
</style><script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js"></script>
<script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
<script async custom-element="amp-autocomplete" src="https://cdn.ampproject.org/v0/amp-autocomplete-0.1.js"></script>
<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>

<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>

<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
<script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js"></script>
<script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<script async custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js"></script>
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
<script async custom-element="amp-fit-text" src="https://cdn.ampproject.org/v0/amp-fit-text-0.1.js"></script>
<script async custom-element="amp-recaptcha-input" src="https://cdn.ampproject.org/v0/amp-recaptcha-input-0.1.js"></script></head>

<body>
  <amp-analytics type="googleanalytics">
  <script type="application/json">
    {
      "vars": {
        "account": "UA-181251210-3"
      },
      "triggers": {
        "default pageview": {
          "on": "visible",
          "request": "pageview",
          "vars": {
            "title": "Trudnoca.Net"
          }
        }
      }
    }
  </script>
</amp-analytics>
<amp-auto-ads type="adsense" data-ad-client="ca-pub-5336189257346936">
</amp-auto-ads>

<!-- Google Tag Manager -->
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=G-B1WSE5H2EH" data-credentials="include"></amp-analytics>

<amp-sidebar id="sidebar" class="cid-rW8TxGlXDC" layout="nodisplay" side="right">
  <div class="builder-sidebar" id="builder-sidebar">
    <button on="tap:sidebar.close" class="close-sidebar">
      <span></span>
      <span></span>
    </button>
    <div>
            <ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true">
        <li class="nav-item">
          <a class="nav-link link text-black display-7" href="/">Početna</a>
        </li>
                  <li class="nav-item dropdown">
            <a class="nav-link link dropdown-toggle text-black display-7"  data-toggle="dropdown-submenu" aria-expanded="true" >Žensko zdravlje</a>
                          <div class="dropdown-menu">
                                  <a class="dropdown-item text-black display-7" href="/ktg/menstruacija/">Menstruacija</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/organi/">Organi</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/pretrage_prije_trudnoce/">Pretrage</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/ovulacija_i_zacece/">Ovulacija i zečeće</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/prehrana_i_zdravlje/">Prehrana i zdravlje</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/kontracepcija/">Seks i kontracepcija</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/spolne_bolest/">Spolne bolesti</a>
            </div></li>          <li class="nav-item dropdown">
            <a class="nav-link link dropdown-toggle text-black display-7"  data-toggle="dropdown-submenu" aria-expanded="true" >Trudnoća i porod</a>
                          <div class="dropdown-menu">
                                  <a class="dropdown-item text-black display-7" href="/ktg/kalkulatori/">Kalkulatori</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/trudnoca/">Trudnoća</a>
                              <a class="dropdown-item text-black display-7" href="/trudnoca-po-tjednima/">Trudnoća po tjednima</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/beba_u_trbuhu/">Beba u trbuhu</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/pretrage_u_trudnoci/">Pretrage u trudnoći</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/blizanacka_trudnoca/">Blizanačka trudnoća</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/problematicna_trudnoca/">Problematična trudnoća</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/bolesti_u_trudnoci/">Bolesti u trudnoći</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/ostalo_/">Ostalo</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/porod/">Porod</a>
            </div></li>          <li class="nav-item dropdown">
            <a class="nav-link link dropdown-toggle text-black display-7"  data-toggle="dropdown-submenu" aria-expanded="true" >Nakon trudnoće</a>
                          <div class="dropdown-menu">
                                  <a class="dropdown-item text-black display-7" href="/ktg/nedonosce/">Nedonošće</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/novorodence/">Novorođenče</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/do_1_rodendana/">Do 1. rođendana</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/dijete/">Dijete</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/razvoj_bebe/">Razvoj bebe</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/bolesti_i_stanja/">Bolesti i stanja</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/dojenje/">Dojenje</a>
                              <a class="dropdown-item text-black display-7" href="/ktg/razno/">Razno</a>
            </div></li>          <li class="nav-item ">
            <a class="nav-link link  text-black display-7"  href="/ktg/novosti/" >Novosti</a>
            </li>          <li class="nav-item dropdown">
            <a class="nav-link link dropdown-toggle text-black display-7"  data-toggle="dropdown-submenu" aria-expanded="true" >Kontakt</a>
                          <div class="dropdown-menu">
                                  <a class="dropdown-item text-black display-7" href="/str/uvjeti_koristenja/">Uvjeti korištenja</a>
                              <a class="dropdown-item text-black display-7" href="/str/oglasavanje_na_trudnoca.net/">Oglašavanje</a>
                              <a class="dropdown-item text-black display-7" href="/str/kontakt_/">Kontakt</a>
            </div></li>      </ul>
    </div>
    <div class="menu-box">
      <p class="phone-text mbr-fonts-style mbr-regular display-7">Vodi: bumbar-web.com</p>
      <p class="phone mbr-fonts-style mbr-regular display-7">info@trudnoca.net</p>
    </div>
  </div>
</amp-sidebar>

<section class="menu horizontal-menu cid-rW8TxGlXDC" id="menu1-d">
  <nav class="navbar navbar-dropdown navbar-expand-lg navbar-fixed-top">
    <div class="top-menu">
      <div class="top-box">
        <p class="brand-name mbr-fonts-style mbr-bold display-5"><a href="/" title="Trudnoca.Net" style="font-weight:500">Trudnoca.Net</a></p>
      </div>

      <div class="top-box">
        <div class="icons-list">
          <a href="https://www.facebook.com/trudnoca" target="_blank">
            <span class="iconfont-wrapper">
              <span class="amp-iconfont fa-facebook-square fa"><svg width="24" height="24" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
                  <path d="M1376 128q119 0 203.5 84.5t84.5 203.5v960q0 119-84.5 203.5t-203.5 84.5h-188v-595h199l30-232h-229v-148q0-56 23.5-84t91.5-28l122-1v-207q-63-9-178-9-136 0-217.5 80t-81.5 226v171h-200v232h200v595h-532q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960z"></path>
                </svg></span>
            </span>
          </a>
          <a href="https://www.instagram.com/trudnocanet/" target="_blank">
            <span class="iconfont-wrapper">
              <span class="amp-iconfont fa-instagram fa"><svg width="24" height="24" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
                  <path d="M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm138 0q0 164-115 279t-279 115-279-115-115-279 115-279 279-115 279 115 115 279zm108-410q0 38-27 65t-65 27-65-27-27-65 27-65 65-27 65 27 27 65zm-502-220q-7 0-76.5-.5t-105.5 0-96.5 3-103 10-71.5 18.5q-50 20-88 58t-58 88q-11 29-18.5 71.5t-10 103-3 96.5 0 105.5.5 76.5-.5 76.5 0 105.5 3 96.5 10 103 18.5 71.5q20 50 58 88t88 58q29 11 71.5 18.5t103 10 96.5 3 105.5 0 76.5-.5 76.5.5 105.5 0 96.5-3 103-10 71.5-18.5q50-20 88-58t58-88q11-29 18.5-71.5t10-103 3-96.5 0-105.5-.5-76.5.5-76.5 0-105.5-3-96.5-10-103-18.5-71.5q-20-50-58-88t-88-58q-29-11-71.5-18.5t-103-10-96.5-3-105.5 0-76.5.5zm768 630q0 229-5 317-10 208-124 322t-322 124q-88 5-317 5t-317-5q-208-10-322-124t-124-322q-5-88-5-317t5-317q10-208 124-322t322-124q88-5 317-5t317 5q208 10 322 124t124 322q5 88 5 317z"></path>
                </svg></span>
            </span>
          </a>
                  </div>
        <div class="brand">
          <span class="brand-logo">
            <amp-img src="/images/logo-mini-zafavicon.png" layout="responsive" width="39.62234042553192" height="39" alt="Trudnoca.net" class="mobirise-loader">
              <div placeholder="" class="placeholder">
                <div class="mobirise-spinner">
                  <em></em>
                  <em></em>
                  <em></em>
                </div>
              </div>
            </amp-img>
          </span>
        </div>
        <p class="brand-text mbr-fonts-style mbr-regular display-4">Prve web stranice <br>za roditelje u HR!</p>
      </div>
    </div>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <div>
                <ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true">
          <li class="nav-item">
            <a class="nav-link link text-black display-7" href="/">Početna</a>
          </li>
                      <li class="nav-item dropdown">
              <a class="nav-link link dropdown-toggle text-black display-7"  data-toggle="dropdown-submenu" aria-expanded="true" >Žensko zdravlje</a>
                              <div class="dropdown-menu">
                                      <a class="dropdown-item text-black display-7" href="/ktg/menstruacija/">Menstruacija</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/organi/">Organi</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/pretrage_prije_trudnoce/">Pretrage</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/ovulacija_i_zacece/">Ovulacija i zečeće</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/prehrana_i_zdravlje/">Prehrana i zdravlje</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/kontracepcija/">Seks i kontracepcija</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/spolne_bolest/">Spolne bolesti</a>
              </div></li>            <li class="nav-item dropdown">
              <a class="nav-link link dropdown-toggle text-black display-7"  data-toggle="dropdown-submenu" aria-expanded="true" >Trudnoća i porod</a>
                              <div class="dropdown-menu">
                                      <a class="dropdown-item text-black display-7" href="/ktg/kalkulatori/">Kalkulatori</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/trudnoca/">Trudnoća</a>
                                  <a class="dropdown-item text-black display-7" href="/trudnoca-po-tjednima/">Trudnoća po tjednima</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/beba_u_trbuhu/">Beba u trbuhu</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/pretrage_u_trudnoci/">Pretrage u trudnoći</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/blizanacka_trudnoca/">Blizanačka trudnoća</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/problematicna_trudnoca/">Problematična trudnoća</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/bolesti_u_trudnoci/">Bolesti u trudnoći</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/ostalo_/">Ostalo</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/porod/">Porod</a>
              </div></li>            <li class="nav-item dropdown">
              <a class="nav-link link dropdown-toggle text-black display-7"  data-toggle="dropdown-submenu" aria-expanded="true" >Nakon trudnoće</a>
                              <div class="dropdown-menu">
                                      <a class="dropdown-item text-black display-7" href="/ktg/nedonosce/">Nedonošće</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/novorodence/">Novorođenče</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/do_1_rodendana/">Do 1. rođendana</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/dijete/">Dijete</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/razvoj_bebe/">Razvoj bebe</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/bolesti_i_stanja/">Bolesti i stanja</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/dojenje/">Dojenje</a>
                                  <a class="dropdown-item text-black display-7" href="/ktg/razno/">Razno</a>
              </div></li>            <li class="nav-item ">
              <a class="nav-link link  text-black display-7"  href="/ktg/novosti/" >Novosti</a>
              </li>            <li class="nav-item dropdown">
              <a class="nav-link link dropdown-toggle text-black display-7"  data-toggle="dropdown-submenu" aria-expanded="true" >Kontakt</a>
                              <div class="dropdown-menu">
                                      <a class="dropdown-item text-black display-7" href="/str/uvjeti_koristenja/">Uvjeti korištenja</a>
                                  <a class="dropdown-item text-black display-7" href="/str/oglasavanje_na_trudnoca.net/">Oglašavanje</a>
                                  <a class="dropdown-item text-black display-7" href="/str/kontakt_/">Kontakt</a>
              </div></li>        </ul>
      </div>
      <div class="menu-box">
        <p class="phone mbr-fonts-style mbr-regular display-7"><a href="https://mapa.trudnoca.net/">Popis ordinacija i trgovina</a></p>
      </div>
    </div>
    <button on="tap:sidebar.toggle" class="ampstart-btn hamburger sticky-but">
      <span></span>
      <span></span>
      <span></span>
      <span></span>
    </button>
  </nav>
  <!-- AMP plug -->
</section>  <section class="header1 cid-rW8TqN8JLA" id="header01-0">
    <div class="container">
      <div class="mbr-row">
    <div class="mbr-col-lg-3 mbr-col-md-4 mbr-col-sm-12">
    <div class="box boxhuver malibox" style="padding:1.5rem 0 1rem 0">
            <form class="sample-form" method="POST" action-xhr="/recap-pretrazivanje.php" target="_top" accept-charset="UTF-8">
        <label>
          <amp-autocomplete filter="token-prefix" filter-value="search" min-characters="1">
            <input type="search" name="search">
            <script type="application/json">
              {
                "items": ["koli","kada","dana","biti","slike","dijete","nika","titi","trudn","trudno","test","mjesec","na m","iran","kori","vrijeme","stva","prvi","news","ovan","djeca","razvoj","drugi","sati","java","pomoć","govor","beba","dina","vaki","broj","liječnik","žena","izra","sluz","nemo","roda","boles","pravo","roditelj","trudnoća","bebe","oblik","laze","star","vrat","porod","godine","zima","mjeseci","male","bije","bilj","rače","odje","savjet","bolest","tjedan","plod","kolici","ruke","tijelo","bolesti","poroda","organi","hormon","panj","list","lira","položaj","povi","spol","rizik","žene","http:","plac","led ","lada","pogled","tera","trbuh","majke","raže","pregled","raža","boje","poje","draž","novorođenče","mama","majka","sima","niko","ošit","iman","meni","rene","maternice","pati","licu","nalazi","koze","tekst","trudnica","roli","varan","soba","roba","crven","umor","ekla","prsti","auto","vita","ajman","ojed","ruže","štet","anal","vito","opasno","simptomi","spol","tjecaj","koliko dana","promjene","okren","ručice","tata","bilje","mpli","mikro","trudnoću","kona","ljet","pira","vjesti","rode","kuca","žaba","fetus","krevet","ruza","zdravlje","voda","srca","anci","zika","prvo ","ljubav","term","mlijeko","porođaj","romi","rita","ginekol","zara","teme","krvarenje","mija","infekcije","imen","vene","slit","lena","akcije","bakter","termin","moza","poli","zatvor","otica","trudnice","dojenče","kosti","miris","tezine"," 30 ","tara","otok","leni","porn","čajevi","nakon poroda","dojenj","ginekolog","jezik","refleks","pitanja","logo","duje","menstruacije","disanje","pocetak","gradi","mili","dopust","strah","ekla","prec","vrste","temperatura","nisk","stres","hormoni","prišt","pritisak","mokra","ultrazvuk","akcija","ciklus","jaja","tate","priče","upale","testo","igračke","termin","tezina","leđa","knjige","erin","partner","vagina","graf","koža","infekcija","dječji","tlak","njega ","mozak","brze ","igre","boci","hladno","maša","osip","lijekovi","jutro","spavanje","pokreti","alkohol","pedijat","prava","stopala","pula","vijesti","bolovi","hrana","duga","izbjegavati","prijev","krvarenja","ječam","trudnoca.net","upala","prerano","dojenje","pluća","odnosi"," stres","stana","ponašanje","kava","glad","lara","sila","glava","vježbanje","urin","sindrom","srce","sluh","rudi","posteljica","svjetlo","kupine","mjehur","kretanje","mobil","rezultati","sjeda","poruke","pelene","pobačaj","dječak","erna","mliječ","voće","snovi","bakterija","trajanje","deni","rođeni","forum","datum","mame","dalo ","starost","kapi","snag","skupine","more","naran","otac","vuka","smijeh","napraviti","seks","posljedice","prsi","zubi","sunce","gesta","crijeva","mučnina","ester","šećer","testovi","alergije","lemen","jesen","nela","porno","pitanje","izrač","adna","reakcija ","meri","izračun","dojiti","nokti","cervik","tetr","carski","trgovina","viša","odgovori","inći","ranica","profil","kralj","vrtić","bakterije","oblić","odmor","premat","skin", "banana"]
              }
            </script>
          </amp-autocomplete>
          <amp-recaptcha-input layout="nodisplay" name="recaptcha_trazi" data-sitekey="6LfexygcAAAAAKQWblI7c-8cy8UIoVRqXXU8wCeT" data-action="recaptcha_trazi">
        </label>
        <input type="submit" value="Pretraži" class="btn btn-md btn-info">
      </form>
    </div>
  </div>
  <div class="mbr-col-lg-3 mbr-col-md-4 mbr-col-sm-12">
    <div class="box boxhuver malibox">
      <a href="/trudnoca-po-tjednima/" title="Trudnoća po tjednima">
        <div class="box-text">
          <h3 class="box2-text mbr-regular mbr-black mbr-fonts-style display-4" style="margin-bottom:0.5rem">Trudnoća po tjednima</h3>
          <p class="mbr-fonts-style box2-link mbr-regular mbr-white display-4">Odaberite tjedan trudnoće i pratite razvoj bebe kao i promjene na vašem tijelu</p>
        </div>
      </a>
    </div>
  </div>
  <div class="mbr-col-lg-3 mbr-col-md-4 mbr-col-sm-12">
    <div class="box boxhuver malibox">
      <a href="/p/zenska_imena/A/" title="Popis imena za dijete">
        <div class="box-text">
          <h3 class="box2-text mbr-regular mbr-black mbr-fonts-style display-4" style="margin-bottom:0.5rem">Popis imena za dijete</h3>
          <p class="mbr-fonts-style box2-link mbr-regular mbr-white display-4">Tražite ime za svoje dijete? Potražite u našoj bazi imena i njihova značenja</p>
        </div>
      </a>
    </div>
  </div>
  <div class="mbr-col-lg-3 mbr-col-md-4 mbr-col-sm-12">
    <div class="box boxhuver malibox">
      <a href="/prvi-simptomi-trudnoce/" title="Prvi simptomi trudnoće">
        <div class="box-text">
          <h3 class="box2-text mbr-regular mbr-black mbr-fonts-style display-4" style="margin-bottom:0.5rem">Prvi simptomi trudnoće</h3>
          <p class="mbr-fonts-style box2-link mbr-regular mbr-white display-4">Prikupili smo po forumu najčešća pitanja vezana uz prve simptome trudnoće</p>
        </div>
      </a>
    </div>
  </div>
</div>    </div>
    <div class="container">
      <div class="mbr-row">

        <div class="mbr-col-lg-8 mbr-col-md-12 mbr-col-sm-12 ">
          <div class="bijeli">

                      <div class="mbr-row">
              <div class="mbr-col-lg-12">
                <a href="/plodni-dani/">
                  <h2 class="title mbr-fonts-style align-left mbr-bold display-5">Plodni dani</h2>
                </a>
              </div>
              <div class="mbr-col-lg-4 md-pb mbr-col-md-12 mbr-col-sm-12">
                <amp-img src="slike/thumb-591x438-plodni-dani-i-zacece-naslovna.jpg" layout="responsive" height="219" width="294" alt="Promjene u trudnoći" class="mobirise-loader">
                  <div placeholder="" class="placeholder">
                    <div class="mobirise-spinner">
                      <em></em>
                      <em></em>
                      <em></em>
                    </div>
                  </div>
                </amp-img>
              </div>
              <div class="mbr-col-lg-8  mbr-col-md-12 mbr-col-sm-12">

                <p class="align-left mbr-fonts-style display-7">Čestitamo vam!
Upravo ste odlučili napraviti veliki korak u tome da postanete roditelj. Iako je to jedna od najvažnijih stvari u svačijem životu, ujedno je i najzahtjevnija. Mnogi pretpostavljaju da će odmah začeti nakon što prestanu uzimati kontracepciju. Ipak su stvari malo kompliciranije, a...</p>
                <p><a class="btn btn-md btn-danger display-4" href="/plodni-dani/">Detaljnije</a></p>
              </div>
            </div>

                      <div class="mbr-row">
              <div class="mbr-col-lg-12">
                <a href="/promjene-u-trudnoci/">
                  <h2 class="title mbr-fonts-style align-left mbr-bold display-5">Promjene u trudnoći</h2>
                </a>
              </div>
              <div class="mbr-col-lg-4 md-pb mbr-col-md-12 mbr-col-sm-12">
                <amp-img src="slike/thumb-591x438-promjene-u-trudnoci_1920x850.jpg" layout="responsive" height="219" width="294" alt="Promjene u trudnoći" class="mobirise-loader">
                  <div placeholder="" class="placeholder">
                    <div class="mobirise-spinner">
                      <em></em>
                      <em></em>
                      <em></em>
                    </div>
                  </div>
                </amp-img>
              </div>
              <div class="mbr-col-lg-8  mbr-col-md-12 mbr-col-sm-12">

                <p class="align-left mbr-fonts-style display-7">Na početku svake trudnoće javlja se pitanje: "Jesam li trudna"? Svaka žena kad-tad posumnja da je trudna. I one koje s nestrpljenjem očekuju bebu, kao i one koje u tom trenutku ne planiraju na dijete. 

Mnogi simptomi na samome početku trudnoće vrlo sliče onima pred menstruaciju

Koliko god ovo...</p>
                <p><a class="btn btn-md btn-danger display-4" href="/promjene-u-trudnoci/">Detaljnije</a></p>
              </div>
            </div>

                      <div class="mbr-row">
              <div class="mbr-col-lg-12">
                <a href="/roditeljstvo-kada-partner-nije-spreman/">
                  <h2 class="title mbr-fonts-style align-left mbr-bold display-5">Roditeljstvo – kada partner nije spreman</h2>
                </a>
              </div>
              <div class="mbr-col-lg-4 md-pb mbr-col-md-12 mbr-col-sm-12">
                <amp-img src="slike/thumb-591x438-roditeljstvo-problemi.jpg" layout="responsive" height="219" width="294" alt="Promjene u trudnoći" class="mobirise-loader">
                  <div placeholder="" class="placeholder">
                    <div class="mobirise-spinner">
                      <em></em>
                      <em></em>
                      <em></em>
                    </div>
                  </div>
                </amp-img>
              </div>
              <div class="mbr-col-lg-8  mbr-col-md-12 mbr-col-sm-12">

                <p class="align-left mbr-fonts-style display-7">Jeste li ranije razgovarali sa svojim partnerom / partnericom o  djeci? Možda i jeste, ali je razgovor završio na neodređenom "jednom". Vi mislite da je upravo sada idealno vrijeme za proširiti obitelj, ali vaš partner smatra kako to vrijeme još nije nastupilo.

Psihoanalitičar iz New Yorka,...</p>
                <p><a class="btn btn-md btn-danger display-4" href="/roditeljstvo-kada-partner-nije-spreman/">Detaljnije</a></p>
              </div>
            </div>

                      <div class="mbr-row">
              <div class="mbr-col-lg-12">
                <a href="/kalkulator-ovulacije-i-plodnih-dana/">
                  <h2 class="title mbr-fonts-style align-left mbr-bold display-5">Kalkulator ovulacije i plodnih dana</h2>
                </a>
              </div>
              <div class="mbr-col-lg-4 md-pb mbr-col-md-12 mbr-col-sm-12">
                <amp-img src="slike/thumb-591x438-V-kalendar_ovulacije.jpg" layout="responsive" height="219" width="294" alt="Promjene u trudnoći" class="mobirise-loader">
                  <div placeholder="" class="placeholder">
                    <div class="mobirise-spinner">
                      <em></em>
                      <em></em>
                      <em></em>
                    </div>
                  </div>
                </amp-img>
              </div>
              <div class="mbr-col-lg-8  mbr-col-md-12 mbr-col-sm-12">

                <p class="align-left mbr-fonts-style display-7">Pomoću ovog kalkulatora ovulacije možete izračunati dane sljedeće ovulacije i plodnih dana. Neka vam bude pomoć pri određivanju plodnih dana, ali ne koristite ga kao jedinu i pouzdanu metodu kontracepcije!




Ovaj kalendar služi u informativne svrhe te ne može biti potpuno pouzdan kao...</p>
                <p><a class="btn btn-md btn-danger display-4" href="/kalkulator-ovulacije-i-plodnih-dana/">Detaljnije</a></p>
              </div>
            </div>

                              <div class="mbr-row">
            <div class="mbr-col-lg-12">
              <a href="/menstruacija/">
                <h2 class="title mbr-fonts-style align-left mbr-bold display-5">Menstruacija</h2>
              </a>
            </div>
            <div class="mbr-col-lg-4 md-pb mbr-col-md-12 mbr-col-sm-12">
              <amp-img src="slike/thumb-591x438-V-kalendar_ovulacije.jpg" layout="responsive" height="219" width="294" alt="Promjene u trudnoći" class="mobirise-loader">
                <div placeholder="" class="placeholder">
                  <div class="mobirise-spinner">
                    <em></em>
                    <em></em>
                    <em></em>
                  </div>
                </div>
              </amp-img>
            </div>
            <div class="mbr-col-lg-8  mbr-col-md-12 mbr-col-sm-12">

              <p class="align-left mbr-fonts-style display-7">Menstruacija (mjesečnica) je krvarenje do kojeg dolazi pod utjecajem žlijezda s unutarnjim lučenjem, pri čemu se maternica svacaki mjesec priprema za trudnoću, za primitak oplođenog jajašca. Ako se to ne dogodi sluznica maternice odumire i dolazi do krvarenja. U suprotnome dolazi do trudnoće....</p>
              <p><a class="btn btn-md btn-danger display-4" href="/menstruacija/">Detaljnije</a></p>
            </div>
          </div>
        </div>
        </div>


        <div class="mbr-col-lg-4 mbr-col-md-12 mbr-col-sm-12">

          <div class="box box2">
  <div class="box-text">
    <h6 class="display-5" style="margin-top:0;margin-bottom:10px">Ostali tekstovi</h6>
    <ul>      <li><a href="/visina-djeteta/" title="Visina djeteta">Visina djeteta</a></li>
          <li><a href="/promjene-u-trudnoci/" title="Promjene u trudnoći">Promjene u trudnoći</a></li>
          <li><a href="/dojenje-i-korona/" title="Dojenje i korona">Dojenje i korona</a></li>
          <li><a href="/izvanmatericna-trudnoca/" title="Izvanmaterična trudnoća">Izvanmaterična trudnoća</a></li>
          <li><a href="/jajan-stanica-i-oplodnja/" title="Jajna stanica i oplodnja">Jajna stanica i oplodnja</a></li>
          <li><a href="/dohrana-dojenceta/" title="Dohrana dojenčeta">Dohrana dojenčeta</a></li>
          <li><a href="/bijartijalni-promjer-bpd-bip/" title="Bipartijalni promjer BPD (BIP)">Bipartijalni promjer BPD (BIP)</a></li>
          <li><a href="/uzimanje-uzorka-korionskih-resica/" title="Uzimanje uzorka korionskih resica">Uzimanje uzorka korionskih resica</a></li>
          <li><a href="/velicina-bebe-kroz-tjedne-trudnoce/" title="Veličina bebe kroz tjedne trudnoće">Veličina bebe kroz tjedne trudnoće</a></li>
          <li><a href="/fl-flemur-lenght/" title="FL (femur lenght)">FL (femur lenght)</a></li>
          <li><a href="/sto-je-eph-gestoza/" title="Što je EPH gestoza?">Što je EPH gestoza?</a></li>
          <li><a href="/razvoj-kukova/" title="Razvoj kukova">Razvoj kukova</a></li>
        </ul>
  </div>
</div>

<div class="box box2">
  <div class="img-wrap m-auto">
    <amp-img src="/images/logo.png" alt="Trudnoca.Net" width="100" height="100" layout="responsive" class="mobirise-loader">
      <div placeholder="" class="placeholder">
        <div class="mobirise-spinner">
          <em></em>
          <em></em>
          <em></em>
        </div>
      </div>
    </amp-img>
  </div>
  <div class="box-text">
    <h3 class="box2-text mbr-regular mbr-black mbr-fonts-style display-5">Kalkulatori</h3>
    <p class="mbr-fonts-style box2-link mbr-regular mbr-white display-4" style="margin-bottom:15px">Pomoću naših kalkulatora na jednostavan i brz način izračunajte mnoge stvari koje se tiču vas, trudnoće ili djeteta!</p>
    <amp-carousel height="250" layout="fixed-height" type="slides" role="region" aria-label="Kalkulatori">
              <div>
          <a href="/graf-rasta-djece/" title="Graf rasta djece">
            <div>
              <p>
              <h5><b>Graf rasta djece</b></h5>
              </p>
              <p><amp-img src="/slike//thumb-294x219-V-rucica.jpg" layout="responsive" width="294" height="219" alt="Graf rasta djece"></amp-img></p>
            </div>
          </a>
        </div>
              <div>
          <a href="/visina-djeteta/" title="Visina djeteta">
            <div>
              <p>
              <h5><b>Visina djeteta</b></h5>
              </p>
              <p><amp-img src="/slike//thumb-294x219-V-visina.jpg" layout="responsive" width="294" height="219" alt="Visina djeteta"></amp-img></p>
            </div>
          </a>
        </div>
              <div>
          <a href="/kalkulator-ovulacije-i-plodnih-dana/" title="Kalkulator ovulacije i plodnih dana">
            <div>
              <p>
              <h5><b>Kalkulator ovulacije i plodnih dana</b></h5>
              </p>
              <p><amp-img src="/slike//thumb-294x219-V-kalendar_ovulacije.jpg" layout="responsive" width="294" height="219" alt="Kalkulator ovulacije i plodnih dana"></amp-img></p>
            </div>
          </a>
        </div>
              <div>
          <a href="/prirast-tezine-u-trudnoci/" title="Prirast težine u trudnoći">
            <div>
              <p>
              <h5><b>Prirast težine u trudnoći</b></h5>
              </p>
              <p><amp-img src="/slike//thumb-294x219-tezina.jpg" layout="responsive" width="294" height="219" alt="Prirast težine u trudnoći"></amp-img></p>
            </div>
          </a>
        </div>
              <div>
          <a href="/termin-poroda/" title="Izračunajte termin poroda">
            <div>
              <p>
              <h5><b>Izračunajte termin poroda</b></h5>
              </p>
              <p><amp-img src="/slike//thumb-294x219-trudnicki-trbuh.jpg" layout="responsive" width="294" height="219" alt="Izračunajte termin poroda"></amp-img></p>
            </div>
          </a>
        </div>
          </amp-carousel>
  </div>
</div>

<div class="box box1">
  <div class="box-text">
    <h3 class="box-title mbr-bold mbr-white mbr-fonts-style display-5">Najčešći pojmovi</h3>
    <p class="mbr-fonts-style box-text mbr-semibold mbr-white display-7">
              <a class="bijeli" style="font-size:14px" title="iscjedak" href="/trz/iscjedak/0/">#iscjedak</a>
              <a class="bijeli" style="font-size:14px" title="termin poroda" href="/trz/termin poroda/0/">#termin poroda</a>
              <a class="bijeli" style="font-size:14px" title="termin" href="/trz/termin/0/">#termin</a>
              <a class="bijeli" style="font-size:19px" title="podobnik" href="/trz/podobnik/0/">#podobnik</a>
              <a class="bijeli" style="font-size:12px" title="seks" href="/trz/seks/0/">#seks</a>
              <a class="bijeli" style="font-size:14px" title="prvi simptomi" href="/trz/prvi simptomi/0/">#prvi simptomi</a>
              <a class="bijeli" style="font-size:11px" title="prvi" href="/trz/prvi/0/">#prvi</a>
              <a class="bijeli" style="font-size:12px" title="spol" href="/trz/spol/0/">#spol</a>
              <a class="bijeli" style="font-size:15px" title="kalendar" href="/trz/kalendar/0/">#kalendar</a>
              <a class="bijeli" style="font-size:14px" title="imena" href="/trz/imena/0/">#imena</a>
              <a class="bijeli" style="font-size:14px" title="spol djeteta" href="/trz/spol djeteta/0/">#spol djeteta</a>
              <a class="bijeli" style="font-size:16px" title="trudovi" href="/trz/trudovi/0/">#trudovi</a>
              <a class="bijeli" style="font-size:18px" title="simptomi trudnoće" href="/trz/simptomi trudnoće/0/">#simptomi trudnoće</a>
              <a class="bijeli" style="font-size:18px" title="bolovi u trbuhu" href="/trz/bolovi u trbuhu/0/">#bolovi u trbuhu</a>
              <a class="bijeli" style="font-size:14px" title="bpd" href="/trz/bpd/0/">#bpd</a>
              <a class="bijeli" style="font-size:15px" title="slike" href="/trz/slike/0/">#slike</a>
              <a class="bijeli" style="font-size:15px" title="carski rez" href="/trz/carski rez/0/">#carski rez</a>
              <a class="bijeli" style="font-size:10px" title="hematom" href="/trz/hematom/0/">#hematom</a>
              <a class="bijeli" style="font-size:15px" title="ana" href="/trz/ana/0/">#ana</a>
              <a class="bijeli" style="font-size:18px" title="kefalhematom" href="/trz/kefalhematom/0/">#kefalhematom</a>
              <a class="bijeli" style="font-size:11px" title="antibiotici" href="/trz/antibiotici/0/">#antibiotici</a>
              <a class="bijeli" style="font-size:15px" title="simptomi" href="/trz/simptomi/0/">#simptomi</a>
              <a class="bijeli" style="font-size:13px" title="ultrazvuk" href="/trz/ultrazvuk/0/">#ultrazvuk</a>
              <a class="bijeli" style="font-size:13px" title="menstrualni kalendar" href="/trz/menstrualni kalendar/0/">#menstrualni kalendar</a>
              <a class="bijeli" style="font-size:15px" title="9 mjesec" href="/trz/9 mjesec/0/">#9 mjesec</a>
          </p>
  </div>
</div>        </div>
      </div>

    </div>
  </section>

  <section class="content1 cid-rW8TrUtWGc" id="content01-3">
    <div class="container">
      <div class="mbr-row mbr-justify-content-center">
        <div class="mbr-col-sm-12 mbr-col-md-10 mbr-col-lg-6 align-center">
          <h1 class="display-2">Trudnoća</h1>
          <p class="mbr-text mbr-regular mbr-fonts-style display-7">Trudnoća traje 266 dana od trenutka začeća do poroda. Računa se od prvog dana zadnje menstruacije i tada trudnoća traje 9 mjeseci i 10 dana ili 10 lunarnih mjeseci odnosno 40 tjedana ili 280 dana. No samo oko 3% trudnica rađa upravo toga dana. Trajanje normalne trudnoće je između 38 i 42 tjedana.</p>
        </div>
      </div>
    </div>
  </section>

  <section class="features1 mbr-section cid-rW8TqZmLYm" id="features01-1">
    <div class="container">
      <div class="mbr-row">
        <div class="card md-pb mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4">
          <div class="card-wrapper">
            <div class="card-box">
              <h4 class="card-title1 mbr-fonts-style align-left mbr-bold display-2">21</h4>
              <p class="mbr-text mbr-fonts-style align-left display-7">godinu s vama!</p>
            </div>
          </div>
        </div>
        <div class="card md-pb mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4">
          <div class="card-wrapper">
            <div class="card-box">
              <h4 class="card-title1 mbr-fonts-style align-left mbr-bold display-2">250</h4>
              <p class="mbr-text mbr-fonts-style align-left display-7">Online korisnika</p>
            </div>
          </div>
        </div>
        <div class="card md-pb mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4">
                    <div class="card-wrapper">
            <div class="card-box">
              <h4 class="card-title1 mbr-fonts-style align-left mbr-bold display-2">228</h4>
              <p class="mbr-text mbr-fonts-style align-left display-7">Članaka u bazi</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>


  

    <section class="features2 mbr-section cid-rW8TtqQY1n" id="features02-7">
      <div class="container">
        <h6>Oglasni prostor</h6>

        <div class="mbr-row">
                      <div class="mbr-col-lg-12 mbr-col-md-12 mbr-col-sm-12">
              <h2 class="title mbr-fonts-style align-left mbr-bold display-2">Moda i samoprihvaćanje - stiliziranje koje ističe ljepotu</h2>
            </div>
            <div class="mbr-col-lg-4 md-pb mbr-col-md-12 mbr-col-sm-12">
              <amp-img src="/slike/thumb-294x219-modaisamoprihvacanje-stiliziranjekojeisticeljepotu.jpg" layout="responsive" height="219" width="294" alt="Moda i samoprihvaćanje - stiliziranje koje ističe ljepotu" class="mobirise-loader">
                <div placeholder="" class="placeholder">
                  <div class="mobirise-spinner">
                    <em></em>
                    <em></em>
                    <em></em>
                  </div>
                </div>
              </amp-img>
            </div>

            <div class="mbr-col-lg-8  mbr-col-md-12 mbr-col-sm-12">
              <p class="mbr-text align-left mbr-fonts-style display-7">Moda-više od odjeće
Moda je mnogo više od odjeće koju nosimo. To je izraz naše osobnosti, načina na koji se izražavamo i pričamo o sebi. Kroz modu, možemo istaknuti svoju jedinstvenost i vlastitu estetiku. Stilizacije nije kopiranje trendova, već pronalaženje komada koji odražavaju tko ste i kako...</p>
              <p><a class="btn btn-md btn-danger display-4" href="/moda-i-samoprihvacanje-stiliziranje-koje-istice-ljepotu/">Moda i samoprihvaćanje - stiliziranje koje ističe ljepotu</a></p>
            </div>
            <hr style="border-bottom:1px solid #e7f0ff;width:90%;border-top:none">
          
        </div>


      </div>
    </section>
    <section class="footer1 cid-rW8TvjzeeW" id="footer01-b">
  <div class="container">
    <div class="mbr-row">
      <div class="mbr-col-lg-4 md-pb mbr-col-md-6 mbr-col-sm-12">
        <h6 class="mbr-fonts-style align-left mbr-bold display-7">Pratite nas i preko ostalih kanala!</h6>         
        <amp-img src="/images/logo.png" layout="responsive" width="276" height="60" alt="Trudnoca.Net" class="mobirise-loader"></amp-img>
        <div class="icons-list">
          <a href="https://www.facebook.com/trudnoca/" target="_blank">
            <span class="iconfont-wrapper">
              <span class="amp-iconfont fa-facebook-square fa"><svg width="32" height="32" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M1376 128q119 0 203.5 84.5t84.5 203.5v960q0 119-84.5 203.5t-203.5 84.5h-188v-595h199l30-232h-229v-148q0-56 23.5-84t91.5-28l122-1v-207q-63-9-178-9-136 0-217.5 80t-81.5 226v171h-200v232h200v595h-532q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960z"></path></svg></span>
            </span>
          </a>
          </a>
          <a href="https://www.instagram.com/trudnocanet/" target="_blank">
            <span class="iconfont-wrapper">
              <span class="amp-iconfont fa-instagram fa"><svg width="32" height="32" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm138 0q0 164-115 279t-279 115-279-115-115-279 115-279 279-115 279 115 115 279zm108-410q0 38-27 65t-65 27-65-27-27-65 27-65 65-27 65 27 27 65zm-502-220q-7 0-76.5-.5t-105.5 0-96.5 3-103 10-71.5 18.5q-50 20-88 58t-58 88q-11 29-18.5 71.5t-10 103-3 96.5 0 105.5.5 76.5-.5 76.5 0 105.5 3 96.5 10 103 18.5 71.5q20 50 58 88t88 58q29 11 71.5 18.5t103 10 96.5 3 105.5 0 76.5-.5 76.5.5 105.5 0 96.5-3 103-10 71.5-18.5q50-20 88-58t58-88q11-29 18.5-71.5t10-103 3-96.5 0-105.5-.5-76.5.5-76.5 0-105.5-3-96.5-10-103-18.5-71.5q-20-50-58-88t-88-58q-29-11-71.5-18.5t-103-10-96.5-3-105.5 0-76.5.5zm768 630q0 229-5 317-10 208-124 322t-322 124q-88 5-317 5t-317-5q-208-10-322-124t-124-322q-5-88-5-317t5-317q10-208 124-322t322-124q88-5 317-5t317 5q208 10 322 124t124 322q5 88 5 317z"></path></svg></span>
            </span>
          </a>
        </div>
      </div>
      <div class="mbr-col-lg-3  mbr-col-md-6 mbr-col-sm-12">
        <h6 class="mbr-fonts-style align-left mbr-bold display-7">Info</h6>
        <ul>
          <li><a href="/sitemap.php" title="Sitemap">Sitemap</a></li>
                    <li><a title="Kontakt" href="/str/kontakt_/">Kontakt</a></li>
                    <li><a title="Oglašavanje" href="/str/oglasavanje_na_trudnoca.net/">Oglašavanje</a></li>
                    <li><a title="Uvjeti korištenja" href="/str/uvjeti_koristenja/">Uvjeti korištenja</a></li>
                  </ul>
      </div>
      <div class="mbr-col-lg-5 mbr-col-md-12 mbr-col-sm-12">
        <h6 class="mbr-fonts-style align-left mbr-bold display-7">Novosti</h6>
        <p class="mbr-fonts-style form-subtitle display-7">Prijavite se besplatno na našu listu i budite u tijeku s novostima iz svijeta trudnoće i roditeljstva!</p> 
        <form class="mbr-form mbr-justify-content-center" method="post" target="_top" action-xhr="/form-nl.php" >            
          <div submit-success="">
              <template data-form-alert="" type="amp-mustache">Hvala! Poslan Vam je email s poveznicom za potvrdu Vaše prijave.</template>
          </div>
          <div submit-error="">
              <template data-form-alert="" type="amp-mustache">Pogreška! {{error}}. Molimo pokušajte ponovno</template>
          </div>
          <div class="fieldset">
              <input type="email" name='email'  placeholder="E-mail Adresa" required>
          </div>
          <div class="mbr-section-btn"><button type="submit" class="btn btn-form btn-primary display-4">PRIJAVA</button></div>
        </form>
      </div>  
    </div>
  </div>
</section>

<section class="features2 mbr-section cid-rW8TtqQY1n" id="features02-7">
  <div class="container">    
    <div class="mbr-row mbr-justify-content-center">      
      <div class="card md-pb mbr-col-lg-12">
        <ul class="vodoravni" style="text-align:center">
                      <li><a title="Žensko zdravlje" href="/ktge/u_ocekivanju_trudnoce/">Žensko zdravlje</a></li>
                      <li><a title="Trudnoća i porod" href="/ktge/trudnoca_i_porod/">Trudnoća i porod</a></li>
                      <li><a title="Nakon trudnoće" href="/ktge/nakon_trudnoce/">Nakon trudnoće</a></li>
                      <li><a title="Novosti" href="/ktg/novosti/">Novosti</a></li>
                      <li><a title="Kontakt" href="/ktge/kontakt/">Kontakt</a></li>
                  </ul>
      </div>
    </div>
  </div>
</section>

<section class="footer2 cid-rW8Tw0ysu4" id="footer02-c">
  <div class="container">
    <div class="mbr-col-sm-12 align-left mbr-white">
        <p class="mbr-text mbr-fonts-style display-7"><a href="https://bumbar-web.com" title="Izrada web stranica" target="_blank">Izrada web stranica</a>: Bumbar Web  &copy; 2021</p>
    </div>
  </div>
</section></body>

</html>