/* Generated custom CSS (2023-05-29 11:08:32) */

/* CSS RESET START */

.section__holder {
padding: 0;
box-shadow: none;
}

.pb-md-3 {
display: none;
}


.section--blue {
padding: 0;
margin: 0;
box-shadow: none;
background-color:white;

}


.container-fluid {
padding: 0;
margin:0 auto;


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

/*FOOTER*/

.footer__group, .footer__menu, .footer__copy {
padding-left: 2rem;
padding-right:2rem;
}
.mb-0 p {
font-size: 20px;
}
}
@media(max-width:700px) {
.mb-0 p {
font-size: 15px;
}
}
@media(max-width:500px) {
.mb-0 p {
font-size: 12px;
}
}

/* RESET END */





/* HEADINGS*/

 .heading-big-lp {

     text-transform: uppercase;
     width:100%;
     text-align: center;
     color: white;
font-size:36px;
font-weight: 700;
text-shadow: -7px -3px 50px rgba(0,0, 0, 1.65);
padding-top: 25px;
    
}
.heading-big {
text-transform: uppercase;
color: #153c89;
font-size:34px;
font-weight: 700;
text-align: center;
}

.heading-secondary {
 text-align: center;
font-size:34px;
font-weight: 700;
 
}

.heading-small {
font-size: 14.5px;
}



        .nabidka {
             position: absolute;
    top: 63%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    text-transform: uppercase;
     font-family: "open_sans";
    font-weight: 100;
    font-size: 12px;
line-height: 13px;
    z-index: 100;
        }

             .lupa-2 {
width: 58px;
    height: 33px;
    z-index: 1000;
    padding-left: 35px;
    padding-top: 10px;
        }

.odkaz-fixed-btn {
color: white;
text-decoration: none;
}
.odkaz-fixed-btn:hover {
color: white;
text-decoration: underline;
}


@media (max-width: 4096px) {
.scroll-button {
right: 631px;
}
}
@media (max-width: 2464px) {
.scroll-button {
right: 581px;
}
}
@media (max-width: 2363px) {
.scroll-button {
    right: 531px;
}
}
@media (max-width: 2264px) {
.scroll-button {
    right: 481px;
}
}
@media (max-width: 2165px) {
.scroll-button {
    right: 431px;
}
}
@media (max-width: 2044px) {
.scroll-button {
    right: 372px;
}
}
@media (max-width: 2043px) {
.scroll-button {
    right: 371px;

}
}
@media (max-width: 1920px) {
.scroll-button {
    right: 301px;

}
}
@media (max-width: 1880px) {
.scroll-button {
    right: 288px;

}
}
@media (max-width: 1780px) {
.scroll-button {
    right: 241px;

}
}
@media (max-width: 1680px) {
.scroll-button {
    right: 191px;

}
}
@media (max-width: 1583px) {
.scroll-button {
    right: 141px;

}
}
@media (max-width: 1536px) {
.scroll-button {
    right: 111px;

}
}
@media (max-width: 1483px) {
.scroll-button {
    right:  91px;

}
}
@media (max-width: 1440px) {
.scroll-button {
    right:  71px;

}
}
@media (max-width: 1400px) {
.scroll-button {
    right: 51px;

}
}
@media (max-width: 1366px) {
  .scroll-button {
right: 34px;
}
}
@media (max-width: 1302px) {
  .scroll-button {
right: 0px;
}
}
@media (max-width: 1280px) {
  .scroll-button {
right: 0px;
}
}

/*
@media (max-width: 600px) {
  .scroll-button {
width: 70px;
height:70px;
border: 2px solid white;
}

.lupa-2 {
width: 100px;
height:100px;
padding-left: 24px;
padding-top: 3px;
}

.nabidka {
font-size: 9px;
line-height: 11px;
}
}

*/

/* SCROLL-LUPA*/

.scroll-lupa {
    width: 100px;
    height: 100px;
   background: transparent;
    
    position: fixed;
    top:45%;
    right: 0px;
    z-index: 2000;
        }

    .nabidka-lupa {
    position: absolute;
    top: 47%;
    left: 58%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    text-transform: uppercase;
     font-family: "open_sans";
    font-weight: 200;
    font-size: 9px;
line-height: 12px;
    z-index: 2000;
padding-left: 3px;
        }

.lupa-mobile {
    position: fixed;
    top:45%;
    right: -14px;
    width: 125px;
    height: auto;
    z-index: 1000;
    padding-left: 35px;
    padding-top: 10px;
            transform: rotate(18deg);   
        }
