/*--------------------------------------
	 REFERENZE
---------------------------------------*/

.title-referenze {
    background-color: #c4c1ba;
    background-image: url(/assets/img/ico-arrow_WHITE.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    padding: 15px;
    color: #fff;
    margin-top: 0;
    border-right: 1px solid #c10c1f;
    box-sizing: border-box;
}

.title-referenze.active {
    color: #c10c1f;
}

.thumb-anteprima {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.thumb-anteprima:before {
    content: "";
    display: block;
    padding-top: 60%;
}

.thumb-anteprima .thumb-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
}

.pagination {
    border-radius: 0;
    display: inline-block;
    margin: 0 0 20px 0;
    padding-left: 0;
    font-size: 1.250em;
}

.pagination>li {
    display: inline;
}

.pagination>li>a,
.pagination>li>span {
    background-color: #fff;
    border: 0;
    color: #000;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    background-color: #fff;
    border-color: #fff;
    color: #c10d20;
    z-index: 3;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #fff;
    border-color: #fff;
    color: #c10d20;
    cursor: default;
    z-index: 2;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    background-color: #fff;
    border-color: #fff;
    color: #c10d20;
    cursor: not-allowed;
}

.ppt a {
    color: #fff;
}

#partners li {
    clear: both;
}

#partners li hr {}

#partners li .thumb-geo {
    width: 40%;
    margin-bottom: 15px;
}

#partners li .abstract-geo {
    width: 60%;
    padding-left: 20px;
    margin-bottom: 15px;
}


/*--------------------------------------
     SOCIAL ICONS
---------------------------------------*/

.social-icons {
    padding: 0;
    margin-top: 40px;
}

.social-icons>li,
.social-icons>li>a {
    display: inline-block;
    width: 48px;
    height: 48px;
}

.social-icons>li.youtube>a {
    background-image: url(/assets/img/ico-youtube.png);
    background-repeat: none;
}

.social-icons>li.facebook>a {
    background-image: url(/assets/img/ico-facebook.png);
    background-repeat: none;
}

.social-icons>li.instagram>a {
    background-image: url(/assets/img/ico-instagram.png);
    background-repeat: none;
}

.social-icons>li.linkedin>a {
    background-image: url(/assets/img/ico-linkedin.png);
    background-repeat: none;
}

.ico-video {
    width: 50px;
    position: absolute;
    z-index: 10;
    margin-left: -25px;
    left: 50%;
    top: 50%;
    margin-top: -20px;
}

/*--------------------------------------
     MASTER BUILDERS
---------------------------------------*/

#master-builders{
    margin-top:70px;
    margin-bottom:70px;
    border:1px solid #004a96;
    background-image:url('/assets/img/banner_masterbuilder/masterbuilders_bg.png');
    background-repeat: no-repeat;
}

@media only screen and (min-width: 1200px) {
    #master-builders{
        background-position: center right;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px){
    #master-builders{
        background-position: center left;
    }
}

@media only screen and (max-width: 767px){
    #master-builders{
        background-image:none;
        background: linear-gradient(135deg, #2c64be 0%, #064a97 100%);
    }
}


#master-builders .banner-image{
    width:100%;
    height:100%;
    display:flex;
    align-items:center; /* centra verticalmente */
}

@media only screen and (max-width: 1199px) {
    #master-builders .banner-image{
        background-color:#fff;
    }
}

@media only screen and (max-width: 767px) {
    #master-builders .banner-image{
        padding:40px;
    }
}

#master-builders .banner-image img{
    margin:auto;
}

@media only screen and (min-width: 1200px) {
    #master-builders .banner-content{
        padding:40px 100px;
        color:#fff;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    #master-builders .banner-content{
        padding:40px 40px;
        color:#fff;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #master-builders .banner-content{
        padding:40px 0px;
        color:#fff;
    }
}

@media only screen and (max-width: 767px) {
    #master-builders .banner-content{
        padding:40px 40px;
        color:#fff;
    }
}

#master-builders .banner-content h2,
#master-builders .banner-content p{
    color:#fff;
}


@media only screen and (min-width: 1200px) {
    #master-builders .banner-content h2{
        font-size:45px;
        margin-top:30px;
        margin-bottom:20px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    #master-builders .banner-content h2{
        font-size:30px;
        margin-top:15px;
        margin-bottom:15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #master-builders .banner-content h2{
        font-size:25px;
        margin-top:15px;
        margin-bottom:15px;
    }
}

@media only screen and (max-width: 767px) {
    #master-builders .banner-content h2{
        font-size:20px;
        margin-top:20px;
        margin-bottom:15px;
    }
}

@media only screen and (min-width: 1200px) {
    #master-builders .banner-content p{
        font-size:24px;
        margin-bottom:30px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    #master-builders .banner-content p{
        font-size:20px;
        margin-bottom:20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #master-builders .banner-content p{
        font-size:18px;
        margin-bottom:20px;
    }
}

#master-builders .banner-content .banner-label{
    background-color:#12417a;
    padding:10px 20px;
    color:#fff;
}

@media only screen and (min-width: 1200px) {
    #master-builders .banner-content .banner-label{
        font-size:20px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    #master-builders .banner-content .banner-label{
        font-size:18px;
    }
}

@media only screen and (max-width: 1023px) {
    #master-builders .banner-content .banner-label{
        font-size:16px;
    }
}

#master-builders .banner-content .btn-master{
    background-color:#fff;
    display:flex;
    align-content:center;
    justify-content:center;
    color:#12417a;
}

@media only screen and (min-width: 1200px) {
    #master-builders .banner-content .btn-master{
        font-size:22px;
        width:400px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    #master-builders .banner-content .btn-master{
        font-size:20px;
        width:350px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #master-builders .banner-content .btn-master{
        font-size:18px;
        width:300px;
    }
}

#master-builders .banner-content .btn-master:hover{
    background-color:#f1a120;
}

#master-builders .banner-content .btn-master svg{
    width:25px;
    fill:#12417a;
}


@media only screen and (min-width: 768px) {
    #master-builders .row {
        display: flex;
        align-items: stretch; /* le colonne avranno la stessa altezza */
    }
}