<!DOCTYPE html>

  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Cookie Policy</title>
    <meta property="og:title" content="Cookie Policy" />
    <meta property="og:image" content="logotip.svg" />
    
    <meta property="og:description" content="Cookie Policy" />
    <meta name="description" content="Cookie Policy" />
    <link rel="stylesheet" href="composite/style/bootstrap.css" />
    <link rel="stylesheet" href="composite/style/bootstrap.min.css.map" />
    <link rel="stylesheet" href="composite/style/button.css?2251" />
    <link rel="stylesheet" href="composite/style/jquery.fancybox.min.css" />
    <link rel="stylesheet" href="composite/style/icons.css" />
    <link rel="stylesheet" href="composite/style/slick.css" />
    <link rel="stylesheet" href="composite/style/slick-theme.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    

    <link rel="shortcut icon" href="logotip.svg" type="image/x-icon" />
    <script src="composite/kode/jquery.file.min.js"></script>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css2?family=Staatliches&display=swap" rel="stylesheet" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
    <script src="composite/kode/jquery.cookie.file.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

    <style>
       body{
           direction: ltr;
           font-family: 'Noto Sans', sans-serif;
           font-size: 17px;
           margin: 0;
           padding: 0px;
       }

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
input {
    height: 50px;
}
img, video{
    max-width: 100%;
}
ul, nav{
    list-style: none;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    cursor: pointer;
 }
.paddingCss {
    padding-top: 80px;
    padding-bottom: 80px;
}
h2 {
    font-weight: bold;
    text-align: center;
    padding-top: 23px;
    padding-bottom: 23px;
}
h3 {
    padding: 21px;
    font-weight: bold;
}
.header{
   position: fixed;
    height: 75px;
    z-index: 200;
    width: 100%;
}
.paddingCss{
  padding-top: 75px;
}