.odkaz-fixed-btn-lupa {
color: rgb(251, 129, 31);
text-decoration: none;
font-weight: 600;

}
.odkaz-fixed-btn-lupa:hover {
color: rgb(251, 129, 31);
text-decoration: underline;

}


@media (max-width: 4096px) {
.scroll-lupa {
right: 644px;
}
.lupa-mobile {

    right: 631px;
}
@media (max-width: 2464px) {
.scroll-lupa {
right: 594px;
}
.lupa-mobile {

    right: 581px;
}
}
@media (max-width: 2363px) {
.scroll-lupa {
    right: 544px;
}
.lupa-mobile {

    right: 531px;
}
}
@media (max-width: 2264px) {
.scroll-lupa {
    right: 494px;
}
.lupa-mobile {

    right: 481px;
}
}
@media (max-width: 2165px) {
.scroll-lupa {
    right: 444px;
}
.lupa-mobile {

    right: 431px;
}
}
@media (max-width: 2044px) {
.scroll-lupa {
    right: 384px;
}
.lupa-mobile {

    right: 372px;
}
}
@media (max-width: 2043px) {
.scroll-lupa {
    right: 384px;

}
.lupa-mobile {

    right: 371px;
}
}
@media (max-width: 1920px) {
.scroll-lupa {
    right: 314px;

}
.lupa-mobile {

    right: 301px;
}
}
@media (max-width: 1880px) {
.scroll-lupa {
    right: 301px;

}
.lupa-mobile {

    right: 288px;
}
}
@media (max-width: 1780px) {
.scroll-lupa {
    right: 254px;

}
.lupa-mobile {

    right: 241px;
}

}
@media (max-width: 1680px) {
.scroll-lupa {
    right: 204px;

}
.lupa-mobile {

    right: 191px;
}
}
@media (max-width: 1583px) {
.scroll-lupa {
    right: 154px;

}
.lupa-mobile {

    right: 141px;
}
}
@media (max-width: 1536px) {
.scroll-lupa {
    right: 124px;

}
.lupa-mobile {

    right: 111px;
}
}
@media (max-width: 1483px) {
.scroll-lupa {
    right:  104px;

}
.lupa-mobile {

    right: 91px;
}
}
@media (max-width: 1440px) {
.scroll-lupa {
    right:  84px;

}
.lupa-mobile {

    right: 71px;
}
}
@media (max-width: 1400px) {
.scroll-lupa {
    right: 64px;

}
.lupa-mobile {

    right: 51px;
}
}
@media (max-width: 1366px) {
.scroll-lupa {
right: 47px;
}
.lupa-mobile {

    right: 34px;
}
}
@media (max-width: 1302px) {
.scroll-lupa {
right: 14px;
}
.lupa-mobile {

    right: 0px;
}
}
/*BANNER STAZENY Z WEBU - PROVIZORNÍ*/

 .box {
background-color: white; 
box-shadow: 0px 0px 5px -1px #ebebeb;
transition: 1s;

margin:10px 10px 50px 10px;
padding-right: 0px;
padding-left: 0px;
}

.box:hover {
box-shadow: 0px 0px 10px -1px gray;
}


/*HEADER-LANDING-PAGE-STARE-PARY*/

.header-lp {
    width:100%;
    height: 300px;
    background-image: url("https://cdn.siteone.io/blue-style.cz/data/wysiwyg/images/landing-page/rodinna-dovolena-s-detmi/BS-header-rodinna-dovolena.jpg");
    background-attachment: inherit;
    background-size: cover;
    background-position-Y: 42%;
    position: relative;
}


/*IKONY-BOX */


.icon-box {
    height: 110px;
    background-color: white;
}
.field-icon {
    width:80%;
    height: 110px;
    display: flex;
    justify-content: space-evenly;
    align-content: center;
margin: 0 auto;
    
}

.icona {
    margin-top: -55px;
    z-index: 2;
    width: 25%;
}
.icona-1, .icona-2, .icona-3, .icona-4 {
text-align:center;
padding: 20px 10px 0 10px;
}
.icona h4 {
   
text-transform: none;

}
h4:not(:first-child) {
    margin-top: 0px;
}


/* IKONA ANIMACE*/
.ikona-animace {
animation-duration: 0.5s;
width:70px;
height:70px;
transition: .5s all;
}
.ikona-animace:hover{
animation: moveUpBox .5s infinite alternate;
}

@keyframes moveUpBox{
    0% {transform: translateY(0);}
    100% { transform: translateY(-10px);}
}


/*FIELD-BANNER*/
.field-banner {
width: 100%;
    min-height: 350px;
    background-color: #e7f2f6;
background-size:cover;
padding: 25px 52px;
}

.field-banner h3 {
    padding:10px 0 0 20px;
    font-size: 18px;
font-weight:bold;
    color: darkslateblue;
text-transform:uppercase;
}



.banner-flex {
width:100%;
display: grid;
grid-template-columns: repeat(auto-fill, 20%);
grid-gap: 20px;
justify-content: space-evenly;
}


.col-lg-3 .{
    max-width: 20%;
}

.col-md-4  {
    max-width: 33.33333%;
}

.col-sm-6 {
    max-width: 50%;
}
.col-12 {  
    max-width: 100%;
}


/*INFO BOX*/

.info-box {
    min-height: 200px;
    background-color: white;
     padding: 40px;
}
.info-box-text {
    text-align: center;
    width:80%;
    margin: 0 auto;
   
}


.info-box-text p {
   
    font-size: 18px;
    text-align: center;
    margin:0;
}



/*FEEDBACK-BOX*/
.feedback-box {

    min-height:  490px;
    background-color: white;
     padding: 20px;
position:relative;
}
.feedback-zakaznici {
     width:75%;
    margin: 0 auto;
}

.feedback-zakaznici h1 {
    padding-bottom: 20px;
    text-transform: inherit;
    font-size: 45px;
}
.feedback-zakaznici h2 {
margin-top: 4.75rem;
}
.feedback-zakaznici p {
    font-size: 18px;
    text-align: left;
padding: 0 100px;
    
}

.uvozovka {
color: #DCE9F7;
font-size: 22rem;
font-weight: 500;
font-family: "Kalam", cursive;
z-index: 1;
}

.uvozovka-left {
position: absolute;
top: 18rem;
    left: 5rem;

}
.uvozovka-right {
position: absolute;
bottom: -1rem;
right: 6rem;

}

/*NABÍDKA-DESTINACE*/

.nabidka-destinace-box {
    min-height: 400px;
    background-color: white;
    
}
.nabidka-destinace-box h1 {
    padding-top: 30px;
    
}
.boxy-destinace {
    min-height: 300px;
    display: flex;
    padding-top: 30px;
    padding-bottom: 40px; 
}

.box-destinace {
min-height: 300px;
width: 33.333%;
    text-align: center;
}
/*Efekt BOX Destinace*/

.img-box {
width:85%;
height: 208px;
margin: 0 auto;
overflow:hidden;
border-radius: 8px;
}

.img-destinace {
width: 100%;
height: 100%;
background-position: center;
background-size:cover;
background-repeat: no-repeat;
transition: all .8s;

}

.img-box:hover .img-destinace {
transform: scale(1.2);

}
 .img-destinace-1  {
background-image: url("https://cdn.siteone.io/blue-style.cz/data/wysiwyg/Egypt/Egypt_2017/Egypt-06.jpg");

}
 .img-destinace-2  {
background-image: url("https://cdn.siteone.io/blue-style.cz/data/wysiwyg/images/landing-page/velikonoce/01-Recko-01.jpg");

}
 .img-destinace-3  {
background-image: url("https://cdn.siteone.io/blue-style.cz/data/wysiwyg/Bulharsko/Vzdy-neco-navic_Vylet_Sozopol.jpg");

}
/*End*/


.destinace-text {
min-height: 180px;
}
.box-destinace h2 {
    text-transform: uppercase;
    padding-top: 15px;

}
.box-destinace p {
    padding: 15px 45px 20px;
    text-align: center;
font-size: 17px;
}
.btn1 {
    padding: 10px 30px;
     background-color: #FAD61E;
    color: #141F33;
    font-family: DuePuntoZero, Helvetica, Arial, sans-serif;
    border-radius: 20px;
    text-align: center;
    text-transform: uppercase;
    transition: .3s;
    text-decoration: none;
    font-size: 20px;

} 

.btn1:hover {
   /*background-color:  #fb8120;*/
    color: white;
}

.carousel-control-prev {
    
    background: transparent;
z-index: 10001;
}
.carousel-control-next {
    
    background: transparent;
z-index: 10001;
}

/*RESPONZIVNÍ*/
@media(max-width:1156px) {

.destinace-text {
min-height: 160px;
}

/*UVOZOVKY*/
.uvozovka {
font-size: 20rem;
}

.uvozovka-right {

bottom: 0rem;
right: 5rem;

}
}

/* IPAD PRO 1024PX */
@media(max-width:1024px) {
.heading-small {
padding: 0 5px 0 5px;
}
.box-destinace p {
    padding: 15px 25px 20px;
    text-align: center;
    font-size: 14px;
}
}
@media(max-width:991px) {
    
    /* HEADINGS*/ 

.heading-big-lp {
    font-size: 30px;
}
.heading-big {
font-size: 26px;
}
.heading-secondary {
font-size:24px;
}

.heading-small {
font-size:10px;
padding: 0 5px 0 5px;
}
h4 {
font-size: 11px;
}
        /* PARAGRAPH*/ 
p {
font-size:13px;
}
    /* HEADER*/
.header-lp {
    height: 300px;
}

    /* IKONA-BOX*/
.icon-box {
    height: 88px;
}
.icona {
    margin-top: -52px;
}
.icona-1, .icona-2, .icona-3, .icona-4 {
    text-align: center;
    padding: 20px 0px 0px 0px;
}
.ikona-animace {
width:60px;
height: 60px;
}
.info-box-text p {
font-size: 15px;
}

/*FIELD-BANNER*/

.banner-flex {
display: grid;
grid-template-columns: repeat(auto-fill, 40%);
}

/*FEEDBACK-ZAKAZNICI*/
.feedback-box {
    min-height: 380px;
}
.feedback-zakaznici {
padding-top: 35px;
}
.feedback-zakaznici h2 {
    margin-top: 1.75rem;
}
.feedback-zakaznici p {
padding: 0 60px;
font-size:15px;
}

/*UVOZOVKY*/
.uvozovka {
font-size: 17rem;
}

.uvozovka-left {

top: 14rem;
    left: 3rem;

}
.uvozovka-right {

bottom: -1rem;
right: 5rem;

}

/*BOXY-DESTINACE*/
.boxy-destinace {
flex-direction: row;
}
.box-destinace {
    width: 33.333%;
    margin: 0 auto;
}


.img-box {
width: 90%;
height: 171px;
}

.destinace-text {
min-height: 100px;
}
.box-destinace h2 {
    padding-top: 5px;
font-size: 18px;
}
.box-destinace p {
    padding: 0rem 1rem  0rem;
 font-size: 14px;
min-height: 129px;
}
.btn1 {
   padding: 7px 20px;
font-size: 14px;
}

}


@media(max-width:816px) {
/*UVOZOVKY*/
.uvozovka {
font-size: 14rem;
}

.uvozovka-left {

top: 16rem;
    left: 2rem;

}
.uvozovka-right {

bottom: 2rem;
right: 4rem;

}
.img-box {
    height: 160px;
}
.box-destinace p {
    padding: 0rem 1rem 0rem;
}
.feedback-zakaznici p {
    padding: 0px 45px;
}
 /* IPAD mini*/ 
@media(max-width:768px) {
.uvozovka-right {
    bottom: 4rem;
}
.img-box {
 
    height: 145px;
}
.field-icon {
    width: 90%;
}

@media(max-width:680px) {
 /* HEADINGS*/ 
.heading-big-lp {
font-size: 24px;
}
.heading-big {
font-size: 22px;
}
.heading-secondary {
font-size:27px;
}

.heading-small {
font-size:14px;
}
h4 {
font-size: 16px;
}

  /* HEADER*/
.header-lp {
    height: 250px;
}

/*IKONY-BOX */


.icon-box {
    background-color: white;
}

.icon-box {
    height: 156px;
}
.field-icon {
display: grid;
grid-template-columns: repeat(auto-fill, 50%);
    width: 100%;
    height: 110px;
    justify-content: space-evenly;
    align-content: center;
    margin: 0 auto;
    padding-top: 43px;
}
.icona{

display:flex;
margin-top: 0px;
padding-left: 0px;
width:100%;
text-align: left;
}
.ikona-animace {
    width: 45px;
    height: 45px;
}
.icona .heading-small {
    font-size: 9px;
    padding-top: 15px;
    padding-left: 7px;
}
.icona-3, .icona-4 {
padding-top: 10px;
}
.icona-1, .icona-3 {
padding-left: 5px;
}

/*INFO BOX*/
.info-box-text p {
    font-size: 14px;
}

/*FIELD-BANNER*/

.banner-flex {
display: grid;
grid-template-columns: repeat(auto-fill, 80%);
}
.field-banner h3 {
text-align: center;
    padding: 25px 0 0 0;
font-size: 16px;
    }


/*FEEDBACK-BOX*/
.feedback-box {

padding: 10px 0 10px 0;
}

.feedback-zakaznici p {
    font-size: 14px;
}
/*UVOZOVKY*/
.uvozovka {
display: none;
}
/*BOX-DESTINACE*/

.box-destinace p {
    padding: 0 8rem 0;
    font-size: 14px;
min-height: 90px;
}

/*BOXY-DESTINACE*/
.boxy-destinace {
flex-direction: column;
}
.box-destinace {
    width: 100%;
    margin: 0 auto;
}


.box-destinace:not(:first-child) {
    padding-top: 60px;
}
.img-box {
width: 63%;
    height: 248px;
}
.destinace-text {
min-height: 100px;
}
.box-destinace h2 {
    padding-top: 5px;
}

.btn1 {
   padding: 7px 20px;

}
}

@media(max-width:600px) {
/* HEADINGS*/ 
.heading-secondary {
font-size:26px;
}
/*UVOZOVKY*/
.uvozovka {
font-size: 15rem;
}

.uvozovka-left {

top: 31rem;
    left: 1rem;

}
.uvozovka-right {

bottom: 23rem;
right: 1rem;

}
.img-box {
    height: 220px;
}
}


@media(max-width:500px) {
/* HEADINGS*/ 
.heading-secondary {
font-size: 22px;
}
.heading-big-lp {
    font-size: 20px;
}

.heading-big {
    font-size: 18px;
}
.info-box-text {
    text-align: center;
    width: 82%;
}


.icon-box {
min-height: 200px;
margin: 10px 0 20px 0;
}
.field-icon {
display: grid;
grid-template-columns: repeat(auto-fill, 50%);
    width: 100%;
    height: 110px;
    align-content: space-around;
    margin: 0 auto;
    padding-top: 110px;
}

.icona{
flex-direction: column;
margin-top: 0px;
padding-left: 0px;
}

.icona .heading-small {
    font-size: 10px;
    padding-top: 5px;
    padding-left: 0px;
}


.icona-3, .icona-4 {
padding-top: 0px;
padding-bottom: 10px;
}
.icona-1, .icona-2 {
padding-top: 20px;
}



.icona-1, .icona-2, .icona-3, .icona-4  {
padding-left: 2rem;
text-align:center;
}

.field-banner {
padding: 25px 0px;
}

/*FEEDBACK-ZAKAZNICI*/
.feedback-zakaznici {
    width: 80%;
}

/*BOX-DESTINACE*/

.box-destinace:not(:first-child) {
padding-top: 60px;
}
.img-box {
    height: 220px;
}
}
@media(max-width:488px) {
.icona-1, .icona-3{
padding-left: 1rem;
}

.icona-2,  .icona-4 {
padding-right: 1rem;
}

}
/*IPHONE 6/7/8 PLUS*/
@media(max-width:414px) {
.heading-secondary {
    font-size: 18px;
}
/*INFO BOX*/

.info-box {
    min-height: 200px;
     padding: 20px 5px;
}
.info-box-text {
    width:100%;
}


  .info-box-text p {
    padding: 20px 19px;
    font-size: 15px;
    text-align: center;
}

/* FEEDBACK-ZAKAZNICI*/
.feedback-zakaznici {
    width: 100%;
}
.feedback-zakaznici p {
    padding: 0px 55px;
    font-size: 15px;
}


/* BOX-DESTINACE*/

.boxy-destinace {
    padding-top: 20px;
}
.box-destinace p {
    padding: 0rem 5rem 0rem;

}
.img-box {
    height: 180px;
}
}
/* IPHONE 6/7/8 */
@media(max-width:375px) {

.heading-big-lp {
       font-size: 15px;
    font-weight: 600;
}
.heading-big {
       font-size: 15px;
}
.field-banner h3 {
    font-size: 14px;
}
.info-box-text p {
    padding: 20px 20px;
    font-size: 12px;
}

.feedback-zakaznici p {
    font-size: 12px;
}
.box-destinace p { 
font-size: 12px;
}

.icona {
    margin-top: -10px;
}
    .field-icon {
padding-top: 115px;
}
.img-box {

    height: 155px;
}
.box-destinace p {
    padding: 0rem 5rem 0rem;

}
.lupa-mobile {
    width: 112px;
}
.nabidka-lupa {
    font-size: 8px;
    line-height: 8px;
    padding-left: 19px;
    padding-bottom: 8px;
}
.field-banner {
    padding: 25px 10px;
}
}

/* IPHONE 5/SE */
@media(max-width:320px) {

.icona-1, .icona-2 {
    padding-top: 20px;
}
.icona .heading-small {
    font-size: 10px;  
}
.heading-big-lp {
    font-size: 15px;
}
.heading-secondary {
    font-size: 15px;
}
.btn1 {
font-size: 14px;
padding: 6px 11px;
}
.box-destinace p {
    padding: 0rem 3rem 0rem;

}
.img-box {
    width: 80%
    height: 160px;
}
.field-banner {
    padding: 25px 10px;
}
}