body
{
    margin:0;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 500;
    font-style: normal;
    overflow-x:hidden;
    color:#0B0A3F;
}
header
{
    width:100%;
    position:fixed;
    top:0;
    left:0;
    height:60px;
    background-color:White;
    z-index:10;
}
.news-item:hover
{
    opacity:0.7;
}
.burger-meniu
{
    width:30px;
    float:right;
    display:none;
}
.spec-mobile-item
{
    background-color:#0B0A3F;
    color:white;
    max-width:220px;
    margin:0 auto;
    border-radius:36px;
    padding:12px;
}
.meniu-popup
{
    width:100%;
    height:100%;
    background-color:white;
    position:fixed;
    top:0;
    left:0;
    display:none;
    z-index:10;
}
.meniu-mobile-holder
{
    position:absolute;
    top:50%;
    left:50%;
    width:calc(100% - 20px);
    transform: translate(-50%,-50%);
    font-size:26px;
    text-align:Center;
    color:#0B0A3F;
}
.meniu-mobile-holder .item
{
    margin-bottom:20px;
}
.content
{
    width:calc(100% - 40px);
    margin:0 auto;
    max-width:1200px;
}
header .content
{
    padding-top:6px;
}
.iniciator-logo
{
    float:left;
    width:30%;
    max-width:220px;
    padding-top:8px;
    opacity:0;
}
.saugu-logo-temp
{
    transition: 0.3s;
    max-width:140px;
}
.hero
{
    width:100%;
    background-color:#2FD3A2;
    background-image:url(../img/background-grid.png);
    background-size:auto 100%;
    background-position:right top;
    overflow:hidden;
}
.meniu
{
    float:right;
    width:70%;
}
.meniu-item
{
    display:inline-block;
    margin-left:18px;
    font-size:18px;
    cursor:pointer;
    transition: 0.2s;
}
.meniu-item:hover
{
    opacity:0.7;
}
.special-item
{
    background-color:#0B0A3F;
    padding:12px 24px 12px 24px;
    border-radius:25px;
    color:white;
    font-weight: 700;
    border:1px solid white;
}
.active-meniu-round
{
    background-color:white;
    color:#0B0A3F;
    border:1px solid #0B0A3F;
}
.hero .content
{
    padding-top:140px;
}
.col-5
{
    width:50%;
    float:left;
}
.cl
{
    clear:both;
}
.hero .logo
{
    width:50%;
    max-width:350px;
}
.hero p
{
    font-weight: 600;
    font-size:30px;
    max-width:500px;
}
.yellow-color
{
    color:#F9EC99;
}
.frame-holder
{
    width:calc(90% - 40px);
    margin:0 auto;
    max-width:520px;
    position:relative;
    pointer-events: none;
}
.frame
{
    width:100%;
    position:relative;
    z-index:3;
}
.graphic-sky
{
    width:100%;
    height:40%;
    position:absolute;
    left:0;
    top:0;
    background-image: url(../img/iliustration/dangus.png?c1);
    background-size:cover;
    background-position:center center;
}
.graphic-sea
{
    width:100%;
    height:58%;
    position:absolute;
    left:0;
    top:40%;
    background-image: url(../img/iliustration/vanduo.png?c1);
    background-size:cover;
    background-position:center center;
}
.sun
{
    transform: translate(-50%,-50%);
    position:absolute;
    top:60%;
    left:50%;
    width:50%;
}
.graphic-window-left
{
    transform: translate(0,-50%);
    top:50%;
    left:3%;
    height:91%;
    width:35%;
    z-index:4;
    position:absolute;
}
.graphic-window-right
{
    transform: translate(0,-50%);
    top:50%;
    right:3%;
    height:91%;
    width:35%;
    z-index:4;
    position:absolute;
}
.yellow-ship
{
    position:absolute;
    width:25%;
    top:57%;
    left:60%;
    transform: translate(-50%,-50%);
    z-index:4;
}
.graphic-reflection
{
    position: absolute;
    top: 66%;
    right: 1%;
    width: 310%;
    opacity:1;
    z-index:3;
}
.ship-1
{
    position:absolute;
    width:45%;
    top: 110%;
    right: 110%;
    z-index:3;
}
.ship-2
{
    position:absolute;
    width: 85%;
    top: 153%;
    right: 100%;
    z-index:3;
    display:none;
}
.ship-3
{
    position:absolute;
    width: 65%;
    top: 113%;
    right: -11%;
    z-index:3;
}
.about
{
    background-color:#090E3D;
    padding-top:40px;
    padding-bottom:40px;
    overflow-x:hidden;
    z-index:2;
}