.nav {
   position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: rgb(248,248,248);
    padding: 8px;
}
.box {
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.box p {
    font-size: 21px;
    padding: 5px;
}
.logo img {
    height: 50px;
}
.navig {
    display: flex;
    align-items: center;
    gap: 10px;
}
.navig a {
    padding: 5px;
    color: black;
}
.navig a:hover {
    color: #830910;
}
.main {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
#section-1 .container {
    padding: 150px 20px;
}
.row {
    align-items: center;
}
.main-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
    color: #fff;
    font-size: 33px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.main-text {
    text-align: center;
    color: #fff;
    font-size: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.main-content {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    position: relative;
    flex-direction: column;
}
.main-forma {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
}
.main-content a {
    margin-top: 10px;
    margin-bottom: 10px;
}
.main-video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    height: 700px;
}
.main-video video {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.galeri-main {
    background: #810C3C;
}
.galeri-back {
    background-image: url(bg/0_opacity.png);
    background-position: center;
    background-size: cover;
}
.galeri {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px;
}
.galeri div {
    font-size: 21px;
    padding: 5px;
}

.galeri-pictyre {
    width: 50%;
}
.galeri h2{
    text-align: start;
}
.carousel-inner img {
    object-fit: cover;
    background-position: center;
    height: 500px;
}
.carousel-indicators button {
    color: #fff;
    z-index: 99;
}
.osnova-main {
    display: flex;
}
.osnova-main img {
    padding: 10px;
}
.osnova-text {
    font-size: 17px;
    padding: 10px;
}
.price--box {
    margin-top: 18px;
    font-size: 23px;
    font-weight: 500;
    color: black;
}
.reviews {
    background-image: url(bg/0_bg.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}
.reviews h2 {
    color: #fff;

}
 .slider__items {
      counter-reset: slide;
      direction: ltr;
    }

    .slider__item {
      overflow: hidden;
      position: relative;
      counter-increment: slide;
      height: auto;
      margin: 10px;
    }

    .slider img {
      display: inline-block;
      height: auto;
      max-width: 100%;
      border-radius: 50%;

    }
    .slider__item {

        background-color: #fff;
        padding: 15px;
        border-radius: 5px;
    }
    .slider__item_inner {
        overflow: hidden;
        color: #fff;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: center;

    }

    .slider__item_img {
      flex: 0 0 100px;
      max-width: 100px;
    }

    .slider__item_testimonial {
      flex: 1 0 0;
      display: flex;
      flex-direction: column;
      text-align: center;

    }

   .slider__item_name {
        font-size: 18px;
        margin-bottom: 8px;
        color:  #000000;
        text-align: start;
        padding-top: 10px;
        font-weight: bold;
    }

    .slider__item_text {
      font-size: 18px;
      color: rgba(113, 113, 113);
      text-align: start;
      gap: 10px;
    }

.slick-dots li button:before {
    font-family: none;
    font-size: 50px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '-';
    text-align: center;
    opacity: .25;
    color:  white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: white;
}

.quizer__SV4jKQqV{
                        max-width: 1000px;
                        margin: 0 auto;
                        color: inherit;
                      }
                      .quizer__SV4jKQqV h5{
                        margin-bottom: 40px;
                        font-size: 23px;
                      }
                      .quizer__SV4jKQqV--title{
                        border: 2px solid #5E1030;
                        border-radius: 5px;
                        font-size: 33px;
                        padding: 22px;
                        text-align: start;
                        margin-bottom: 40px;
                      }
                      .quizer__SV4jKQqV--thx{
                        display: none;
                        text-align: start;
                        font-size: 31px;
                        font-weight: bold;
                      }
                      .quizer__SV4jKQqV--quiz{
                        text-align: start;
                        background: #5E1030;
                        color: #ffffff;
                        border-radius: 5px;
                        padding: 15px;
                        display: none;
                      }
                      .buter{
                        justify-content: start;
                        display: flex;
                        align-items: center;
                        cursor: pointer;
                        padding: 5px 0px;
                         transition:opacity 200ms ease;
                      }
                      .activebox{
                        display: block;
                      }
                      .buter:hover{
                        transition:opacity 200ms ease;
                        opacity: 0.8;
                      }

.survey {
    background: #830910;
}
.survey-info {
    background: url(bg/1_opacity.png);
    background-position: center;
    background-size: cover;
}
.footer {
    display: flex;
    flex-direction: column;
}
.footer-text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.footer-main {
    display: flex;
    justify-content: center;
    gap:31px;
}
.footer-forma {
    width: 50%;
}
.footer-contact {
    box-shadow: 0px 4px 6px 4px rgb(75 81 91 / 10%);
    padding: 15px;
}
.input-container {
      position: relative;
      display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .podval-form-main{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.input-j81511171{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.textarea-j81511171{
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
}
.contacts {
    display: flex;
    padding-bottom: 23px;
}
.footer-text p {
    padding-bottom: 23px;
}
.contacts i {
    font-size: 31px;
    padding: 23px;
}
.col-12 button {
    width: 100%;
}
.adress {
    padding-left: 10px;
    padding-right: 10px;
}
.podval {
    display: flex;
    background: #830910;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px 0px;
}
.podval a {
    color: white;
}
.osnova-main img {
    margin: 0 auto;
    display: flex;
}

       #cookie-bXGW{
           display: none;
           justify-content: space-between;
           align-items: center;
           position: fixed;
           bottom: 15px;
           left: 50%;
           width: 1195px;
           max-width: 90%;
           transform: translateX(-50%);
           padding: 15px;
           background-color:  #0A043C;
           border-radius: 10px;
           box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.9);
           gap: 15px;
           z-index: 999999;
       }
       #cookie-bXGW button{
           max-width: 200px;
           width: 100%;
       }

       #cookie-bXGW p{
           margin: 0;
           font-size: 14px;
           color: #fff;
       }


       @media (min-width: 576px){
           #cookie-bXGW.show{
               display: flex;
           }
           .cookie_accept{
               margin: 0 0 0 25px;
           }
       }

       @media (max-width: 575px){
           #cookie-bXGW.show{
               display: flex;
               flex-direction: column;
           }
           .cookie_accept{
               margin: 10px 0 0 0;
           }
           button{
               width: 100%;
           }
       }


       @media (max-width: 991px) {

        .navig {
            flex-wrap: wrap;
            gap: 10px;
            justify-content: center;
        }
        #section-1 .container {
            padding: 130px 20px;
        }
        .osnova-main {
        flex-direction: column !important;
        }
    }

