@font-face {
    font-family: OswaldLight;
    src: url(fonts/oswald/Oswald-ExtraLight.ttf);
    font-weight: light;
}

@font-face {
    font-family: OswaldBold;
    src: url(fonts/oswald/Oswald-Bold.ttf);
    font-weight: bold;
}

body {
    background-color: #FFF;
    color: #4C4C4C;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: 22px;
    font-weight: normal;
}

h1.title {
  margin-top: 10px;  
}

.tp-banner {
    margin-top: 0px;
    top: 0px;
}

.medium-text {
    color: #4C4C4C;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 25px;
}

.null-padding {
    padding: 0px;
}

.padding-40 {
    padding-bottom: 40px;
    padding-top: 40px;
}

.padding-50 {
    padding-bottom: 50px;
    padding-top: 50px;
}

.round {
    opacity: 0.6;
}

.round.hovered {
    opacity: 0.9;
}

.btn-slide-down {
    background-image: url(images/more-slide.png);
    background-repeat: no-repeat;
    cursor: pointer;
    height: 44px;
    width: 44px;
    margin: 0px auto;
    display: block;
    transition: all 0.5s;
}
.btn-slide-down:hover {
    background-image: url(images/more-slide-over.png);
    cursor: pointer;
    height: 44px;
    width: 44px;
    margin: 0px auto;
    transition: all 0.5s;
}

.btn-down {
    background-image: url(images/more-gallery.png);
    background-repeat: no-repeat;
    cursor: pointer;
    height: 44px;
    width: 44px;
    margin: 0px auto;
    display: block;
    transition: all 0.5s;
}
.btn-down:hover {
    background-image: url(images/more-gallery-over.png);
    cursor: pointer;
    height: 44px;
    width: 44px;
    margin: 0px auto;
    transition: all 0.5s;
}

/****************************************************************
*                      SEZIONE DG-DESIGN                        *
****************************************************************/
/*.about_image {
    background-image: url('http://placehold.it/700x350');
    position: absolute;
    -webkit-background-size: cover;
    background-size: cover;
    height: 350px;
    width: 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top left;
}*/

.about_wrapper {
    background-color: #F8F7F6;
}
#about {
    padding-left: 20px;
    padding-bottom: 40px;
    padding-top: 40px;
}

#topright {
    width: 0px;
    height: 0px;
    border-top: 20px solid #FFF;
    border-right: 20px solid transparent;
    float: left;
    margin-left: -15px;
}

#topleft {
    width: 0;
    height: 0;
    border-top: 20px solid #FFF;
    border-left: 20px solid transparent;
    float: right;
    margin-right: -15px;
}

#citazione {
    background-image: url(images/03-Parallax.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 400px;
    margin-top: 25px;
    text-align: center;
    min-height: 400px;
}

.citazione {
    color: #FFF;
    font-family: "OswaldLight", sans-serif;
    margin-top: 160px;
}
.citazione h2 {
    color: inherit;
    font-size: 24px;
    font-family: inherit;
    font-weight: lighter;
}
.citazione h3 {
    color: inherit;
    font-size: 24px;
    font-weight: bold;
}

/****************************************************************
*                    TITOLI DELLE SEZIONI                       *
****************************************************************/
.page_title {
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center;
}
.page_title p {
    margin-top: -10px;
}

.page_title > h1.title {
    color: #333;
    letter-spacing: 0px;
    font-size: 40px !important;
    font-family: "OswaldLight", sans-serif;
    font-weight: lighter !important;
}

/****************************************************************
*             PADDING TRA UNA SEZIONE E L'ALTRA                 *
****************************************************************/
.section {
    background-color: #FFFFFF;
}   

/****************************************************************
*        MENU PRINCIPALE PRIMA DELLO SCORRIMENTO                *
****************************************************************/
.main_nav ul li a {
    color: #FFF;
    font-size: 18px;
    font-family: "OswaldLight", sans-serif;
    font-weight: lighter;
    transition: all 0s;
}
.main_nav ul li a:hover {
    border-bottom: 5px solid #B5ADA7;
}
li.active a {
    border-bottom: 5px solid #B5ADA7;
}

.transparent_menu { 
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.6);
    height: 80px;
}

