/* 
Plugin:		     Nisar-Themes
Plugin URI:		 https://www.nisar.it/
Description:	 General style sheet added by Nisar-Themes Plugin.
Author:			 Nisar Abed
Author URI:		 http://www.nisar.it/
Version:		 1.0.0
*/
/*------------------------------------------------------------------------ 
*/


/* ----------------------------------------------------------------------- 
Bootstrap */

/* Columns No Padding */
.col-md-1.nop, .col-md-2.nop, .col-md-3.nop, 
.col-md-4.nop, .col-md-5.nop, .col-md-6.nop, 
.col-md-7.nop, .col-md-8.nop, .col-md-9.nop, 
.col-md-10.nop, .col-md-11.nop, .col-md-12.nop {padding: 0px 0px 0px 0px;}


/* ----------------------------------------------------------------------- 
Layout Objects */


/* -----------------------------------------
Link */

a.nolink {cursor: default;}

a.linkab {
    position: absolute;
    width: auto;
    height: auto;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;}

/* -----------------------------------------
Posizioni */

.pos_rel {position: relative;}

.pos_ab,
.pos_ab_100 {position: absolute;}

.pos_ab_100 {
    width: auto;
    height: auto;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;}

/* -----------------------------------------
Display Block */

.dinblock {display: inline-block;}

.dinblockl {
    float: left;
    display: inline-block;}

.dinblockr {
    float: right;
    display: inline-block;}

/* -----------------------------------------
Allineamento */

.txtc {text-align: center;}

.txtl,
.txtl_c {text-align: left;}

.txtr,
.txtr_c {text-align: right;}

.floatc {
    float:none; 
    margin-left:auto; 
    margin-right: auto;}

.floatl,
.floatl_c {float:left;}

.floatr,
.floatr_c {float:right;}

/* -----------------------------------------
Display > Flex Box */

.dflex,
.flex_box {display: flex;}

.flex_box {
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    min-height: 80vh;}

/* Direction */
.flex_col {flex-direction:column;}
.flex_row {flex-direction:row;}

/* Align > Center */
.dflex.txtc, .flex_box.txtc {
    justify-content: center;
    flex-direction:column;}

/* Align > Top */
.dflex.txtl, .flex_box.txtt {
    justify-content: flex-start;
    flex-direction:column;}

/* Align > Bottom */
.dflex.txtr, .flex_box.txtb {
    justify-content: flex-end;
    flex-direction:column;}

/* Align > Left */
.dflex.txtl, .flex_box.txtl {
    justify-content: flex-start;
    flex-direction:row;}

/* Align > Right */
.dflex.txtr, .flex_box.txtr {
    justify-content: flex-end;
    flex-direction:row;}

/* Align > Center */
.flex_itemsc {align-items:center;}

.flex_itemss {align-items: flex-start;}

.flex_itemse {align-items: flex-end;}

/* -----------------------------------------
Clear & Separatore */

.clear_layout,
.separator {
    position: relative; 
    width: 100%; 
    height: 0px;
    clear: both;
    float: none;}

.separator {
    border-color: #ccc;
    border-top:1px solid #ccc;}

.separator.trasp {
    border-color: transparent;
    border-top:1px solid transparent;}


/* -----------------------------------------
Bookmark - Segnalibro */

.n_bookmark {
    position: absolute;
    width: 5px;
    height: 50px; /* height of menu */
    margin: -50px 0px -50px 0px; /* - height of menu */
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    z-index: -1;}


/* -----------------------------------------
Mirror */

.n_mirror {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);}


/* -----------------------------------------
Hidden */

.hidden {display: none;}


/* ----------------------------------------- 
Columns - Colonne */

.cx1,  .n_gallery.colx1  .img_gallery {width: 100%;}
.cx2,  .n_gallery.colx2  .img_gallery {width: 50%;}
.cx3,  .n_gallery.colx3  .img_gallery {width: 33.33333%;}
.cx4,  .n_gallery.colx4  .img_gallery {width: 25%;}
.cx5,  .n_gallery.colx5  .img_gallery {width: 20%;}
.cx6,  .n_gallery.colx6  .img_gallery {width: 16.66666%;}
.cx7,  .n_gallery.colx7  .img_gallery {width: 14.28571%;}
.cx8,  .n_gallery.colx8  .img_gallery {width: 12.5%;}
.cx9,  .n_gallery.colx9  .img_gallery {width: 11.11111%;}
.cx10, .n_gallery.colx10 .img_gallery {width: 10%;}
.cx11, .n_gallery.colx11 .img_gallery {width: 9.09090%;}
.cx12, .n_gallery.colx12 .img_gallery {width: 8.33333%;}


/* ----------------------------------------- 
Heights - Altezze */

.mh100vh {min-height: 100vh;}   .h100vh {height: 100vh;}
.mh95vh  {min-height: 95vh; }   .h95vh  {height: 95vh; }
.mh90vh  {min-height: 90vh; }   .h90vh  {height: 90vh; }
.mh85vh  {min-height: 85vh; }   .h85vh  {height: 85vh; }
.mh80vh  {min-height: 80vh; }   .h80vh  {height: 80vh; }
.mh75vh  {min-height: 75vh; }   .h75vh  {height: 75vh; }
.mh70vh  {min-height: 70vh; }   .h70vh  {height: 70vh; }
.mh65vh  {min-height: 65vh; }   .h65vh  {height: 65vh; }
.mh60vh  {min-height: 60vh; }   .h60vh  {height: 60vh; }
.mh55vh  {min-height: 55vh; }   .h55vh  {height: 55vh; }
.mh50vh  {min-height: 50vh; }   .h50vh  {height: 50vh; }
.mh45vh  {min-height: 45vh; }   .h45vh  {height: 45vh; }
.mh40vh  {min-height: 40vh; }   .h40vh  {height: 40vh; }
.mh35vh  {min-height: 35vh; }   .h35vh  {height: 35vh; }
.mh30vh  {min-height: 30vh; }   .h30vh  {height: 30vh; }
.mh25vh  {min-height: 25vh; }   .h25vh  {height: 25vh; }
.mh20vh  {min-height: 20vh; }   .h20vh  {height: 20vh; }
.mh15vh  {min-height: 15vh; }   .h15vh  {height: 15vh; }
.mh10vh  {min-height: 10vh; }   .h10vh  {height: 10vh; }
.mh5vh   {min-height: 5vh;  }   .h5vh   {height: 5vh;  }
.mh0vh   {min-height: 0vh;  }   .h0vh   {height: 0vh;  }


/* ----------------------------------------- 
Ratio: 1x1 16x9 4x3 3x2 8x5 
*/

.a_ratio {
    position: relative; 
    width: 100%;}

.a_ratio.pos_ab {position: absolute;}

.a_ratio,
.a_ratio.a_ratio_1x1,
.a_ratio_1x1 {padding-top: 100%;}

.a_ratio.a_ratio_16x9,
.a_ratio_16x9 {padding-top: 56.25%;}

