.bg-analisi,
.bg-consulenza,
.bg-cromia,
.bg-elaborazione,
.bg-fotoritocco,
.bg-gestione-colore,
.bg-professionalita,
.bg-raw-process,
.bg-cromia-01,
.bg-cromia-02,
.bg-cromia-03,
.bg-viraggio-01,
.bg-viraggio-02,
.bg-viraggio-03,
.bg-fotoinserimento-01,
.bg-fotoinserimento-02,
.bg-fotoinserimento-03,
.bg-scontorno-01,
.bg-scontorno-02,
.bg-scontorno-03,
.bg-ricampionamento-01,
.bg-ricampionamento-02,
.bg-ricampionamento-03  {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 422px;
    background-position: center center
}
.dark .list_item img {
	max-width:100% !important;
}

#landingpage a:hover {

    color: #424242;
    text-decoration: none;
    
}

a {
    color: #424242;
}

ul li a:hover {
    color: #009fff;
}

h1.white,
h2.white,
p.white {
    color: #FFF !important
}

.title h2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0
}

p.white {
    font-size: 20px
}

p.black {
    font-size: 17px;
    color: #797979;
    line-height: 23px;
}

p.testo-desc {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.3;
    color: #333
}

p.testo-desc2,
p.testo-desc3 {
    line-height: 1.2;
    font-weight: 300 !important
}

p.testo-desc2 {
    font-size: 17px !important;
    color: #333
}

p.testo-desc3 {
    font-size: 20px !important;
	line-height: 26px;
    color: #5d5d5d !important
}

h1.titolo-dotcode,
h2.titolo-dotcode,
h2.titolo-dotcode2 {
    margin-bottom: 30px;
    line-height: 38px;
	font-weight:900;
}

h2.titolo-sezione {
    color: #333;
	font-size:32px;
	font-weight:900;
	line-height:40px;
}

h3.titolo-sezione {
    color: #333;
    font-weight: 400
}
p {
	font-size:16px;
}

a.bottone-dotcode {
    background-color: #009fff;
    transition: .4s
}

a.bottone-dotcode:hover {
    background-color: #005aff
}

h1.titolo-dotcode,
h2.titolo-dotcode,
.fancy_heading h2.titolo-dotcode {
    font-size: 62px;
}

.fancy_heading h1.title {
	line-height: 62px;
	font-size: 62px;
}

.fancy_heading .title {
	line-height: 62px;
	}

h2.titolo-dotcode2 {
    font-size: 24px;
    font-weight: 500;
    color: rgba(77, 77, 77, .7) !important
}

h2.titolo-slider {
    
    line-height: 52px;
    font-size: 60px;
    font-weight: 300
}

h2.sottotitolo-dotcode {
    font-size: 21px;
    line-height: 27px !important;
    color: #7f7f7f !important;
    font-weight: 500 !important;
    
}

h4.sottotitolo-dotcode strong {
	color:#009fff;
}

h2.sottotitolo-dotcode strong {
    color: #009fff;
}

.infobox_wrapper ul li {
	font-size:17px;
	margin-bottom:8px;
}

h2.titolo-servizi {
    font-size: 30px;
    line-height: 40px !important;
    color: #5b5e5e;
    font-weight: 300 !important;
    text-transform: uppercase
}

.section-border-bottom {
	border-bottom:1px solid #C8C8C8;
	margin-bottom:40px;
}


h2.titolo-finale {
    font-size: 40px !important
}

h2.titolo-banner {
    font-size: 44px !important;
    padding-bottom: 20px
}

h2.padding-top,
h2.titolo-appsocial {
    font-size: 35px !important
}

h2.titolo-bold {
    font-weight: 400 !important
}

li#current_page_item a {
    color: #FFF !important
}

