/************************************************/
/* nadpisy */
/************************************************/

.wrapSection h2
{
    text-align: center;
}

.wrapSection.wrapSectionBlueDark  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
        {
            padding-right: var(--margin-section);
        }

		.sectionTile:nth-child(2n) .wrapHalfTilesInContent .boxHalfTiles:nth-child(1) .boxHalfTilesContent
		{
			padding-right: 0;
		}

/* 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: 250px;
}

/* sudá */
.sectionTile:nth-child(even) .wrapHalfTilesInContent .boxHalfTiles:nth-child(1)
{
    order: 2;
    padding-right: 0;
    padding-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;*/
}



/************************************************/
/* kontaktní osoby  */
/************************************************/

.wrapContactPeople + .wrapContactPeople
{
    margin-top: 30px;
}

    .wrapContactPeopleImage
    {
        float: left;
        width: 100px;
    }

        .wrapContactPeopleImage img
        {
            width: 100%;
            max-width: 100%;
        }

    .wrapContactPeopleData
    {
        float: left;
        width: calc(100% - 120px);
        margin-left: 20px;
    }

        .contactPeoplePosition
        {
            font-size: 120%;
            font-weight: 600;
            line-height: 1.25;
        }

        .contactPeopleName
        {
            margin-bottom: 5px;
            font-weight: 400;
        }



/************************************************/
/* otocné dlaždice  */
/************************************************/

.flipTilesProKoho .wrapTitleAndContent , .flipTilesProKoho .boxTitleAndContent
{
    overflow: visible;
}

/* entire container, keeps perspective */
.wrapFlipTile
{
    float: left;
    perspective: 1000px;
    overflow: visible;
    padding-left: 15px;
    padding-right: 15px;
}
    /* flip the pane when hovered */
    .wrapFlipTile:hover .boxFlipTile, .wrapFlipTile.hover .boxFlipTile
    {
        transform: rotateY(180deg);
    }

.wrapFlipTile, .wrapFlipFrontSide, .wrapFlipBackSide
{
/*    width: 100%;*/
    height: 350px;
    margin-bottom: 30px;
}

/* flip speed goes here */
.boxFlipTile
{
    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;
}

/* hide back of pane during swap */
.wrapFlipFrontSide, .wrapFlipBackSide
{
    width: 100%;
    padding: 15px;
    border: 1px solid var(--color-bg-blue);

    backface-visibility: hidden;

    position: absolute;
    top: 0;
    left: 0;
}

/* front pane, placed above back */
.wrapFlipFrontSide
{
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
/*    background: #bfecfb;    */
background: rgb(145,218,242);
background: linear-gradient(163deg, rgba(145,218,242,1) 0%, rgba(191,236,251,1) 100%);
}

    .boxFlipFrontSide
    {
        position: relative;
        padding-left: 180px;
        padding-top: 110px;

        font-size: 150%;
        font-weight: 600;
    }

        .boxFlipFrontSide .imgFontSide
        {
            position: absolute;
            left: 0;
            top: 70px;

            width: 150px;
        }

        .icoFlip
        {
            position: absolute;
            top: 270px;
            right: 20px;

            width: 30px;
            height: 30px;
        }

            .icoFlip svg
            {
                width: 100%;
                max-width: 100%;
            }

                .icoFlip svg path
                {
                    fill: var(--color-bg-blue);
                }