@media(max-width: 767px) {
     .header {
        height: 150px;
    }

    .osnova-main {
        flex-direction: column!important;
    }
    .galeri {
        flex-direction: column!important;
    }
    .footer-main {
        flex-direction: column!important;
    }
    .galeri-pictyre {
       width: 100%;
    }
    .footer-forma {
        width: 100%!important;
    }
    .carousel-inner img {
        height: 300px;
    }
    #section-1 .container {
        padding: 100px 20px;
    }
    .footer-text p {
        padding: 11px
    }
    .main-title {
        padding-top: 80px;
        font-size: 22px;
    }
     .main-text {
        font-size: 20px;
    }
}
@media(max-width: 520px) {
    .header {
        height: 150px;
    }
    .podval {
        flex-direction: column!important;
    }
    .main-title {
        padding-top: 80px;
        font-size: 18px;
    }
     .main-text {
        font-size: 16px;
    }
    .main-rov {
         flex-direction: column!important;

    }
    .col {
        padding: 15px;
    }
}

    </style>
    
  </head>

  <body class="Wz7sCI8F0l_14">
    <header class="header">
            <div class="conteiner">
                <div class="nav flex-row-reverse">
                    <div class="box" style="display: flex;">
                        <div class="logo">
                            <img src="logotip.svg" alt="logo">
                        </div>
                        <div>
                            <p>News</p>
                        </div>
                    </div>

                    <div>
                        <ul class="navig">
                            <li><a href="./#section-1">Home</a></li>
                            <li><a href="./#section-2">About us</a></li>
                            <li><a href="./#section-3">Reviews</a></li>
                            <li><a href="./#section-4">Quiz</a></li>
                            <li><a href="./#section-5">Contacts</a></li>
                        </ul>
                    </div>
                </div>
            </div>
    </header>
    

<div class="container" style="padding: 107px 0px;">
    <div class="content-block">
        <h2 class="stilTitl">Cookie Policy</h2>
        <h3>What are cookies?</h3>

<p>This Cookie Policy explains what cookies are and how we use them, the types of cookies we use i.e, the information we collect using cookies and how that information is used, and how to manage the cookie settings.</p>

<p>Cookies are small text files that are used to store small pieces of information. They are stored on your device when the website is loaded on your browser. These cookies help us make the website function properly, make it more secure, provide better user experience, and understand how the website performs and to analyze what works and where it needs improvement.</p>

<h3>How do we use cookies?</h3>

<p>As most of the online services, our website uses first-party and third-party cookies for several purposes. First-party cookies are mostly necessary for the website to function the right way, and they do not collect any of your personally identifiable data.</p>

<p>The third-party cookies used on our website are mainly for understanding how the website performs, how you interact with our website, keeping our services secure, providing advertisements that are relevant to you, and all in all providing you with a better and improved user experience and help speed up your future interactions with our website.</p>

<p>In addition to this, different browsers provide different methods to block and delete cookies used by websites. You can change the settings of your browser to block/delete the cookies. Listed below are the links to the support documents on how to manage and delete cookies from the major web browsers.</p>

<p>Chrome: <a href="https://support.google.com/accounts/answer/32050" target="_blank">https://support.google.com/accounts/answer/32050</a></p>

<p>Safari: <a href="https://support.apple.com/guide/safari/sfri11471/mac" target="_blank">https://support.apple.com/guide/safari/sfri11471/mac</a></p>

<p>Firefox: <a href="https://support.mozilla.org/en-US/kb/clear-cookies-and-site-data-firefox" target="_blank">https://support.mozilla.org/en-US/kb/clear-cookies-and-site-data-firefox</a></p>

<p>Internet Explorer: <a href="https://support.microsoft.com/topic/how-to-delete-cookie-files-in-internet-explorer-bca9446f-d873-78de-77ba-d42645fa52fc" target="_blank">https://support.microsoft.com/topic/how-to-delete-cookie-files-in-internet-explorer-bca9446f-d873-78de-77ba-d42645fa52fc</a></p>

<p>If you are using any other web browser, please visit your browser’s official support documents.</p>
    </div>