/* MENU  PER LA LINGUA */
.lang_nav { 
    border-left: 1px dotted #FFF;
    border-right: 1px dotted #FFF;
    float: right;
    margin-right: -15px;
    margin-top: 0px;
    margin-left: 18px;
    padding-left: 15px;
    padding-right: 15px;
    height: 80px;
}

.lang_nav li {
    float: left;
    margin-top: 30px;
}

.lang_nav li a {
    color: white;
    font-family: "OswaldLight", sans-serif;
    font-size: 12px;
    padding: 5px 4px 5px 4px;
    line-height: 24px;
}

.lang_nav li a:active, .lang_nav li a:hover, .lang_nav li a.active {
    font-weight: bold;
}

.lang_nav li:nth-child(1) {
    border-right: 1px solid #FFF;
}

/****************************************************************
*                    SCRITTE PRINCIPALI                         *
****************************************************************/
    /* COMMENTATA NEL FILE style.css E RIDEFINITA QUI */
.cap_style_14 {
    font-size: 40px; 
    text-transform: uppercase; 
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.6); 
    padding: 18px; 
    font-family: "OswaldLight", sans-serif;
}

.cap_style_14_subtitle {
    font-weight: 100; 
    color:#4d4d4d; 
    background: transparent;
    text-transform: uppercase; 
    font-size: 20px; 
/*    -webkit-border-radius: 	50px;
	-moz-border-radius: 	50px;
	border-radius: 			50px;*/
/*    padding:10px 20px;*/
    padding: 0px;
}

/****************************************************************
*                       PROGETTI                                *
****************************************************************/
/*.progetti-image {
    background-image: url('images/progetti.jpg');
    position: absolute; 
    -webkit-background-size: cover;
    background-size: cover;
    height: 50%;
    width: 50%; 
    right: 0;
}*/

#progetti {
    background-color: #FFF;
}

#img-progetti { display: none; }

.progetti-wrapper {
    background-image: url('images/progetti.jpg');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 50% 100%;
}

.progetti-wrapper .progetti-content {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 30px;
}

.service_custom_column {
    height: 390px;
    padding-top: 50px;
}

.service_wrapper h2 {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: #4C4C4C;
}

.service_wrapper {
    border-top: 7px solid #B5ADA7;
    background-color: #f0efed;
    border-bottom: 7px solid #B5ADA7;
}

/****************************************************************
*                       PRODUZIONE                              *
****************************************************************/
.padding-bottom-30 {
    padding-bottom: 30px;
}

.sottotitolo {
    font-family: "Open Sans", sans-serif;
    line-height: 33px;
    color: #4C4C4C;
    font-size: 27px;
    font-weight: normal;
}

.img-prod { transition: all 0.5s; }
.img-prod img {
    width: 80%;
}
.img-prod :nth-child(1) :nth-child(1) {
    margin-top: 20px;
    margin-bottom: 20px;
}
.img-prod :nth-child(2) :nth-child(1) {
    margin-top: 20px;
    margin-bottom: 20px;
}
.img-prod :nth-child(3) :nth-child(1) {
    margin-top: 20px;
    margin-bottom: 15px;
}
.img-prod :nth-child(4) :nth-child(1) {
    margin-top: 20px;
    margin-bottom: 15px;
}

#prod-content {
    margin-top: 25px;
}

.dashed {
/*    background-image: linear-gradient(to right, #CCC 33%, rgba(255,255,255,0) 0%);
    background-position: left bottom;
    background-size: 20px 1px;
    background-repeat: repeat-x;
    border-bottom: 1px dashed #CCC;
    padding-top: 1px;
    width: 100%;*/
    border-bottom: 1px dashed #CCC;
}

.p-padding { 
    padding-top: 35px; 
    padding-bottom: 15px;
}

.no-padding {
    padding: 0px;
}

#produzione ul>li {
    display: inline-block;
}

/*#produzione ul > li img {
    height: 170px;
    width: 260px;
}*/

#galleria-produzione-responsive { display: none; }

.parallax_over {
    padding: 0;
}
/****************************************************************
*                       SERVIZI                                 *
****************************************************************/
#triangle-topleft {
	width: 0;
	height: 0;
	border-top: 20px solid white;
	border-right: 20px solid transparent;
    float: left;
}