/* back, initially hidden pane */
.wrapFlipBackSide
{
    padding: 25px;
    background: rgba(255,255,255,0.85);
    transform: rotateY(180deg);
}

    .wrapFlipBackSide > div
    {
        position: relative;
        overflow: visible;
        height: 35px;

        color: var(--color-bg-blue);
        font-size: 120%;
        font-weight: 600;
        text-align: center;
    }

        .wrapFlipBackSide > div:after
        {
            content: '';
            position: absolute;
            left: calc(50% - 50px);
            top: 35px;

            width: 100px;
            height: 3px;

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



/************************************************/
/* úvodní text  */
/************************************************/

.textIntro p, .textMotto p
{
    margin: 0;
    padding: 0;

    font-size: 150%;
    text-align: center;
}

.textMotto .wrapSection
{
    padding-bottom: 0;
}

.textMotto p
{
    width: 80%;
    padding: 30px;
    margin: 0 auto;
    background: var(--color-bg-blue-light);
    color: var(--color-bg-blue-dark);
}


/************************************************/
/* tabs - naše řešení  */
/************************************************/

/* tabsy*/
li.r-tabs-tab
{
/*    height: 100px;*/
    background: var(--color-bg-blue-dark);
    border: 1px solid #fff;

    padding: 0;
}

li.r-tabs-state-active
{
    background: #f0fbff;
}

li.r-tabs-tab:hover
{
    background-color: var(--color-bg-blue);
}

    a.r-tabs-anchor
    {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 20px;
        background: var(--color-bg-blue-dark);

        color: #fff;
        font-weight: 600;
        font-size: 100%;
        text-align: center;
        text-decoration: none;
    }

    .r-tabs-state-active .r-tabs-anchor
    {
        background: #f0fbff;
    }

    a.r-tabs-anchor svg
    {
        float: none;
        height: 35px;
        max-height: 35px;
        margin: 0 auto 10px;
    }

        /* barvy svg v tabsech */
        .r-tabs-anchor .svgColorBlueDark, li.r-tabs-state-active:hover .r-tabs-anchor .svgColorBlueDark { fill: #fff; }
        .r-tabs-anchor .svgColorAzure, li.r-tabs-state-active:hover .r-tabs-anchor .svgColorAzure { fill: #fff; }


    li.r-tabs-tab:hover a.r-tabs-anchor, li.r-tabs-state-active:hover a.r-tabs-anchor
    {
        color: #fff;
    }

    li.r-tabs-state-active a.r-tabs-anchor
    {
        color: var(--color-black);
    }



/*.icoReseniNavod { background-image: url('../images/reseni/1-bim-navody.svg'); }
.icoReseniZacit { background-image: url('../images/reseni/2-zacit-s-bim.svg'); }
.icoReseniData { background-image: url('../images/reseni/3-bim-data.svg'); }
.icoReseniNastroj { background-image: url('../images/reseni/4-bim-nastroj.svg'); }
.icoReseniKomplexni { background-image: url('../images/reseni/5-komplex-bim.svg'); }
*/

.r-tabs .r-tabs-panel
{
    padding: 30px;
}

.r-tabs-panel h3
{
    margin-top: 20px;
    font-weight: 600;
    text-align: center;
}

.r-tabs-state-active
{
    background: #f0fbff;
}

    .r-tabs-state-active .svgColorBlueDark { fill: var(--color-bg-blue-dark); }
    .r-tabs-state-active .svgColorAzure { fill: var(--color-bg-blue); }



/************************************************/
/* video  */
/************************************************/


.wrapSection video
{
    max-width: 100%;
    width: 100%;
}

.wrapBimVideos
{
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}

    .wrapBimVideo
    {
        padding: 20px;
    }

        .boxBimVideo, .boxBimVideo:hover
        {
            border: 1px solid var(--color-bg-grey-light);
            position: relative;

            text-decoration: none;
        }

        .boxBimVideo:hover
        {
            -webkit-box-shadow: 0px 0px 17px -1px rgba(51,51,51,0.35);
            box-shadow: 0px 0px 17px -1px rgba(51,51,51,0.35);
        }

            .boxBimVideoThumbnail
            {
                height: 150px;
            }

            .boxVideoOverlay
            {
                position: absolute;
                height: 150px;

                background: rgba(0,0,0,0.1) url('../../__shared__/images/social/youtube.svg') no-repeat center center;
                background-size: 50px;
            }

            .boxBimVideo:hover .boxVideoOverlay
            {
                background: rgba(0,0,0,0.45) url('../../__shared__/images/social/youtube.svg') no-repeat center center;
                background-size: 60px;
            }

            .boxBimVideo .titleBimVideo
            {
                padding: 20px;

                color: var(---color-bg-blue-dark);
                font-weight: 600;
                text-align: center;
                text-decoration: none;
                line-height: 1.25;
            }

            .boxBimVideo:hover .titleBimVideo
            {
                color: var(--color-bg-blue);
            }

        /* odkaz na youtube kanál */
        .wrapBimVideoYouTubeChannel .boxBimVideo
        {
            background: var(--color-bg-blue);
            border: 0;
        }

        .wrapBimVideo  .boxBimVideo:hover  .titleBimVideo
        {
            background: var(--color-bg-blue-dark);
        }

        .wrapBimVideoYouTubeChannel .boxBimVideo  .titleBimVideo
        {
            color: #fff;
        }

        .wrapBimVideoYouTubeChannel .boxBimVideo .boxBimVideoThumbnail
        {
            background: #fff url('../../__shared__/images/screen.jpg') no-repeat center center;
            background-size: contain;
        }




/************************************************/
/* vlastní styly pro úpravu dlaždic  */
/************************************************/

.fontSizeBigger, .wrapBubble
{
    font-size: 120%;
}


/************************************************/
/* bublina  */
/************************************************/

.wrapBubble
{
    position: relative;
    overflow: visible;
    width: calc(100% - 30px);
    padding: 20px;

    -webkit-border-top-left-radius: 25px;
    -moz-border-radius-topleft: 25px;
    border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topright: 25px;
    border-top-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-bottom-left-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-bottomright: 25px;
    border-bottom-right-radius: 25px;

    background: var(--color-bg-blue-dark);

    color: #fff;
    text-align: center;

}

.wrapBubble:after
{
    content: '';
    height: 0;
    border-top: 20px solid
    transparent;
    border-bottom: 20px solid
    transparent;
    border-left: 20px solid var(--color-bg-blue-dark);
    position: absolute;
    right: -20px;
    z-index: 10;
    overflow: visible;
    top: calc(20%);
}

    .wrapBubble p
    {
        color: #fff;
    }

        .wrapBubble img
        {
            margin-right: 5px;
        }



/************************************************/
/* zvýrazněný box */
/************************************************/

.wrapMinHW
{
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px 0;
}

    .wrapHighlightBox
    {
        float: left;
        padding: 25px;
        background: var(--color-bg-grey-light);
    }

    .wrapHighlightBox + .wrapHighlightBox
    {
        margin-left: 20px;
    }

        .wrapHighlightBox h3
        {
            color: #000;
            font-weight: 600;
        }

    /* ikony pro harware a API */
    .icoHardware .wrapIcoAccordeon  { background: transparent url('../images/bim-nastroj/hardware.svg'); }
    .icoApi .wrapIcoAccordeon  { background: transparent url('../images/bim-nastroj/api.svg'); }
    .icoCenik .wrapIcoAccordeon  { background: transparent url('../images/bim-nastroj/cenik.svg'); }

    .icoHardware .wrapIcoAccordeon,
    .icoApi .wrapIcoAccordeon,
    .icoCenik .wrapIcoAccordeon
    {
        height: 120px;
        margin-bottom: 20px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }


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

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



/************************************************/
/* klienti  */
/************************************************/

.brick, .wrapBrick
{
    margin: 0px 0px;
}

    .boxBrick img
    {
        width: 100%;
        max-width: 100%;
        padding: 30px;
        background: #fff;

        filter: grayscale(100%); /* Current draft standard */
        -webkit-filter: grayscale(100%); /* New WebKit */
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: gray; /* IE6+ */
    }

    .wrapBrick:hover img
    {
        filter: grayscale(0%); /* Current draft standard */
        -webkit-filter: grayscale(0%); /* New WebKit */
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: none; /* IE6+ */
    }

.wrapClientsHp
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

    .wrapClientHp
    {
        background: none;
    }

        .wrapClientHp div
        {
            width: calc(100% - 40px);
            margin: 20px;
        }



/************************************************/
/* dotace  */
/************************************************/

.wrapEu
{
    justify-content: center;
    align-items: center;

/*    padding: var(--margin-section) 0;*/
}

    .wrapEu img
    {
        width: 100%;
        max-width: 100%;
    }



/************************************************/
/* odkazy podle barvy sekce  */
/************************************************/

.wrapSectionBlueAzure a, .wrapSectionBlueAzure a:hover
{
    color: var(--color-button-1);
}



/************************************************/
/* ceník  */
/************************************************/

.wrapPriceCard
{

}

    .rowPriceCard
    {
        align-items: stretch;

        float: none;
        border-bottom: 1px solid var(--color-bg-blue-light);
    }

    .rowPriceCardBlue
    {
        background: #f0fbff;
    }

        .colPriceCard
        {
            float: left;
            padding: 10px 20px;
        }

        .rowPriceCardTitleOfColumns
        {
            background: var(--color-bg-blue);
        }

            .colPriceCardTitle
            {
                color: #fff;
                font-size: 120%;
                font-weight: 400;
                text-transform: uppercase;
            }

        .colPriceCardInquire
        {
            justify-content: center;
            align-items: center;
        }

        .pricecardRowTitle
        {
            font-weight: 600;
        }



/************************************************/
/* bim model  */
/************************************************/

.wrapBimModel
{
/*    column-count: 2;*/
}

    .boxBimModel
    {
        padding: 20px;
        float: left;
    }

    .boxBimModel img
    {
        width: 100%;
        max-width: 100%;
    }

    .boxBimModel p + img, .boxBimModel img + ul
    {
        margin-top: 20px;
    }


.galleryCarouselTumbs
{
/*    min-height: 500px;*/
}

    .galleryCarouselTumbs .main, .galleryCarouselTumbs > div
    {
        min-height: 700px;
    }

    .swiper-container {
      width: 100%;
      height: 140px;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .gallery-top {
      height: 80%;
      width: 100%;
    }
    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.75;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }

.titleBimDataInquiry
{
    color: var(--color-bg-blue-dark);
    font-size: 120%;
    font-weight: 600;
}

/************************************************/
/* o nás - potřebuji poradit  */
/************************************************/

.boxNeedHelp .wrapSection, .boxNeedHelp .wrapButMoreSection
{
    margin-top: 0;
    padding-top: 0;
}


/************************************************/
/* úvod - latest news, video   */
/************************************************/

.wrapIntroLatest
{
	min-height: 400px;
}

	.wrapSwiper.swiper-offers
	{
		height: 470px;
	}

	.swiper-slide.wrapOffer
	{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: flex-start;
		justify-items: center;
		justify-content: center;
	}

	.swiper-slide.wrapOffer img
	{
		height: 400px;
		float: none;
	}

	.swiper-slide.wrapOffer a.butMore
	{
		float: none;
		margin: 0 24px;
	}



/* video + .wrapIntroLatest
{
    margin-top: 40px;
}

    .boxIntroLatest
    {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

        .boxIntroLatest .containerFlex
        {
            justify-content: center;
            flex-wrap: wrap;
        }

            .boxDescriptionUnderIntroLatest
            {
                margin-top: 20px;
                text-align: center;
            } */


/************************************************/
/* o nás - testimonial   */
/************************************************/

.swiper-testimonials
{
    height: auto;
}

    .wrapTestimonial
    {
        float: left;
        flex-wrap: wrap;
        padding-right: 48px;
    }

        .testimonialName, .testimonialPosition, .testimonialCompany, .testimonialText
        {
            width: 100%;
            max-width: 100%;
            text-align: left;
        }

        .testimonialText
        {
            margin-bottom: 32px;
        }

        .testimonialPosition
        {
            font-weight: bold;
        }

        .testimonialImage
        {
            margin-bottom: 32px;
        }

            .testimonialImage img
            {
                width: 100%;
                max-width: 177px;
            }



/************************************************/
/* features   */
/************************************************/

.wrapFeatures
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;

    flex-wrap: wrap;
}

    .wrapFeature
    {
        display: flex;
        align-items: stretch;

        background: rgba(256,256,256,0.6);
        margin-bottom: 10px;
        border-left: 5px solid var(--color-bg-blue-light);
        border-right: 5px solid var(--color-bg-blue-light);
    }

    .wrapCdes .wrapFeature
    {
        min-height: 120px;
    }

    .boxFeature
    {
        padding: 15px;
    }

    .wrapIcoFeature
    {
        background: #fff;
    }

        .icoFeatureApi
        {
            background: transparent url('../images/features/BP_api.svg') no-repeat center center;
            background-size: 70%;
        }

        .icoFeatureAttachments
        {
            background: transparent url('../images/features/BP_attachments.svg') no-repeat center center;
            background-size: 70%;
        }

        .icoFeatureCde
        {
            background: transparent url('../images/features/BP_cde.svg') no-repeat center center;
            background-size: 70%;
        }

        .icoFeatureCloud
        {
            background: transparent url('../images/features/BP_cloud.svg') no-repeat center center;
            background-size: 70%;
        }

        .icoFeatureDatabase
        {
            background: transparent url('../images/features/BP_database.svg') no-repeat center center;
            background-size: 70%;
        }

        .icoFeatureIfc
        {
            background: transparent url('../images/features/BP_IFC.svg') no-repeat center center;
            background-size: 70%;
        }

        .icoFeaturePerson
        {
            background: transparent url('../images/features/BP_person.svg') no-repeat center center;
            background-size: 70%;
        }

        .icoFeatureSorting
        {
            background: transparent url('../images/features/BP_sortFilterSearch.svg') no-repeat center center;
            background-size: 70%;
        }



/************************************************/
/* CDE platformy */
/************************************************/

.icoCdeDocuments
{
    background: transparent url('../images/cde/grafika_BP_CDE__dokumenty-33.svg') no-repeat center center;
    background-size: 100px;
}

.icoCdeAuthorizing
{
    background: transparent url('../images/cde/grafika_BP_CDE__schval proces-34.svg') no-repeat center center;
    background-size: 100px;
}

.icoCdePohledySety
{
    background: transparent url('../images/cde/grafika_BP_CDE__pohledy sety-38.svg') no-repeat center center;
    background-size: 100px;
}

.icoCdeRights
{
    background: transparent url('../images/cde/grafika_BP_CDE__opravneni-35.svg') no-repeat center center;
    background-size: 100px;
}

.icoCdeCommunication
{
    background: transparent url('../images/cde/grafika_BP_CDE__komunikace-40.svg') no-repeat center center;
    background-size: 100px;
}

.icoCdeServiceDesk
{
    background: transparent url('../images/cde/grafika_BP_CDE__service desk-39.svg') no-repeat center center;
    background-size: 100px;
}

.icoCdePersonalisation
{
    background: transparent url('../images/cde/grafika_BP_CDE__UP-41.svg') no-repeat center center;
    background-size: 100px;
}

.icoCdeAlert
{
    background: transparent url('../images/cde/grafika_BP_CDE__alert-42.svg') no-repeat center center;
    background-size: 100px;
}



/************************************************/
/* CDE informace / zdroj */
/************************************************/

.sectionCdeInformationSource p
{
    font-size: 125%;
    text-align: center;
}

.sectionCdeInformationSource b
{
    color: #1b223f;
}



/************************************************/
/* CDE sdílení */
/************************************************/

h1.tac
{
    text-align: center
}

.wrapPanormaWithTextBellowImageWrapper
{
    justify-content: center;
}

    .boxPanormaWithTextBellowImageWrapper
    {
    }

.wrapPanormaWithTextBellowImage
{
    position: relative;
    height: 0;
    width: 100%;

    margin: 0;
    padding: 0;
    padding-top: calc(634 / 1165 * 100%);
}

    .boxPanormaWithTextBellowImage
    {
        position: absolute;

        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }



.wrapHalTilesCover
{
    background-size: contain;
}

.sectionTitleIcon .wrapHalTilesCover
{
    background-size: 60%;
}


.sectionNoMarginBottom .wrapTitleAndContent, .sectionNoMarginBottom .wrapSection, .sectionNoMarginBottom .wrapHalfTilesInContent
{
    padding-bottom: 0;
}

.sectionNoMarginTop .wrapTitleAndContent, .sectionNoMarginTop .wrapSection
{
    padding-top: 0;
}

.wrapHalTilesCover img
{
    width: 100%;
    max-width: 100%;
}