/* Title */
#sp-main-body {
    padding: 0 !important;
}

#offcanvas-toggler > i {
    color: #ffffff;
    padding-right: 20px;
}

.sticky-wrapper .is-sticky #sp-header {
    background: rgb(0,0,0,0.8) !important;
    opacity: 0.9;
}

.et-title h2 {
    padding: 30px;
    font-size: 30px;
    margin: 0;
    margin-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.et-title h6 {
    color: #ffffff;
    padding: 6px 10px 6px;
    margin-top: 0px;
    font-size: 12px;
    letter-spacing: 2px;
    display: inline-block;
    font-style: italic;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 25px;
}

.et-title p {
    margin: 0;
    color: #616060;
    font-size: 14px;
    font-weight: 500;
}
/* Transition */
h1, h2, h3, h4, h5, h6, i, i:before, i:after {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
/* Slider */
.itemid-437 .sp-megamenu-parent > li > a {
    color: #fff;
}

a {
    color: #333;
}

body.itemid-437 #sp-header .container {
    background: url(../images/transparent-pattren.png);
    background-color: rgba(0,0,0,0.80);
    padding: 0px;
}

.et-slider {
    top: -90px;
    position: relative;
}

    .et-slider .tp-caption a {
        padding: 12px 35px;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
    }

    .et-slider .excerpt-bg1 {
        padding: 20px;
    }

    .et-slider .excerpt_second {
        padding: 20px;
        background: #000;
    }

    .et-slider .button:hover {
        background: #222;
    }

.et-bounce {
    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 9999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
    color: #fff;
    font-size: 24px;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
    }
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0);
    }

    40% {
        -o-transform: translateY(-30px);
    }

    60% {
        -o-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
/* Intro */
.et-intro-item {
    cursor: pointer;
    border: 1px solid #ddd;
}

    .et-intro-item i {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        width: 50px;
        height: 50px;
        line-height: 50px;
        transition: all .25s linear;
        margin: 0 auto;
        position: relative;
    }

    .et-intro-item:hover i {
        color: #fff !important;
    }

    .et-intro-item h4 {
        font-size: 20px;
        margin-bottom: 20px;
        color: #333;
        margin-top: 26px;
        text-transform: uppercase;
        font-weight: 400;
    }

    .et-intro-item i:after {
        content: "";
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        color: #fff;
        transform: scale(1);
    }

    .et-intro-item:hover i:after {
        transform: scale(0.8);
    }
/* Ourcause */

.et-our-cause-item h4,
.et-our-cause-item .qx-blurb-content {
    padding: 10px 20px 0px 20px;
}

.et-our-cause-item h4 {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}
/* Feature */
.et-feature-item {
    cursor: pointer;
}

    .et-feature-item h4 {
        font-weight: 700;
    }

    .et-feature-item i {
        width: 40px;
        height: 40px;
        border-radius: 35%;
        border: 2px solid #F1F1F1;
        text-align: center;
        line-height: 37px;
    }

    .et-feature-item:hover i {
        color: #fff;
    }
/* Services */
.et-services-item {
    display: inline-block;
    margin: 50px 30px 20px 0;
    cursor: pointer;
}

.et-services-content h2 {
    margin-bottom: 40px;
}
/* Portfolio */
.et-portfolio-button:hover {
    color: #fff;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {
    margin: 5px;
}

.project-img img {
    width: 100%;
}

.projects-filter {
    text-align: center;
    display: inline-block;
}

    .projects-filter ul {
        display: inherit;
        line-height: 43px;
        margin: 0 auto;
    }

        .projects-filter ul li {
            line-height: 40px;
            margin: 5px 0;
            display: static !important;
            float: left;
        }

    .projects-filter a {
        padding: 8px 15px;
        border: 1px solid #fff;
    }

.item-page .project-img {
    border: 5px solid #fff;
}

.pp-button {
    color: #fff;
    padding: 12px 40px;
    font-weight: 700;
}

    .pp-button:hover {
        color: #fff;
        background: #666;
    }

.projects-filter a {
    width: 200px;
    display: inline-block;
    padding: 0;
    border-radius: 20px;
}
/* Team */
.et-team-item {
    position: relative;
    cursor: pointer;
    margin: 0 5px;
}

    .et-team-item img {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .et-team-item:hover img {
        transform: rotate(5deg)scale(1.1);
    }

    .et-team-item .qx-person-img {
        margin-bottom: 0;
        overflow: hidden;
        width: 100%;
        position: relative;
    }

        .et-team-item .qx-person-img:before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: 9999;
            transition: all .3s linear;
            z-index: 2;
        }

    .et-team-item:hover .qx-person-img:before {
        opacity: .7;
    }

    .et-team-item .qx-person-position {
        font-size: 15px;
        transition: all .3s linear;
        color: #1F1F1F;
        text-transform: uppercase;
        font-weight: 400;
    }

    .et-team-item h4 {
        background: #fff;
        padding: 15px 5px;
    }

    .et-team-item .social-links {
        position: absolute;
        z-index: 3;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 190px;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

        .et-team-item .social-links a {
            width: 27px;
            height: 27px;
            display: block;
            color: #fff;
            text-align: center;
            line-height: 24px;
            margin: 0 6px;
            border-radius: 50%;
            display: inline-block;
        }

            .et-team-item .social-links a:before {
                font-size: 14px;
            }

/* Testimonial */
.et-testimonial h4 {
    margin-bottom: 5px !important;
    margin-top: 20px;
}
/* Blog */
.entry-header h2 a {
    font-size: 30px;
    font-weight: 400;
}

div.sp-module .sp-module-title {
    font-size: 20px;
    font-weight: 400;
}

.sp-page-title {
    margin-bottom: 50px;
}

.et-blog div.k2ItemsBlock ul li {
    width: 32%;
    float: left;
    margin-right: 2%;
    position: relative;
    overflow: hidden;
}

    .et-blog div.k2ItemsBlock ul li:nth-child(3n) {
        margin-right: 0;
    }

    .et-blog div.k2ItemsBlock ul li a {
        display: inherit;
        overflow: hidden;
    }

    .et-blog div.k2ItemsBlock ul li img {
        width: 100%;
        margin-bottom: 15px !important;
        transition: all .40s linear;
        transform: scale(1.1);
    }

    .et-blog div.k2ItemsBlock ul li:hover img {
        transform: rotate(4deg)scale(1.2);
    }

.et-blog ul li .moduleItemDateCreated {
    position: absolute;
    left: 0;
    top: 30px;
    width: 110px;
    display: block;
    text-align: center;
    background: rgba(0,0,0, .4);
    padding: 5px;
    font-size: 12px;
    color: #fff;
}

.et-blog .et-portfolio-button {
    margin-top: 0 !important;
}

.et-blog > div > p {
    clear: left;
}

div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
    float: left;
    width: 100%;
}
/** Client **/
.et-client-item img {
    border: 1px solid #ddd;
}
/* Subscribe */
.et-subscribe-title h4 {
    margin-top: 0;
    font-size: 36px;
    font-weight: 700;
}

.et-subscribe-title h5 {
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: 300;
}

.et-subscribe-content table {
    margin: inherit;
}

    .et-subscribe-content table input {
        background: none !important;
        border-radius: 0 !important;
        padding: 20px 70px !important;
    }

    .et-subscribe-content table .button {
        padding: 10px 30px !important;
        border-color: #fff;
    }

    .et-subscribe-content table tr {
        display: inline;
    }
/* Contact */
#et-contact .qx-icon {
    padding: 20px;
}