.a_ratio.a_ratio_21x9,
.a_ratio_21x9 {padding-top: 42.8571%;}

.a_ratio.a_ratio_4x3,
.a_ratio_4x3 {padding-top: 75%;}

.a_ratio.a_ratio_3x2,
.a_ratio_3x2 {padding-top: 66.66%;}

.a_ratio.a_ratio_8x5,
.a_ratio_8x5 {padding-top: 62.5%;}


/* -----------------------------------------
Img Background */

.bg_img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;}


/* ----------------------------------------------------------------------- 
Text */

.second {
    font-weight: normal;
    font-style: italic;
    color: #606060;}

/* Centratura Automatica Contenuto (.nobr) */
.nobr br {display: none;}

h1.strong, h2.strong, h3.strong, 
h4.strong, h5.strong, h6.strong {
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: inherit;}

/* -----------------------------------------
Blocco Copia > Testo non selezionabile */

.nocopy {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;}


/* ----------------------------------------------------------------------- 
Text > Size (Dimensioni) 
.title_txt > passa la dimensione ai titoli contenuti nell'elemento.
.title_light > testo sottile.
Dimensioni: 
.txt_big, .txt_mid, .txt_pic, 
.txt_sm, .txt_normal, .txt_small
*/

.txt_big, .txt_mid, .txt_pic, .txt_sm, .txt_normal, .txt_small {font-weight: normal;}

.txt_light {font-weight: lighter;}

.italic, a.italic, .italic a {font-style: italic;}

.underline, a.underline, .underline a {text-decoration: underline;}

.txt_big, 
h1.txt_big, h2.txt_big, h3.txt_big, h4.txt_big, h5.txt_big, h6.txt_big,
.title_txt.txt_big h1, .title_txt.txt_big h2, .title_txt.txt_big h3, 
.title_txt.txt_big h4, .title_txt.txt_big h5, .title_txt.txt_big h6 {
    font-size: 75px;
    line-height: 85px;}

.txt_mid, 
h1.txt_mid, h2.txt_mid, h3.txt_mid, h4.txt_mid, h5.txt_mid, h6.txt_mid,
.title_txt.txt_mid h1, .title_txt.txt_mid h2, .title_txt.txt_mid h3, 
.title_txt.txt_mid h4, .title_txt.txt_mid h5, .title_txt.txt_mid h6 {
    font-size: 35px;
    line-height: 45px;}

.txt_pic, 
h1.txt_pic, h2.txt_pic, h3.txt_pic, h4.txt_pic, h5.txt_pic, h6.txt_pic,
.title_txt.txt_pic h1, .title_txt.txt_pic h2, .title_txt.txt_pic h3, 
.title_txt.txt_pic h4, .title_txt.txt_pic h5, .title_txt.txt_pic h6 {
    font-size: 25px;
    line-height: 45px;}

.txt_sm, 
h1.txt_sm, h2.txt_sm, h3.txt_sm, h4.txt_sm, h5.txt_sm, h6.txt_sm,
.title_txt.txt_sm h1, .title_txt.txt_sm h2, .title_txt.txt_sm h3, 
.title_txt.txt_sm h4, .title_txt.txt_sm h5, .title_txt.txt_sm h6 {
    font-size: 20px;
    line-height: 28px;}

.txt_normal, 
h1.txt_normal, h2.txt_normal, h3.txt_normal, h4.txt_normal, h5.txt_normal, h6.txt_normal,
.title_txt.txt_normal h1, .title_txt.txt_normal h2, .title_txt.txt_normal h3, 
.title_txt.txt_normal h4, .title_txt.txt_normal h5, .title_txt.txt_normal h6 {
    font-size: 16px;
    line-height: 20px;}

.txt_small, 
h1.txt_small, h2.txt_small, h3.txt_small, h4.txt_small, h5.txt_small, h6.txt_small,
.title_txt.txt_small h1, .title_txt.txt_small h2, .title_txt.txt_small h3, 
.title_txt.txt_small h4, .title_txt.txt_small h5, .title_txt.txt_small h6 {
    font-size: 14px;
    line-height: 18px;}


/* ----------------------------------------------------------------------- 
Text > Colors (Colori) + Link 
.txtsh > Text Shadow
*/

/* ----------------------------------------- 
Colori Principali */

/* Grigio Chiaro (.color_lightgrey) */
.color_lightgrey, a.color_lightgrey, .color_lightgrey a, a.color_lightgrey:hover, .color_lightgrey a:hover,
h1.color_lightgrey, h2.color_lightgrey, h3.color_lightgrey, h4.color_lightgrey, h5.color_lightgrey, h6.color_lightgrey,
.color_lightgrey h1, .color_lightgrey h2, .color_lightgrey h3, .color_lightgrey h4, .color_lightgrey h5, .color_lightgrey h6 {
    color:#aaaaaa;
    transition: 0.2s ease all;}
a.color_lightgrey:hover, .color_lightgrey a:hover {color:#bcbcbc;}
.color_lightgrey.txtsh {text-shadow: 2px 2px 2px rgba(188, 188, 188, 0.5);}
a.underline.color_lightgrey, .underline.color_lightgrey a {
    border-bottom: 1px solid rgba(188, 188, 188, 0.7);
    text-decoration: none;}

/* Grigio (.color_grey) */
.color_grey, a.color_grey, .color_grey a, a.color_grey:hover, .color_grey a:hover,
h1.color_grey, h2.color_grey, h3.color_grey, h4.color_grey, h5.color_grey, h6.color_grey,
.color_grey h1, .color_grey h2, .color_grey h3, .color_grey h4, .color_grey h5, .color_grey h6 {
    color:#777777;
    transition: 0.2s ease all;}
a.color_grey:hover, .color_grey a:hover {color:#a0a0a0;}
.color_grey.txtsh {text-shadow: 2px 2px 2px rgba(160, 160, 160, 0.5);}
a.underline.color_grey, .underline.color_grey a {
    border-bottom: 1px solid rgba(160, 160, 160, 0.7);
    text-decoration: none;}

/* Grigio Scuro (.color_darkgrey) */
.color_darkgrey, a.color_darkgrey, .color_darkgrey a, a.color_darkgrey:hover, .color_darkgrey a:hover,
h1.color_darkgrey, h2.color_darkgrey, h3.color_darkgrey, h4.color_darkgrey, h5.color_darkgrey, h6.color_darkgrey,
.color_darkgrey h1, .color_darkgrey h2, .color_darkgrey h3, .color_darkgrey h4, .color_darkgrey h5, .color_darkgrey h6 {
    color:#333333;
    transition: 0.2s ease all;}
a.color_darkgrey:hover, .color_darkgrey a:hover {color:#484848;}
.color_darkgrey.txtsh {text-shadow: 2px 2px 2px rgba(72, 72, 72, 0.5);}
a.underline.color_darkgrey, .underline.color_darkgrey a {
    border-bottom: 1px solid rgba(72, 72, 72, 0.7);
    text-decoration: none;}

/* Bianco (.color_white) */
.color_white, a.color_white, .color_white a, a.color_white:hover, .color_white a:hover,
h1.color_white, h2.color_white, h3.color_white, h4.color_white, h5.color_white, h6.color_white,
.color_white h1, .color_white h2, .color_white h3, .color_white h4, .color_white h5, .color_white h6 {
    color: #fcfcfc;
    transition: 0.2s ease all;}
a.color_white:hover, .color_white a:hover {color:#fff;}
.color_white.txtsh, .txtshw {text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.5);}
a.underline.color_white, .underline.color_white a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    text-decoration: none;}

/* Nero (.color_black) */
.color_black, a.color_black, .color_black a, a.color_black:hover, .color_black a:hover,
h1.color_black, h2.color_black, h3.color_black, h4.color_black, h5.color_black, h6.color_black,
.color_black h1, .color_black h2, .color_black h3, .color_black h4, .color_black h5, .color_black h6 {
    color:#000000; 
    transition: 0.2s ease all;}
a.color_black:hover, .color_black a:hover {color:#212121;}
.color_black.txtsh, .txtshb, .txtsh {text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
a.underline.color_black, .underline.color_black a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.7);
    text-decoration: none;}

/* ----------------------------------------- 
Colori (Evidenziare) */

/* Arancio (.color_orange) */
.color_orange, a.color_orange, .color_orange a, a.color_orange:hover, .color_orange a:hover,
h1.color_orange, h2.color_orange, h3.color_orange, h4.color_orange, h5.color_orange, h6.color_orange,
.color_orange h1, .color_orange h2, .color_orange h3, .color_orange h4, .color_orange h5, .color_orange h6 {
    color:#ec7f22; 
    transition: 0.2s ease all;}
a.color_orange:hover, .color_orange a:hover {color:#ff8925;}
.color_orange.txtsh {text-shadow: 2px 2px 2px rgba(236, 127, 34, 0.5);}
a.underline.color_orange, .underline.color_orange a {
    border-bottom: 1px solid rgba(236, 127, 34, 0.7);
    text-decoration: none;}

/* Azzurro (.color_azure) */
.color_azure, a.color_azure, .color_azure a, a.color_azure:hover, .color_azure a:hover,
h1.color_azure, h2.color_azure, h3.color_azure, h4.color_azure, h5.color_azure, h6.color_azure,
.color_azure h1, .color_azure h2, .color_azure h3, .color_azure h4, .color_azure h5, .color_azure h6 {
    color:#41adc1; 
    transition: 0.2s ease all;}
a.color_azure:hover, .color_azure a:hover {color:#45bbd1;}
.color_azure.txtsh {text-shadow: 2px 2px 2px rgba(65, 173, 193, 0.5);}
a.underline.color_azure, .underline.color_azure a {
    border-bottom: 1px solid rgba(65, 173, 193, 0.7);
    text-decoration: none;}

/* Blu (.color_blue) */
.color_blue, a.color_blue, .color_blue a, a.color_blue:hover, .color_blue a:hover,
h1.color_blue, h2.color_blue, h3.color_blue, h4.color_blue, h5.color_blue, h6.color_blue,
.color_blue h1, .color_blue h2, .color_blue h3, .color_blue h4, .color_blue h5, .color_blue h6 {
    color:#415fc1; 
    transition: 0.2s ease all;}
a.color_blue:hover, .color_blue a:hover {color:#4d70e3;}
.color_blue.txtsh {text-shadow: 2px 2px 2px rgba(65, 95, 193, 0.5);}
a.underline.color_blue, .underline.color_blue a {
    border-bottom: 1px solid rgba(65, 95, 193, 0.7);
    text-decoration: none;}

/* Verde (.color_green) */
.color_green, a.color_green, .color_green a, a.color_green:hover, .color_green a:hover,
h1.color_green, h2.color_green, h3.color_green, h4.color_green, h5.color_green, h6.color_green,
.color_green h1, .color_green h2, .color_green h3, .color_green h4, .color_green h5, .color_green h6 {
    color:#a3cf6c; 
    transition: 0.2s ease all;}
a.color_green:hover, .color_green a:hover {color:#b1e275;}
.color_green.txtsh {text-shadow: 2px 2px 2px rgba(163, 207, 108, 0.5);}
a.underline.color_green, .underline.color_green a {
    border-bottom: 1px solid rgba(163, 207, 108, 0.7);
    text-decoration: none;}

/* Rosso (.color_red) */
.color_red, a.color_red, .color_red a, a.color_red:hover, .color_red a:hover,
h1.color_red, h2.color_red, h3.color_red, h4.color_red, h5.color_red, h6.color_red,
.color_red h1, .color_red h2, .color_red h3, .color_red h4, .color_red h5, .color_red h6 {
    color:#fc5f62; 
    transition: 0.2s ease all;}
a.color_red:hover, .color_red a:hover {color:#f86f72;}
.color_red.txtsh {text-shadow: 2px 2px 2px rgba(252, 95, 98, 0.5);}
a.underline.color_red, .underline.color_red a {
    border-bottom: 1px solid rgba(252, 95, 98, 0.7);
    text-decoration: none;}

/* Giallo (.color_yellow) */
.color_yellow, a.color_yellow, .color_yellow a, a.color_yellow:hover, .color_yellow a:hover,
h1.color_yellow, h2.color_yellow, h3.color_yellow, h4.color_yellow, h5.color_yellow, h6.color_yellow,
.color_yellow h1, .color_yellow h2, .color_yellow h3, .color_yellow h4, .color_yellow h5, .color_yellow h6 {
    color:#ffbd29; 
    transition: 0.2s ease all;}
a.color_yellow:hover, .color_yellow a:hover {color:#ffb000;}
.color_yellow.txtsh {text-shadow: 2px 2px 2px rgba(255, 176, 0, 0.5);}
a.underline.color_yellow, .underline.color_yellow a {
    border-bottom: 1px solid rgba(255, 176, 0, 0.7);
    text-decoration: none;}

/* ----------------------------------------- 
Colore > Default Tema */

.color_theme, a.color_theme, .color_theme a, a.color_theme:hover, .color_theme a:hover,
h1.color_theme, h2.color_theme, h3.color_theme, h4.color_theme, h5.color_theme, h6.color_theme,
.color_theme h1, .color_theme h2, .color_theme h3, .color_theme h4, .color_theme h5, .color_theme h6 {
    color:#000000; 
    transition: 0.2s ease all;}
a.color_theme:hover, .color_theme a:hover {color:#212121;}
.color_theme.txtsh {text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
a.underline.color_theme, .underline.color_theme a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.7);
    text-decoration: none;}


/* ----------------------------------------- 
Ul Li */

ul.ul_nospace {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;}

ul.ul_nospace li {
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;}

ul.ul_nospace li:last-child {padding: 0px 0px 0px 0px;}

ul.ul_noicon,
li.li_noicon {list-style-type: none;}


/* ----------------------------------------- 
Responsive Text */

.txt_responsive,
.txt_responsive p {}
.txt_responsive br {}


/* ----------------------------------------- 
Vertical Text */

/* 
Testo verticale verso sinistra
*/
.txt_vertical {
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    min-width: 25px;
    min-height: 200px;
    line-height: 25px;
    /* Explorer */ filter: flipv fliph;}

/* 
Testo verticale verso destra
*/
.txt_vertical.txt_vertical_r {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);}


/* -----------------------------------------------------------------------  
Background Color (+ Page Buider & Tiles) */

.bg_trasp, 
.tile_pb.bg_trasp,
.panel-grid .bg_trasp,
.box.bg_trasp {background-color: transparent;}

.bg_white, .tile_pb,
.tile_pb.bg_white,
.panel-grid .bg_white,
.box.bg_white {background-color: #ffffff;}

.bg_white.bg_trasp {background-color: rgba(255, 255, 255, 0.8);}

.bg_dark, 
.tile_pb.bg_dark,
.panel-grid .bg_dark,
.box.bg_dark {background-color: #404040;}

.bg_dark.bg_trasp {background-color: rgba(64, 64, 64, 0.8);}

.bg_light, 
.tile_pb.bg_light,
.panel-grid .bg_light,
.box.bg_light {background-color: #f8f8f8;}

.bg_light.bg_trasp {background-color: rgba(245, 245, 245, 0.8);}

.bg_black, 
.tile_pb.bg_black,
.panel-grid .bg_black,
.box.bg_black {background-color: #000000;}

.bg_black.bg_trasp {background-color: rgba(0, 0, 0, 0.8);}


/* -----------------------------------------------------------------------  
Effects */


/* ----------------------------------------- 
Hover & Focus > Temporizzato */

.transition,
.transition:hover,
.transition:focus,
.transition_all,
.transition_all *,
.transition_all:hover,
.transition_all:focus,
.transition_all:hover *,
.transition_all:focus * {transition: 0.2s ease all;}


/* ----------------------------------------- 
Hover > Zoom */

.hover_zoom,
.hover_zoom:hover {
    transform: scale(0.94);
    transition: 0.2s ease all;}

.hover_zoom:hover {transform: scale(1.0);}

/* ----------------------------------------- 
Hover > Box Shadow */

.shadow,
.shadow:hover {
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
    transition: 0.2s ease all;}

.shadow:hover {box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.3);}

/* ----------------------------------------- 
Hover > Invert */

.hover_invert,
.hover_invert_i,
.hover_invert:hover,
.hover_invert_i:hover {transition: 0.2s ease all;}

.hover_invert {filter: invert(0%);}
.hover_invert_i {filter: invert(100%);}
.hover_invert:hover {filter: invert(100%);}
.hover_invert_i:hover {filter: invert(0%);}


/* ----------------------------------------------------------------------- 
Items */

/* ----------------------------------------------------------------------- 
SF Link (Link con sfondo area totale + [nlinkt] */

.sf_link {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    z-index: 5;}

.sf_link.bg_img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;}

.sf_link.sfl_zoom div,
.sf_link.sfl_zoom:hover div {
    transform: scale(0.95);
    transition: 0.2s ease all;}

.sf_link.sfl_zoom:hover div {transform: scale(1.0);}

/* Slink > 2 Link */
/* Y: 50% 50% */
.sf_link.sf_2link {width: 50%;}
.sf_link.sf_2link:first-child {right:auto;}
.sf_link.sf_2link:last-child {left:auto;}

/* X: 50% 50% */
.sf_link.sf_2link_y {height: 50%;}
.sf_link.sf_2link_y:first-child {bottom:auto;}
.sf_link.sf_2link_y:last-child {top:auto;}

/* X: 70% 30% */
.sf_link.sf_2link_y7030:first-child {
    height: 70%;
    bottom:auto;}

.sf_link.sf_2link_y7030:last-child {
    height: 30%;
    top:auto;}

/* X: 80% 20% */
.sf_link.sf_2link_y8020:first-child {
    height: 80%;
    bottom:auto;}

.sf_link.sf_2link_y8020:last-child {
    height: 20%;
    top:auto;}

/* Slink > 3 Link */
.sf_link.sf_3link_y {height: 33.33333%;}

.sf_link.sf_3link_y:first-child {bottom:auto;}

.sf_link.sf_3link_y:nth-child(2) {
    bottom:33.33333%;
    top:33.33333%;}

.sf_link.sf_3link_y:last-child {top:auto;}

/* Slink > 4 Link */
.sf_link.sf_4link {
    width: 50%;
    height: 50%;}

.sf_link.sf_4link:nth-child(1) {
    right: auto;
    bottom:auto;}

.sf_link.sf_4link:nth-child(2) {
    left: auto;
    bottom:auto;}

.sf_link.sf_4link:nth-child(3) {
    right: auto;
    top:auto;}

.sf_link.sf_4link:nth-child(4) {
    left: auto;
    top:auto;}

/* Allinea contenuto al top */
.sf_link.sfl_top {
    justify-content:flex-start;
    padding-top:5%;}

/* Effetti Hover */
.sf_link.sfl_dark,
.sf_link.sfl_dark.sfl_hover {
    background-color: rgba(0, 0, 0, 0.5);}

.sf_link.sfl_dark.sfl_hover:hover {
    background-color: rgba(0, 0, 0, 0.2);}

.sf_link.sfl_light,
.sf_link.sfl_light.sfl_hover {
    background-color: rgba(255, 255, 255, 0.5);}

.sf_link.sfl_light.sfl_hover:hover {
    background-color: rgba(255, 255, 255, 0.2);}

.sf_link.sfl_hop {opacity: 1;}

.sf_link.sfl_hop:hover {opacity: 0;}

.sf_link.sfl_dark.sfl_hover,
.sf_link.sfl_dark.sfl_hover:hover,
.sf_link.sfl_light.sfl_hover,
.sf_link.sfl_light.sfl_hover:hover,
.sf_link.sfl_hop,
.sf_link.sfl_hop:hover {transition: 0.2s ease all;}

/* Background .p_row [nlinkt] */
.sf_link.sfl_prow_bg,
.sf_link.sfl_prow_bg.color_white {background-color: rgba(0, 0, 0, 0.5);}

.sf_link.sfl_prow_bg.sfl_top {padding-top:0px;}

.sf_link.sfl_prow_bg .p_row {
    width: 100%;
    padding: 5% 0px 5% 0px;}

.sf_link.sfl_prow_bg.color_black .p_row {background-color: rgba(255, 255, 255, 1);}

.sf_link .p_row .p_icon {display: inline-block;}


/* ----------------------------------------------------------------------- 
Pulsanti */

/* ----------------------------------------- 
Contenitore Pulsanti */

.cont_buttons {
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 25px 5px 25px 5px;}

.cont_buttons.cb_plus {padding: 50px 5px 50px 5px;}


/* ----------------------------------------------------------------------- 
Button Light */

.btn_light, a.btn_light, 
a:not([href]):not([tabindex]).btn_light, 
.btn_light.btn_blue, a.btn_light.btn_blue,
a:not([href]):not([tabindex]).btn_light.btn_blue {
    display: inline-block;
    box-sizing: border-box;
    padding:5px 10px 5px 10px;
    margin: 5px 5px 5px 5px;
    border-radius: 15px;
    font-size: 14px;
    line-height: 20px;
    color:#f8f8f8;
    text-align: center;
    background-color: #1473e6;
    border:1px solid transparent;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    transition: 0.2s ease all;
    cursor: pointer;}

/* Testo Light */
.btn_light.txt_light {font-weight: lighter;}

/* ----------------------------------------- 
Blu (.btn_light & .btn_light.btn_blue) (Default) */

.btn_light:hover, .btn_light:focus,
a.btn_light:hover, a.btn_light:focus, 
a:not([href]):not([tabindex]).btn_light:hover, 
a:not([href]):not([tabindex]).btn_light:focus,
.btn_light.btn_blue:hover, .btn_light.btn_blue:focus,
a.btn_light.btn_blue:hover, a.btn_light.btn_blue:focus,
a:not([href]):not([tabindex]).btn_light.btn_blue:hover,
a:not([href]):not([tabindex]).btn_light.btn_blue:focus {
    outline: none;
    color:#ffffff;
    background-color: #2285ff;
    transition: 0.2s ease all;}

/* ----------------------------------------- 
Arancio (.btn_light.btn_orange) */

.btn_light.btn_orange, a.btn_light.btn_orange,
a:not([href]):not([tabindex]).btn_light.btn_orange {background-color: #ed842b;}

.btn_light.btn_orange:hover, .btn_light.btn_orange:focus,
a.btn_light.btn_orange:hover, a.btn_light.btn_orange:focus,
a:not([href]):not([tabindex]).btn_light.btn_orange:hover,
a:not([href]):not([tabindex]).btn_light.btn_orange:focus {background-color: #ff8c2a;}

/* ----------------------------------------- 
Azzurro (.btn_light.btn_azure) */

.btn_light.btn_azure, a.btn_light.btn_azure,
a:not([href]):not([tabindex]).btn_light.btn_azure {background-color: #41adc1;}

.btn_light.btn_azure:hover, .btn_light.btn_azure:focus,
a.btn_light.btn_azure:hover, a.btn_light.btn_azure:focus,
a:not([href]):not([tabindex]).btn_light.btn_azure:hover,
a:not([href]):not([tabindex]).btn_light.btn_azure:focus {background-color: #49c1d8;}

/* ----------------------------------------- 
Verde (.btn_light.btn_green) */

.btn_light.btn_green, a.btn_light.btn_green,
a:not([href]):not([tabindex]).btn_light.btn_green {background-color: #9ebd48;}

.btn_light.btn_green:hover, .btn_light.btn_green:focus,
a.btn_light.btn_green:hover, a.btn_light.btn_green:focus,
a:not([href]):not([tabindex]).btn_light.btn_green:hover,
a:not([href]):not([tabindex]).btn_light.btn_green:focus {background-color: #add04e;}

/* ----------------------------------------- 
Rosso (.btn_light.btn_red) */

.btn_light.btn_red, a.btn_light.btn_red,
a:not([href]):not([tabindex]).btn_light.btn_red {background-color: #ea4245;}

.btn_light.btn_red:hover, .btn_light.btn_red:focus,
a.btn_light.btn_red:hover, a.btn_light.btn_red:focus,
a:not([href]):not([tabindex]).btn_light.btn_red:hover,
a:not([href]):not([tabindex]).btn_light.btn_red:focus {background-color: #ff464b;}


/* ----------------------------------------- 
Giallo (.btn_light.btn_yellow) */

.btn_light.btn_yellow, a.btn_light.btn_yellow,
a:not([href]):not([tabindex]).btn_light.btn_yellow {background-color: #ffbd29;}

.btn_light.btn_yellow:hover, .btn_light.btn_yellow:focus,
a.btn_light.btn_yellow:hover, a.btn_light.btn_yellow:focus,
a:not([href]):not([tabindex]).btn_light.btn_yellow:hover,
a:not([href]):not([tabindex]).btn_light.btn_yellow:focus {background-color: #ffbd29;}

/* ----------------------------------------- 
Nero (.btn_light.btn_black) */

.btn_light.btn_black, a.btn_light.btn_black,
a:not([href]):not([tabindex]).btn_light.btn_black {background-color: #000000;}

.btn_light.btn_black:hover, .btn_light.btn_black:focus,
a.btn_light.btn_black:hover, a.btn_light.btn_black:focus,
a:not([href]):not([tabindex]).btn_light.btn_black:hover,
a:not([href]):not([tabindex]).btn_light.btn_black:focus {
    color:#000000;
    background-color: #dddddd;
    border:1px solid #888888;}

/* ----------------------------------------- 
Grigio (.btn_light.btn_gray) */

.btn_light.btn_gray, a.btn_light.btn_gray,
a:not([href]):not([tabindex]).btn_light.btn_gray {
    color:#333;
    background-color: #cccccc;}

.btn_light.btn_gray:hover, .btn_light.btn_gray:focus,
a.btn_light.btn_gray:hover, a.btn_light.btn_gray:focus,
a:not([href]):not([tabindex]).btn_light.btn_gray:hover,
a:not([href]):not([tabindex]).btn_light.btn_gray:focus {
    color:#000000;
    background-color: #e8e8e8;
    border:1px solid #cccccc;}

/* ----------------------------------------- 
Bianco (.btn_light.btn_white) */

.btn_light.btn_white, a.btn_light.btn_white,
a:not([href]):not([tabindex]).btn_light.btn_white {
    color:#333333;
    background-color: #fafafa;
    border:1px solid #dddddd;}

.btn_light.btn_white:hover, .btn_light.btn_white:focus,
a.btn_light.btn_white:hover, a.btn_light.btn_white:focus,
a:not([href]):not([tabindex]).btn_light.btn_white:hover,
a:not([href]):not([tabindex]).btn_light.btn_white:focus {
    color:#000000;
    background-color: #ffffff;
    border:1px solid #333333;}


/* ----------------------------------------- 
Bianco + Blu (.btn_light.btn_white_blue) */

.btn_light.btn_white_blue, a.btn_light.btn_white_blue,
a:not([href]):not([tabindex]).btn_light.btn_white_blue {
    color:#333333;
    background-color: #fafafa;
    border:1px solid #dddddd;}

.btn_light.btn_white_blue:hover, .btn_light.btn_white_blue:focus,
a.btn_light.btn_white_blue:hover, a.btn_light.btn_white_blue:focus,
a:not([href]):not([tabindex]).btn_light.btn_white_blue:hover,
a:not([href]):not([tabindex]).btn_light.btn_white_blue:focus {
    color:#ffffff;
    background-color: #2285ff;
    border:1px solid transparent;}

/* ----------------------------------------- 
Trasparente (.btn_light.btn_trasp) */

.btn_light.btn_trasp, a.btn_light.btn_trasp, 
a:not([href]):not([tabindex]).btn_light.btn_trasp,
.btn_light.btn_trasp:hover, .btn_light.btn_trasp:focus,
a.btn_light.btn_trasp:hover, a.btn_light.btn_trasp:focus,
a:not([href]):not([tabindex]).btn_light.btn_trasp:hover,
a:not([href]):not([tabindex]).btn_light.btn_trasp:focus {
    color: #333;
    background-color: transparent;}

/* ----------------------------------------- 
Only Icon (.btn_light.btn_icon) */

/* Solo Icona */
.btn_light.btn_icon {
    border-radius: 50%;
    padding:6px 6px 6px 6px;
    width: 32px;
    height: 32px;}


/* ----------------------------------------------------------------------- 
Btn Bigger (.btn_bigger   ex .pulse_link [pulse1]) */

.btn_bigger,
a.btn_bigger {
    min-width: 200px;
    max-width: 100%;
    width: auto;
    height: auto;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    box-sizing: border-box;
    margin: 5px 5px 5px 5px;
    padding: 5px 15px 5px 15px;
    display: inline-block;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
    cursor: pointer;
    z-index: 1;}

.btn_bigger a {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%; 
    height: auto;}

/* Sfumatura */
.btn_bigger:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-color: transparent;
    z-index: -1;
    opacity: 0;}

/* 
La transizione non funziona con la sfumatura, 
quindi utilizzo il metodo opacity & before. 
*/
.btn_bigger:focus:before, 
.btn_bigger:hover:before {opacity: 1;}

.btn_bigger:before,
.btn_bigger:focus:before, 
.btn_bigger:hover:before {transition: 0.2s ease all;}

/* ----------------------------------------- 
Transition > Colors */

.btn_bigger, .btn_bigger:focus, .btn_bigger:hover,
.btn_bigger:before, .btn_bigger:focus:before, .btn_bigger:hover:before,
.btn_bigger:before a, .btn_bigger:focus:before a, .btn_bigger:hover:before a {transition: 0.2s ease all;}

/* ----------------------------------------- 
Allineamento > .btn_bigger */

.btn_bigger.btnc {
    margin-left: auto; 
    margin-right: auto;}

.btn_bigger.btnl {
    margin-left: 0px; 
    margin-right: auto;}

.btn_bigger.btnr {
    margin-left: auto; 
    margin-right: 0px;}

/* ----------------------------------------- 
Bordo > .btn_bigger */

.btn_bigger.btn_bbig,
.btn_bigger.btn_bmid,
.btn_bigger.btn_bsmall {
    border-style: solid;
    border-width: 0px;
    border-color: transparent;}

.btn_bigger.btn_bbig {border-width: 3px;}

.btn_bigger.btn_bmid {border-width: 2px;}

.btn_bigger.btn_bsmall {border-width: 1px;}

/* ----------------------------------------- 
Btn Bigger > Colors & Transition */

/* Default */
.btn_bigger, a.btn_bigger, .btn_bigger a,
a:not([href]):not([tabindex]).btn_bigger {
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
    transition: 0.2s ease all;
    color: #f0f0f0;}

.btn_bigger:focus, .btn_bigger:hover,
a.btn_bigger:focus, a.btn_bigger:hover,
a:not([href]):not([tabindex]).btn_bigger:focus, 
a:not([href]):not([tabindex]).btn_bigger:hover,
.btn_bigger:focus a, .btn_bigger:hover a {
    transition: 0.2s ease all;
    color: #fff;}

/* ----------------------------------------- 
Blu (.btn_bigger.btn_blue) (Default) */

.btn_bigger, .btn_bigger.btn_blue {
    background-image: linear-gradient(#42a1ec, #0070c9);
    background-color: #42a1ec;
    border-color: #42a1ec;}

.btn_bigger:focus:before, .btn_bigger:hover:before,
.btn_bigger.btn_blue:focus:before, .btn_bigger.btn_blue:hover:before {
    background-image: linear-gradient(#51a9ee, #147bcd);
    background-color: #51a9ee;}

/* ----------------------------------------- 
Arancio (.btn_bigger.btn_orange) */

.btn_bigger.btn_orange {
    background-image: linear-gradient(#ed842b,#d36b12);
    background-color: #ed842b;
    border-color: #ed842b;}

.btn_bigger.btn_orange:focus:before, .btn_bigger.btn_orange:hover:before {
    background-image: linear-gradient(#ea8e41,#d37728);
    background-color: #ea8e41;}

/* ----------------------------------------- 
Azzurro (.btn_bigger.btn_azure) */

.btn_bigger.btn_azure {
    background-image: linear-gradient(#58c7db,#52bbce);
    background-color: #58c7db;
    border-color: #58c7db;}

.btn_bigger.btn_azure:focus:before, .btn_bigger.btn_azure:hover:before {
    background-image: linear-gradient(#5cd0e5,#58c7db);
    background-color: #60d3e8;}

/* ----------------------------------------- 
Verde (.btn_bigger.btn_green) */

.btn_bigger.btn_green {
    background-image: linear-gradient(#acce4e,#75a01c);
    background-color: #acce4e;
    border-color: #acce4e;}

.btn_bigger.btn_green:focus:before, .btn_bigger.btn_green:hover:before {
    background-image: linear-gradient(#b8da5a,#88b627);
    background-color: #b8da5a;}

/* ----------------------------------------- 
Rosso (.btn_bigger.btn_red) */

.btn_bigger.btn_red {
    background-image: linear-gradient(#ff5757,#dd1e1e);
    background-color: #ff5757;
    border-color: #ff5757;}

.btn_bigger.btn_red:focus:before, .btn_bigger.btn_red:hover:before {
    background-image: linear-gradient(#fd6a6a,#ea2c2c);
    background-color: #fd6a6a;}

/* ----------------------------------------- 
Giallo (.btn_bigger.btn_yellow) */

.btn_bigger.btn_yellow, a.btn_bigger.btn_yellow, 
.btn_bigger.btn_yellow a, a:not([href]):not([tabindex]).btn_bigger.btn_yellow {color: #333;}

.btn_bigger.btn_yellow:focus, .btn_bigger.btn_yellow:hover,
a.btn_bigger.btn_yellow:focus, a.btn_bigger.btn_yellow:hover,
a:not([href]):not([tabindex]).btn_bigger.btn_yellow:focus, 
a:not([href]):not([tabindex]).btn_bigger.btn_yellow:hover,
.btn_bigger.btn_yellow:focus a, .btn_bigger.btn_yellow:hover a {color: #000000;}

.btn_bigger.btn_yellow {
    background-image: linear-gradient(#e7ed48,#e5dc0f);
    background-color: #e7ed48;
    border-color: #e7ed48;}

.btn_bigger.btn_yellow:focus:before, .btn_bigger.btn_yellow:hover:before {
    background-image: linear-gradient(#f9ff50,#f4ea0d);
    background-color: #f9ff50;}

/* ----------------------------------------- 
Nero (.btn_bigger.btn_black) */

.btn_bigger.btn_black:focus, .btn_bigger.btn_black:hover,
a.btn_bigger.btn_black:focus, a.btn_bigger.btn_black:hover,
a:not([href]):not([tabindex]).btn_bigger.btn_black:focus, 
a:not([href]):not([tabindex]).btn_bigger.btn_black:hover,
.btn_bigger.btn_black:focus a, .btn_bigger.btn_black:hover a {color: #000000;}

.btn_bigger.btn_black {
    background-image: linear-gradient(#151515,#000000);
    background-color: #151515;
    border-color: #151515;}

.btn_bigger.btn_black:focus:before, .btn_bigger.btn_black:hover:before {
    background-image: linear-gradient(#ffffff,#e5e5e5);
    background-color: #ffffff;}

/* ----------------------------------------- 
Grigio (.btn_bigger.btn_grey) */

.btn_bigger.btn_grey {
    background-image: linear-gradient(#c9c9c9,#727272);
    background-color: #c9c9c9;
    border-color: #c9c9c9;}

.btn_bigger.btn_grey:focus:before, .btn_bigger.btn_grey:hover:before {
    background-image: linear-gradient(#e2e2e2,#8b8b8b);
    background-color: #8b8b8b;}

/* ----------------------------------------- 
Bianco (.btn_bigger & .btn_bigger.btn_white) */

.btn_bigger.btn_white, a.btn_bigger.btn_white, 
.btn_bigger.btn_white a, a:not([href]):not([tabindex]).btn_bigger.btn_white {color: #333;}

.btn_bigger.btn_white:focus, .btn_bigger.btn_white:hover,
a.btn_bigger.btn_white:focus, a.btn_bigger.btn_white:hover,
a:not([href]):not([tabindex]).btn_bigger.btn_white:focus, 
a:not([href]):not([tabindex]).btn_bigger.btn_white:hover,
.btn_bigger.btn_white:focus a, .btn_bigger.btn_white:hover a {color: #000000;}

.btn_bigger.btn_white {
    background-image: linear-gradient(#fdfdfd,#e6e6e6);
    background-color: #fdfdfd;
    border-color: #fdfdfd;}

.btn_bigger.btn_white:focus:before, .btn_bigger.btn_white:hover:before {
    background-image: linear-gradient(#ffffff,#f0f0f0);
    background-color: #ffffff;}

/* ----------------------------------------- 
Trasparente (.btn_bigger.btn_trasp) */

.btn_bigger.btn_trasp, a.btn_bigger.btn_trasp, 
.btn_bigger.btn_trasp a, a:not([href]):not([tabindex]).btn_bigger.btn_trasp {color: #333;}

.btn_bigger.btn_trasp:focus, .btn_bigger.btn_trasp:hover,
a.btn_bigger.btn_trasp:focus, a.btn_bigger.btn_trasp:hover,
a:not([href]):not([tabindex]).btn_bigger.btn_trasp:focus, 
a:not([href]):not([tabindex]).btn_bigger.btn_trasp:hover,
.btn_bigger.btn_trasp:focus a, .btn_bigger.btn_trasp:hover a {color: #000000;}

.btn_bigger.btn_trasp {
    box-shadow: none;
    background-image: none;
    background-color: transparent;
    border-color: transparent;}

.btn_bigger.btn_trasp:focus:before, .btn_bigger.btn_trasp:hover:before {
    background-image: none;
    background-color: transparent;}

/* ----------------------------------------------------------------------- 
Bottone Icona (.btn_icon   ex .pulse_icon) */

.btn_icon {
    position: relative;
    display: inline-block;
    width: 100px; 
    height: 100px;
    line-height: 0px;
    overflow: hidden;}

.btn_icon.btni_pic {
    width: 60px; 
    height: 60px;}

.btn_icon.center {
    display: block;
    margin-right: auto;
    margin-left: auto;}

.btn_icon p {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;}

.btn_icon a {
    cursor:pointer;
    color:transparent;
    outline: none;
    z-index: 2;}

.btn_icon .btni_img {z-index: 1;}

.btn_icon a,
.btn_icon .btni_img {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width: 100%; 
    height: 100%;}

.btn_icon,
.btn_icon .btni_img {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 95% 95%;
    opacity: 0.9;
    transition: 0.2s ease all;}

.btn_icon:hover,
.btn_icon:focus,
.btn_icon:hover .btni_img, 
.btn_icon:focus .btni_img {
    opacity: 1;
    background-size: 100% 100%;
    transition: 0.2s ease all;}

.btn_icon .invert {filter: invert(70%);}

/* Icons */
.btn_icon.video {
    background-image: url(../images/icons/video_red.png);
    filter:grayscale(100%);}

.btn_icon.video:hover,
.btn_icon.video:focus {filter:grayscale(0%);}

.btn_icon.play {background-image: url(../images/icons/video.png);}
.btn_icon.download {background-image: url(../images/icons/download.png);}
.btn_icon.cart {background-image: url(../images/icons/cart.png);}


/* ----------------------------------------------------------------------- 
Menu Select (.n_select select / select.n_select + .menu_select ) */

select.n_select,
.n_select select {
    max-width: 100%;
    font-size: 15px;
    line-height: 20px;
    color:#333;
    background-color: #fff;
    border:1px solid #ccc;
    background: url(../images/icons/select_arrow_bottom.png);
    background-position: 98% 55%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border-radius: 5px;
    padding: 2px 20px 2px 5px;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.05);
    -webkit-appearance: none;
    -moz-appearance:none;
    -o-appearance:none;
    appearance:none;}

select.outline_none,
.outline_none select {
    color: #000;
    color: rgba(0,0,0,0);
    text-shadow: 0 0 0 #000;}

.menu_select {
    position: relative;
    width: 100%;
    height: auto;
    float: none;
    clear: both;}

.menu_select select {
    width: 95%;
    height: auto;
    margin: 0px auto 0px auto;}


/* ----------------------------------------------------------------------- 
Responsive */

/* -----------------------------------------
Switch Display Desktop & Mobile */

/* 
La risoluzione di passaggio da desktop a mobile dipende dal tema in uso.
The resolution of transition from desktop to mobile depends on the theme in use.
Use in the theme!

.solo_mobile {display: none !important;}
.solo_mobile_ib {display: none !important;}
.solo_mobile_flex {display: none !important;}
.solo_desktop {display: block !important;}
.solo_desktop_ib {display: inline-block !important;}
.solo_desktop_flex {display: flex !important;}
*/

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

/* -----------------------------------------
2560px / 2568 x 1440 */
@media (max-width: 2560px) {} 

/* -----------------------------------------
2050px / Costum */
@media (max-width: 2050px) {} 

/* -----------------------------------------
Full HD 1080p */
@media (max-width: 1920px) {}

/* -----------------------------------------
HD Ready 1050p */
@media (max-width: 1680px) {}

/* -----------------------------------------
HD Ready 840p */
@media (max-width: 1344px) {}

/* -----------------------------------------
HD Ready 720p */
@media (max-width: 1280px) {}

/* -----------------------------------------
WP-Bootstrap Mobile - 1200px */
@media (max-width: 1200px) {}

/* -----------------------------------------
Limite Grafico Schermi Grandi  */
@media (max-width: 1164px) {}

/* -----------------------------------------
1080px */
@media (max-width: 1080px) {}

/* -----------------------------------------
Tablet 10p iPad Orizzontale */
@media (max-width: 1024px) {}

/* -----------------------------------------
Tablet 10p iPad Orizzontale */
@media (max-width: 999px) {}

/* -----------------------------------------
Tablet 10p iPad Orizzontale */
@media (max-width: 992px) {
    
    /* ----------------------------------------- 
    Text > Size (Dimensioni) */

    .txt_big, 
    h1.txt_big, h2.txt_big, h3.txt_big, h4.txt_big, h5.txt_big, h6.txt_big,
    .title_txt.txt_big h1, .title_txt.txt_big h2, .title_txt.txt_big h3, 
    .title_txt.txt_big h4, .title_txt.txt_big h5, .title_txt.txt_big h6 {
            font-size: 50px;
            line-height: 60px;}

    .txt_mid, 
    h1.txt_mid, h2.txt_mid, h3.txt_mid, h4.txt_mid, h5.txt_mid, h6.txt_mid,
    .title_txt.txt_mid h1, .title_txt.txt_mid h2, .title_txt.txt_mid h3, 
    .title_txt.txt_mid h4, .title_txt.txt_mid h5, .title_txt.txt_mid h6 {
            font-size: 30px;
            line-height: 40px;}
    
}

/* -----------------------------------------
Tablet 10p (iPad Verticale 768px) */
@media (max-width: 810px) {}

/* -----------------------------------------
Tablet -10 Pollici 765px */
@media (max-width: 765px) {
    
    /* ----------------------------------------- 
    Text > Size (Dimensioni) */

    .txt_big, 
    h1.txt_big, h2.txt_big, h3.txt_big, h4.txt_big, h5.txt_big, h6.txt_big,
    .title_txt.txt_big h1, .title_txt.txt_big h2, .title_txt.txt_big h3, 
    .title_txt.txt_big h4, .title_txt.txt_big h5, .title_txt.txt_big h6 {
            font-size: 40px;
            line-height: 50px;}

    .txt_mid, 
    h1.txt_mid, h2.txt_mid, h3.txt_mid, h4.txt_mid, h5.txt_mid, h6.txt_mid,
    .title_txt.txt_mid h1, .title_txt.txt_mid h2, .title_txt.txt_mid h3, 
    .title_txt.txt_mid h4, .title_txt.txt_mid h5, .title_txt.txt_mid h6 {
            font-size: 25px;
            line-height: 35px;}

    .txt_pic, 
    h1.txt_pic, h2.txt_pic, h3.txt_pic, h4.txt_pic, h5.txt_pic, h6.txt_pic,
    .title_txt.txt_pic h1, .title_txt.txt_pic h2, .title_txt.txt_pic h3, 
    .title_txt.txt_pic h4, .title_txt.txt_pic h5, .title_txt.txt_pic h6,
    .txt_sm, 
    h1.txt_sm, h2.txt_sm, h3.txt_sm, h4.txt_sm, h5.txt_sm, h6.txt_sm,
    .title_txt.txt_sm h1, .title_txt.txt_sm h2, .title_txt.txt_sm h3, 
    .title_txt.txt_sm h4, .title_txt.txt_sm h5, .title_txt.txt_sm h6 {
            font-size: 20px;
            line-height: 28px;}
    
    /* ----------------------------------------- 
    Responsive Text */
    
    .txt_responsive,
    .txt_responsive p {text-align: center !important;}

    /* 
    Elimina gli a capo in responsive 
    */
    .txt_responsive br {display: none;}
    
    
    /* -----------------------------------------
    Allineamento Responsive */
 
    .txtl_c,
    .txtr_c {text-align: center}

    .floatl_c,
    .floatr_c {
        float:none; 
        margin-left:auto; 
        margin-right: auto;}
    
}

/* -----------------------------------------
680px mobile resolution. */
@media (max-width: 680px) {}

/* -----------------------------------------
SO - Widget Circle Icon */
@media (max-width: 640px) {}

/* -----------------------------------------
Smartphone iPhone 5 Orizzontale */
@media (max-width: 568px) {}

/* -----------------------------------------
Smartphone iPhone 4 Orizzontale */
@media (max-width: 480px) {
    
    /* ----------------------------------------- 
    Text > Size (Dimensioni) */

    .txt_big, 
    h1.txt_big, h2.txt_big, h3.txt_big, h4.txt_big, h5.txt_big, h6.txt_big,
    .title_txt.txt_big h1, .title_txt.txt_big h2, .title_txt.txt_big h3, 
    .title_txt.txt_big h4, .title_txt.txt_big h5, .title_txt.txt_big h6 {
            font-size: 30px;
            line-height: 40px;}

    .txt_mid, 
    h1.txt_mid, h2.txt_mid, h3.txt_mid, h4.txt_mid, h5.txt_mid, h6.txt_mid,
    .title_txt.txt_mid h1, .title_txt.txt_mid h2, .title_txt.txt_mid h3, 
    .title_txt.txt_mid h4, .title_txt.txt_mid h5, .title_txt.txt_mid h6 {
            font-size: 22px;
            line-height: 32px;}

    .txt_pic, 
    h1.txt_pic, h2.txt_pic, h3.txt_pic, h4.txt_pic, h5.txt_pic, h6.txt_pic,
    .title_txt.txt_pic h1, .title_txt.txt_pic h2, .title_txt.txt_pic h3, 
    .title_txt.txt_pic h4, .title_txt.txt_pic h5, .title_txt.txt_pic h6,
    .txt_sm, 
    h1.txt_sm, h2.txt_sm, h3.txt_sm, h4.txt_sm, h5.txt_sm, h6.txt_sm,
    .title_txt.txt_sm h1, .title_txt.txt_sm h2, .title_txt.txt_sm h3, 
    .title_txt.txt_sm h4, .title_txt.txt_sm h5, .title_txt.txt_sm h6 {
            font-size: 18px;
            line-height: 20px;}
    
}

/* -----------------------------------------
Smartphone */
@media (max-width: 400px) {}

/* -----------------------------------------
Smartphone Standard Verticale */
@media (max-width: 359px) {}

/* -----------------------------------------
Smartphone iPhone 4/5 Verticale */
@media (max-width: 320px) {}

/* ----------------------------------------------------------------------- 
Responsive - Media Queries Max Heigh */

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


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


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


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