.about-holder
{
    width:calc(100% - 80px);
    min-height:500px;
    background-image:url(../img/family-background.jpg);
    background-size:cover;
    background-position:center bottom;
    padding:40px;
    position:relative;
    padding-bottom:40%;
}
.about-explainer-block
{
    width:calc(100% - 2px);
    min-height:200px;
    background-color:rgba(255,255,255,0.6);
    position:relative;
    max-width:847px;
    margin:0 auto;
    margin-top:60px;
    color:#0B0A3F;
}
.triangle
{
    position:absolute;
    top:-1px;
    left:-1px;
    width:70px;
}
.about-explainer-block .wrapper
{
    padding:30px;
    color:#090E3D;
}
.about-explainer-block .wrapper h2
{
    font-size:42px;
    text-align:Center;
}
.about-explainer-block .wrapper p
{
    line-height:24px;
    color:#090E3D;
}
.graphic-puzzle
{
    position:absolute;
    background-image:url(../img/origami-pattern-color1.jpg);
    background-size:auto 100%;
    background-position:center right;
    top:0;
}
.a2
{
    background-position:center left;
}
.foster
{
    padding-top:60px;
    padding-bottom:60px;
    position:relative;
    overflow:hidden;
    background-color:#FFF7D1;
}
.foster h2
{
    font-size:27px;
    margin-top:0;
    font-weight:700;
}
.parties-holder
{
    text-align:Center;
}
.foster-box
{
    width:100%;
    min-height:380px;
}
.f1
{
    background-color:white;
    border:1px solid black;
}
.f2
{
    width:calc(100% - 2px);
    background-color:white;
    border:1px solid black;
    min-height:calc(250px - 2px);
}
.foster-box .wrapper
{
    padding:30px;
}
.flag-president
{
    width:60%;
    max-width:200px;
}

