/**************************************************/
/* tělo stránky */
/**************************************************/
.wrapHeaderAndContent
{
    padding-bottom: 0;
}

    .boxContainer
    {
        padding: 72px 0;
    }


/************************************************/
/* nadpisy */
/************************************************/    
.wrapContainerH1
{
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;   
    
    padding-top: 48px;
}
    
    .wrapContainerH1 h1
    {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        
        width: 100%;
        margin: 0;
        line-height: 1.25;
    }     


    .wrapSection h2
    {
        position: relative;
        width: 100%;
        text-align: center;
    }     

    .wrapSection.wrapSectionGreyDark  h2
    {
        color: #fff;
    }    

/*
.wrapSection > div h2:first-of-type:after
{
    content: '';
    position: absolute;
    left: calc(50% - 50px);
    top: 35px;

    width: 100px;
    height: 3px;

    background: var(--color-bg-grey-light);
}    
*/


/************************************************/
/* half-tiles */
/************************************************/    

.wrapHalfTiles, .wrapHalfTilesInContent
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    
    min-height: 600px;
}

    .boxHalfTiles
    {
        min-height: 350px;
    }
    
    /* lichá */
    .containerHalfTiles:nth-child(odd) .boxHalfTiles:nth-child(1)
    {
        order: 2;
    }    
    
    .containerHalfTiles:nth-child(odd) .boxHalfTiles:nth-child(2)
    {
        order: 1;
    }        
    
    .containerHalfTiles:nth-child(odd) .boxHalfTiles
    {
        background: #fff;
    }    
    
    /* sudá */
    .containerHalfTiles:nth-child(even) .boxHalfTiles:nth-child(1)
    {
        order: 1;
    }            
    
    .containerHalfTiles:nth-child(even) .boxHalfTiles:nth-child(2)
    {
        order: 2;
    }   
    
        .containerHalfTiles:nth-child(odd) .boxHalfTiles:nth-child(2) .boxTextHalfTiles
        {
            float: right;
        }     
    
        .wrapHalfTilesTextContent, .boxCallUs
        {
            width: calc(100% - 2 * var(--margin-50));
            margin: var(--margin-50);
        }     


        
/************************************************/
/* dlaždice na střídačku v obsahové části .main - foto - text  */
/************************************************/                  

.wrapHalfTilesInContent
{
    justify-content: center;
    
    min-height: 480px;
    padding: 40px 0;
}   

    .wrapHalfTilesInContent.boxHalftileBubble + boxHalfTiles 
    {
        margin-left: 60px;
    }
    
    .wrapHalfTilesInContent .wrapHalfTilesContent
    {
        align-items: center;
/*        justify-content: flex-end;*/
        justify-content: flex-start;
    }
    
    .wrapHalfTilesInContent .wrapHalfTilesContent.boxHalftileBubble
    {
        justify-content: flex-end;
    }    
    
        .wrapHalfTilesInContent .boxHalfTilesContent
        {
            margin-right: var(--margin-section);
        }
        
/* lichá */
.sectionTile:nth-child(odd) .wrapHalfTilesInContent .boxHalfTiles:nth-child(1)
{   
    order: 1;
}    

.sectionTile:nth-child(odd) .wrapHalfTilesInContent .boxHalfTiles:nth-child(2)
{
    order: 2;
    min-height: 400px;
}         

/* sudá */
.sectionTile:nth-child(even) .wrapHalfTilesInContent .boxHalfTiles:nth-child(1)
{
    order: 2;    
    margin-right: 0;
    margin-left: var(--margin-section);
}    

    .sectionTile:nth-child(even) .wrapHalfTilesInContent .wrapHalfTilesContent
    {
        justify-content: flex-start;
    }
    

.sectionTile:nth-child(even) .wrapHalfTilesInContent .boxHalfTiles:nth-child(2)
{
    order: 1;
    min-height: 400px;
}         

        
   

    
    
/************************************************/
/* vložená videa */
/************************************************/    

.centerVideo .boxTitleAndContent
{
    display: flex;
    justify-content: center;
}



            
.wrapSectionGreyLight .wrapTextBox
{
    padding: 30px;
    margin: 0 auto 40px;
    background: #eff3f5;
    
    -webkit-box-shadow: 1px 1px 50px 10px rgba(89, 131, 146 ,0.16);
    -moz-box-shadow: 1px 1px 50px 10px rgba(89, 131, 146,0.16);
    box-shadow: 1px 1px 50px 10px rgba(89, 131, 146,0.16);       
}