.et-contact-item .qx-icon {
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.et-contact-item:hover .qx-icon:before {
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    display: block;
    color: #fff !important;
}

.et-contact-item:hover .qx-icon {
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.et-contact-item {
    cursor: pointer;
}

.et-contact-form label {
    color: #fff;
}

.et-contact-form input {
    border-radius: 0 !important;
    height: 25px !important;
    width: 100%;
}

.et-contact-form textarea {
    height: 100px !important;
    border-radius: 0 !important;
    width: 100%;
}

.et-contact-form button {
    background: none;
    width: 150px;
    height: 35px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #fff !important;
    transition: all .25s linear;
    font-weight: 400;
}

    .et-contact-form button:hover {
        color: #fff !important;
    }

.itemid-549 .et-contact-form label {
    color: #333;
}

.projects-wrapper .project-img .project-img-extra h4 {
    color: #fff;
}

.projects-wrapper .project-img .project-img-extra h4 {
    color: #fff;
}
/** RESPONSIVE **/
/* Screen min 1199px */
@media (min-width: 1200px) {
    .et-services-right,
    .et-about .et-title {
        padding-left: 60px;
        padding-right: 60px;
    }
}
/* Screen min 1199px */
@media (max-width: 1199px) {
    .et-services-right,
    .et-about .et-title {
        padding-left: 20px;
        padding-right: 20px;
    }
}
/* Screen min 980px and max 1199px */
@media (min-width: 1200px) and (max-width: 1550px) {
    .et-services-right, .et-about .et-title {
        padding: 30px;
    }

    .et-services-content h2 {
        margin-bottom: 10px;
    }
}
/* Screen min 980px and max 1199px */
@media (min-width: 980px) and (max-width: 1199px) {
    .et-about .et-title {
        padding-top: 40px;
        padding-bottom: 0 !important;
    }

    .et-services > div {
        width: 100% !important;
    }
}
/* Screen min 979px and max 781px */
@media (min-width: 768px) and (max-width: 979px) {
    .et-slider {
        top: 0px;
    }
}
/* Screen max 767px */
@media (max-width: 767px) {
    .et-subscribe > div:first-child {
        padding-bottom: 0 !important;
    }

    .et-action-title,
    .et-subscribe > div > div {
        text-align: left;
    }

    .et-blog div.k2ItemsBlock ul li {
        width: 100%;
        margin-right: 0;
    }
}
/* Screen max 480px */
@media (max-width: 480px) {
    .et-slider {
        top: 0px;
    }
}



/**************************************************************/ 
/*           CUSTOM CSS LUCA FRIGENTI                         */ 
/**************************************************************/
@media (min-width: 1080px) {
    .sp-retina-logo, .hidden-xs {
        max-width: 135%;
    }
}

.sp-contact-info {
    font-weight: 700;
}

.sp-contact-info a:hover{
    color:dimgrey;
}

@font-face {
    font-family: 'cinzel_decorativebold';
    src: url('cinzeldecorative-bold-webfont.woff2') format('woff2'), url('cinzeldecorative-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}