#triangle-topright {
	width: 0;
	height: 0;
	border-top: 20px solid white;
	border-left: 20px solid transparent;
    float: right;
}

.servizi_wrapper {
    background-color: #262626;
    position: relative;
}

#servizi .title { margin-bottom: 20px; }

#servizi .col-md-6 {
    padding: 0px;
}

#servizi .page_title p {
    color: #4C4C4C;
    font-size: 17px;
}

.servizi_image {
    background-image: url('images/servizi.jpg');
    position: absolute;
    -webkit-background-size: cover;
    background-size: cover;
    width: 50%;
    height: 100%;
    left: 0;
}
#servizi-image-resp { display: none; }

.servizi_container {
    padding: 50px 0px 50px 40px;
}
.servizi_container ul li {
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    padding-left: 15px;
    text-indent: -13px;
}
.servizi_container ul li:before {
    content: "\00BB";
    color: #B5ADA7;
    margin-right: 5px;
}

/****************************************************************
*                       GALLERY                                 *
****************************************************************/
#gallery-menu {
    background-color: #DAD6D3;
    list-style: none;
    height: 56px;
    margin-bottom: 2px;
    text-align: center;
}
    #gallery-menu li {
        display: inline-block;
        font-family: "OswaldLight", sans-serif;
        font-size: 21px;
        line-height: 56px;
        margin-right: 25px;
        text-transform: uppercase;
    }
    #gallery-menu li a {
        color: #333;
        text-decoration: none;
    }
    #gallery-menu li a.corrente, #gallery-menu li a:hover {
        color: #333;
        border-bottom: 7px solid #FFF;
        padding-bottom: 7px;
        transition: all 0s;
    }

#gallery-container {
    background-color: #FFF;
    width: 100%;
}

.gallery-wrapper {
    display: none;
}
.gallery-wrapper a {
    display: inline-block;
    margin-right: -4px;
    margin-bottom: -5px;
    overflow: hidden;
    width: 20%;
}
.gallery-wrapper a>img {
    height: 100%;
    transition: all 0.3s;
    width: 100%;
}
.gallery-wrapper a>img:hover {
    transform: scale(1.2);
    transition: all 0.3s;
}
    
.lg-thumb>.lg-thumb-item {
    border: 0;
    border-radius: 0;
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    padding: 0px;
    opacity: 0.4;
    transition: all 0.3s;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    opacity: 1;
    transition: all 0.3s;
}

/*** TUTTE LE CATEGORIE ***/
#tutte {
    background-color: #000;
    margin: 0px;
    padding: 0px;
}
#tutte li {
    display: inline-block;
    margin-right: -4px;
    position: relative;
    /*opacity: 0.3;*/
    text-align: center;
    /*transition: all 0.5s;*/
    width: 33.33%;
}
/*#tutte li:hover {
    opacity: 0.8;
    transition: all 0.5s;
}*/
#tutte li>a>img {
    height: 100%;
    opacity: 0.6;
    transition: all 0.5s;
    width: 100%;
}
#tutte li>a>img:hover {
    opacity: 1;
    transition: all 0.5s;
    width: 100%;
}
#tutte li>a>span {
    opacity: 1;
}
#tutte li>a>span {
    color: #FFF;
    font-family: "OswaldLight", sans-serif;
    font-size: 30px;
    font-weight: lighter;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.lg-backdrop.in {
    opacity: 0.7;
}

#more-container {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
}
/****************************************************************
*                       SHOWROOM                                *
****************************************************************/
.showroom-heading p {
    color: #4C4C4C;
    font-size: 17px;
    line-height: 25px;
    font-weight: lighter;
    text-align: center;
}

#showroom_slide {
    background-color: #EEE;
}

.shr {
    margin-top: 25px;
    background-color: #FFF;
    width: 100%;
}

.shr>div {
    overflow: hidden;
}

.shr img {
    opacity: 0.4;
    transition: all 1s ease;
/*    width: 460px;*/
    height: 440px;
}

.slick-center img {
    opacity: 1;
/*    transform: scale(1.15);*/
}

/* classe ridefinita presente in style.css */
.testimonials_text {
    font-weight: lighter; 
    font-size: 24px; 
    color: #000;
    line-height: 40px;
}

