section.breadcrumb-area{
    display: flex;
    align-items: center;
}




/**
    .with-fancy-sections

    Sezioni ruotate (grandi)   
*/

.with-fancy-sections .pb-contents > section,
.with-fancy-sections > section
{
    /*transform: rotate(6deg);*/
    height: 80vh;
    
    display: flex;
    width: 100%;
    align-items: center;
    
        transition: all 1s ease;
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

    .with-fancy-sections .pb-contents > section.reveal,
    .with-fancy-sections > section.reveal{
        transform: rotate(6deg);
        -moz-transform: rotate(6deg);
        -webkit-transform: rotate(6deg);
    }


.with-fancy-sections .pb-contents > section::before,
.with-fancy-sections > section::before
{
    content: '';
    position: absolute;
    width: 200%;
    height: 100%;
    top: 0; left: 0;
    
    transform: translateX(-25%);
    
}

.with-fancy-sections .pb-contents > section::before,
.with-fancy-sections > section::before
{
    background-color: #FFFFFF;
}

.with-fancy-sections .pb-contents > section.dark::before,
.with-fancy-sections > section.dark::before
{
    background-color: #5a7497;
}

.with-fancy-sections .pb-contents > section.light-alt::before,
.with-fancy-sections > section.light-alt::before
{
    background-color: #efefef;
}

/*
.with-fancy-sections .pb-contents > section > .container,
.with-fancy-sections > section > .container,
.with-fancy-sections .pb-contents > section > .container-fluid,
.with-fancy-sections > section > .container-fluid
{
    transform: rotate(-6deg);
}
*/
    .with-fancy-sections .pb-contents > section.reveal > .container,
    .with-fancy-sections > section.reveal > .container,
    .with-fancy-sections .pb-contents > section.reveal > .container-fluid,
    .with-fancy-sections > section.reveal > .container-fluid
    {
        transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        -webkit-transform: rotate(-6deg);
    }


@media all and (max-width: 991px) {
    .with-fancy-sections .pb-contents > section,
    .with-fancy-sections > section{
        height: auto !important;
    }
}





/* Sezione con foto 1/3 absolute */
section.section-1-3-image{
    position: relative;
}
section.section-1-3-image .section-1-3-image-container{
    position: absolute; right: 0; top: 0; width: 34%; height: 114%; overflow: hidden;
}
section.section-1-3-image .section-1-3-image-container.dir-left{
    right: auto; left: -8%;
    width: 45%;
}

section.section-1-3-image .section-1-3-image-container .image-1-3{
    position: absolute; left: 8%; top: -8%; width: 100%; height: 100%;
    background-size: cover;
    
    transform: rotate(-6deg);
}

/* 1/1 */
section.section-1-3-image .section-1-1-image-container{
    position: absolute;
    width: 104%;
    right: -1%;
    top: 0px;
    height: 100%;
    overflow: hidden;
}



.heading-creative-1{
    transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    width: 120%;
    margin-left: -1%;
    background-size: cover;
    background-position: center;
    height: 50vh;
    margin-top: -60px;
    margin-bottom: -1%;
}








/* sezioni ruotate animate per le pagine interne, con meno ingombro */

.with-fancy-sections-small > section
{
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 102%;
    margin-left: -1%;
}
.with-fancy-sections-small > section > .container
{
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.with-fancy-sections-small > section.reveal
{    
    
    transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);    
}
.with-fancy-sections-small > section.rotate-left.reveal{
        transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
}

/*.with-fancy-sections-small section .row{*/
.with-fancy-sections-small > section.reveal > .container{
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    
    
    transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
}


.with-fancy-sections-small > section.rotate-left.reveal > .container{
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    
    
    transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
}