/* PREVENT METRONIC PADDING */
.page-content-wrapper, .page-content {padding:0px !important;}

body {
    overflow-x: hidden;
}


/* BACKGROUND COLORS */

.bg-edition { background-color: #e0b32a !important; }

.bg-black { background-color: #111111 !important; }
.bg-white { background-color: #FFFFFF !important; }
.bg-offwhite { background-color: #F5F5F5 !important; }
.bg-clouds { background-color: #ECF0F1 !important; }
.bg-silver { background-color: #BDC3C7 !important; }
.bg-concrete { background-color: #95A5A6 !important; }
.bg-asbestos { background-color: #7F8C8d !important; }
.bg-tan { background-color: #D1DBBD !important; }
.bg-pewter { background-color: #91AA9D !important; }
.bg-moonlight { background-color: #3E606F !important; }
.bg-deepocean { background-color: #193441 !important; }
.bg-turquoise { background-color: #1ABC9C !important; }
.bg-aqua { background-color: #16A085 !important; }
.bg-sunflower { background-color: #F1C40F !important; }
.bg-orange { background-color: #F39C12 !important; }
.bg-sienna { background-color: #BF4E19 !important; }
.bg-milanored { background-color: #AC1C00 !important; }
.bg-river { background-color: #3498DB !important; }
.bg-marina { background-color: #2980B9 !important; }
.bg-deco { background-color: #C9D787 !important; }
.bg-crete { background-color: #7D8A2E !important; }
.bg-guardsman { background-color: #D90000 !important; }
.bg-pomegranate { background-color: #C0392B !important; }
.bg-finn { background-color: #723147 !important; }
.bg-tamarind { background-color: #31152B !important; }
.bg-deepocean { background-color: #193441 !important; }


/* COLORS */

.edition { color: #e0b32a; }
.yellow { color: #ffe163; }


/** TYPOGRAPHY **/
.page-container h1, .page-container h2, .page-container h3, .page-container h4, .page-container h5, .page-container h6,
.page-container .h1, .page-container .h2, .page-container .h3, .page-container .h4, .page-container .h5, .page-container .h6 {
    font-family: 'Hepta Slab', Helvetica, Arial, sans-serif;
    line-height: 1.1;
    letter-spacing: 3px;
}

.page-container h1 small, .page-container h2 small, .page-container h3 small, .page-container h4 small, .page-container h5 small, .page-container h6 small,
.page-container  .h1 small, .page-container .h2 small, .page-container .h3 small, .page-container .h4 small, .page-container .h5 small, .page-container .h6 small {
    color: #e5e5e5;
}

.page-container h1, .page-container h2, .page-container h3 {
    margin-bottom: 20px;
    font-weight: 300;
}

.page-container h4, .page-container h5, .page-container h6 {
    margin-bottom: 15px;
    font-weight: 400;
}

.page-container h1, .page-container .h1 { font-size: 44px; }
.page-container h2, .page-container .h2 { font-size: 37px; }
.page-container h3, .page-container .h3 { font-size: 27px; }
.page-container h4, .page-container .h4 { font-size: 23px; }
.page-container h5, .page-container .h5 { font-size: 18px; }
.page-container h6, .page-container .h6 { font-size: 16px; }

.page-container p {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    margin: 15px 0;
    color: #515157;
}

.page-container .lead {
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 1.6;
    font-weight: 300;
}

.page-container small, .page-container .small {
    font-size: 80%;
    line-height: 2;
}

.page-container em { color: #ff6600; }

/* LINKS */

.page-container a { color: #1abc9c; }

.page-container a:hover {
    color: #16a085;
    text-decoration: none;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* LISTS */

.page-container ol {
    position: relative;
    padding-left: 22px;
}

.page-container ul {
    list-style: none;
    position: relative;
    padding-left: 22px;
}

.page-container ul li,
.page-container ol li {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #515157;
    margin-bottom: 5px;
}

.page-container ul.circle li:before {
    font-family: 'fontawesome';
    content: '\f10c';
    font-size: 12px;
    color: #16a085;
    padding-top: 2px;
    margin-left: -20px;
    position: absolute;
}

/* TITLES */


.underlined-title {
    text-align: center;
    padding-bottom: 30px;
}

.underlined-title h1 {
    color: #2c3e50;
    margin: 0;
}

.underlined-title h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #95a5a6;
}

.underlined-title hr {
    width: 10%;
    border-width: 2px;
    border-color: #e0b32a;
}


/*===================================================================================*/
/*	BUTTONS
/*===================================================================================*/

.page-container .btn {
    color: #FFF;
    padding: 10px 20px;
    margin: 15px 0;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-shadow: none;
    border: none;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.page-container .btn-sm {
    padding: 7px 13px;
    font-size: 12px;
}

.page-container .btn-lg {
    padding: 16px 26px;
    font-size: 16px;
}

.page-container .btn-xl {
    padding: 18px 30px;
    font-size: 24px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.page-container h1 .btn,
.page-container h2 .btn,
.page-container h3 .btn,
.page-container h4 .btn,
.page-container p .btn {
    margin-left: 15px;
}

/* Button DEFAULT */
.page-container .btn.btn-default {
    background: #929fb0;
    box-shadow: 0 2px #114444;
    color: #fff;
}

.page-container .btn.btn-default:hover {
    background: #114444;
    color: #fff;
}


/* Button DANGER */
.page-container .btn.btn-danger {
    background: #333;
    box-shadow: 0 2px #333333;
}

.page-container .btn.btn-danger:hover {
    background: #e0b32a;
    color: #fff;
}

/* CONTENT BLOCK HOLDERS */

.page-container .content-block {
    width: 100%;
    padding: 60px 0 60px 0;
    z-index: 100;
    position: relative;
    background-color: #ffffff;
}

.page-container .content-block-nopad {
    width: 100%;
    z-index: 100;
    position: relative;
    background-color: #ffffff;
}


/*	HEADER 3
/*----------------------------------------------------*/

#header-3 {
    width: 100%;
}

#header-3 .hero {
    background: url('../images/top-bg.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 50px 0 300px 0;
    height: auto;
}

#header-3 .hero h1 {
    margin-top: 100px;
    margin-bottom:40px;
    font-size:64px;
    color: #ffffff;
}
#header-3 .hero h1 span{
    line-height:100px;
    font-weight: 700;
    letter-spacing:3px;
    color: #000;
    background-color:#fff;
    box-shadow: 20px 0 0 #fff,-20px 0 0 #fff;
}

#header-3 .hero h2 {
    font-weight: 600;
    font-size:24px;
    color: #ffffff;
}

#header-3 .img-focus {
    width:300px;
    margin-top:20px;
}

/* Small Devices, Tablets */
@media (max-width : 768px) {

    #header-3 .hero {
        padding: 50px 0 100px 0;
    }


    #header-3 .hero h1 {
        font-size:36px;

    }

    #header-3 .hero h1 span{
        line-height:60px;        
    }

}

/*	CONTENT BLOCK 1-5
/*----------------------------------------------------*/

.content-1-5 h1 {
    color: #e0b32a;
}

/*	CONTENT BLOCK 2-5
/*----------------------------------------------------*/

/* Light */
.content-2-5-dark, .content-2-5-light {
    background-color:#929fb0 !important;
}

.content-2-5-light h2 {
    color: #333333;
}

/* Dark */
.content-2-5-dark h2 {
    color: #ffffff;
}



/*	CONTENT BLOCK 1-3
/*----------------------------------------------------*/

.content-1-3 {
    text-align: center;
}

.content-1-3 p {
    padding: 0 20px;
}

.content-1-3 .services-wrapper {
    margin: 20px 0 0;
}

.content-1-3 .services-wrapper .icon {
    height: 175px;
    width: 175px;
    max-width: 100%;
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    text-align: center;
    vertical-align: middle;
    position: relative;
    margin: 0 auto 50px;
}

.content-1-3 .services-wrapper .icon span {
    line-height: 175px;
    color: #fff;
    font-size: 55px;
}


/* CUSTOM BLOCKS
/*----------------------------------------------------*/


#blocks {
    padding:30px 0px;
}

#blocks h1 {
    color:#fff;
    font-size:110px;
    font-weight:600;
}

#blocks hr {
    width: 20%;
    margin: 10px auto;
    border-width: 2px;
    border-color: #ffe163;
}

#blocks h2 {
    color:#fff;
    font-size:30px;
    font-weight:400;
}


/*	CONTENT BLOCK 3-10
/*----------------------------------------------------*/

.content-3-10 {
    padding: 0px;
    position: relative;
}

.content-3-10 .image-container {
    position: absolute;
    height: 300px;
    padding: 0px;
    top: 0px;
}

.content-3-10 .image-container .background-image-holder {
    background: url('../images/convegno.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
}

.content-3-10 .content {
    margin-top: 300px;
    padding: 40px;
}

.content-3-10 h3 {
    margin-bottom: 32px;
}

.content-3-10 p {
    margin-bottom: 20px;
}



/*	CONTENT BLOCK 3-10 MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    .content-3-10 .image-container {
        height: 100%;
    }

    .content-3-10 .content {
        margin-top: 0px;
        padding: 80px 15px 80px 80px;
    }

}


/*	CONTENT BLOCK 2-9
/*----------------------------------------------------*/

.content-2-9 {
    background: #ccc;
    min-height: 260px;
    position: relative;
}

.content-2-9 .project {
    height: 260px;
    overflow: hidden;
    position: relative;
    padding: 0;
}

.content-2-9 .project img {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-trasnform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.content-2-9 .project .background-image-holder {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    z-index: 0;
    background-position: 50% 50% !important;
}


.content-2-9 .project .hover-state {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background-color: rgba(44, 62, 80, 0.6);
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    padding: 0 25px;
}

.content-2-9 .project:hover .hover-state {
    opacity: 1;
}

.content-2-9 .project .hover-state h3 {
    color: #fff;
    margin-top: 40px;
    margin-bottom: 8px;
}

.content-2-9 .project .hover-state p {
    color: #fff;
}

.content-2-9 .project .hover-state .align-vertical {
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
}

.content-2-9 .project:hover .align-vertical {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
}


/*	CONTENT BLOCK 2-9 MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    .content-2-9 {
        min-height: 520px;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    .content-2-9 {
        min-height: 260px;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*	PROMO BLOCK 2
/*----------------------------------------------------*/

.promo-2 h1 {
    font-size: 60px;
    margin-top:40px;
}

.promo-2 h1, .promo-2 h2, .promo-2 h3 {
    color: #ffffff;
}

.promo-2 .countDown {
    margin: 40px auto;
    font-size: 0;
}

.promo-2 .countDown .countDown-input {
    display: none;
}

.promo-2 .countDown .countDown-wrap {
    width: 185px;
    margin: 0 15px 20px;
    display: inline-block;
    background: rgba(133, 214, 222, 0.1);
    border-left: 4px solid #e0b32a;
    border-right: 4px solid #e0b32a;
}

.promo-2 .countDown .digits {
    display: block;
    margin-top: 34px;
    margin-bottom: -6px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 120px;
    color: #ffffff;
}

.promo-2 .countDown .digits-label {
    margin-bottom: 18px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    color: #ffffff;
}


.content-block.summary {
    background-color:#000;
}

.content-block.summary h1{
    color:#fff;
    font-size:62px;
}

.line {
    background-color: #000;
    margin-top: 6px;
    height: 14px;
}

.summary-title {
    margin-top:40px;
    color:#fff;
    padding:20px;
    text-align:center;
}

.articles h2 {
    margin:5px 0px;
    font-size:32px;
    text-transform:uppercase;
}

.articles h3
{
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size:20px;
    letter-spacing: 0px;
    font-weight:700;
    color:#999;
}

.article {
    margin:30px 0px;    
}

.article-photo
{
    float:left;
    width:140px;
    margin-right:20px;
}

.article-photo > img {
    width:120px;
    max-width:100%;
    margin-left:20px;
}

.article-title {
    float:left;
    width:calc(100% - 181px);
}

.articles h2 {
    letter-spacing:1px;
}


/* Small Devices, Tablets */
@media (max-width : 768px) {

    .content-block.summary h1{
        color:#fff;
        font-size:48px;
    }

    .article-photo {
        display:none;
    }

    .article-title {
        width:100%;
    }

    .page-container .summary-title h1 {
        font-size:32px;
    }

    .summary-title {
        padding:10px;
    }

    .articles h2 {
        font-size:25px;
        letter-spacing:1px;
    }

}


.trends {
    padding:80px 0px;
    background-color:rgba(0, 0, 0, 0.77);
}

.trends .btn.btn-danger {
    background-color:#096994;
}

.trends .first_title {
    color:#fff;
}

.trends .first_description {
    width: 100%;
    padding-left: 8%;
    padding-right: 8%;
    
}

.trends .first_description p {
    font-size:24px;
    line-height:38px;
    font-weight:300;
    color: #fff;
}