/****************************************************************
*                        MAPPA                                  *
****************************************************************/
#mappa {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    height: 750px;
}

#pano {
    height: 400px;
    width: 100%;
    display: none;
}

#floating-panel {
    background-color: #fff;
    text-align: center;
    font-family: 'Open Sans', 'sans-serif';
    line-height: 30px;
    margin-top: 20px;
}

/****************************************************************
*                        CONTATTI                               *
****************************************************************/
#contatti {
    background-image: url('images/background-footer.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

#contatti-wrapper {
    background-color: rgba(0, 0, 0, 0.83);
    padding-top: 30px;
    padding-bottom: 40px;
}

#contatti-wrapper .div-bar {
    border-top: 2px dotted rgba(255, 255, 255, 0.3);
    margin-bottom: 20px;
    margin-top: 10px;
}

#form-contatti {
    margin-top: 1px;
}

#form-contatti input[type="text"], #form-contatti input[type="email"] {
    border-radius: 0;
    height: 42px;
}

#form-contatti textarea {
    border-radius: 0;
    margin-top: 30px;
    margin-bottom: 20px;
    resize: none;
}

#form-contatti .btn {
    background-color: #DAD6D3;
    border-radius: 0;
    color: #333;
    font-family: "OswaldLight", sans-serif;
    font-size: 21px;
    line-height: 21px;
    margin-top: 10px;
    margin-bottom: 15px;
    height: 42px;
    width: 250px;
}

#form-contatti .btn:hover {
    background-color: #FFF;
}

#form-contatti label {
    color: #FFF;
    font-size: 12px;
    font-family: "Opens Sans", sans-serif;
}

input {
    margin-bottom: 20px;
}

#invia {
    /*float: right;*/
    background-color: #DAD6D3;
    border: 0px;
    color: #333;
    font-family: "OswaldLight", sans-serif;
    font-size: 21px;
    line-height: 21px;
    margin-top: 10px;
    margin-bottom: 15px;
    height: 42px;
    text-transform: uppercase;
    width: 100%;
    /*width: 250px;*/
}

.title-bar {
    background-color: #DAD6D3;
    height: 70px;
}

.title-bar .page_title h1 {
    margin: 0;
    padding: 0;
    line-height: 55px;
    text-align: left;
}

/****************************************************************
*                         FOOTER                                *
****************************************************************/
#contatti-wrapper .logo {
    margin-top: 5px;
    margin-bottom: 15px;
}

#contatti-wrapper .logo img {
    height: 130px;
}

#contatti-wrapper .info p {
    color: #FFF;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}

#contatti-wrapper .info p i {
    color: #B5ADA7;
    font-size: 25px;
    margin-right: 10px;
}

#contatti-wrapper h3 {
    color: #B5ADA7;
    font-family: "OswaldBold", sans-serif;
    font-weight: bold;
    font-size: 18px;
}

#site-map-menu {
    margin-top: -10px;
    padding: 0;
}
#site-map-menu li {
    display: inline-block;
    margin-right: 5px;
}
#site-map-menu li>a {
    color: #FFF;
    font-size: 13px;
    text-transform: uppercase;
    transition: all 0s;
}
#site-map-menu li>a:before {
    content: "# ";
    color: #B5ADA7;
}
#site-map-menu li>a:hover {
    color: #B5ADA7;
}

/*** SPONSOR ***/
#sponsor {
    margin-top: -10px;
}
#sponsor li {
    display: inline-block;
}
#sponsor li>a {
    color: #FFF;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    font-weight: lighter;
}
#sponsor li>a:hover {
    color: #B5ADA7;
    font-size: 13px;
}

/* SOCIAL MENU CONTATTI-FOOTER (facebook, instagram, linkedin) */
.social-menu {
    margin-top: -10px;
    text-align: center;
}
    
.social-menu li {
    display: inline-block;
    margin-right: 5px;
}

.social-menu li>a>i {
    font-size: 16px;
}

.social-menu li a:link, .social-menu li a:active, .social-menu li a:visited {
    color: #FFF;
}

.social-menu li a:focus, .social-menu li a:hover {
    color: #B5ADA7;
}

/****************************************************************
*                        COPYRIGHT                              *
****************************************************************/
.copyright {
    font-size: 11px;
}