.bg-index-img {
    background-image: url(../../../img/slider-index.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg-image-cromia {
    background-image: url(../../../img/cromia_slider.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg-image-elaborazione {
    background-image: url(../../../img/elaborazione_slider.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg-image-viraggio {
    background-image: url(../../../img/viraggio_slider.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg-image-fotoinserimento {
    background-image: url(../../../img/fotoinserimento_slider.jpg);
    background-repeat: no-repeat;
    background-size: cover
}


.bg-image-ricampionamento {
    background-image: url(../../../img/ricampionamento_immagine_slider.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg-image-scontorno {
    background-image: url(../../../img/scontorno_slider.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg-image-render {
    background-image: url(../../../img/cromia_render_slider.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg-image-fotografi {
    background-image: url(../../../img/servizi_per_fotografi_slider.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg-image-designer {
    background-image: url(../../../img/design_slider.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg-image-webagency {
    background-image: url(../../../img/webagency_slider.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg-image-agency {
    background-image: url(../../../img/agenzia_slider.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg-image-prova-colore {
    background-image: url(../../../img/prova_colore_slider.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg-image-ecommerce {
    background-image: url(../../../img/ecommerce_slider.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg-image-socialmedia {
    background-image: url(../../../img/socialmedia_slider.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg-image-formazione {
    background-image: url(../../../img/formazione_slider.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg-fotoinserimento-landing {
	background-image:url(../../../img/slider-fotoinserimento-landing.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}


.bg-ritocco-pelle-landing {
	background-image:url(../../../img/slider-ritocco-pelle-landing.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}




h4.text-alig-left {
    text-align: left !important;
    color: #424242;
    font-weight: 300
}

h3.text-alig-left{
    text-align: left !important;
    color: #424242;
    font-weight: 800;
}

h2.titolo-appsocial {
    font-weight: 300 !important;
    line-height: 50px !important
}

h4.titolo-sezione {
    font-size: 30px
}

h4.titolo {
    font-weight: 300
}

a.margin-left {
    margin-left: 210px
}

a.margin-right {
    margin-right: 285px
}

.section-gray {
    background-color: #f4f4f4
}

.section-darkgray {
    background-color: #ececec
}

.section-dark {
    background-color: #000
}

.section-lightgray {
    background-color: #fbfafa
}

h2.testo-contatto {
    font-size: 38px !important;
    font-weight: 300 !important;
    letter-spacing: 1px !important;
    line-height: 52px !important
}

a.bottone_contattaci {
    font-size: 18px !important;
    font-weight: 400;
    color: #FFF;
    background-color: #009fff;
    padding: 12px 25px;
    border-radius: 4%;
    text-decoration: none;
    transition: .4s
}

a.bottone_contattaci:hover {
    color: #009fff;
    text-decoration: none;
    background-color: #FFF
}

a.bottone-link {
    font-size: 19px;
    font-weight: 400;
    color: #009fff;
    letter-spacing: .016em
}

a.bottone-link:hover {
    color: #009fff;
    text-decoration: underline
}

.copyright {
    padding-top: 30px
}

#Footer a {
    margin-right: 15px
}

#Footer a:hover {
    color: #009fff
}

.no-margin_bottom {
    margin-bottom: 0 !important
}

.margin-bottom {
    margin: 0 1% -7px !important
}

h3 {
    font-size: 34px
}

.display-table {
    display: table;
    margin: 0 auto
}

.display-table-cell {
    display: table-cell
}

.bg-raw-process {
    background-image: url(../../../img/scatto-raw-post-produzione.jpg)
}

.bg-professionalita {
    background-image: url(../../../img/foto_per_la_stampa.jpg)
}

.bg-elaborazione {
    background-image: url(../../../img/elaborazione_fotografica.jpg)
}

.bg-gestione-colore {
    background-image: url(../../../img/color_management.jpg)
}

.bg-consulenza {
    background-image: url(../../../img/consulenza.jpg)
}

.bg-analisi {
    background-image: url(../../../img/cromia_blianciamento_camera_raw.jpg)
}

.bg-cromia {
    background-image: url(../../../img/cromia_colore_camera_raw.jpg)
}

.bg-fotoritocco {
    background-image: url(../../../img/cromia_fotoritocco_camera_raw.jpg)
}


.bg-cromia-01 {
    background-image: url(../../../img/cromia_01.jpg)
}
.bg-cromia-02 {
    background-image: url(../../../img/cromia_02.jpg)
}
.bg-cromia-03 {
    background-image: url(../../../img/cromia_03.jpg)
}

.bg-viraggio-01 {
    background-image: url(../../../img/viraggio_01.jpg)
}
.bg-viraggio-02 {
    background-image: url(../../../img/viraggio_02.jpg)
}
.bg-viraggio-03 {
    background-image: url(../../../img/viraggio_03.jpg)
}

.bg-fotoinserimento-01 {
    background-image: url(../../../img/fotoinserimento_01.jpg)
}
.bg-fotoinserimento-02 {
    background-image: url(../../../img/fotoinserimento_02.jpg)
}
.bg-fotoinserimento-03 {
    background-image: url(../../../img/fotoinserimento_03.jpg)
}

.bg-scontorno-01 {
    background-image: url(../../../img/scontorno_01.jpg)
}
.bg-scontorno-02 {
    background-image: url(../../../img/scontorno_02.jpg)
}
.bg-scontorno-03 {
    background-image: url(../../../img/scontorno_03.jpg)
}

.bg-ricampionamento-01 {
    background-image: url(../../../img/ricampionamento_01.jpg)
}
.bg-ricampionamento-02 {
    background-image: url(../../../img/ricampionamento_02.jpg)
}
.bg-ricampionamento-03 {
    background-image: url(../../../img/ricampionamento_03.jpg)
}
/*-----------------------------PER DANIELE aggiunta per landing page 05-10-2020-----------------------------*/


.desc-image h3 {
        font-size: 18px;
    text-align: left!important;
    margin-left: 20px;
    font-weight: 400;
    padding-top: 20px;
}

.desc-image p {
    font-size: 15px;
    padding: 0px 20px 20px;
    line-height: 20px;
     text-align: left!important;
    
}

h3.titolo-finale {
    text-align: center;
    font-weight: 300;
    padding-bottom: 30px;

}

.image-100 img {
    width: 100% !important;
}



/*-----------------------------FINE PER DANIELE aggiunta per landing page 05-10-2020-----------------------------*/



@media only screen and (max-width:1239px) {
    #Top_bar a.responsive-menu-toggle {
        display: block;
        width: 35px;
        height: 35px;
        text-align: center;
        position: absolute;
        top: 14px;
        right: 10px;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }
}

#Side_slide,
#Side_slide #menu ul li.submenu .menu-toggle,
#Side_slide .search-wrapper input.field,
#Side_slide a:not(.button) {
    color: #fff
}

#Side_slide #menu ul li.submenu .menu-toggle {
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    opacity: 1
}

@media only screen and (max-width:767px) {
    .sezione-mobile-no-bg {
        background-image: none !important;
        padding-bottom: 10px !important;
        padding-top: 0 !important
    }

    .mobile-text-center {
        text-align: center !important
    }

    h4.titolo {
        font-size: 24px !important
    }

    h2.titolo-finale {
        margin-bottom: 25px
    }

    .colonna-50 {
        width: 50% !important
    }

    .container,
    .four.columns .widget-area,
    .section_wrapper {
        width: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important
    }
}

@media only screen and (max-width:479px) {

    .colonna-50,
    .mcb-wrap.one-fourth {
        float: left !important;
        clear: none !important
    }

    .container,
    .four.columns .widget-area,
    .section_wrapper {
        width: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important
    }

    #Top_bar .logo #logo img {
        width: 228px
    }

    .section-no-padding-bottom {
        padding-bottom: 30px !important
    }

    h1.titolo-dotcode,
    h2.titolo-dotcode {
        margin-bottom: 20px;
        font-size: 20px !important
    }

    h2 {
        font-size: 35px;
        line-height: 18px
    }

    h2.titolo-slider {
        text-transform: uppercase;
        line-height: 28px;
        font-size: 17px;
        font-weight: 400
    }

    .fancy_heading .title {
        font-size: 18px;
        line-height: 24px !important;
    }

    h2.sottotitolo-dotcode {
        line-height: 30px !important
    }

    .mcb-wrap.one-fourth {
        width: 50% !important
    }

    p.black {
        font-size: 15px;
        line-height: 30px
    }

    .title h2 {
        font-size: 14px
    }

    h2.titolo-finale {
        font-size: 23px !important;
        line-height: 35px;
        margin-bottom: 0
    }

    h2.testo-contatto {
        font-size: 26px !important
    }

    .call-to-action {
        padding-top: 130px !important;
        padding-bottom: 50px !important
    }

    .section-headline {
        padding-top: 40px !important;
        padding-bottom: 10px !important
    }

    .column_attr {
        padding: 20px 3% !important
    }

    .section-no-bg-mobile {
        background-image: none !important;
        padding-top: 0 !important
    }

    h2.titolo-banner {
        font-size: 29px !important;
        padding-bottom: 20px;
        line-height: 35px
    }

    .section-no-padding-top {
        padding-top: 20px !important
    }

    p.testo-desc3 {
        font-size: 17px !important;
        line-height: 1.2;
        color: #333 !important;
        font-weight: 300 !important
    }

    .container .column,
    .four.columns,
    .section_wrapper .column,
    .section_wrapper .mcb-wrap,
    .sections_group {
        margin: 0;
        width: 100%
    }

    .section-mobile-with-100 {
        width: 90% !important;
        margin: 5% auto !important
    }

    .colonna-50 {
        width: 50% !important
    }

    .one-second.column {
        width: 100% !important
    }

    .no-padding-mobile {
        padding: 0 0 0 3% !important;
        float: none !important
    }

    .display-table {
        display: block
    }

    .display-table-cell {
        width: 100%
    }

    .bg-analisi,
    .bg-consulenza,
    .bg-cromia,
    .bg-elaborazione,
    .bg-fotoritocco,
    .bg-gestione-colore,
    .bg-professionalita,
    .bg-raw-process,
	.bg-cromia-01,
	.bg-cromia-02,
	.bg-cromia-03,
	.bg-viraggio-01,
	.bg-viraggio-02,
	.bg-viraggio-03,
	.bg-fotoinserimento-01,
	.bg-fotoinserimento-02,
	.bg-fotoinserimento-03,
	.bg-scontorno-01,
	.bg-scontorno-02,
	.bg-scontorno-03,
	.bg-ricampionamento-01,
	.bg-ricampionamento-02,
	.bg-ricampionamento-03  {
        background-size: contain;
        min-height: 330px
    }

    .bg-index-img {
        padding: 40px 0 important
    }

    a.button.button_full_width,
    button.button_full_width,
    input[type=submit].button_full_width,
    input[type=reset].button_full_width,
    input[type=button].button_full_width {
        width: 50%;
        margin: 0 25% !important
    }
	
	
h3 {
    font-size: 20px !important;
    line-height: 28px !important;
}
h2.titolo-bold {
	font-size: 20px!important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: 0;
	color: #1a1a1a;
 }

h4, h5, h6 {
    font-size: 20px;
    line-height: 19px;
}
}