/* Homepage_Slider */
.HP_Slider_Container
{
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}
.HP_Slider_Main
{
    width: 820px;
    height: auto;
    margin-right: 15px;
}
.HP_Slider_Mini
{
    width: 400px;
    height: auto;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.HP_Slider_Main .button.prev
{
    background-color: #00426b;
    height: 80px;
    width: 32px;
    background-image: url("/data/user-content/bannery/2021/Arrow_Left.png") !important;
}
.HP_Slider_Main .button.next
{
    background-color: #00426b;
    height: 80px;
    width: 32px;
    background-image: url("/data/user-content/bannery/2021/Arrow_Right.png") !important;
}
.HP_Slider_Main .pagination
{
    display: none !important;
}
@media(max-width: 1000px)
{
    .HP_Slider_Container
    {
        flex-wrap: wrap;
    }
    .HP_Slider_Main
    {
        width:100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .HP_Slider_Mini
    {
        width: 100%;
        flex-flow: row;
        justify-content: space-around;
        align-items: center;
    }
    .HP_Slider_Mini a
    {
        margin-left: 5px;
        margin-right: 5px;
    }
}
@media(max-width: 600px)
{
    .HP_Slider_Mini
    {
        flex-wrap: wrap;
    }
    .HP_Slider_Main .button.prev
    {
        width: 24px;
        height: 32px;
    }
    .HP_Slider_Main .button.next
    {
        width: 24px;
        height: 32px;
    }
    .HP_Slider_Mini a
    {
        margin-bottom: 10px;
    }
}
/*end Homepage_Slider */



.links a {
border: medium none;
color: #FFF;
margin: 0;
padding: 0;
text-decoration: underline;
}

.links a:hover {
text-decoration: none;
}

.marginDiv{
    max-width: 1232px;
    margin: 0 auto;
    display: flex;
    height: 93%;
    align-items: center;
}

.leftDiv{
    width: 50%;
}

.kidsDreamHref{
    background-color: #00426b;
    border-radius: 24px;
    text-decoration: none;
    text-transform: uppercase;
    width: 207px;
    height: 48px;
    color: white;
    display: inline-block;
    text-align: center;
    line-height: 47px;
    transition: all 0.3s ease-out;
    font-weight: 600;
    font-size: 14px;
}


.kidsDreamHref:hover{
    background-color: #05619b;
}

.leftDiv h1{
    font-size: 38px;
    color: #00426b;
}

.leftDiv p{
    color: #6a767e;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 32px;
}

@media all and (min-width:900px ){
    #EshopHomeUserContent2{
        height: 636px;
    }
}

@media all and (max-width: 1256px){
    .marginDiv{
        padding: 0 27px;    
    }
}


@media all and (max-width:900px ){
    #EshopHomeUserContent2{
        height: 100%;
    }
    .marginDiv{
        flex-wrap: wrap;
    }
    .leftDiv{
        width: 100%;
    }
    .rightDiv{
        padding-bottom: 60px;
    }
}


@media all and (max-width:500px){
    .leftDiv h1{
        font-size: 28px;
    }
}


@media all and (min-width: 1921px){
    #EshopHomeUserContent2{
        background-size: 100% 100%;
    }
}


@media all and (min-width: 1200px){
        .rightDiv{
    position: absolute;
    left: 50%;
}
.rightDiv img{
    position: relative;
    top: -107px;
}
}



#Master>.wrap{
    background-color: white !important;
    background-image: none !important;
}


.features{
    text-align:center;
}

.features p{
    font-size: 14px;
    color: #6a767e;
}

.features h3{
    text-decoration: underline;
    font-size: 16px;
    color: #00426b;
}

.featuresFlex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media all and (max-width: 1225px){
.featuresFlex{
    justify-content: space-around;
}
}

@media all and (max-width: 500px){
    .features{
        display: grid;
        grid-template-rows: 0px auto;
        text-align: left;
        width: 100%;
    }
    .features img{
        max-width: 32px !important;
    }
     .features p{
         margin-top: 10px;
     }
    .features p, .features h3{
        padding-left: 59px;
    }
    .features h3{
        margin: 0px;
    }
    .featuresFlex{
        flex-direction:column;
    }
}


.reviews{
    display: grid;
    grid-template-columns: 295px 295px 295px 295px;
    justify-content: space-between;
}

.reviews p{
    color: #6a767e;
    font-size: 14px;
    height: 44px;
    line-height: 22px;
}

.review{
    background-color: #ebf3f8;
    border-radius: 8px;
    height: 111px;
}

