/*
Theme Name: Uace
UACE Items + Shortcodes
Author: Nisar Abed (Staff. Virtualgeo)
@import url(css/uace.css);
*/

/*------------------------------------------------------------------------
Fonts > CaviarDreams */

@font-face { 
    font-family: 'CaviarDreams-Regular';
    src: url('../fonts/caviar-dreams/CaviarDreams-Regular.eot');                                    /* IE9 Compat Modes */
    src: url('../fonts/caviar-dreams/CaviarDreams-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/caviar-dreams/CaviarDreams-Regular.otf')        format('opentype'),          /* Open Type Font */
         url('../fonts/caviar-dreams/CaviarDreams-Regular.svg')        format('svg'),               /* Legacy iOS */
         url('../fonts/caviar-dreams/CaviarDreams-Regular.ttf')        format('truetype'),          /* Safari, Android, iOS */
         url('../fonts/caviar-dreams/CaviarDreams-Regular.woff')       format('woff'),              /* Modern Browsers */
         url('../fonts/caviar-dreams/CaviarDreams-Regular.woff2')      format('woff2');             /* Modern Browsers */
    font-weight: normal;
    font-style:  normal;}

@font-face { 
    font-family: 'CaviarDreams-Bold';
    src: url('../fonts/caviar-dreams/CaviarDreams-Bold.eot');                                       /* IE9 Compat Modes */
    src: url('../fonts/caviar-dreams/CaviarDreams-Bold.eot?#iefix') format('embedded-opentype'),    /* IE6-IE8 */
         url('../fonts/caviar-dreams/CaviarDreams-Bold.otf')        format('opentype'),             /* Open Type Font */
         url('../fonts/caviar-dreams/CaviarDreams-Bold.svg')        format('svg'),                  /* Legacy iOS */
         url('../fonts/caviar-dreams/CaviarDreams-Bold.ttf')        format('truetype'),             /* Safari, Android, iOS */
         url('../fonts/caviar-dreams/CaviarDreams-Bold.woff')       format('woff'),                 /* Modern Browsers */
         url('../fonts/caviar-dreams/CaviarDreams-Bold.woff2')      format('woff2');                /* Modern Browsers */
    font-weight: normal;
    font-style:  normal;} 

/*------------------------------------------------------------------------
Intro */

/*------------------------------------------
VR Tour */
.intro_vr_tour {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;}

/*------------------------------------------
ARTing | Coloring */

/* Row */
.row_intro_arting,
.row_intro_coloring {
    height: auto;
    min-height: 85vh;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative;
    background-size: cover;
    background-color: #ccc;}

.intro_arting,
.intro_coloring {
    width: 100%;
    min-height: 85vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #fff;
    position: relative;}


.intro_arting a,
.intro_coloring a {outline: none;}

.intro_arting a.linkab,
.intro_coloring a.linkab {z-index: 5;}

/*------------------------------------------
ARTing */

.text_intro_arting {
    width: auto;
    position: relative;
    margin: 0px auto 0px auto;
    height: auto;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    box-sizing: border-box;
    padding: 15px 15px 15px 15px;
    /* background-color: rgba(0, 255, 255, 0.6); */}

.text_intro_arting a:link,
.text_intro_arting a:active,
.text_intro_arting a:visited,
.text_intro_arting a:hover {
    outline:none;
    color: #333;
    text-decoration: none;}

.text_intro_arting.txt_center_left {
    max-width: 480px;
    margin: 0px auto 0px auto;
    text-align: left;}

/* Presentazione */
.text_overview_arting {
    font-family: "OpenSans-Light", sans-serif, Arial;
    font-size: 20px;
    line-height: 25px;
    color: #121212;
    text-align: center;}

/*------------------------------------------
COLORing */

.intro_coloring, .intro_coloring a, .intro_coloring h1 {
    font-family: 'CaviarDreams-Bold', 'OpenSans-Bold', sans-serif, Arial;
    font-size: 120px;
    line-height: 120px;
    color:#fff;
    width: 100%;}

.intro_coloring.txt_pic, .intro_coloring.txt_pic a, .intro_coloring.txt_pic h1 {
    font-size: 90px;
    line-height: 90px;}

.intro_coloring h1 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;}