</div>



    <section class="conteiner podval flex-row">
        <div class="privacy">
            <a href="privacy_policy.html" target="_blank">Privacy policy</a>
        </div>
        <div class="privacy">
            <a href="term_policy.html"  target="_blank">Terms & Conditions</a>
        </div>
        <div class="privacy">
           <a href="disclaimer_policy.html" target="_blank">Disclaimer</a>
        </div>
    </section>
 

    <script type="text/javascript"src="composite/kode/jquery.fancybox.min.js"></script>
    <script type="text/javascript" src="composite/kode/slick.file.min.js"></script>
    <script type="text/javascript" src="composite/kode/color-script.js"></script>

    <script>
        let sections = $('section'),
        nav = $('nav'),
        nav_height = nav.outerHeight();
        $(window).on('scroll', function () {
            $('nav a').removeClass('active');
            let cur_pos = $(this).scrollTop();
            sections.each(function() {
                let top = $(this).offset().top - nav_height - 180,
                bottom = top + $(this).outerHeight();
                if (cur_pos >= top && cur_pos <= bottom) {
                    nav.find('a').removeClass('active');
                    sections.removeClass('active');
                    $(this).addClass('active');
                    nav.find('a[href="#'+$(this).attr('id')+'"]').addClass('active');
                }
            });
        });
        nav.find('a').on('click', function () {
            let $el = $(this),
            id = $el.attr('href');
            $('html, body').animate({
                scrollTop: $(id).offset().top - nav_height
            }, 600);
            return false;
        });
    </script>

    <script>
        let imagesGetHeight = $('.imgSize').prop('naturalHeight');
        let imagesGetWidth = $('.imgSize').prop('naturalWidth');

        if(imagesGetHeight == imagesGetWidth){
            if(imagesGetWidth > 600){
                $('.imgSize').css({'width':'50%'});
            }
        }
        if(imagesGetHeight > imagesGetWidth){
            if(imagesGetHeight < 2000 && imagesGetHeight > 700){
                $('.imgSize').css({'width':'25%'});
            }
            if(imagesGetHeight < 700 && imagesGetHeight > 500){
                $('.imgSize').css({'width':'50%'});
            }
        }
        if(imagesGetHeight < imagesGetWidth){
            $('.imgSize').css({'width':'100%'});
            if(imagesGetWidth < 600){
                $('.imgSize').css({'width':'500px'});
            }
        }
    </script>

    <script>
        $('.slider').slick({
        dots: true,
        infinite: false,
        speed: 300,
        slidesToShow: 2,
        slidesToScroll: 1,
        arrows: false,
        responsive: [
            {
            breakpoint: 1024,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
                infinite: true,
                arrows: false,
                dots: true
            }
            },
            {
            breakpoint: 600,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
                arrows: false,
            }
            },
            {
            breakpoint: 480,
            settings: {
                slidesToShow: 1,
                arrows: false,
                slidesToScroll: 1
            }
            }
        ]
        });
    </script>

    <script>
        function bgColor(){
        let bgCol = $('.survey').css('background-color');

        if(tinycolor(bgCol).isLight()){
            $('.survey').css({'color':'#222'});
            $('.survey-info').css({'color':'#222'});
        }else{
            $('.survey').css({'color':'#fff'});
            $('.survey-info').css({'color':'#fff'});
        }
        }
        bgColor();
    </script>

    <script>
        function bgColorfooter(){
         let bgColfooter = $('.podval').css('background-color');

         if(tinycolor(bgColfooter).isLight()){
             $('.podval a').css({'color':'#222'});
             $('.privacy').css({'color':'#222'});
         }else{
             $('.podval a').css({'color':'#fff'});
             $('.privacy').css({'color':'#fff'});
         }
        }
        bgColorfooter();
    </script>

    <script>
        function bgColorgaleri(){
         let bgColgaleri = $('.galeri-main').css('background-color');

         if(tinycolor(bgColgaleri).isLight()){
             $('.galeri-main').css({'color':'#222'});
             $('.galeri').css({'color':'#222'});
         }else{
             $('.galeri-main').css({'color':'#fff'});
             $('.galeri').css({'color':'#fff'});
         }
        }
        bgColorgaleri();
    </script>

    <script>
        $('.slick-dots li button').css('color','rgba(255 255 255)');
    </script>

    <script>
        if($('.slider__item_inner').css('flex-direction') == 'column'){
        $('.slider__item_name').css('text-align','center');
        $('.slider__item_text').css('text-align','center');
        }


        if($('.osnova-main').hasClass('flex-column-reverse') || $('.osnova-main').hasClass('flex-column')){
            $('.imgSize').css({'display':'flex','margin':'0 auto'});
        }else{
            $('.imgSize').css({'max-width':'500px'});
        }
        </script> 

    

</body>
</html>