.f1
{
    text-align:center;
}
.flag-holder
{
    text-align:Center;
    margin-top:20px;
    margin-bottom:20px;
}
.president-subtitle
{
    color:#0B0754;
    font-size:23px;
    margin-top:12px;
}
.president-title
{
    font-size:23px;
    color:#0B0754;
    font-weight:600;
}
.f2 h2
{
    font-size:27px;
    text-align:center;
}
.party-logo
{
    width:33.33%;
    display:inline-block;
    max-width:140px;
}
.foster .content
{
    position:relative;
    z-index: 2;
}
.graphic-background-foster
{
    position:absolute;
    top:-10%;
    left:80%;
    width:50%;
    max-width:620px;
}
.feeling-safe
{
    padding-top:60px;
    padding-bottom:60px;
    background-color:#0C81FF;
    position:relative;
    background-size:90% auto;
    background-repeat: repeat-y;
    min-height:700px;
}
.feeling-safe h3
{
    font-size:50px;
    text-align:center;
    color:white;
    margin-bottom:20px;
}
.feeling-safe p
{
    text-align:center;
    max-width:920px;
    margin:0 auto;
    padding-bottom:40px;
    color:white;
    line-height:26px;
    font-size:20px;
}
.special-label
{
    padding:12px 24px 12px 24px;
    border-radius:36px;
    background-color:#0ACE96;
    color:white;
    text-transform: uppercase;
    text-align:center;
    max-width:246px;
    margin:0 auto;
    margin-bottom:20px;
    font-weight:600;
}
.feeling-safe-title{
    font-size:68px;
    font-weight:600;
    text-align:center;
}
.author-image-details
{
    width:70px;
    float:left;
}
.comment-details
{
    width:calc(100% - 90px);
    margin-left:20px;
    float:left;
}
.comment-holder
{
    margin-top:30px;
}
.comment-box
{
    width:30%;
    margin:10px;
    float:left;
    background-color:white;
}
.comment-box .comment
{
    font-size:20px;
    line-height:26px;
}
.comment-box .title
{
    font-weight:bold;
    font-size:20px;
    margin-top:8px;
}
.comment-box .subtitle
{
    margin-top:4px;
    font-size:16px;
    font-weight:normal;
}
.green-gradient
{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    text-align:center;
    color:white;
    font-size:16px;
    text-transform: uppercase;
    padding-top:24px;
    padding-bottom:12px;
    background: rgb(10,206,150);
    background: linear-gradient(180deg, rgba(10,206,150,0) 0%, rgba(10,206,150,1) 100%);
}
.expert-comment
{
    width:100%;
    color:#0B0A3F;
    background-color:rgba(255,255,255,0.7);
    font-size:14px;
    font-weight:normal;
    line-height:16px;
    max-height:260px;
    overflow: hidden;
    position:absolute;
    top:0;
    left:0;
}
.expert-comment .author-image
{
    width:30px;
    height:30px;
}
.expert-comment .author-image-details
{
    width:40px;
}
.author-title
{
    float:left;
    position:relative;
    top:8px;
    font-weight:Bold;
}
.expert-comment .wrapper
{
    padding:6px;
}
.comment-box .wrapper
{
    padding:20px;
}
.author-image
{
    width:70px;
    height:70px;
    border-radius:50%;
    background-size:cover;
    background-position:center center;
}
.news-holder {
    width: calc(100% - 40px);
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {

    right: auto;
    background-color: white;
    padding: 10px;
    width: 30px !important;
    height: 30px !important;;
    border-radius: 50%;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after
{
    color:black;
    font-size:25px !important;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev
{
    background-color: white;
    padding: 10px;
    width: 30px !important;;
    height: 30px !important;;
    border-radius: 50%;
}
.news-item
{
    float:left;
    margin:6px;
    color:white;
    font-weight:600;
    line-height:26px;
    font-size:20px;
    cursor:pointer;
    transition: 0.3s;
}
.article-third
{
    width:calc(33.33% - 20px);
    margin:10px;
}

.article-two
{
    width:calc(25% - 20px);
    margin:10px;
}
.news-item a
{
    text-decoration: none;
    text-align:left;
}
.news-image
{
    width:100%;
    height:224px;
    background-size:cover;
    background-position:center top;
    position:relative;
}
.news-image .play-icon
{
    position:absolute;
    transform: translate(-50%,-50%);
    top:50%;
    left:50%;
}
.article-two .news-image
{
    height:160px;
}
.play-icon
{
    transform: translate(-50%,-50%);
    width:55px;
    position:absolute;
    top:50%;
    left:50%;
    opacity:0.9;
}
.news-title
{
     color:white;
    text-decoration: none;
    padding-top:16px;
    height:130px;
}
.more-news
{
    text-align:center;
    font-size:18px;
    line-height:24px;
    margin:0 auto;
    border-radius:35px;
    border:2px solid white;
    max-width:140px;
    padding:12px 30px 12px 30px;
    text-align:center;
    margin-top:20px;
    color:white;
    font-weight:bold;
    cursor:pointer;
    transition: 0.3s;
}
.more-news:hover
{
    background-color:white;
    color:#002166;
}
.list-holder
{
    margin-top:50px;
}
.category-listing
{
    width:100%;
    margin-bottom:30px;
}
.category-item
{
    border-radius:36px;
    color:white;
    border:2px solid white;
    padding:8px 30px 8px 30px;
    cursor:pointer;
    display:inline-block;
    margin-right:10px;
    transition: 0.3s;
}
.category-item:hover
{
    opacity:0.7;
}
.category-listing a
{
    text-decoration: none;
    color:white;
    font-weight:bold;
}
.news a, .mediateka a
{
    text-decoration: none;
}


.active-category
{
    border:2px solid #0C81FF;
    background-color:#0C81FF;
    font-weight:bold;
}
.news, .mediateka
{
    padding-top:40px;
    padding-bottom:40px;
    background-color:#090E3D;
    overflow-x:hidden;
}
.mediateka
{
    background-color: white;
}
.travel
{
    padding-top:40px;
    padding-bottom:120px;
    background-color:#2FD3A2;
}
.news h2, .mediateka h2, .travel h2
{
    text-align:center;
    color:white;
    font-size:62px;
}
.experts-travel-box
{
    width:calc(100% - 40px);
    margin:0 auto;
    max-width:733px;
    background-color:rgba(255,255,255,0.3);
    border-radius:16px;
    margin-bottom:30px;
}
.experts-travel-box .wrapper
{
    padding:30px;
    max-width:540px;
    margin:0 auto;
}
.mediateka h2, .travel h2
{
    color:#090E3D;
}
.mediateka .news-title
{
    color:#090E3D;
}
.travel-form
{
    background-color:#090E3D;
    width:100%;
    max-width:779px;
    margin:0 auto;
    position:relative;
}
.travel-form-corner, .corner-blue-dark
{
    position:absolute;
    top:0;
    right:0;
    width:35px;
    transform: translate(-50%,-50%) rotate(180deg);
}
.corner-blue-dark
{
    transform:rotate(270deg);
}
.offer p{
    font-size:16px;
    color:white;
    line-height:22px;
}
.group-holder-2
{
    width:50%;
    float:left;
}
.input-label
{
    margin-bottom:4px;
    color:white;
    font-weight:bold;
    font-size:18px;
}
.custom-input, .custom-textarea
{
    width:calc(100% - 24px);
    padding:20px 12px 20px 12px;
    border-radius:6px;
    background:White;
    border:none;
    outline:none;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-size:16px;
}
.checkbox-form
{
    width:25px;
    height:25px;
    background-color:white;
    cursor:pointer;
    border-radius:6px;
    float:left;
    position:relative;
    margin-right:10px;
}
.checkbox-label
{
    color:White;
    font-size:16px;
    float:left;
    width:calc(100% - 45px);
    margin-top:2px;
}
.custom-textarea
{
    height:70px;
}
.group-holder
{
    width:100%;
}
.send-button
{
    width:140px;
    background-color:#0C81FF;
    color:white;
    padding:12px 20px 12px 20px;
    font-size:20px;
    text-align:center;
    margin:0 auto;
    cursor:pointer;
    transition: 0.3s;
    font-weight:bold;
    border-radius: 25px;
    margin-top:10px;
}
.send-button:Hover
{
    opacity:0.7;
}
.offerings
{
    background-color:white;
    padding-top:60px;
    padding-bottom:60px;
}
.offerings h2
{
    color:#090E3D;
    text-align:center;
    line-height:30px;
    font-size: 30px;
    margin-bottom:10px;
}
.offerings p
{
    color:#090E3D;
    text-align:center;
    font-size:20px;
}
.shirt
{
    margin-top:10px;
    margin-bottom:10px;
    width:100%;
    max-width:363px;
}
.travel-form .wrapper
{
    padding:30px;
}
.travel-form h2
{
    text-align:center;
    font-size:30px;
    color:White;
}
.experts
{
    width:100%;
    padding-top:40px;
    padding-bottom:120px;
    background-color:#0C81FF;
    background-image:url(../img/blue-pattern.png?c1);
}
.travel p
{
    color:#0B0A3F;
    font-size:20px;
    line-height:26px;
    max-width:776px;
    margin:0 auto;
    margin-bottom:20px;
    text-align:center;
}
.bold-font
{
    font-weight:bold;
}
.experts h2
{
    font-size:32px;
    color:white;
}
.experts-holder
{
    width:100%;
}
.expert-item
{
    width:33.33%;
    float:left;
    height:100px;
}
.expert-item .wrapper
{
    padding:10px;
}
.expert-image
{
    width:70px;
    height:70px;
    background-size:cover;
    background-position:center center;
    float:left;
}
.expert-details
{
    margin-left:16px;
    width:calc(100% - 86px);
    float:left;
}
.expert-title
{
    font-size:20px;
    font-weight:bold;
    color:white;
    margin-top:16px;
}
.expert-subtitle
{
    font-size:14px;
    color:white;
}
.partners
{
    padding-top:80px;
    padding-bottom:40px;
    position:relative;
}
.paper-decor
{
    position:absolute;
    top:0;
    transform: translate(-50%,-50%);
    width:35%;
    left:5%;
}
.partners h2
{
    font-size:42px;
    text-align:center;
    color:#0B0A3F;
}


.partners-holder
{

    margin-top:50px;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.partners-logo
{
    max-height:80px;
    width: 150px;
    display: block;
}
.partner-logo
{
    margin:10px;

}

.p4
{
    max-width:110px;
}

.paper-hero
{
    background-color:#FFF7D1;
    padding-top:120px;
    padding-bottom:40px;
    min-height:600px;
    position:relative;
    background-image:url(../img/pattern.png);
    background-position:right top 60px;
    background-repeat: no-repeat;
}
.hand-graphic
{
    position:absolute;
    bottom:0;
    left:55%;
    width:40%;
    max-width:520px;
}
.experts p
{
    color:white;
    max-width: 520px;
}

.social-line
{
    width:100%;
    height:40px;

    position:fixed;
    bottom:0;
    left:0;
    max-width:120px;
    z-index:7;
}
.share-button
{
    width:50%;
    height:40px;
    float:left;
    background-color:#0B0A3F;
    background-image:url(../img/share-button.svg);
    background-position:center center;
    background-size:auto 50%;
    background-repeat: no-repeat;
}

.back-button-2
{
    width:50%;
    height:40px;
    float:left;
    background-color:#0B0A3F;
    background-image:url(../img/back-button.svg);
    background-position:center center;
    background-size:auto 50%;
    background-repeat: no-repeat;
}
.share-button:hover, .back-button-2:hover
{
    opacity:0.6;
}
.custom-button
{
    padding:8px 22px 8px 22px;
    border:2px solid #0B0754;
    color:#0B0754;
    font-size:20px;
    cursor:pointer;
    border-radius:36px;
    max-width:160px;
    text-align:center;
}
.paper-hero h2
{
    font-size:50px;
    margin-bottom:10px;
}
.paper-hero .explanation
{
    font-size:20px;
    line-height:26px;
    max-width:560px;
    margin-top:0;
}
.accessability-box
{
    background-color:#DDEDFF;
    padding:30px;
    width:80%;
    max-width:415px;
    margin-top:50px;
}
.accessability-box .wrapper
{
    padding:20px;
}
.accessability-box .explainer-image
{
    float:left;
    width:90px;
}
.accessability-box .details
{
    width:calc(100% - 110px);
    margin-left:20px;
    font-size:20px;
    line-height:26px;
    font-weight:600;
    color:#090E3D;
    float:left;
}
.download-button:hover
{
    opacity:0.7;
}
.easy-to-read-icon
{
    width:100%;
}
.accessability-box .download-button
{
    background-color:white;
    border:2px solid white;
    margin-top:10px;
}
.back-icon, .download-icon
{
    width:18px;
}
.back-button
{
    max-width:120px;
}
.back-button:hover
{
    opacity:0.8;
}
a
{
    color:inherit;
    text-decoration: none;
}
.paper
{
    background-color:#0B0A3F;
    padding-top:60px;
    padding-bottom:60px;
    position:relative;
}
.paper h2
{
    font-size:38px;
    text-align:center;
    color:white;
}
.information-holder {
    margin-bottom:40px;
}
.info-box
{
    width:250px;
    height:380px;
    border:1px solid #FFF7D1;
    background-color:#0B0A3F;
    position:relative;
    margin:10px;
    float:left;
    z-index:2;
}
.pattern-3
{
    position:absolute;
    transform: translate(-50%,-50%);
    top:40%;
    left:0;
    width:50%;
}
.pattern-2
{
    position:absolute;
    transform: translate(-50%,-50%);
    top:70%;
    right:-50%;
    width:50%;
}

.smaller-box
{
    width:200px;
    margin:8px;
}
.info-box .image-holder
{
    width:100%;
    height:190px;
    background-color:#FFF7D1;
    position:relative;
    overflow:hidden;
}
.info-box .image-holder img
{
    position:absolute;
    bottom:0;
    left:50%;
    transform: translate(-50%, 0);
}
.info-box .explainer
{
    padding:20px;
    font-size:18px;
    line-height:24px;
    color:white;
    font-weight:600;
}
.paper .align-left
{
    text-align:left;
}
.check-list
{
    margin-bottom:40px;
}
.checkbox
{
    width:36px;
    height:36px;
    border-radius:50%;
    position:relative;
    float:left;
}
.checkbox-bubble
{
    width:12px;
    height:12px;
    border-radius:50%;
    background-color:#0C81FF;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    display:none;
}
.offer a
{
    transition: 0.3s;
    font-weight:bold;
    text-decoration: underline;
}
.offer a:hover
{
    opacity:0.7;
}
.ib1
{
    background-color:#EBEAFC;
}
.ib2
{
    background-color:#DDF4EC;
}
.ib3
{
    background-color:#FDF8DC;
}
.ib4
{
    background-color:#EBEAFC;
}
.ib5
{
    background-color:#E5EEFE;
}
.ib6
{
    background-color:#EEEEF1;
}
.idea-item
{
    width:calc(33.33% - 20px);
    position:relative;
    margin-bottom:20px;
}
.idea-item .wrapper
{
    padding:26px;
}
.comment-bubble
{
    width:30px;
    float:left;
    margin-right:10px;
    margin-top:6px;
}
.comment-message
{
    width:calc(100% - 40px);
    float:left;
    font-size:17px;
    line-height:26px;
    font-weight:lighter;
    color:#090E3D;
    margin-bottom:30px;
}
.comment-name
{
    font-weight:bold;
    font-size:16px;
    color:#090E3D;
    margin-top:6px;
    line-height:26px;
}
.idea-item .vote-holder
{
    width: 50px;
    float: left;
    padding: 10px 20px 10px 40px;
    background-color: white;
    color: #090E3D;
    font-size: 17px;
    font-weight: bold;
    text-align: left;
    background-image: url(../img/heart.svg);
    background-position: left 10px center;
    background-repeat: no-repeat;
    background-size: 20px;
    border-radius: 25px
}
.idea-item .vote-button
{
    padding: 7px 20px 7px 20px;
    float:right;
    width:100px;
    text-align:center;
    color:white;
    background-color:#090E3D;
    font-size:20px;
    font-weight:bold;
    border-radius:25px;
    cursor:pointer;
    transition: 0.3s;
}
.idea-item .vote-message
{
    font-size:18px;
    color:#090E3D;
    float:right;
    position:relative;
    top:7px;
    display:none;
}
.idea-item .vote-button:hover
{
    opacity:0.7;
}
.c1
{
    background-color:#F4E05A;
    background-image:url(../img/check-mark.svg);
    background-position:center center;
    background-size:70%;
    background-repeat: no-repeat;
}
.c2
{
    background-color:#0ACE96;
    background-image:url(../img/check-mark.svg);
    background-position:center center;
    background-size:70%;
    background-repeat: no-repeat;
}
.label
{
    width:calc(100% - 56px);
    float:left;
    margin-left:20px;
    font-size:23px;
    line-height:27px;
    font-weight:600;
    color:white;
    max-width:420px;
}
.author-slider
{
    width:100%;
    position:relative;
    overflow:hidden;
    height:80px;
}
.author-slider .author-item
{
    background-color:#0074F2;
    width:25%;
    height:80px;
    position:relative;
    float:left;
    margin-right:0 !important;
    color:white;
    transition: 0.3s;
    cursor:pointer;
}
.author-slider .author-item:hover
{
    background-color:#090E3D;
    color:white;
}
.author-comment-box
{
    width:30.333%;
    margin:1%;
    float:left;
    height:430px;
    background-color:#FFF7D1;
    position:relative;
}
.load-more-comments
{
    border:2px solid white;
    border-radius:35px;
    margin:0 auto;
    max-width:180px;
    padding:10px 20px 10px 20px;
    font-weight:bold;
    text-align:center;
    margin-top:20px;
    color:white;
    transition: 0.3s;
    cursor:pointer;
}
.load-more-comments:hover
{
    opacity:0.7;
}
.article-box{
    width:100%;
    min-height:50px;
    background-color:white;
}
.article-box .article-box-image{
    width:135px;
    height:90px;
    background-size:cover;
    float:left;
    margin-right:10px;
}
.article-box .article-box-title
{
    float:left;
    font-size:15px;
    font-weight:bold;
    line-height:20px;
    height:100px;
    overflow:hidden;
    color:#090E3D;
    width:calc(100% - 145px);
}
.corner-blue{
    position:absolute;
    width:25px;
    bottom:0;
    right:0;
}
.more-button
{
    cursor:pointer;
    font-weight:Bold;
    margin-top:4px;
}
.more-button:hover
{
    opacity:0.7;
}
.author-comment-box .wrapper
{
    padding:16px;
    font-size:16px;
    line-height:23px;
    color:#090E3D;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev, .swiper-button-prev, .swiper-rtl .swiper-button-next
{
    width: 20px !important;
    height: 80px !important;
    border-radius: 0;
    top: 62px !important;
    right: 0 !important;
    padding: 0 !important;
    transform: translate(0, -50%);
    background-color:#0067D6;
    color:white !important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next
{
    right:auto;
    left:0 !important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after
{
    color:white;
}
.author-item .wrapper
{
    padding:16px;
}
.author-title-holder
{
    float:left;
    width:calc(100% - 60px);
}
.experts-travel-box .author-title-holder
{
    width:calc(100% - 80px);
    margin-top:14px;
}
.experts-travel-box .author-image
{
    float:left;
    margin-right:10px;
}
.author-title-holder .title
{
    font-size:15px;
    font-weight:bold;
    margin-bottom:2px;
}
.author-title-holder .subtitle
{
    font-size:12px;
}
.author-item .author-image
{
    width:50px;
    height:50px;
    border-radius:50%;
    background-size:cover;
    background-position:center center;
    float:left;
    margin-right:10px;
}
.author-comment-box .author-image
{
    float:left;
    margin-right:10px;
}
.author-comment-box .author-title-holder
{
    float:left;
    width:calc(100% - 80px);
}
.author-comment-comment
{
    margin-top:12px;
    height:140px;
    overflow-y: hidden;
}
.author-comment-full
{
    margin-top:12px;
    display:none;
}
.selected-author
{
    background-color:#090E3D !important;
    color:white;
}
.col-7
{
    width:70%;
    float:left;
}
.col-3
{
    width:30%;
    float:left;
}
.offer .wrapper
{
    padding:16px;
}
.offer-idea-form
{
    background-color:#0ACE96;
    width:100%;
    position:relative;
    padding-bottom:30px;
}
.offer-idea-form h3
{
    color:white;
    font-size:30px;
    text-align:center;
}
.footer
{
    background-color:#090E3D;
    padding-top:30px;
    padding-bottom:30px;
}
.active-meniu
{
    font-weight:bold;
}
.offer
{
    padding-top:120px;
    padding-bottom:60px;
    background-color:#090E3D;
}
.offer h2
{
    text-align:Center;
    color:white;
    font-size:50px;
}
.slogan
{
    font-size:22px;
    font-weight:bold;
    color:White;
    float:left;
    margin-right:10px;
    position:relative;

}
.delfi-brand
{
    float:right;
    width:220px;
    position:relative;
    top:4px;
}
.comments-holder
{
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px; /* Adjust to match the gutter size */
}
.success-form
{
    padding-top:60px;
    font-size:30px;
    text-align:center;
    font-weight:bold;
    display:none;
    color:white;
    padding-bottom:60px
}
.check-success
{
    margin-bottom:20px;
}
@media only screen and (max-width: 1130px) {
    .meniu-item
    {
        margin-left:6px;
        font-size:16px;
    }
    .author-comment-box
    {
        width:48%;
    }
}
.error-message
{
    font-size:16px;
    color:white;
    padding-top:5px;
    padding-bottom:5px;
    display:none;
    text-align:center;
}
.error-field
{
    background-color:#F9E9E7;
}
.register-button
{
    text-decoration: underline;
}
@media only screen and (max-width:936px) {
    .partners-holder
    {
        display:inherit;
        text-align:center;
    }
    .partners-logo
    {
        display:inline-block;
        margin:20px;
    }
    .social-line
    {
        max-width:none;
        display:inherit;
    }
    .about-explainer-block .wrapper p {
        line-height: 24px;
        font-size: 14px;
    }
    .f2{
        border-top:none;
    }
    .about-explainer-block .wrapper
    {
        padding:10px;
    }
    .about-holder {
        width: calc(100% - 40px);
        min-height: 500px;
        background-image: url(../img/family-background.jpg);
        background-size: cover;
        background-position: center bottom;
        padding: 20px;
        position: relative;
    }
    .category-item
    {
        margin-bottom:10px;
    }
    .comment-box .comment
    {
        font-size:16px;
    }
    .feeling-safe-title{
        font-size:38px;
    }
    .col-5
    {
        width:100%;
    }
    .expert-item
    {
        width:100%;
    }
    .meniu
    {
        display:none;
    }
    .iniciator-logo
    {
        width:250px;
        max-width:none;
    }
    .saugu-logo-temp
    {
        width:140px;
    }
    .comment-box
    {
        width:100%;
        margin:0;
        margin-bottom:20px;
    }
    .paper-hero
    {
        padding-bottom:0;
    }
    .hand-graphic
    {
        margin-bottom:-5px;
        margin-top:30px;
        position:inherit;
        left:auto;
        bottom:auto;
    }
    .hand-holder
    {
        text-align:center;
    }
    .burger-meniu
    {
        display: inherit;
        margin-right: 0px;
        margin-top: 8px;
    }
    .hero p{
        font-size:20px;
        padding-bottom:20px;
    }
    .author-comment-box
    {
        width:calc(100%);
    }
    .graphic-puzzle
    {
        display:none;
    }
    .comments-holder{
        margin-left:0;
    }
    .article-third
    {
        width:calc(100% - 20px);
    }
    .ship-1
    {
        top: 120%;
        right: 60%;
    }
    .article-third .news-image
    {
        width: 30%;
        height: 80px;
        margin-right:10px;
        float:left;
    }
    .article-two
    {
        width:calc(50% - 20px);
    }
    .article-two .news-image
    {
        width:100%;
        height:100px;
    }
    .article-two .news-title
    {
        max-height:160px;
    }
    .feeling-safe h3 {
        font-size: 32px;
        text-align: center;
        color: white;
        margin-bottom: 20px;
        margin-top: 0;
    }
    .feeling-safe p {
        text-align: center;
        max-width: 920px;
        margin: 0 auto;
        padding-bottom: 40px;
        color: white;
        line-height: 22px;
        font-size: 16px;
    }
    .author-slider {
        width: calc(100% + 40px);
        position: relative;
        overflow: hidden;
        height: 80px;
        margin-left: -20px;
    }
    .news h2, .mediateka h2 {
        font-size: 32px;
    }
    .f2
    {
        min-height:440px;
    }
    .foster h2,.f2 h2 {
        font-size: 22px;
    }
    .president-subtitle
    {
        font-size:16px;
    }
    .news-image .play-icon {
        width:20%;
    }
    .footer
    {
        bottom: 40px;
        position: relative;
    }
    .delfi-brand {
        float: right;
        width: 130px;
        position: relative;
        top: 5px;
    }
    .slogan {
        font-size: 15px;
        font-weight: bold;
        color: White;
        float: left;
        margin-right: 10px;
        position: relative;
    }
    .experts-travel-box .col-5
    {
        margin-bottom:10px;
    }
    .travel p
    {
        font-size:16px;
        line-height:22px;
    }
    .travel h2
    {
        font-size:26px;
    }
    .article-third .news-title
    {
        width:calc(70% - 10px);
        float:left;
        font-size:14px;
        line-height:20px;
    }
    .article-third .news-title
    {
        max-height:80px;
    }
    .article-two .news-title
    {
        font-size:14px;
        line-height:20px;
    }
    .hero .content
    {
        padding-top:100px;
    }
    .ship-3
    {
        top:107%;
    }
    .category-overflow
    {
        width:500px;
    }
    .category-listing
    {
        width: 100%;
        margin-bottom: 0px;
        height: 50px;
        overflow: hidden;
        overflow-x: scroll;
    }
    .more-news
    {
        margin-top:50px;
    }
    .col-7, .col-3
    {
        width:100%;
    }
    .group-holder-2
    {
        width:100%;
    }
    .offer h2 {
        text-align: Center;
        color: white;
        font-size: 32px;
        margin-top: 0;
    }
    .offer-idea-form h3
    {
        font-size:26px;
    }
    .offer p{
        text-align:center;
    }
    .offer {
        padding-top: 100px;
        padding-bottom: 40px;
    }
    .idea-item
    {
        width:calc(100% - 20px);
    }
    .offerings h2{
        font-size:26px;
        margin-top:0;
    }

}
.floating
{
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating {
    0% {
        transform: translate(-50%,-50%) rotate(0deg);
    }
    50% {
        transform: translate(-50%,-47%) rotate(5deg);
    }
    100% {
        transform: translate(-50%,-50%) rotate(0deg);
    }
}
.logo-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Center align horizontally */
    gap: 40px; /* Space between logos */
    padding-bottom:60px;
    padding-top:20px;
}

.logo-container img {
    width: auto; /* Set a fixed width for each logo */
    height: 50px;
}
.logo-container .p1, .logo-container .p2, .logo-container .p3
{
    height:100px;
    margin-top:-25px;
}
.logo-item {
    flex: 1 1 20%; /* Each logo takes up 20% of the row (5 logos per row) */
    max-width:200px;
    text-align: center;
}

@media (max-width: 768px) {
    .logo-item {
        flex: 1 1 45%; /* Adjust for smaller screens (2 logos per row) */
    }
}

@media (max-width: 480px) {
    .logo-item {
        flex: 1 1 45%; /* 1 logo per row for very small screens */
    }
}