.toLineReview{
    display: grid;
    grid-template-columns: 56px auto;
}

.review1{
    max-width: 295px;
    display: grid;
    grid-template-columns: auto auto;
}

.review1 h3{
    font-size: 38px;
    color: #40ac0b;
    margin: 0;
}

.review1 p{
    margin-top: 5px;
}

.review:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 9px 0 9px;
    border-color: #ebf3f8 transparent transparent transparent;
    position: relative;
    left: 15px;
    top: 5px;
}


.review img{
    position: relative;
    top: 12px;
    left: 16px;
    padding-bottom: 13px;
}

.userBold{
    color: #00426b;
}

@media all and (max-width: 1200px){
    .reviews{
        grid-template-columns: 295px 295px 295px;
    }
    .reviews section:last-of-type{
        display: none;
    }
}

@media all and (max-width: 910px){
    .reviews{
        grid-template-columns: minmax(200px,295px) minmax(200px,295px) minmax(200px,295px);
    }
    .review{
        margin-right: 10px;
    }
}

@media all and (max-width: 780px){
    .reviews section:nth-child(2){
        display: none;
    }
     .reviews{
        grid-template-columns: minmax(200px,295px) minmax(200px,295px);
    }
    .review{
        margin-right: 0px;
    }
}

@media all and (max-width: 450px){
    .reviews{
       grid-template-columns: minmax(290px, 500px) ;
    }
}

.reviewHref{
    color: #00426b;
    text-decoration: none;
}

.toPaddReview{
    padding-left: 40px;
    position: relative;
    top: -7px;
}

#FooterUserContent{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background-color: #ebf3f8;
}

.footerClm{
  padding: 0px 15px;
}

.footerDiv{
    max-width: 1232px;
    margin: 0 auto;
}

.footerDiv .inline1, .footerDiv .partners, .footerDiv .payment{
    display: flex;
}

.footerDiv .inline1{
    justify-content: space-between;
    flex-wrap: wrap;
}
.footerDiv .inline1 ul{
    list-style-type: none;
    line-height: 30px;
    padding-left: 0px;
}

.footerDiv .inline1 a{
    font-size: 14px;
    color: #00426b;
    font-weight: 400;
}

.bgwhite{
    background-color: white;
    max-width: 279px;
    max-height: 251px;
    border-radius: 8px;
}

.bgwhite h3{
    margin-bottom: 0px;
}

.bgwhite p{
    margin-top: 5px;
}
.footerDiv h3{
    font-size: 18px;
    color: #00426b;
    font-weight: 700;
}

.partnersIMG{
    padding-left: 15px;
    padding-right: 15px;
}

.lineIMG{
    padding-top: 20px;
    padding-bottom: 20px;
}

.bgwhite h3,
.bgwhite p {
    padding-left: 24px;
    color: var(--custom4-color);
}

/*Odsazení "Plníme dětské sny" */
.bgwhite{
    float: left;
}


.payPadd{
    padding-left: 50px;
}

@media all and (max-width: 650px){
    .bgwhite{
        float: none;
    }
    .partners{
        display: inherit;
    }
    .payment{
        display: inherit;
    }
    .payPadd{
        padding-left: 0px;
    }
}

@media all and (max-width: 450px){
     .inline1{
        flex-direction: column;
    }   
}


.imgPartners{
    display: flex;
}

.FooterUserContent .mailto {color: #00426b; text-decoration: underline;}
.FooterUserContent .mailto:hover {color: #ec6700;}

/* už stránka --kontakty-- */

#contacts h2{
    font-size: 24px;
    color: #00426b;
}

#contacts2{
    display: grid;
    grid-template-columns: minmax(300px, 400px) minmax(300px, 400px) minmax(300px, 400px);
    justify-content: space-between;
}

#contacts2 > div{
    background-color: #ebf3f8;
    border-radius: 10px;
    width: 400px;
}

#contacts2 h2{
    font-size: 22px;
    margin-bottom: 0px;
}


#facturation{
    display: flex;
    justify-content: space-between;
    padding-top: 27px;
}

#facturation h2{
    margin-bottom: 24px;
}