.by_author a:link, .by_author a:visited {
    font-size: 11px;
    color: #414141;
    font-weight: bold;
}

.by_author a:hover, .by_author a:focus, .by_author a:active {
    color: #B5ADA7;
}

/****************************************************************
*                MENU RESPONSIVE DELLA GALLERIA                 *
****************************************************************/
#gallery-menu-responsive {
    background-color: #DAD6D3;
    display: none;
    width: 100%;
}

#gallery-menu-responsive .gmr {
    display: none;
}

.gmr { margin-bottom: 0px; }
.gmr li { text-align: center; }
.gmr li a { 
    font-size: 20px; 
    display: block; 
    padding: 10px 10px 10px 0px; 
    text-transform: uppercase; 
}

.gmr li a:hover {
    background-color: #FFF;
    color: inherit;
}

#show-menu-gallery {
    background-color: #FFF;
    border: 0px;
    cursor: pointer;
    font-size: 20px;
    float: right;
    height: 50px;
    width: 50px;
    padding: 10px;
    text-align: center;
}

/****************************************************************
*                        MEDIA RULE                             *
****************************************************************/
@media screen and (max-width: 1265px) {
    #topright, #topleft { display: none; }
    #triangle-topleft, #triangle-topright { display: none; }
}

@media screen and (max-width: 1200px) {
    .mobileAreaMenu { 
        background-color: rgba(0, 0, 0, 0.8);
        border-top: 1px solid #B5ADA7;
    }
    .mobileAreaMenu li a {
        color: #FFF !important;
        border-bottom: 2px dotted #B5ADA7;
        font-size: 18px;
        padding-left: 20px;
        text-transform: uppercase;
    }
    .mobileAreaMenu li a:hover {
        background-color: rgba(181, 173, 167, 0.9);
        color: #FFF;
    }
    
    .menu_trigger { background-color: transparent; }
    .progetti-wrapper { background-size: 0px; }
    #img-progetti { display: block; width: 100%; }
    .section { padding-bottom: 0px; padding-top: 0px; }

    .img-prod { margin-top: 10px; transition: all 0.5s; }
    .img-prod img { width: 100%; }
    #prod-content { margin-top: -10px; }
}

@media screen and (max-width: 1262px) {
    .padding-40 { padding-top: 0px; padding-bottom: 0px; height: 300px; }
    h2 padding-bottom-30 { padding-bottom: 0px; }

    header .container { margin-right: 0px !important; }
}

@media screen and (min-width: 992px) {
    .dg-about-resp { display: none; }
}

@media screen and (max-width: 992px) {
    .about_image { display: none; }

    input[class="form-control"] { 
        margin-bottom: 20px; 
    }
    textarea { margin-top: 100px; }

    #galleria-produzione { display: none; transition: all 0.5s; }
    
    #galleria-produzione-responsive { 
        display: block;
        transition: all 0.5s;
    }
    #galleria-produzione-responsive img { width: 100%; }
    #galleria-produzione-responsive :nth-child(1) :nth-child(1) :nth-child(1) { margin-bottom: 25px; }
    
    .section {
        padding-top: 20px;
    }

    .dg-about-resp {
        margin-top: 50px;
        display: block;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .servizi_container { transition: all 0.5s; }
    .servizi_image { display: none; }
    #servizi-image-resp {
        display: block;
        transition: all 0.5s;
        width: 100%;
    }

    #gallery-menu { display: none; }
    #gallery-menu-responsive { display: inline-block; }
    #gallery-menu-responsive ul { display: inline-block; }
    
    .section { margin-top: 10px; }
    .page_title { margin-bottom: -10px; }
    .about_wrapper { padding-top: 30px;}
}

@media screen and (max-width: 550px) {
    #about { padding-left: 0px; padding-top: 20px; }
    .progetti-wrapper .progetti-content { padding-right: 10px; }
    
    .servizi_container { padding: 40px 0px 40px 20px; }
    .servizi_container ul { margin-left: -12px; padding-right: 10px; }
    .servizi_container ul li { font-size: 14px; }

    #tutte li { width: 50%; }
    #tutte li>a>span { font-size: 20px; }
    
    .gallery-wrapper a {
        overflow: hidden;
        width: 50%;
    }
    
    .social-menu {
        text-align: left;
    }
}