.intro_coloring .rosso {color: #ff0000;}
.intro_coloring .arancio {color: #ff9900;}
.intro_coloring .giallo {color: #fffe01;}
.intro_coloring .verde {color: #0dbb01;}
.intro_coloring .azzurro {color: #01ccd2;}
.intro_coloring .blu {color: #0083c2;}

.intro_coloring h1 span:after {content: ' ';}
.intro_coloring h1 span:last-child:after {content: '';}

/*------------------------------------------
Geomatics */
.intro_geomatics {
    font-family: "OpenSans-Light", sans-serif, Arial;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}

.intro_geomatics a {outline: none;}

/*------------------------------------------
Geomatics V1 */

.intro_geomatics.intro_geomatics_v1 {
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 60px 2% 30px 2%;}

.intro_geomatics.intro_geomatics_v1 {
    font-size: 35px;
    line-height: 45px;}

.intro_geomatics.intro_geomatics_v1 a:first-child .ig_txt {padding: 20px 0px 0px 0px;}

.intro_geomatics.intro_geomatics_v1 a:last-child .ig_txt {padding: 0px 0px 30px 0px;}

.intro_geomatics.intro_geomatics_v1 h3,
.intro_geomatics.intro_geomatics_v1 h4 {padding: 10px 0px 10px 0px;}

.intro_geomatics.intro_geomatics_v1 a:link,
.intro_geomatics.intro_geomatics_v1 a:active,
.intro_geomatics.intro_geomatics_v1 a:visited,
.intro_geomatics.intro_geomatics_v1 a:hover {
    color: #333;
    outline: none;}

.intro_geomatics.intro_geomatics_v1 img.ig_link_img {
    width: 160px;
    height: 160px;}

/*------------------------------------------
Geomatics V2 */

.intro_geomatics.intro_geomatics_v2 {
    margin: -15px 0px 0px 0px;
    text-align: center;}

.intro_geomatics.intro_geomatics_v2 .geom_intro_box {
    position: relative;
    display: inline-block;
    float: left;
    width: 50%;
    height: 80vh;
    background-color: #333;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: saturate(65%);
    transition:0.2s ease all;}

.intro_geomatics.intro_geomatics_v2 .geom_intro_box:hover {
    filter: saturate(100%);
    transition:0.2s ease all;}

.intro_geomatics.intro_geomatics_v2 .geom_intro_box,
.intro_geomatics.intro_geomatics_v2 .geom_intro_box a.linkab {
    box-sizing: border-box;
    padding: 55px 55px 55px 55px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    color:#ffffff;
    font-size:25px;
    line-height: 50px;}

/* Links */
.intro_geomatics.intro_geomatics_v2 .geom_intro_box a,
.intro_geomatics.intro_geomatics_v2 .geom_intro_box a .txt_pub h1,
.intro_geomatics.intro_geomatics_v2 .geom_intro_pro .btn_intro_info {
    color: #ffffff;
    text-align: left;
    font-family: "OpenSans-Light", sans-serif, Arial;
    font-weight: normal;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    transition:0.2s ease all;}

.intro_geomatics.intro_geomatics_v2 .geom_intro_pro .btn_intro_info span {cursor: pointer;}

.intro_geomatics.intro_geomatics_v2 .geom_intro_box a:hover,
.intro_geomatics.intro_geomatics_v2 .geom_intro_box a .txt_pub:hover h1,
.intro_geomatics.intro_geomatics_v2 .geom_intro_pro .btn_intro_info span:hover {
    color:#ffbd29;
    text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.8);
    transition:0.2s ease all;}

.intro_geomatics.intro_geomatics_v2 .geom_intro_pro .btn_intro_info {margin: 0px 0px 25px 0px;}

.intro_geomatics.intro_geomatics_v2 .geom_intro_pro .btn_intro_info:last-child {margin: 0px 0px 0px 0px;}

/* Titoli */
.intro_geomatics.intro_geomatics_v2 .txt_titolo,
.intro_geomatics.intro_geomatics_v2 .txt_titoloen {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 35px;
    line-height: 40px;}

.intro_geomatics.intro_geomatics_v2 .txt_titoloen {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    font-size: 30px;
    line-height: 35px;}

.intro_geomatics.intro_geomatics_v2 .txt_titoloen i {font-size: 20px;}

/* Frasi */
.intro_geomatics.intro_geomatics_v2 .ig_txt {
    box-sizing: border-box;
    margin: 0px 0px 0px 0px;
    padding: 45px 15px 45px 15px;
    font-size: 25px;
    line-height: 40px;
    color:#333333;
    background-color: #ffffff;
    border-bottom: 1px solid #ccc;}

.intro_geomatics.intro_geomatics_v2 .ig_txt .separatore {
    border:0px solid transparent;
    height: 25px;}

.intro_geomatics.intro_geomatics_v2 .ig_txt em {color:#666666;}

/*------------------------------------------------------------------------
COLORing */

body.coloring {}

/* Img SC */
body.coloring .uace_img_link {
    border-radius:2px;
    border:5px solid #000;
    box-sizing: border-box;}

/* Img effects */
body.coloring .uace_img_link.zoom img,
body.coloring .uace_img_link.zoom img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
    transition: 0.2s ease all;}

/*------------------------------------------------------------------------
Geomatics */

body.geomatics {}

.legenda_geomatics {
    width: 96%;
    padding: 20px 2% 0px 2% !important;
    margin: 25px 0px 0px 0px !important;
    background-color: #ffffff;
    border-top:1px solid #e2e2e2;
    border-bottom:1px solid #e2e2e2;}

.widget_margin,
.widget_margin.bar_black {
    margin: 25px 0px 0px 0px !important;
    padding: 20px 5% 0px 5% !important;
    border:none;}

.widget_margin.bar_black {margin: 25px 0px 50px 0px !important;}

/*------------------------------------------
Geomatics Bar */

.geomatics_bar {
    text-align: center;
    position: relative;
    width: 96%;
    height: auto;
    padding: 5px 2% 5px 2%;}

.geomatics_bar ul,
.geomatics_bar ul li {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    list-style-type: none;}

.geomatics_bar ul li {
    display: inline-block;
    overflow: hidden;
    height: 68px;
    overflow: hidden;}

ul.geom_inputs,
ul.geom_outputs {
    display: inline-block;
    margin: 0px 5px 0px 5px;}


/* Icons > Geomatics Bar */
.geomatics_bar .icon_geom {
    cursor: auto;
    display: inline-block;
    padding: 0px; 
    border:0px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    background-color: transparent;
    border-radius: 0px; 
    box-shadow: none; 
    text-shadow: none;}

.icon_geom {
    position: relative;
    height: 60px;
    width: 60px;
    box-sizing: content-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;}

.geomatics_bar .icon_geom.active {border-bottom:3px solid rgb(255, 255, 255);}

/* Input */
.icog_input {background-image: url(../icons/geomatics/input.png);}
.icog_foto {background-image: url(../icons/geomatics/foto.png);}
.icog_total_station {background-image: url(../icons/geomatics/total_station.png);}
.icog_triscan {background-image: url(../icons/geomatics/triangolazione_scanner.png);}
.icog_apr_drone {background-image: url(../icons/geomatics/apr_drone.png);}
.icog_aero_lidar {background-image: url(../icons/geomatics/aero_lidar.png);}
.icog_cartografia {background-image: url(../icons/geomatics/cartografia.png);}
.icog_sonarmb {background-image: url(../icons/geomatics/sonar_multibeam.png);}
.icog_gps {background-image: url(../icons/geomatics/gps.png);}
.icog_lidar {background-image: url(../icons/geomatics/lidar.png);}
.icog_mobile_lidar {background-image: url(../icons/geomatics/mobile_lidar.png);}
/* Output */
.icog_output {background-image: url(../icons/geomatics/output.png);}
.icog_point {background-image: url(../icons/geomatics/point.png);}
.icog_3d {background-image: url(../icons/geomatics/3d.png);}
.icog_tin {background-image: url(../icons/geomatics/tin.png);}
.icog_dtm {background-image: url(../icons/geomatics/dtm.png);}
.icog_ditm {background-image: url(../icons/geomatics/ditm.png);}
.icog_dem {background-image: url(../icons/geomatics/dem.png);}
.icog_dem-i {background-image: url(../icons/geomatics/dem-i.png);}
.icog_bim {background-image: url(../icons/geomatics/bim.png);}
.icog_lim {background-image: url(../icons/geomatics/lim.png);}
.icog_pdm {background-image: url(../icons/geomatics/pdm.png);}

/* Bar Black */
.geomatics_bar.bar_black {}

/* Input */
.bar_black .icog_input,
.bar_black .icog_foto,
.bar_black .icog_gps,
.bar_black .icog_triscan,
.bar_black .icog_apr_drone,
.bar_black .icog_aero_lidar,
.bar_black .icog_cartografia,
.bar_black .icog_sonarmb,
.bar_black .icog_lidar,
.bar_black .icog_mobile_lidar,
.bar_black .icog_total_station,
/* Output */
.bar_black .icog_output,
.bar_black .icog_point,
.bar_black .icog_3d,
.bar_black .icog_tin,
.bar_black .icog_dtm,
.bar_black .icog_ditm,
.bar_black .icog_dem,
.bar_black .icog_dem-i,
.bar_black .icog_bim,
.bar_black .icog_lim,
.bar_black .icog_pdm {
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);}

.geomatics_bar.bar_black .icon_geom.active,
.bar_black .geomatics_bar .icon_geom.active {border-bottom: 3px solid rgb(0, 0, 0);}

/*------------------------------------------
Widget > Bar Black */

.geom_wiframe_area.bar_black {
    margin: 0px 0px 0px 0px;
    background-color: #000;}

.geom_wiframe_area.bar_black .widget-title,
.geom_wiframe_area.bar_black .textwidget h3,
.geom_wiframe_area.bar_black .textwidget .text_box {color: #fff;}

.geom_wiframe_area.bar_black .textwidget .cont_iframe, 
.geom_wiframe_area.bar_black .textwidget .geom_link_img {
    border-top: 1px solid #242424;
    border-bottom: 1px solid #242424;}

/*------------------------------------------
Widget > Bar Sovrapposta */

.geom_wiframe_area.bar_hover {}

.geom_wiframe_area.bar_hover .textwidget .cont_iframe, 
.geom_wiframe_area.bar_hover .textwidget .cont_iframe iframe, 
.geom_wiframe_area.bar_hover .textwidget .geom_link_img {height: 100vh;}

.geom_wiframe_area.bar_hover .widget-title {display: none;}

.geom_wiframe_area.bar_hover .bar_hover {
    position: absolute;
    width: 100%;
    height: auto;
    top:50px;
    left:0px;
    right:0px;
    bottom:auto;
    z-index: 2;}

.geom_wiframe_area.bar_black .textwidget .cont_iframe, 
.geom_wiframe_area.bar_black .textwidget .geom_link_img {
    border-top: 0px solid #f2f2f2;
    border-bottom: 0px solid #f2f2f2;}

.geom_wiframe_area.bar_hover .bar_hover,
.geom_wiframe_area.bar_hover .bar_hover.sc_bar_hover:before {background-color: rgba(255, 255, 255, 0.5);}

.geom_wiframe_area.bar_hover.bar_black .bar_hover,
.geom_wiframe_area.bar_hover.bar_black .bar_hover.sc_bar_hover:before {background-color: rgba(0, 0, 0, 0.5);}


/* Barra Sottile */
.geom_wiframe_area.bar_hover .textwidget h3 {
    padding: 25px 0px 5px 2%;
    min-height: 0px;}

.geom_wiframe_area.bar_hover .textwidget .geomatics_bar {padding: 0px 0px 0px 0px;}

/* Icone bar hover */
.geom_wiframe_area.bar_hover .geomatics_bar ul li {height: 63px;}

.geom_wiframe_area.bar_hover .icon_geom {
    cursor: pointer;
    height: 55px; 
    width: 55px;}

/*------------------------------------------
Versione Shortcode */

/* Tooltip */
.geomatics_bar.tooltip_on ul li {overflow: visible;}

.geomatics_bar.tooltip_on ul li [tooltip]::after {min-width: 100px;}

.geomatics_bar.tooltip_on ul li [tooltip]::after,
.geomatics_bar.tooltip_on ul li [tooltip]::before {filter:invert(100%);}

/* Shortcode */
.geom_wiframe_area.bar_hover .bar_hover.sc_bar_hover {z-index: auto;}

.geom_wiframe_area.bar_hover .bar_hover.sc_bar_hover:before {
    content: '';
    position: absolute;
    top:0px;
    left:0px;
    bottom:0px;
    top:0px;
    width: 100%;
    height: 100%;
    z-index: 8;}

.geom_wiframe_area.bar_hover .bar_hover.sc_bar_hover .text_box {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 5px 2% 5px 2%;}

.geom_wiframe_area.bar_hover .bar_hover.sc_bar_hover .title_box,
.geom_wiframe_area.bar_hover .bar_hover.sc_bar_hover .text_box {z-index: 9;}

.geom_wiframe_area.bar_hover .bar_hover.sc_bar_hover .geomatics_bar ul li {z-index: 11;}

/*------------------------------------------
Geomatics Bar + Legenda */

.geomatics_bar .infov {display: none;}

.geomatics_bar.legenda .infov {
    display:block;
    position: absolute;
    width: 280px;
    height: 60px;
    text-align: right;
    line-height: 55px;
    font-size: 16px;
    color:#333;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: -110px;
    top:180px;
    overflow: hidden;}

.geomatics_bar.legenda .icon_geom {margin-bottom: 290px;}

.geomatics_bar.legenda .gb_hide {opacity: 0;}

.geomatics_bar.legenda ul li {
    height: auto; 
    overflow:hidden;}

/*------------------------------------------
Gallery Shortcode [uimgl] */

/* Row Title */
body.fullscreen_pb .entry-content .panel-grid .row_title_geomatics_uimgl .bar_hover,
body.fullscreen_pb .entry-content .panel-grid .panel-row-style.row_title_geomatics_uimgl .bar_hover {
    position: relative;
    top:0px;}

/* Row Gallery */
body.fullscreen_pb .entry-content .panel-grid .row_geomatics_uimgl,
body.fullscreen_pb .entry-content .panel-grid .panel-row-style.row_geomatics_uimgl {padding: 40px 50px 65px 50px;}

/* Debug
.geomatics_bar li {background-color:aqua;}
.geomatics_bar.legenda .infov {background-color:darkorange;}
.geomatics_bar.legenda .icon_geom {background-color: red;}
*/

/*------------------------------------------
Widget Iframe/Img + body.fullscreen_pb */

.geom_wiframe_area {
    position: relative;
    margin: 0px auto 0px auto;}

.geom_wiframe_area .textwidget {}

/* Img */
.geom_wiframe_area .textwidget .geom_link_img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;}

/* Img > Link */
.geom_wiframe_area .textwidget .geom_link_img a {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    opacity: 0.7;
    transition: 0.2s ease all;
    transform: scale(0.95);
    background-image: url(../icons/geomatics/play.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px 120px;
    z-index: 10;}

.geom_wiframe_area .textwidget .geom_link_img a:hover,
.geom_wiframe_area .textwidget .geom_link_img a:focus {
    transform: scale(1.0);
    opacity: 0.9;
    transition: 0.2s ease all;}

/* iframe */
.geom_wiframe_area .textwidget .cont_iframe,
.geom_wiframe_area .textwidget .cont_iframe iframe,
/* img */
.geom_wiframe_area .textwidget .geom_link_img {
    position: relative;
    height: 90vh;
    width: 100%;
    padding: 0px;
    margin: 0px;}

/* iframe */
.geom_wiframe_area .textwidget .cont_iframe,
/* img */
.geom_wiframe_area .textwidget .geom_link_img {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;}

.geom_wiframe_area .textwidget .cont_iframe iframe {
    position: absolute;
    height: 100%;
    top:0px;
    left:0px;
    bottom:0px;
    right: 0px;}

/* iframe */
.geom_wiframe_area .textwidget .cont_iframe,
.geom_wiframe_area .textwidget .cont_iframe iframe,
/* Img */
.geom_wiframe_area .textwidget .geom_link_img {background-color: #141414;}

/* Loading */
.geom_wiframe_area .textwidget .cont_iframe iframe {
    /* background-image: url(../icons/loading/loading_b.gif); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150px 150px;}

/*------------------------------------------
Titolo h3 + geomatics_bar > stessa linea */

/* Contenitore */
.geom_wiframe_area {margin:60px 0px 0px 0px;}

/* Nascondi titolo di default */
.geom_wiframe_area .widget-title {display: none;}

/* Titolo */
.geom_wiframe_area .textwidget h3 {
    position: relative;
    font-size: 28px;
    line-height: 32px;
    min-height: 69px;
    width: 600px;
    text-align: left;
    padding: 49px 0px 5px 2%;
    float:left;}

/* Titolo Lungo */
.geom_wiframe_area .textwidget h3 span {
    font-size: 18px;
    line-height: 20px;}

/* Geomatics Bar */
.geom_wiframe_area .textwidget .geomatics_bar {
    width: 1400px;
    padding: 20px 2% 20px 0px;
    float:right;}

.geom_wiframe_area .textwidget .geomatics_bar.txtc {
    width: 100%;
    text-align: center;
    padding: 10px 2% 10px 2%;
    float:none;}

/* Debug */
/*
.geom_wiframe_area .textwidget {background-color: aqua;}
.geom_wiframe_area .textwidget h3 {background-color: #8000ff;}
.geom_wiframe_area .textwidget .geomatics_bar {background-color: #00ff80;}
*/

.geom_wiframe_area .textwidget h3,
.geom_wiframe_area .textwidget .geomatics_bar {display: inline-block;}

/*------------------------------------------------------------------------
Logos Footer Links */

.uace_logos_footer {
    position: relative;
    text-align: right;
    padding-top:5px;
    padding-bottom: 5px;
    min-height: 50px;
    line-height: 50px;
    width: 100%;}

.uace_logos_footer img {
    height: 50px;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;}

.uace_logos_footer a {max-height: 50px;}

.uace_logos_footer p {margin: 0px 0px 0px 0px;}

/*------------------------------------------------------------------------
Gallery Educational ApaintArt */

.gallery_paintart {
    width: 100%; 
    height: auto; 
    position: relative;}

.paintart_x2,
.paintart_x3,
.paintart_x5 {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 1%;
    margin-top: 10px;
    margin-bottom: 80px;
    height: 230px;}

.paintart_x5 {width:19%;}

.paintart_x3 {width:32%;}

.paintart_x2 {
    width:49%;
    height: 400px;}

.paintart_x2 p,
.paintart_x3 p,
.paintart_x5 p {display:none;}

.paintart_x2 img,
.paintart_x3 img,
.paintart_x5 img {
    border: 1px solid #ccc;
    position: relative;
    width: 100%;
    height: auto;}

.paintart_links {
    position: relative;
    width: 100%;
    font-size:13px;
    height: auto;}

.pal_left {
    float: left;
    text-align: center;
    width: 100%; 
    height: 30px; 
    line-height: 30px;}

.pal_right {
    display:none;
    float: right;
    text-align: center;
    width: 50%; 
    height: 30px; 
    line-height: 30px;}

/* Links */
.pal_left a, .pal_right a {color:#151515;}

/* Pulsanti */
.paintart_links .btn_light {
    color:#000000;
    border:1px solid #ccc;
    background-color: #ffffff;}

.paintart_links .btn_light:hover,
.paintart_links .btn_light:focus {
    color:#ffffff;
    background-color: #1473e6;
    border:1px solid transparent;}

/*------------------------------------------------------------------------
Quadri */

/* Contenitore */
.entry-content .quad_area {
    position: relative;
    width: 96%;
    margin-left: auto;
    margin-right: auto;}

.quad_area p,
.quad_1x p,
.quad_2x p,
.quad_3x p,
.quad_4x p,
.quad_5x p,
.quad_6x p,
.quad_7x p,
.quad_8x p {
    display: block; 
    padding: 0px; 
    margin: 0px;}

/* Quadri x */
.entry-content .quad_1x,
.entry-content .quad_2x,
.entry-content .quad_3x,
.entry-content .quad_4x,
.entry-content .quad_5x,
.entry-content .quad_6x,
.entry-content .quad_7x,
.entry-content .quad_8x {
    display: inline-block;
    text-align: left;
    float: left;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0%;
    padding-right: 0%;
    min-height: 250px;}

.quad_1x {width: 100%;}
.quad_2x {width: 49.5%;}
.quad_3x {width: 33.33333%;}
.quad_4x {width: 25%;}
.quad_5x {width: 19.5%;}
.quad_6x {width: 16.66666%;}
.quad_7x {width: 14%;}
.quad_8x {width: 12%;}

/* Quadri xs */
.entry-content .quad_1xs,
.entry-content .quad_2xs,
.entry-content .quad_3xs,
.entry-content .quad_4xs,
.entry-content .quad_5xs,
.entry-content .quad_6xs,
.entry-content .quad_7xs,
.entry-content .quad_8xs {
    display: inline-block;
    text-align: left;
    float: left;
    overflow: hidden;
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 20px 2% 20px 2%;
    min-height: 100px;}

.quad_1xs {width: 96%;}
.quad_2xs {width: 45.5%;}
.quad_3xs {width: 29.33333%;}
.quad_4xs {width: 21%;}
.quad_5xs {width: 15.5%;}
.quad_6xs {width: 12.66666%;}
.quad_7xs {width: 10%;}
.quad_8xs {width: 8%;}

.quadx_img_int {position: absolute;}

/* Titolo */
.entry-content .quadx_img .widget-title, 
.entry-content .quadx_img h3,
.entry-content .quadx_img h4 {
    padding-top: 33%;
    margin: 0px; 
    text-align: center;
    width: 98%;
    color:#fff;
    line-height: 30px;
    font-size: 30px;
    position: relative;
    z-index: 100;
    transition: 0.2s ease all;}

.quad_1xs:hover .quadx_img .widget-title,
.quad_2xs:hover .quadx_img .widget-title,
.quad_3xs:hover .quadx_img .widget-title,
.quad_4xs:hover .quadx_img .widget-title,
.quad_5xs:hover .quadx_img .widget-title,
.quad_6xs:hover .quadx_img .widget-title,
.quad_7xs:hover .quadx_img .widget-title,
.quad_8xs:hover .quadx_img .widget-title {
    color: #ffbd29;
    transition: 0.2s ease all;}

/* Immagini Div */
.quadx_img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color:rgba(155, 155, 155, 0.9);
    overflow: hidden;
    /* filter: brightness(0.7); */
    transition: 0.2s ease all;}

.quadx_img:hover {
    /* filter: brightness(1); */
    background-size:cover;
    transition: 0.2s ease all;}

.quad_1xs .quadx_img,
.quad_2xs .quadx_img,
.quad_3xs .quadx_img,
.quad_4xs .quadx_img,
.quad_5xs .quadx_img,
.quad_6xs .quadx_img,
.quad_7xs .quadx_img,
.quad_8xs .quadx_img {
    border-radius: 2px;
    position: relative; 
    min-height: 230px;}

/* Img Effetto */
.quadx_img img {
    position: absolute;
    top:0px;
    left:-30%;
    width: 160%;
    max-width: none;
    height: auto;
    -webkit-filter: brightness(0.4);
    filter: brightness(0.4);
    transition: 0.2s ease all;}

.quadx_img:hover img {
    left:-35%;
    width: 170%;
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7);
    transition: 0.2s ease all;}

/* Img Effetto Light */
.qx_img_white img {
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7);}

.qx_img_white:hover img {
    -webkit-filter: brightness(1.0);
    filter: brightness(1.0);}

/* Posizione */
.quad_2xs .quadx_img img {
    width: 120%; 
    left:-10%;}

.quad_2xs .quadx_img:hover img {
    left:-15%;
    width: 130%;
    transition: 0.2s ease all;}

/*------------------------------------------------------------------------
VR Tour */

body.vr_tour {background-color: #fff;}

body.vr_tour .quad_area.vr_gallery {
    margin-top: 50px;
    margin-bottom: 80px;}

body.vr_tour .quad_area.vr_gallery .quad_1xs {
    min-height: 60px;
    margin: 0px 2% 0px 2%;}

body.vr_tour .quad_area.vr_gallery .quad_1xs div {
    margin-top: 30px;
    margin-bottom: 35px;}

body.vr_tour .quad_area.vr_gallery .quad_1xs div.eng {font-style: italic;} 

.vr_gallery .vrviewers_title {
    position: relative;
    text-align: center;
    padding: 25px 5px 15px 5px;}

/*------------------------------------------------------------------------
VR Gallery */

.vr_gallery .quad_1xs,
.vr_gallery .quad_2xs,
.vr_gallery .quad_3xs,
.vr_gallery .quad_4xs,
.vr_gallery .quad_5xs,
.vr_gallery .quad_6xs,
.vr_gallery .quad_7xs,
.vr_gallery .quad_8xs {
    font-family: "OpenSans-Bold", sans-serif, arial;
    font-size: 16px;
    color: #f15a24;
    margin-bottom: 40px;
    overflow: visible;
    text-align: center;}

.vr_gallery .quad_1xs div,
.vr_gallery .quad_2xs div,
.vr_gallery .quad_3xs div,
.vr_gallery .quad_4xs div,
.vr_gallery .quad_5xs div,
.vr_gallery .quad_6xs div,
.vr_gallery .quad_7xs div,
.vr_gallery .quad_8xs div {margin-bottom: 6px;}

.vr_gallery .quad_1xs .eng,
.vr_gallery .quad_2xs .eng,
.vr_gallery .quad_3xs .eng,
.vr_gallery .quad_4xs .eng,
.vr_gallery .quad_5xs .eng,
.vr_gallery .quad_6xs .eng,
.vr_gallery .quad_7xs .eng,
.vr_gallery .quad_8xs .eng {
    font-family: "OpenSans-Regular", sans-serif, arial;
    color: #404040;
    font-size: 15px;}

.vr_gallery .quad_1xs img,
.vr_gallery .quad_2xs img,
.vr_gallery .quad_3xs img,
.vr_gallery .quad_4xs img,
.vr_gallery .quad_5xs img,
.vr_gallery .quad_6xs img,
.vr_gallery .quad_7xs img,
.vr_gallery .quad_8xs img {margin-bottom: 10px;}

/*------------------------------------------------------------------------
Pulsante VR */

.uintro_vr_tour {}

.vr_gallery .quad_1xs.uintro_vr_tour,
body.vr_tour .quad_area.vr_gallery .quad_1xs.uintro_vr_tour {
    margin: 0px 0px 30px 0px;
    width: 100%;}

.vr_gallery .quad_1xs.uintro_vr_tour div,
body.vr_tour .quad_area.vr_gallery .quad_1xs.uintro_vr_tour div {margin: 0px 0px 0px 0px;}

.vr_gallery .txt_info {
    font-family: "OpenSans-Regular", sans-serif, arial;
    font-weight: normal;
    color: #666666;
    padding: 0px 10px 25px 10px;}

/* Buttons */
.uintro_vr_tour .pulse_link_vr {display: block;}

.uintro_vr_tour .pulse_link_vr.hidden {display: none;}

.pulse_link_vr,
.pulse_link_no_mobile_vr {
    font-family: "OpenSans-Bold", sans-serif, arial;
    font-size:23px;
    position: relative;
    padding: 20px;
    background-color:#f47142;
    background-image: linear-gradient(#e97145, #f15a24);
    color: #f7f7f7;
    width: 280px;
    max-width: 90%;
    margin: 0px auto 0px auto;
    text-decoration: none;
    border:0px solid #ccc;
    border-radius:15px;
    transition: 0.2s ease all;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);}

.pulse_link_vr:hover,
.pulse_link_no_mobile_vr:hover {
    background-color:#f55014;
    background-image: linear-gradient(#ef8964, #f15a24);
    color: #fff;
    transition: 0.2s ease all;}

.pulse_link_no_mobile_vr {
    font-size:16px;
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    line-height: 30px;}

.pulse_link_no_mobile_vr a {color: #fff !important;}

/*------------------------------------------------------------------------
Pulsante Info Opera | Shortcode */

.pulse_uace_info_view {
    position: absolute;
    bottom:85px;
    left:auto;
    right: 45px;
    top:auto;
    z-index: 500;}

.pulse_uace_info_view a,
.pulse_uace_info_view a:link,
.pulse_uace_info_view a:active,
.pulse_uace_info_view a:visited {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 10px 5px 0px 5px;
    border-radius: 50%;
    color:#2f2f2f;
    border:1px solid #eee; /* #cccccc */
    background-color: rgba(255, 255, 255, 0.9);
    transition: 0.2s ease all;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    background-size: 100% 100%;
    background-repeat: no-repeat;}

.pulse_uace_info_view a:hover,
.pulse_uace_info_view a:focus {
    color:#000000;
    background-color: rgb(255, 255, 255);
    transition: 0.2s ease all;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);}

.pulse_uace_info_view a i {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    font-size: 20px;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: center;}

.pulse_uace_info_view a.img_info {background-image: url(../icons/color-art/info.png);}

/*------------------------------------------------------------------------
Videoguide Wellcome */

/* Solo Testo */
.videoguide_wellcome .vg_wellcome_txt {
    cursor:pointer;
    margin: 70px auto 70px auto;
    padding: 15px 15px 15px 15px;
    box-sizing: border-box;
    width: 100%;
    max-height: 80vh;
    min-height: 40vh;
    overflow: auto;}

.videoguide_wellcome .vg_wellcome_txt p {margin: 0px 0px 0px 0px;}

.videoguide_wellcome .vg_wellcome_txt .btn_txt {
    max-width: 300px;
    margin: 30px auto 0px auto;}

.videoguide_wellcome .vg_wellcome_txt .btn_txt:hover {
    color:#ffb000;
    text-shadow: 2px 2px 2px rgba(255, 176, 0, 0.5);}

.videoguide_wellcome .vg_wellcome_txt .btn_txt,
.videoguide_wellcome .vg_wellcome_txt .btn_txt:hover {transition: 0.2s ease all;}

/* Sfondi Trasp */
.videoguide_wellcome.bg_dark_trasp {background-color: rgba(29, 29, 29, 0.8);}

.videoguide_wellcome.bg_light_trasp {background-color: rgba(248, 248, 248, 0.80);}

/* Crediti Sfondo Intro */
.videoguide_wellcome .vg_wellcome_credits {
    position: absolute;
    bottom: 70px;
    left: 10px;
    right: auto;
    top: auto;
    text-align: left;
    line-height: 18px;
    font-size: 16px;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.8);}

/* IMG Message > Desktop/Mobile */
.videoguide_wellcome img.img_message.img_desktop,
.videoguide_wellcome.has_img_mobile img.img_message.img_desktop {display: block;}

.videoguide_wellcome img.img_message.img_mobile,
.videoguide_wellcome.has_img_mobile img.img_message.img_mobile {display: none;}


/*------------------------------------------------------------------------
Responsive Media Query */

/*------------------------------------------
Pixel Ratio 2
@media screen and (-webkit-min-device-pixel-ratio: 2) {} 
*/

@media (max-width: 2560px) {} 
@media (max-width: 2050px) {
    
    /*------------------------------------------
    Geomatics */
    
    /* Titolo */
    .geom_wiframe_area .textwidget h3 {width: 360px;}

    /* Titolo Lungo */
    .geom_wiframe_area .textwidget h3.title_box {width: 480px;}

    .geom_wiframe_area .textwidget h3.txt_long {
        font-size: 23px;
        line-height: 25px;}
    
}
@media (max-width: 1920px) {
    
    /*------------------------------------------
    Intro Coloring */
    
    .intro_coloring, .intro_coloring a, .intro_coloring h1 {
        font-size: 100px;
        line-height: 100px;}

     /* Intro Coloring */
    .intro_coloring.txt_pic, .intro_coloring.txt_pic a, .intro_coloring.txt_pic h1 {
        font-size: 75px;
        line-height: 75px;}

    /*------------------------------------------
    Geomatics */
    
    /* Titolo h3 + Geo Bar > Unica Linea */
    .geom_wiframe_area .textwidget h3 {
        font-size: 23px;
        line-height: 25px;
        width: 250px;}

    /* Titolo Lungo */
    .geom_wiframe_area .textwidget h3.title_box {
        width: 240px;
        padding: 19px 9px 12px 2%;
        overflow: hidden;}

    .geom_wiframe_area .textwidget h3.title_box span {display: block;}
    
    .geom_wiframe_area .textwidget h3.txt_long {
        font-size: 20px;
        line-height: 22px;}

    .geom_wiframe_area .textwidget h3.txt_long span {
        font-size: 16px;
        line-height: 22px;}

    /* Intro > Titoli */
    .intro_geomatics.intro_geomatics_v2 .txt_titolo {
        font-size: 30px;
        line-height: 35px;}

    .intro_geomatics.intro_geomatics_v2 .txt_titoloen {
        font-size: 25px;
        line-height: 30px;}

    .intro_geomatics.intro_geomatics_v2 .txt_titoloen i {font-size: 15px;}
}
@media (max-width: 1680px) {
    
    /*------------------------------------------
    Intro Coloring */
    
    .intro_coloring.flex_box, .intro_coloring .flex_box {min-height: 70vh;}

    .intro_coloring, .intro_coloring a, .intro_coloring h1 {
        font-size: 80px;
        line-height: 80px;}

    .intro_coloring.txt_pic, .intro_coloring.txt_pic a, .intro_coloring.txt_pic h1 {
        font-size: 60px;
        line-height: 60px;}

    /*------------------------------------------
    Geomatics */
    
    /* Titolo h3 + Geo Bar > Unica Linea */
    .geom_wiframe_area .widget-title {display: block;}
    .geom_wiframe_area .textwidget h3 {display: none;}

    /* Geomatics */
    .intro_geomatics.intro_geomatics_v1,
    .intro_geomatics.intro_geomatics_v1 h3,
    .intro_geomatics.intro_geomatics_v1 h4,
    .geom_wiframe_area .textwidget h3.txt_long,
    .geom_wiframe_area .textwidget h3.txt_long span {
        font-size: 25px;
        line-height: 30px;}

    .geom_wiframe_area .textwidget h3.title_box span {display: inline-block;}

    /* Geomatics Bar */
    .geom_wiframe_area .textwidget .geomatics_bar {
        padding: 20px 2% 20px 2%;
        width: 96%;
        float:none;}

    .geom_wiframe_area .icon_geom,
    .geom_wiframe_area.bar_hover .icon_geom {
        height: 50px;
        width: 50px;}

    .geomatics_bar ul li,
    .geom_wiframe_area.bar_hover .geomatics_bar ul li {height: 55px;}

    /* Widget > Bar Sovrapposta */
    .geom_wiframe_area.bar_hover .textwidget h3 {
        display: block;
        text-align: center;
        width: 100%;}

    .geom_wiframe_area.bar_hover {width: 100%;}

    .geom_wiframe_area.bar_hover .textwidget .geomatics_bar {text-align: center;}

    /* Bar Hover */
    .geom_wiframe_area.bar_hover .bar_hover {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 5% 0px 5%;}

    /* Intro > Titoli */
    .intro_geomatics.intro_geomatics_v2 .txt_titolo {
        font-size: 22px;
        line-height: 28px;}

    .intro_geomatics.intro_geomatics_v2 .txt_titoloen {
        font-size: 18px;
        line-height: 22px;}

    .intro_geomatics.intro_geomatics_v2 .txt_titoloen i {font-size: 13px;}
}
@media (max-width: 1366px) {}
@media (max-width: 1344px) {
    
    /*------------------------------------------
    Intro Coloring */
    .intro_coloring, .intro_coloring a, .intro_coloring h1 {
        font-size: 70px;
        line-height: 70px;}

    .intro_coloring.txt_pic, .intro_coloring.txt_pic a, .intro_coloring.txt_pic h1 {
        font-size: 50px;
        line-height: 50px;}

    /* Geomatics > Intro > Titoli */
    .intro_geomatics.intro_geomatics_v2 .geom_intro_box, 
    .intro_geomatics.intro_geomatics_v2 .geom_intro_box a.linkab {padding: 25px 25px 25px 25px;}

}
@media (max-width: 1280px) {}
@media (max-width: 1164px) {
    
    /*------------------------------------------
    Logos Footer Links */
    .uace_logos_footer {
        line-height: 40px;
        min-height: 40px;}

    .uace_logos_footer img {height: 40px;}

    .uace_logos_footer a {max-height: 40px;}

    /* Pulsante Info Opera */
    .pulse_uace_info_view {bottom:75px;}
    
    /* Intro Coloring */
    .intro_coloring, .intro_coloring a, .intro_coloring h1 {
        font-size: 48px;
        line-height: 48px;}

    .intro_coloring.txt_pic, .intro_coloring.txt_pic a, .intro_coloring.txt_pic h1 {
        font-size: 35px;
        line-height: 35px;}
    
    /*------------------------------------------
    Geomatics */
    .intro_geomatics.intro_geomatics_v1 {padding: 15px 2% 15px 2%;}

    .intro_geomatics.intro_geomatics_v1,
    .intro_geomatics.intro_geomatics_v1 h3,
    .intro_geomatics.intro_geomatics_v1 h4,
    .geom_wiframe_area .textwidget h3.txt_long,
    .geom_wiframe_area .textwidget h3.txt_long span {
        font-size: 20px;
        line-height: 25px;}

    /* Geomatics Bar */
    .geom_wiframe_area .icon_geom,
    .geom_wiframe_area.bar_hover .icon_geom {
        height: 40px;
        width: 40px;}

    .geomatics_bar ul li,
    .geom_wiframe_area.bar_hover .geomatics_bar ul li {height: 45px;}
    
    /*------------------------------------------
    Intro > Titoli */
    
    .intro_geomatics.intro_geomatics_v2 .geom_intro_box {
        width: 100%;
        height: auto;
        min-height: 40vh;}
    
    .intro_geomatics.intro_geomatics_v2 .geom_intro_box a, 
    .intro_geomatics.intro_geomatics_v2 .geom_intro_box a .txt_pub h1, 
    .intro_geomatics.intro_geomatics_v2 .geom_intro_box h2, 
    .intro_geomatics.intro_geomatics_v2 .geom_intro_pro .btn_intro_info {text-align: center;}
    
    .intro_geomatics.intro_geomatics_v2 .txt_titolo {
        font-size: 20px;
        line-height: 25px;}
    
    .intro_geomatics.intro_geomatics_v2 .txt_titoloen {
        font-size: 16px;
        line-height: 20px;}
    
    .intro_geomatics.intro_geomatics_v2 .txt_titoloen i {font-size: 11px;}
    
    .intro_geomatics.intro_geomatics_v2 .ig_txt {
        font-size: 20px;
        line-height: 30px;}
    
}
@media (max-width: 1080px) {}
@media (max-width: 1024px) {
    
    /*------------------------------------------
    Gallery Educational ApaintArt */
    
    .paintart_x2,
    .paintart_x3,
    .paintart_x5 {
        margin-bottom: 0px;
        width:32.33333%;
        height: 290px;}
    
    .paintart_x2 {
        width: 49%;
        height: 380px;}
    
    /*------------------------------------------
    Quadri */
    
    .quad_1xs .quadx_img,
    .quad_2xs .quadx_img,
    .quad_3xs .quadx_img,
    .quad_4xs .quadx_img,
    .quad_5xs .quadx_img,
    .quad_6xs .quadx_img,
    .quad_7xs .quadx_img,
    .quad_8xs .quadx_img {min-height: 180px;}
    
    .entry-content .quadx_img .widget-title, 
    .entry-content .quadx_img h3, 
    .entry-content .quadx_img h4 {
        padding-top: 33%; 
        font-size: 25px;}
    
}
@media (max-width: 992px) {
    
    /*------------------------------------------
    Wellcome Videoguide */
    .videoguide_wellcome .vg_wellcome_txt {margin: 70px auto 70px auto;}

    /* IMG Message > Desktop/Mobile */
    .videoguide_wellcome.has_img_mobile img.img_message.img_desktop {display: none;}
    .videoguide_wellcome.has_img_mobile img.img_message.img_mobile {display: block;}
    
}
@media (max-width: 999px) {}
@media (max-width: 810px) {
    
    /*------------------------------------------
    Gallery Educational ApaintArt */
    
    .paintart_x2,
    .paintart_x3,
    .paintart_x5 {
        width:32.33333%;
        height: 250px;}

    .paintart_x2 {
        width: 49%;
        height: 320px;}
    
    /*------------------------------------------
    Pulsante Info Opera */
    
    .pulse_uace_info_view {bottom:25px;}
    
    /*------------------------------------------
    Intro Coloring */
    
    .intro_coloring.flex_box, .intro_coloring .flex_box {min-height: 60vh;}
    
    .intro_coloring, .intro_coloring a, .intro_coloring h1 {
        font-size: 35px;
        line-height: 35px;}
    
    .intro_coloring.txt_pic, .intro_coloring.txt_pic a, .intro_coloring.txt_pic h1 {
        font-size: 25px;
        line-height: 25px;}
    
    /*------------------------------------------
    Wellcome Videoguide */
    
    .videoguide_wellcome .vg_wellcome_txt {margin: 60px auto 10px auto;}
    
    /* Crediti Sfondo Intro */
    .videoguide_wellcome .vg_wellcome_credits {
        bottom: 5px;
        left: auto;
        right: 10px;
        top: auto;
        text-align: right;
        line-height: 16px;
        font-size: 14px;}
    
}
@media (max-width: 765px) {
    
    /*------------------------------------------
    Quadri */
    
    .entry-content .quad_1x,
    .entry-content .quad_2x,
    .entry-content .quad_3x,
    .entry-content .quad_4x,
    .entry-content .quad_5x,
    .entry-content .quad_6x,
    .entry-content .quad_7x,
    .entry-content .quad_8x {
        min-height: 280px; 
        width: 100%; 
        margin-top: 10px;
        margin-bottom: 10px;}

    .entry-content .quad_1xs,
    .entry-content .quad_2xs,
    .entry-content .quad_3xs,
    .entry-content .quad_4xs,
    .entry-content .quad_5xs,
    .entry-content .quad_6xs,
    .entry-content .quad_7xs,
    .entry-content .quad_8xs {width: 96%;}

    .quad_1xs .quadx_img,
    .quad_2xs .quadx_img,
    .quad_3xs .quadx_img,
    .quad_4xs .quadx_img,
    .quad_5xs .quadx_img,
    .quad_6xs .quadx_img,
    .quad_7xs .quadx_img,
    .quad_8xs .quadx_img {min-height: 250px;}

    .entry-content .quadx_img .widget-title, 
    .entry-content .quadx_img h3, 
    .entry-content .quadx_img h4 {
        padding-top: 18%; 
        font-size: 35px;}

    /*------------------------------------------
    VR Gallery */
    
    .vr_gallery .quad_1xs,
    .vr_gallery .quad_2xs,
    .vr_gallery .quad_3xs,
    .vr_gallery .quad_4xs,
    .vr_gallery .quad_5xs,
    .vr_gallery .quad_6xs,
    .vr_gallery .quad_7xs,
    .vr_gallery .quad_8xs {font-size: 15px;}

    .vr_gallery .quad_1xs .eng,
    .vr_gallery .quad_2xs .eng,
    .vr_gallery .quad_3xs .eng,
    .vr_gallery .quad_4xs .eng,
    .vr_gallery .quad_5xs .eng,
    .vr_gallery .quad_6xs .eng,
    .vr_gallery .quad_7xs .eng,
    .vr_gallery .quad_8xs .eng {font-size: 14px;}

    /*------------------------------------------
    Geomatics */
    
    .intro_geomatics.intro_geomatics_v1 {padding: 5px 2% 5px 2%;}

    .intro_geomatics.intro_geomatics_v1,
    .intro_geomatics.intro_geomatics_v1 h3,
    .intro_geomatics.intro_geomatics_v1 h4,
    .geom_wiframe_area .textwidget h3.txt_long,
    .geom_wiframe_area .textwidget h3.txt_long span {
        font-size: 16px;
        line-height: 21px;}
    
    /*------------------------------------------
    Geomatics > Intro */
    
    .intro_geomatics.intro_geomatics_v2 .btn_intro_info span {display: block;}

    .intro_geomatics.intro_geomatics_v2 .txt_titolo br,
    .intro_geomatics.intro_geomatics_v2 .txt_titoloen br {display: none;}

    .intro_geomatics.intro_geomatics_v2 .geom_intro_box {
        width: 100%;
        height: auto;
        min-height: 80vh;}
    
    /*------------------------------------------
    Geomatics > Intro > Titoli */
    .intro_geomatics.intro_geomatics_v2 .geom_intro_box, 
    .intro_geomatics.intro_geomatics_v2 .geom_intro_box a.linkab {padding: 25px 45px 25px 45px;}

    .intro_geomatics.intro_geomatics_v2 .txt_titolo {
        font-size: 18px;
        line-height: 25px;}

    .intro_geomatics.intro_geomatics_v2 .ig_txt {
        font-size: 16px;
        line-height: 25px;}
}
@media (max-width: 680px) {}
@media (max-width: 640px) {
    
    /*------------------------------------------
    Intro Coloring */
    .intro_coloring.flex_box, .intro_coloring .flex_box {min-height: 45vh;}

    .intro_coloring, .intro_coloring a, .intro_coloring h1 {
        font-size: 25px;
        line-height: 25px;}

    .intro_coloring.txt_pic, .intro_coloring.txt_pic a, .intro_coloring.txt_pic h1 {
        font-size: 20px;
        line-height: 20px;}
}
@media (max-width: 568px) {
    
    /*------------------------------------------
    Gallery Educational ApaintArt */
    .paintart_x2,
    .paintart_x3,
    .paintart_x5 {
        width:99%;
        float:none;
        min-height: 450px;}
    
    /*------------------------------------------
    Quadri */
    .entry-content .quad_1,
    .entry-content .quad_2,
    .entry-content .quad_3,
    .entry-content .quad_4 {
        padding-bottom:10px;
        padding-top: 10px;
        width: 95.5%;}

    .entry-content .quad_1x,
    .entry-content .quad_2x,
    .entry-content .quad_3x,
    .entry-content .quad_4x,
    .entry-content .quad_5x,
    .entry-content .quad_6x,
    .entry-content .quad_7x,
    .entry-content .quad_8x {
        min-height: 280px; 
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 10px;
        margin-bottom: 10px;}

    .entry-content .quadx_img .widget-title, 
    .entry-content .quadx_img h3, 
    .entry-content .quadx_img h4 {
        font-size: 30px;
        line-height: 30px;
        padding-top: 25%;}

    /*------------------------------------------
    VR Tour */
    
    body.vr_tour .quad_area.vr_gallery .quad_1xs {margin: 0px 0px 20px 0px;}

    body.vr_tour .quad_area.vr_gallery {margin-bottom: 50px !important;}

    /*------------------------------------------
    Geomatics */
    
    .intro_geomatics.intro_geomatics_v1 br,
    .intro_geomatics.intro_geomatics_v1 h3 br,
    .intro_geomatics.intro_geomatics_v1 h4 br {display: none;}

    /*------------------------------------------
    Geomatics Bar */
    .geom_wiframe_area .textwidget .geomatics_bar {padding: 5px 2% 5px 2%;}

    /* Links */
    .geom_wiframe_area .textwidget .geom_link_img a {
        background-position: 50% 70%;
        background-size: 80px 80px;}

    /*------------------------------------------
    Arting > Intro */
    .text_intro_arting {
        font-size: 16px;
        line-height: 20px;}
}
@media (max-width: 480px) {
    
    /*------------------------------------------
    Gallery Educational ApaintArt */
    
    .paintart_x2,
    .paintart_x3,
    .paintart_x5 {
        width:99%;
        float:none;
        min-height: 400px;}

    /*------------------------------------------
    Quadri */
    
    .quad_1xs .quadx_img, 
    .quad_2xs .quadx_img, 
    .quad_3xs .quadx_img, 
    .quad_4xs .quadx_img, 
    .quad_5xs .quadx_img, 
    .quad_6xs .quadx_img, 
    .quad_7xs .quadx_img, 
    .quad_8xs .quadx_img {min-height: 160px;}

    .entry-content .quadx_img .widget-title, 
    .entry-content .quadx_img h3, 
    .entry-content .quadx_img h4 {
        padding-top: 40%;
        font-size: 28px;}

    /*------------------------------------------
    Logos Footer Links */
    
    .uace_logos_footer {
        line-height: 30px;
        min-height: 30px;
        padding-top: 10px; 
        padding-bottom: 10px;}

    .uace_logos_footer img {
        height: 30px;}

    .uace_logos_footer a {max-height: 30px;}

    /* Intro Coloring */
    .intro_coloring.flex_box, .intro_coloring .flex_box {min-height: 35vh;}

    .intro_coloring, .intro_coloring a, .intro_coloring h1 {
        font-size: 20px;
        line-height: 20px;}

    .intro_coloring.txt_pic, .intro_coloring.txt_pic a, .intro_coloring.txt_pic h1 {
        font-size: 16px;
        line-height: 16px;}

    /*------------------------------------------
    Geomatics */
    .geomatics_bar.legenda .icon_geom {
        height: 50px;
        width: 50px;}

    .geomatics_bar.legenda .infov {
        height: 50px;
        line-height: 55px;}
}
@media (max-width: 400px) {
    
    /* Arting > Intro */
    .text_intro_arting {font-size: 15px;}

    .text_intro_arting.txt_center_left {
        margin: 0px auto 0px auto;
        text-align: center;
        width: 95%;}

    .text_intro_arting br {display: none;}
}
@media (max-width: 359px) {
    
    /* Gallery Educational ApaintArt */
    .paintart_x2,
    .paintart_x3,
    .paintart_x5 {
        width:99%;
        float:none;
        min-height: 300px;}
    
}
@media (max-width: 320px) {}

/*------------------------------------------
Responsive - Media Queries Max Height */

@media (max-height:965px) {}
@media (max-height:720px) {}
@media (max-height:600px) {}
@media (max-height:480px) {}