@media all and (max-width: 950px){
    #facturation{
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-around;
    }   
    #shop{
        flex-wrap: wrap;
    }
    #shop img:nth-child(1)
    {
        width: 60%;
        border-top-left-radius: 13px;
    }
    
    #shop img:nth-child(2)
    {
        width: 40%;
        border-top-right-radius: 13px;
    }
    #shop > div{
        max-width: 100% !important;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 18px;
        border-bottom-left-radius: 18px;
        width: 100%;
    }
    
    .sPadd{
        padding-left: 13px !important;
        padding-right: 13px !important;
    }
    #shop p, #shop li{
        font-size: 14px !important;
    }
    #shop ul{
        line-height: 22px !important;
    }
}

@media all and (max-width: 490px){
    #facturation{
        display: grid;
        grid-template-columns: auto;
        justify-content: start;
    }    
}


#facturation p{
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 16px;
}

#facturation a{
    color: #00426bcf;
    font-size: 16px;
    font-weight: bold;
}


#shop{
    display: flex;
}

#shop > div{
    max-width: 525px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
}

#shop p, #shop li{
    font-size: 16px;
}

#shop #toBlue{
    color: #00426b;
    font-size: 16px;
    margin-bottom: 5px;
}

#shop .biggergray{
    margin-bottom: 0px;
    margin-top: 0px;
}

.sPadd {
    padding-left: 40px;
    padding-top: 40px;
    padding-right: 65px;
    padding-bottom: 40px;
}

.sPadd > *, .sPadd{
    background-color: transparent !important;
}

.sPadd h2{
    margin-top: 0px;
}

.sPadd p{
    line-height: 26px;
}

#mapButton{
    width: 173px;
    height: 48px;
    border-radius: 24px;
    background-color: #00426b !important;
    display: grid;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    transition: .3s;
    margin-top: 15px;
}

#mapButton:hover{
    background-color: #00426bc4 !important;
}

.smallNameC{
    color: #00426b;
    font-size: 14px;
}

.phonec, .emailC{
    color: #00426b;
    font-weight: 700;
    font-size: 18px;
}

.smallGrey{
    font-size: 13px;
}

.emailC a{
    color: #00426b;
}

@media all and (max-width: 415px){
    .emailC a{
        font-size: 13px;
    }
    .emailC img{
        position: relative;
        top: 3px;
    }
    
}

#contacts2 > div >section{
    display: flex;
}

#shop div{
    background-color: #ebf3f8;
}


#shop ul{
    list-style-image: url(/data/user-content/media/ulSymbol.png);
    line-height: 36px;
    margin-top: 0px;
}

.toLine{
    display: flex;
    align-items: center;
}

#contacts2{
    padding-bottom: 48px;
}

#contacts2 section{
    padding-left: 32px;
}

#contacts2 h2{
    padding: 32px;
    margin: 0px;
}

#contacts2 > div{
    height: auto !important; 
    min-height: 245px;
}

#contacts2 .smallNameC{
    margin-top: 0px;
}

#contacts2 .phonec{
    margin-bottom: 0px;
}

#contacts2 .smallGrey{
    margin-top: 6px;
    margin-bottom: 0px;
}

#contacts2 .emailC{
    margin-top: 16px;
}


.cPadd{
    padding-left: 16px;
}

.cPadd img{
    margin-right: 8px;
}

.firstP{
    font-size: 16px;
}

@media all and (max-width: 1218px){
    #contacts2{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-evenly;
    }
    #contacts2 > div:last-child{
        margin-top: 25px;
    }
}

@media all and (max-width: 840px){
    #contacts2{
        justify-content: flex-start;
    }
    
    #contacts2 > div:nth-child(odd)
    {
            margin-left: 40px;
    }
    
    #contacts2 > div:nth-child(2){
        margin-left: auto;
        margin-top: 25px;
        margin-right: 40px;
    }
    
}


@media all and (max-width: 500px){
    #contacts2 > div:nth-child(odd){
        margin-left:0px;
    }
    #contacts2 > div:nth-child(2){
        margin-right:0px;
    }
}

@media all and (max-width: 400px){
    #contacts2 h2{
        font-size: 19px;
        padding: 22px;
    }
    #contacts2 section{
        padding-left: 22px;
    }
    
    .phonec, .emailC{
        font-size: 15px;
    }
    
    #contacts2 > div >section >div:first-child{
        width: 50px;
    }
    #contacts2 > div{
      height: 210px;  
    } 
    #contacts2 img{
        width: auto !important;
        height: auto !important;
    }
}


.ProductView.master.isKomplet .price.retail {display: none;}

.ArticleDetailMaster .PDDescription hr {
    width: 100%;
}

.heroldInquiryForm input.hif-input  { max-height: 33px;}

.AddToCartView.v1 .disabledPurchase {color: red;}