/*-----------------------------------------------------------------------------------

        COLORS:
        default font color			#666666
        light font color				#999999
        dark font color					#262626
        body background					#fafafa
        main color							#4da5f5

/*-----------------------------------------------------------------------------------

        0.	RESET & CLEARFIX
        1.	BASICS (body, headers, links, etc)
        2. 	GENERAL ELEMENTS
        3.	HEADER
        4.	PAGE LOADER
        5.  FOOTER
        6.  NAVIGATION & MENU
        7.  SLIDER
        8.  SECTION
        9. 	PORTFOLIO
        10. PORTFOLIO AJAX
        11. FILTER
        12. BLOG
        13. COLUMNS GRID
        14. MAP
        15. ELEMENTS / SHORTCODES
        16. WIDGETS
        17. IMG OVERLAY
        18. LOADER ICON
        19. ANIMATIONS
        20. CUSTOM
        
        21. OTHER CSS FILES
        
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
0. RESET & CLEARFIX
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
1. BASICS
-----------------------------------------------------------------------------------*/
/*body{font-family:'Roboto Slab', Helvetica, sans-serif}*/
body{font-family:'Open Sans', Helvetica, sans-serif; color:#444; font-weight:normal}
::selection { background:#08ABE2; color:#fff; }
::-moz-selection { background:#08ABE2; color:#fff; }
::-webkit-selection { background:#08ABE2; color:#fff; }

.strong{ font-weight:600}
.black{ font-weight:600; color:#000}
.white{color:#fff}
.minus{font-size:65%; font-weight:200}
.big{font-size:110%; font-weight:700}
.right{float:right; padding:20px}
.plus{font-size:120%;}
.nero{ color:#000000}

h1, h2, h3, h4, h5, h6{font-family: 'Open sans', Helvetica, sans-serif; font-weight:600}
/*modifiche seo */
.page-body ul{
    margin-top:5px !important;
    margin-left: 25px !important;
}
footer ul.menu{
    margin-top: 0 !important;
    margin-left: 0 !important;
}
.side-menu ul{
    margin-top: 0 !important;
    margin-left: 0 !important;
}
h3{
    font-size: medium;
    line-height: 1;
}
h1{
    font-size: xx-large;
    line-height: 1;
    font-weight: 600;
}
h2{
    font-size: x-large ;
    line-height: 1;
}

#profile h1{
    font-size: xx-large;
    line-height: 1;
    padding-top: 0;
}
#profile h2{
    font-size: large;
    line-height: 1.4;
}
#section-cta .exh2, #section-footer-cta .exh2{
    font-size: x-large;
    line-height: 1; 
    margin: 22px auto !important;
    font-family: 'Open sans', Helvetica, sans-serif;
    font-weight: 600;
    color: #fff;
}
#section-features .exh4{
    font-size: medium;
    margin-top: 20px !important;
    font-weight: 600;
    line-height: 1.5;
}
#section-content .exh1{
    margin-top: 0;
    padding-top: 0.2em;
    font-size: xx-large;
    line-height: 1;
    font-family: 'Open sans', Helvetica, sans-serif;
    font-weight: 600;
}
.exh3{
    font-size: large;
    line-height: 1.4;
    font-family: 'Open sans', Helvetica, sans-serif;
    font-weight: 600;

}
.exh4{
                font-size: medium;
            }
            
            #section-buy .exh4{
                color: #888;
                font-size: medium;
                font-weight: 600;
            }
            #section-buy .exh3{
                margin-top: 0.5em;
                color: #0069B6;
                font-size: large;
                line-height: 1.4;
                font-weight: 600;
            }
            #section-buy h2{
                margin-top: 0.3em !important;
            }
/*fine modifiche seo */
/*h3 { font-size: x-large; line-height: 1; }*/
h4 { font-size: large; line-height: 1.4; }
h5 { font-size: medium; line-height: 1; }
h6 { font-size: small; line-height: 1; }
/*h1 { font-size: 3em; line-height: 1; }
h2 { font-size: 2.6em; line-height: 1; }
h3 { font-size: 2em; line-height: 1; }
h4 { font-size: 1.6em; line-height: 1; }
h5 { font-size: 1em; line-height: 1; }
h6 { font-size: 0.6em; line-height: 1; }*/
hr{color:#ccc; border-color:#ccc; background-color:transparent; height:1px; border-width:1px; border-style:solid none none none;}

#design-box h5, #design-box p{font-family: 'Raleway'; text-transform:none}
#catalogue-box .box { min-height:380px}
.catalogue-box h5, .catalogue-box p{font-family: 'Roboto'; text-transform:none}
.catalogue-box h5 strong{font-size:22px; color:#000}
.catalogue-box h5{font-size:16px; color:#555}
a.catalogue-title{ color:#000}
a.catalogue-title:hover{ color:#08ABE2}

/*.owl-carousel .owl-item{width: 367px !important}*/
#portfolio-carousel h5, #portfolio-carousel p{font-family: 'Raleway'; text-transform:none}
#portfolio-grid5 h5, #portfolio-grid5 p{font-family: 'Raleway'; text-transform:none}

#news-box h5, #news-box p{font-family: 'Raleway'; text-transform:none}
#news-box h4{ display:inline-block}
#homenews a.link{ display:inline-block; margin:10px -15px 0 0 }
#homenews a.link:hover{color:#08ABE2}
.opac{opacity:0.6}

.basic-headline{ margin:-17px 0 0 0}
.basic-headline .basic-title{text-transform: none; font-size:2.1em}
.basic-content{width:100%; float:right;}
.basic-content #list{ margin:4em 2em 3em 2em}
.basic-content h5{margin:2em 0 -15px 0 }
.basic-content h6{margin:2em 0 -15px 0 }
.centered{text-align:center !important; margin: 1em auto !important}
/* Forms ---------------------------------------- */
input[type=text], input[type=password], input[type=email] { /*width: 1100px; max-width: 77%;*/ }		/* padding issue (240 + 2*5 = 250) */
textarea { width: 1100px; height: 150px; max-width: 97%; padding: 11px 4px 8px 4px; line-height: 22px; }		/* padding issue (395 + 2*5 = 405) */

input[type=submit] {
    background: #4da5f5;
    padding: 10px 40px;
}

input[type=submit]:hover { 
    background-color: #262626;
}

input[type=button] {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 13px; 
    line-height: 22px ;
    letter-spacing: 0.15em; 
    text-transform: uppercase;
    text-align: center;
    display: block;
    border: none;
    color: #ffffff;	
    background: #4da5f5;
    cursor: pointer;
    padding: 10px 40px;
    border-radius: 3px;
    -moz-border-radius:3px; 
    -khtml-border-radius:3px; 
    -webkit-border-radius:3px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

input[type=button]:hover { 
    background-color: #262626;
    transform: scale(1.07);
    -ms-transform: scale(1.07); 
    -webkit-transform: scale(1.07);
}

select {
    border: 1px solid #d9d9d9;
    height: 40px;
    width: auto;
    padding:7px;
    color: #808080;
    border-radius: 3px;
    -moz-border-radius:3px; 
    -khtml-border-radius:3px; 
    -webkit-border-radius:3px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
    background-color:#fff !important
}
select {/*width: 1100px; max-width: 78.3333%;*/width: 98.5%;}	
select:hover {border-color: #262626;}
select.false {border-color: #fa4d5a;}

aside select{height:30px; padding:3px}
#engine select{height:30px; padding:3px; max-width:350px; min-width:350px}

.widget input[type=text], .widget input[type=submit], .widget textarea, .widget select{max-width:290px; min-width:290px}
.widget .form-submit{ text-align:center}





form.message-form input[type=text], form.message-form input[type=password], form.message-form input[type=email], form.message-form textarea, form.message-form select {
    font-size: 1em;
    color:#777;
    border-radius: 0;
    -moz-border-radius:0; 
    -khtml-border-radius:0; 
    -webkit-border-radius:0;
}
form.message-form input[type=text], form.message-form input[type=password], form.message-form input[type=email], form.message-form select{
    height: 30px !important;
    padding: 0 4px;
}
form.message-form input[type="submit"]{
    border-radius: 0;
    -moz-border-radius:0; 
    -khtml-border-radius:0; 
    -webkit-border-radius:0;
}
form.message-form input[type=text]:focus, form.message-form input[type=password]:focus, form.message-form input[type=email]:focus, form.message-form textarea:focus, form.message-form select:focus { 
    color: #000;
}
form.message-form textarea {max-width: 100%; padding: 11px 4px 8px 4px; line-height: 22px; }
form.message-form .form-value{width: 100%; height:55px; margin-top:2px;}
form.message-form .form-submit{}
form.message-form .form-value label{display:inline}
form.message-form .form-group{position:relative; display:inline-block; width:100%;}
form.message-form .form-group{position:relative; width:100%;}
form.message-form .form-value input[type=text],
form.message-form .form-value input[type=password],
form.message-form .form-value input[type=email]{height:100%; width:95%}
form.message-form .form-value select{height:100%; width:97.5%}
form.message-form .form-group .row-content{float:left; width:50%}
form.message-form .form-group #subject{ width:99% !important}
form.message-form .form-group #message{ width:97.5% !important; height:120px}
#compact-form{ padding:10px}
#compact-form .accordion{margin-top:20px; background-color:#fff}
#compact-form div .accordion:first-child {margin-top:20px;}
#compact-form div .accordion:last-child {margin-top:0;}
#compact-form .toggle-item{margin-top:20px;}
#compact-form div .toggle-item:first-child{margin-top:20px;}
#compact-form div .toggle-item:last-child{margin-top:0;}
#compact-form .toggle-item .toggle-title{width:30%; position:relative; cursor:pointer; overflow:hidden; background-color:#4da5f5; padding:10px 0;
                                         -webkit-transition: all 200ms linear;
                                         -moz-transition: all 200ms linear;
                                         -o-transition: all 200ms linear;
                                         -ms-transition: all 200ms linear;
                                         transition: all 200ms linear;
}
#compact-form .toggle-item .toggle-title .toggle-name{ color:#fff}
#compact-form .toggle-item .toggle-title .toggle-icon .fa{color:#fff; float: none; top:5px;	position:relative;}
#compact-form .text-light .toggle-item .toggle-title .toggle-icon .fa{color:#fff;}
#compact-form .toggle-icon .fa-angle-down{display: block;}
#compact-form .toggle-icon .fa-angle-up{display: none;}
#compact-form .toggle-active .fa-angle-down{display: none;}
#compact-form .toggle-active .fa-angle-up{display: block;}
#compact-form .toggle-item .toggle-title .toggle-name{float:none;	margin: 0}
#compact-form .toggle-item .toggle-title:hover{	background-color: #262626 !important;
                                                transform: scale(1.07);
                                                -ms-transform: scale(1.07); 
                                                -webkit-transform: scale(1.07);
}
#compact-form .toggle-item .toggle-title:hover .toggle-name{color:#fff !important;}
#compact-form .toggle-item .toggle-title:hover .toggle-icon .fa{color:#fff !important;}
#compact-form .toggle-item .toggle-active { background-color:#fff !important; color:#000 !important}
#compact-form .toggle-item .toggle-active .toggle-name{color:#000 !important}
#compact-form .toggle-item .toggle-active .toggle-icon .fa{color:#000 !important}
#compact-form .toggle-item .toggle-inner{padding-top:18px; display:none;}

/* Custom basics ---------------------------------------- */
.selected{
    background-color: #d9d9d9;
    color: white !important;
}
.fullheight{height:auto}
.midheight{height:180px}
.lowheight{height:100px}
.title-row{ height:auto; padding:20px 0; /*width: 100%;*/}
.title-row h1,.title-row h2, .title-row h3{ padding:0; color:#08ABE2; margin-top:0 !important}


/*.boxed{background-color: rgba(255, 255, 255, 0.5) !important; border:1px solid #ddd;}*/
.boxed{background-color: rgba(255, 255, 255, 0) !important; border:1px solid #ddd;}
.contentbox{}
.contentbox.fullheight{height:96%}
.box-space{margin:0 10px}
.box-img{ height:150px; overflow:hidden; border:1px solid #fff;}
#wrapper-home .box-img{ height:auto; overflow:hidden; border:1px solid #fff;}
.news-spot{ position:relative; margin-top:0; overflow:hidden}
.box-text{padding:10px;}
.first{margin-left:0}
.last{margin-right:0}
.nopad{ padding:0}
.left{ margin-left:2em}
#contact-form{ background-color:#f5f5f5; padding:10px}
.slider-scroll{width:100%; height:100%; cursor:pointer; display:block}
/*-----------------------------------------------------------------------------------
2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------*/

#page-content {
    /*min-width: 73.7%;*/
    /*min-width: 1280px;*/
}

.wrapper {
    /*width: 73.7%;*/
    /*width: 1280px;*/
}

.legenda ul li{ list-style:none}
.legenda ul li span{display:inline-block; height:15px; width:40px; margin:0 10px 0 0 }
.corsi_1{background-color:brown}
.corsi_2{background-color:red}
.corsi_3{background-color:#884DA7}
.corsi_4{background-color:green}
.corsi_5{background-color:#ff7800}
.corsi_6{background-color:deepskyblue}
.corsi_7{background-color:darkgoldenrod}
.corsi_8{background-color:indigo}
.corsi_9{background-color:mediumseagreen}
.corsi_10{background-color:firebrick}
.corsi_11{background-color:#6495ed}
.eventi_1{background-color:blue}
.eventi_2{background-color:#b00}
.eventi_3{background-color:#f00}
/*-----------------------------------------------------------------------------------
3. HEADER
-----------------------------------------------------------------------------------*/

header{border-bottom:1px solid #eee;}

#preHeader{background-color: #616161; height:35px;}

/*.smallheader .hide{ display:none}*/ /*hide preHeader when scroll down and smallheader appears*/

.contactPhone{padding-right:11px; margin-top:6px}

#preHeader .socialNetwork{margin:0;}
#preHeader .languageFlag{margin:0;}
#preHeader .socialNetwork{display:inline-block}
#preHeader .contactPhone{display:inline-block; float:left}
#preHeader .languageFlag{display:inline-block}
#preHeader .socialNetwork li{display:block; list-style-type:none; float:left; margin:7px 0 3px 0}
#preHeader .languageFlag li{display:block; list-style-type:none; float:left; margin:7px 0 3px 0}

#preHeader .socialNetwork a{text-align:center; line-height:20px; display:block;	width:20px;	height:20px; color:#eee}
#preHeader .languageFlag a{text-align:center; line-height:20px; display:block;	width:25px;	height:20px; color:#eee}
#preHeader .socialNetwork a:hover{text-decoration:none; color:#0579b0}
#preHeader .languageFlag a:hover{text-decoration:none; color:#0579b0}

.tips{display:inline-block !important}

#logo {
    /*modificato simone padding: 17px 0 10px 0; tolto height: 47px; */
    padding: 6px 0 8px 0; 
}
.smallheader #logo {
    /*simone cambiato prima era 40 tolto padding: 10px 0;*/	
    height: 50px;
}

ul.quickMenu{margin:10px 0 0 0;	padding:0}
ul.quickMenu li{display:inline-block;	padding: 0 6px}
ul.quickMenu li a{font-size:12px;	margin:0;	padding:0; display:block;	line-height:1em; font-weight:500; letter-spacing:0.05em}
ul.quickMenu li a:hover{text-decoration:none}
ul.quickMenu li a.linkLeft{margin-left:0}
/*ul.quickMenu li, .contactPhone, .languageFlag{margin-right:11px}
*//*.row{margin-right:-45px;margin-left:5px}*/

ul.quickMenu li a, .contactPhone, .languageFlag{color:#eee}
ul.quickMenu li a:hover{color:#fff}
ul.quickMenu li, .contactPhone{border-right:1px solid #eee}
ul.quickMenu li.last{border-right:none}
#preHeader .socialNetwork li.last{border-right:1px solid #eee; padding-right:6px}
.shad{border-bottom: 1px solid #eee}

/*-----------------------------------------------------------------------------------
4. PAGE LOADER
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
5. FOOTER
-----------------------------------------------------------------------------------*/

#mid { min-height:160px}
#mid .copyright{ bottom:-70px; display:block; position:relative}
#sx p, #mid p {color:#777 !important}
#dx .widget{position:relative;	margin-top:0}
#dx .widget ul{list-style:none;	padding:0; margin:0}
#dx .widget ul li{padding:8px 0; margin:0; border-top:none; border-bottom:1px solid #333}
#dx .widget ul li a{color:#777}
#dx .widget ul li a:hover{color:#fff}

/*-------------FOOTER DA COMPLETARE --------------------------*/
footer{background:#fff; padding:0;}
footer strong{color:#111}

footer #footerLogo {margin-bottom: 22px;}
footer #footerRights {padding:0 10px 10px 10px; margin-top:0; font-size:11px; background-color:#fff; width:100%; height:45px;
                      border-top:1px solid #ddd;
                      /*box-shadow:  rgba(0,0,0, 0.2) 0px -4px 4px;
                      -moz-box-shadow:  rgba(0,0,0, 0.2) 0px -4px 4px;
                      -webkit-box-shadow:  rgba(0,0,0, 0.2) 0px -4px 4px;*/
}
footer .copyright{color: #555}
footer #footerRights .col-md-6 { height:30px}
/*footer #footerRights .col-md-9 { height:30px} disattivato per SEO vedi mail pk*/
footer #footerRights #copy-sx{text-align:left}
footer #footerRights #copy-dx{text-align:right}
footer #footerRights a{color:#777; padding:0 10px; border-right:1px solid #aaa; font-weight:400}
footer #footerRights a.last{border-right:none}
footer #footerRights a:hover{color:#000}

footer.footerWidget {margin-bottom: 22px}
footer .logofoot{ width:95px; margin-top:14px}
footer .worksList li{display:inline-block; margin: 0 10px 10px 0;}
footer .worksList li a img {border-radius:4px;}

/*footer .container{padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto}
footer .container:before, .container:after{display:table; content:" "}
footer .container:after{clear:both}
footer .container:before, .container:after{display:table; content:" "}
footer .container:after{clear:both}*/

/*footer .row{margin-right:-15px; margin-left:-15px}*/
footer .row:before, footer .row:after{display:table; content:" "}
footer .row:after{clear:both}
footer .row:before, footer .row:after{display:table; content:" "}
footer .row:after{clear:both}
footer .col-md-3, footer .col-md-6{position:relative; min-height:1px}
footer .col-md-3{float:left; width:25%;}
footer .col-md-6{float:left; width:49.3%;}
footer .col-md-9{float:left; width:69.3%;}
footer .right{float:right; padding:inherit}


footer #footdx{padding-left:10px}
footer #footdx .indent{padding-left:22px}

footer .phone{font-size:26px; color:#333; font-weight:600;}
footer address{display:block; margin:20px 0; font-style:normal;	line-height:1.428571429}
footer ul.menu {padding:0}
footer ul.menu li {display: inline; list-style-type: none; padding:-20px 5px 10px 5px; }

#credit h4{ margin-bottom:0; font-size:medium}
#credit p{ margin-top:0.5em;}

#italy{height:8px; background-color:#ddd; width:120px; float:left; margin:0 0 10px 0}
#italy #green{background-color:#393; height:100%; width:40px; display:block; float:left}
#italy #white{background-color:#fff; height:100%; width:40px; display:block; float:left}
#italy #red{background-color:#C00; height:100%; width:40px; display:block; float:left}

/*-----------------------------------------------------------------------------------
6. NAVIGATION & MENU
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
6. NAVIGATION & MENU
-----------------------------------------------------------------------------------*/

/* Voci di primo livello */
nav#main-nav > ul > li > a {
    line-height: 40px;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* Ogni LI contiene eventualmente un submenu */
nav#main-nav ul li {
    position: relative;
    list-style: none;
}

/* SUBMENU di primo livello: attaccato al LI, niente “buchi” */
nav#main-nav ul li > ul.sub-menu {
    position: absolute;
    top: 65px;              /* subito sotto il li */
    left: 0;
    width: 220px;
    font-variant: small-caps;
    z-index: 9999;

    /* sempre presenti, ma “spenti” quando chiusi */
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    
    /* Leggero scostamento verso il basso per l'animazione d'ingresso */
    transform: translateY(5px);

    /* TEMPI OTTIMIZZATI: passati da 0.7s a 0.25s per un feedback scattante e moderno */
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

/* SUBMENU annidati (secondo livello, terzo livello…) */
nav#main-nav ul li ul li > ul.sub-menu {
    /*position: absolute;
    top: 0;
    left: -203px;           
    width: 200px;
    margin-top: 0 !important;*/
    position: absolute;
    top: 0;
    left: 100%;              /* Apre a DESTRA, posizionandosi esattamente alla fine del genitore */
    width: 200px;
    margin-left: 1px;
    margin-top: 0 !important;
}

/* APERTURA: con hover o con classe .is-open (gestita da JS) */
nav#main-nav ul li:hover > ul.sub-menu,
nav#main-nav li.is-open > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

/* Stile voci submenu */
nav#main-nav ul li .sub-menu li {
    border-top: 1px solid #2acdf4;
    border-bottom: 1px solid #0689C0;
}

nav#main-nav ul .sub-menu li a {
    display: block;
    color: #fff;
    background: #08ABE2;
    letter-spacing: 0.1em;
}

/* Hover voci submenu */
nav#main-nav ul .sub-menu > li:hover > a,
nav#main-nav ul .sub-menu > li.current-menu-item > a {
    background-color: #2acdf4;
}

/* Nascondo social dal main nav */
nav#main-nav #social-side {
    display: none;
}

/*----------------- MENU RESPONSIVE (pannello laterale) -----------------*/

#menu-responsive {
    position: fixed;
    top: 0;
    right: -320px;          /* nascosto fuori dallo schermo */
    width: 300px;
    height: 100%;
    background: #08ABE2;
    z-index: 99999;
    display: none;          /* viene attivato da JS all’apertura */
    transition: right 0.3s ease;
}

#menu-responsive.is-visible {
    right: 0;               /* pannello visibile */
}

#menu-responsive-inner {
    height: 100%;
    overflow-y: auto;
}

nav#responsive-nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #2acdf4;
}

nav#responsive-nav ul li {
    border-top: 1px solid #2acdf4;
}

nav#responsive-nav > ul li > a {
    color: #eeeeee;
    padding: 8px 10px;
    font-weight: 700;
    display: block;
}

nav#responsive-nav .sub-menu li a {
    color: #eeeeee;
    padding: 8px 20px;
    display: block;
}

nav#responsive-nav .sub-menu li li a {
    padding-left: 40px;
}

nav#responsive-nav .sub-menu li:hover > a,
nav#responsive-nav .sub-menu li.current-menu-item > a {
    color: #ffffff;
}

/* nei device piccoli i submenu si aprono a fisarmonica */
nav#responsive-nav li > ul.sub-menu {
    display: none;
}

nav#responsive-nav li.is-open > ul.sub-menu {
    display: block;
}

/* bottoni apertura/chiusura (hamburger / X) */
a.open-responsive-nav,
a.close-responsive-nav {
    display: inline-block;
    padding: 8px 10px;
}

a.open-responsive-nav span,
a.close-responsive-nav span {
    display: inline-block;
}



/*-----------------------------------------------------------------------------------
7. SLIDER
-----------------------------------------------------------------------------------*/

.home-slider-container{bottom:0;}
.product-slider-container{bottom:0;}
.product-slider-container {
    width:100%;
    position:relative;
    padding:0;
}
/*.product-slider-container ul {
        margin-top: 0;
        margin-left: 0;
        list-style: none;
        }
.product-slider-container ul li {
        line-height: 0;
        margin-top: 0;
        }
*/
.hero-container {
    width:100%;
    position:relative;
    padding:0;
    bottom:0;
}

/*-----------------------------------------------------------------------------------
8. SECTION
-----------------------------------------------------------------------------------*/

section { }
section h1, section h2 {margin-top:0; padding-top:2em }
/*modifica seo*/
#section-content h1 {margin-top:0; padding-top:0.2em }
.section-inner {padding-top:0; padding:0; }
#section-cta{min-height:60px; padding:10px 0; background-color: #08ABE2}
#section-cta h1, #section-cta p{ color:#fff}
#section-cta h1, #section-cta h2{padding-top:0}
#section-footer-cta h1, #section-footer-cta h2{padding-top:0}
.cta-right{text-align:center; margin-top:12px }
#wrapper-home .cta-right{text-align:center; margin-top:12px }
#wrapper-home .fullheight{min-height:330px}
/*#wrapper-home .fullheight{height:480px}
/*#wrapper-home #section-news .boxed.fullheight{height:400px}*/
#wrapper-home .xg_title{text-align:center; margin:2em 0 0 0}
#wrapper-home .xg_title h2{font-weight:600; font-size:2em; margin:0; padding:0}
#wrapper-home #section-news .contentbox { background: #fdfdfd !important;}
#wrapper-home #section-news a{ color:#000}
#wrapper-home #section-news a:hover{ color:#08ABE2}
#wrapper-home #section-news .box-text h2{ margin:0 !important; padding:5px 0 0 0 !important; font-size:1.4em; line-height:normal}
#wrapper-home #section-news .column-section{ margin-top:20px !important}
#wrapper-home #section-news .first{ margin-left:0 !important}
#wrapper-home #section-news .last{ margin-right:0 !important}
#wrapper-home #section-news .contentbox{min-height:300px}
#wrapper-home #section-news .xg_more_news{ text-align:right}
#wrapper-home #section-news .button{width:100%}
#wrapper-home #section-news .button {
    display: inline-block;
    font-family: 'Open Sans';
    font-weight: 600;
    line-height: 22px !important;
    letter-spacing: 0.15em; 
    text-transform: uppercase;
    background-color: #008FC1;
    margin:1em 0 0 0;
    padding:14px 0 14px 0;
    text-align:right;
    border:1px solid #008FC1;
    border-radius: 3px;
    -moz-border-radius:3px; 
    -khtml-border-radius:3px; 
    -webkit-border-radius:3px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
#wrapper-home #section-news .button:hover {
    background-color: #fff; border: 1px solid #008FC1 !important; cursor:pointer}
#wrapper-home #section-news .button a{ padding:0 10px 0 0; color:#fff}
#wrapper-home #section-news .button:hover a {	color : #008FC1;
}

#wrapper-home #section-3 .fullheight{height:480px}
#wrapper-home #section-3 #text-3{ padding:2%; width:90%; height:90%}
#wrapper-home #section-3 #text-3.boxcont{ position:relative; vertical-align:baseline; text-align:center; bottom:1em !important}
#wrapper-home #section-3 #text-3 h2 {color:#000; padding-top:1em; font-size:170%; letter-spacing:-0.04em}
#wrapper-home #section-3 #text-3 h3 { color:#000; margin-top:0; font-size:110%}
#wrapper-home #section-3 #text-3 h4 { color:#000; margin-top:0.5em; font-weight:400; font-size:140%; letter-spacing:-0.04em}
#wrapper-home #section-3 #text-3 .logo-product{ width:220px !important;}
#wrapper-home #section-3 #text-3 .right{float:right; margin-right:5.5em}

#wrapper-home #section-products h2{ padding-top:0.3em; font-size: x-large;margin-top: 5px;}
#wrapper-home #section-products p{ margin-top:5px;}
#wrapper-home #section-products .box-img{ min-height:180px;}
#wrapper-home #section-products .boxed.fullheight{min-height:400px}
#wrapper-home #section-5{ min-height:600px} 
#wrapper-home #section-5 h1, #wrapper-home #section-5 h2, #wrapper-home #section-5 h3, #wrapper-home #section-5 p{ color:#fff;} 
#wrapper-home #section-5 h1{ padding-top:0.3em}
#wrapper-home #section-5 h2{ padding-top:0.5em; font-weight:200; font-size: 40px;}
#wrapper-home #section-5 h3{ padding-top:1em;}
#section-wwu #sect-wwu{ cursor:pointer;}
/*#section-wwu .fullheight{height:112px;}*/
#section-wwu h1{color:#000; padding-top:0; font-size:200%}
#section-wwu p{color:#000; padding-top:0; margin-top:5px}
#section-wwu .goto{ display: inline-block; float:right; height:auto; padding:0; margin:0}

/*modifiche seo*/
#wrapper-products .fullheight{min-height:400px}
#section-cta{ min-height:40px; padding:0; margin:0; background-color: #008FC1}
#section-cta h2, #section-cta p{color:#fff}
#wrapper-home #section-cta div h2{margin:0px auto !important}
#wrapper-products #section-cta div h2 .exh2{margin:22px auto !important}
#section-cta a.medium-button {padding:8px 40px;}
#section-cta a.sr-button4 {	border: 1px solid #ffffff;}
#section-cta .cta-right{text-align:center; margin:14px auto }




#short-links .section-inner{ background:#f9f9f9}
#short-links a p{color:#555}
#short-links a i{color:#919191}
#short-links .one-fourth{width:22%; padding:1%; border-left:1px solid #ccc}
#short-links .one-fourth.first-col{border-left: none !important}

#wrapper-products #section-price #text-3{ padding-top:4%;}
#wrapper-products #section-price #text-3 h1 { color:#000}
#wrapper-products #section-price #text-3 h3 { color:#000}
#wrapper-products #section-price #text-3 h3 { color:#000}
#wrapper-products #section-price #text-3 .logo-product{ width:180px !important}

#section-features .box-img{ height:190px;}
#section-features .boxed .fullheight{height:400px}
#section-features .boxed{border: none}
#section-features .box-text p{ margin-top:5px}
#section-features ul li.disabled{color:#aaa}

#section-options .box-img{ height:auto; max-height:220px; border:1px solid #fff;}
#section-options h2{ padding-top:0}
#section-options .box-text{ padding-top:0}

#wrapper-products #section-video .box-img{ height:190px;}
#wrapper-products #section-video .boxed .fullheight{height:400px}
#wrapper-products #section-video .boxed{border: none}
#wrapper-products .row{border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom:3em}

#wrapper-products #section-related a{color:#555}
#wrapper-products #section-related a:hover{color:#000}
/*#wrapper-products #section-related .box-img{ height:120px;}*/
#wrapper-products #section-related .box-img{ height:auto;}
#wrapper-products #section-related .box-img img{height:90%;}
#wrapper-products #section-related .box-img-plus{ /*width:290px;*/ margin-top:3em}
#wrapper-products #section-related .box-img-minus{ width:170px; margin:5px 0 50px}
/* SIMONE, solo a me ? dava problemi su certe immagini, da verificare, pagina prodotti */
/*#wrapper-products #section-related .box-img-plus img{height:100%;}*/
#wrapper-products #section-related .boxed .fullheight{height:300px;}
#wrapper-products #section-related .boxed{border: none}

#section-related p{
    text-align: justify;
}
#section-related .box-text{/*padding:0;*/ padding-top:10px !important;}
#section-related .box-img-plus{
    text-align: center;
    margin: 0 auto;
}
#section-related .box-text h3{
    text-align: center;
}

/* ------------------------------- */
/* NEW PRODUCT 2022 */
/* ------------------------------- */
#wrapper-products.new2022{font-size:18px; line-height:28px;}
#wrapper-products.new2022 aside{font-size:14px; line-height:22px}
#wrapper-products.new2022 h1{padding-top:1em; font-weight:600}

#wrapper-products.new2022 h1{margin-bottom:0.2em !important}
#wrapper-products.new2022 h3{margin-top:0.2em !important}

#wrapper-products.new2022 #section_bullet{ background-color:#f3f3f3;}
#wrapper-products.new2022 #section_bullet h1{color:#000; margin-bottom:0.2em !important}
#wrapper-products.new2022 #section_bullet .column.one-third .contentbox{ min-height:180px; padding:0 30px 0 15px; border-left:2px solid #08ABE2; font-size:14px; line-height:20px; margin:0 0 20px 0}
#wrapper-products.new2022 #section_bullet .column.one-third.last .contentbox{padding:0 0 0 15px;}
#wrapper-products.new2022 #section_bullet .column.one-third .contentbox p, #sect_bullet .column.one-third .contentbox ul{padding:0}
#wrapper-products.new2022 #section_bullet .column.one-third .contentbox p{}
#wrapper-products.new2022 #section_bullet .column.one-third .contentbox ul li{ margin-top:0.2em; line-height:1.2}
#wrapper-products.new2022 #section_bullet .wrapper h1, #sect_bullet .wrapper h2, #sect_bullet .wrapper h3, #sect_bullet .wrapper h4, #sect_bullet .wrapper p, #sect_bullet .wrapper ul li{ line-height:normal}

#wrapper-products.new2022 #section_bullet_2{ background-color:#08ABE2; color:#fff}
#wrapper-products.new2022 #section_bullet_2 h1{color:#fff; margin-bottom:0.2em !important}
#wrapper-products.new2022 #section_bullet_2 h2{color:#fff; margin-bottom:0.2em !important}
#wrapper-products.new2022 #section_bullet_2 p{padding:0 !important; margin:0 !important; color:#fff}
#wrapper-products.new2022 #section_bullet_2 .midheight{min-height:110px; height:auto !important; margin-top:20px}
#wrapper-products.new2022 #section_bullet_2 .box-text{ padding:0 10px; margin:0; font-size:14px; line-height:20px}
#wrapper-products.new2022 #section_bullet_2 .box-text h4{padding:0; margin:0; color:#fff; line-height:normal}
#wrapper-products.new2022 #section_bullet_2 .box-text p{padding:0; margin:0; color:#eee;}
#wrapper-products.new2022 #section_bullet_2 a{color:#fff !important}

#wrapper-products.new2022 #section_testimonials{ background-color:#f3f3f3}
#wrapper-products.new2022 #section_testimonials .column a{ color:#000}
#wrapper-products.new2022 #section_testimonials .column p a{ color:#444}
#wrapper-products.new2022 #section_testimonials h1{ letter-spacing:-0.03em}
#wrapper-products.new2022 #section_testimonials .box-text{ padding:0; margin:0; font-size:14px; line-height:20px}
#wrapper-products.new2022 #section_testimonials .box-text h2{padding:10px 0 0 0; margin:0; line-height:normal;}
#wrapper-products.new2022 #section_testimonials .box-text h4{padding:0; margin:0; line-height:normal}
#wrapper-products.new2022 #section_testimonials .box-text p{padding:0; margin:0;}

#wrapper-products.new2022 #section_focus_3{ background-color:#f3f3f3}

#wrapper-products.new2022 #section_table .pricing-table{display:block; min-height:650px}
#wrapper-products.new2022 #section_table .xg_table:hover{
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 21%);
    -moz-box-shadow: 0 10px 30px 0 rgb(0 0 0 / 21%);
    -webkit-box-shadow: 0 10px 30px 0 rgb(0 0 0 / 21%);
}
#wrapper-products.new2022 #section_table #xg_table_last{margin-left:15px; background-color:#fff; border:2px solid #08ABE2; cursor:pointer;}
#wrapper-products.new2022 #section_table #xg_table_first{margin-right:15px; background-color:#f8f8f8; cursor:pointer;}
#wrapper-products.new2022 #section_table #xg_table_mid {margin-left:15px; background-color:#f8f8f8; cursor:pointer;}
#wrapper-products.new2022 #section_table .table-head h3 {margin:2em 0 0 0 !important;}
#wrapper-products.new2022 #section_table .table-head p {margin-top:0;}
#wrapper-products.new2022 #section_table .price-button{margin-top:70px;}
#wrapper-products.new2022 #section_table ul li{ font-size:14px; line-height:18px;}
#wrapper-products.new2022 #section_table ul li strong{ color:#000; font-weight:700; font-size:15px}
#wrapper-products.new2022 .higlight{ /*color:#008FC1 !important;*/}
.pricing-table{padding:20px 30px;}
.pricing-accent{padding:20px 30px; margin: 0;}

#wrapper-products.new2022 #section_bullet_3 h1{margin-bottom:0.2em !important}
#wrapper-products.new2022 #section_bullet_3 p{padding:0 !important; margin:0 !important;}
#wrapper-products.new2022 #section_bullet_3 i{color:#919191}
#wrapper-products.new2022 #section_bullet_3 .midheight{min-height:110px; height:auto !important; margin-top:20px}
#wrapper-products.new2022 #section_bullet_3 .box-text{padding:0 10px; margin:0; font-size:14px; line-height:20px}
#wrapper-products.new2022 #section_bullet_3 .box-text h4{padding:0; margin:0; line-height:normal}
#wrapper-products.new2022 #section_bullet_3 .box-text p{padding:0; margin:0;}
#wrapper-products.new2022 #section_bullet_3 .one-fourth{ text-align:right}

#wrapper-products.new2022 #section-support{ min-height:600px} 
#wrapper-products.new2022 #section-support h1, #wrapper-products.new2022 #section-support h2, #wrapper-products.new2022 #section-support h3, #wrapper-products.new2022 #section-support p{ color:#fff;} 
#wrapper-products.new2022 #section-support h1{ padding-top:0.3em}
#wrapper-products.new2022 #section-support h2{ padding-top:0.5em; font-weight:200}
#wrapper-products.new2022 #section-support h3{ padding-top:1em;}

#wrapper-products.new2022 #section-form{ font-size:14px; line-height:20px} 
/*modifiche seo*/
#section-form h2{
    font-size: x-large;
}

#wrapper-features.new2022{font-size:18px; line-height:28px;}
#wrapper-features.new2022 h1{padding-top:1em; font-weight:600; margin-bottom:0.2em !important}
#wrapper-features.new2022 h3{margin-top:0.2em !important}
#wrapper-features.new2022 ul{margin:3em 0 0 0}
#wrapper-features.new2022 ul li{ display:block; margin:0; border-bottom:1px solid #aaa; padding:5px 0; font-size:14px; line-height:18px}
#wrapper-features.new2022 ul li.top{margin-top:2em; border-top:1px solid #aaa}
#wrapper-features.new2022 ul li.first{border-top:1px solid #aaa}
#wrapper-features.new2022 ul li.xg-alt{ background-color:#f1f1f1}

/* ------------------------------- */
#section-footer-cta{ min-height:40px; padding:1px 0; background-color: #08ABE2}
#section-footer-cta h2, #section-cta p{color:#fff}
#section-footer-cta div h2{margin-top:18px !important}
#section-footer-cta a.medium-button {padding:8px 40px;}
#section-footer-cta a.sr-button4 {border: 1px solid #fff;}
#section-footer-cta .cta-right{text-align:center; margin:10px auto 5px }

#wrapper-services .fullheight{min-height:280px}
#wrapper-services .row{border-top: 1px solid #d9d9d9}
#wrapper-services .down{border-bottom: 1px solid #d9d9d9; min-height:280px}
#wrapper-services .row-button{ text-align:right; padding-bottom:1.5em}
#wrapper-services #section-cta{background-color: #08ABE2}
#wrapper-services #section-footer-cta{background-color: #0069B6}
#wrapper-services #section-service h2{margin-top:0; padding-top:0 }

#wrapper-buy .fullheight{min-height:280px}
#wrapper-buy .row{border-top: 1px solid #d9d9d9; padding-bottom:50px}
#wrapper-buy .down{border-bottom: 1px solid #d9d9d9; min-height:280px}
#wrapper-buy .row-button{ text-align:right}
#wrapper-buy #section-cta{background-color: #08ABE2}
#wrapper-buy #section-footer-cta{background-color: #0069B6}
#wrapper-buy #section-buy h2{margin-top:1em; padding-top:0; font-size:220%; color:#000 }
#wrapper-buy #section-buy h3{ margin-top:0.5em; color:#0069B6}
#wrapper-buy #section-buy h4{ color:#888}

#wrapper-buy ul#main-list li{ margin-top:2em}

#wrapper-promo .horizontalsection .column{ margin-right:30px}
#wrapper-promo .fullheight{min-height:400px}
#wrapper-promo .row{border-top: 1px solid #d9d9d9}
#wrapper-promo .down{border-bottom: 1px solid #d9d9d9; min-height:400px}
#wrapper-promo .row-button{ text-align:right; padding-bottom:1.5em}
#wrapper-promo #section-cta{background-color: #08ABE2}
#wrapper-promo #section-footer-cta{background-color: #0069B6}
#wrapper-promo #section-promo h2{margin-top:0; padding-top:0 }
#wrapper-promo .box-space{margin:0}

#wrapper-download .fullheight{min-height:280px}
#wrapper-download .contentbox h2{padding-top:0.6em}
#wrapper-download .contentbox p{padding-top:0}
#wrapper-download .row{border-top:1px solid #d9d9d9}
#wrapper-download .down{border-bottom: 1px solid #d9d9d9; min-height:280px}
#wrapper-download .row-button{ text-align:right; padding-bottom:1.5em}
#wrapper-download #section-cta{background-color: #08ABE2}
#wrapper-download #section-footer-cta{background-color: #0069B6}
#wrapper-download .download-logo{width:230px; padding-top:30px;}
#wrapper-download .download-box h2{padding-top:0.5em}
#wrapper-download .download-box p{margin-top:0.5em}

#wrapper-download-prod .fullheight{min-height:280px}
#wrapper-download-prod .contentbox h2{padding-top:0.6em}
#wrapper-download-prod .contentbox p{padding-top:0}
#wrapper-download-prod .row{border-top:1px solid #d9d9d9}
#wrapper-download-prod .down{border-bottom: 1px solid #d9d9d9; min-height:280px}
#wrapper-download-prod  .list ul li{display:inline-block}
#wrapper-download-prod .row-button{ text-align:right}
#wrapper-download-prod #section-cta{background-color: #08ABE2}
#wrapper-download-prod #section-footer-cta{background-color: #0069B6}
#wrapper-download-prod .download-logo{width:140px; padding-top:30px}
#wrapper-download-prod .download-box h2{padding-top:0.5em}
#wrapper-download-prod .download-box p{margin-top:0.5em}
#wrapper-download-prod .filelist{ width:100% !important; padding:6px 0; height:35px}
#wrapper-download-prod .filelist .two-third{ width:66% !important ; padding:0}
#wrapper-download-prod .filelist .one-third{ width:33% !important ; padding:0}
#wrapper-download-prod .toleft{ padding-top:5px}
#wrapper-download-prod .toright{text-align:right;}
#wrapper-download-prod .list-top{padding-top:3em}


#wrapper-training .fullheight{min-height:280px}
#wrapper-training .row{border-top: 1px solid #d9d9d9}
#wrapper-training .down{border-bottom: 1px solid #d9d9d9; min-height:280px}
#wrapper-training .row-button{ text-align:right; padding-bottom:1.5em}
#wrapper-training #section-cta{background-color: #08ABE2}
#wrapper-training #section-footer-cta{background-color: #0069B6}

#requirements h2{ margin-top:5px; padding-top:10px}
#requirements p{ margin-top:8px}

#section-video-over p a{ border-bottom:1px solid #ddd}
#section-video-over p a:hover{ border-bottom:1px solid #aaa}
/*-----------------------------------------------------------------------------------
9. PORTFOLIO
-----------------------------------------------------------------------------------*/

#special-grid5 .specialitem { min-height:465px;}
#portfolio-filter5 .active{ background-color:#fff !important}
#portfolio-grid5 h6{line-height:normal}
#portfolio-grid5 p{line-height:normal; font-size:12px; font-weight:600; letter-spacing:0.02em; color:#555}
#portfolio-grid5 h5{line-height:normal; font-size:15px; font-weight:600; letter-spacing:0.02em; margin-top:10px}
.portfolio-entries .portfolio-intro{padding:10px 0 40px 0; text-align:left; max-height:50px !important; min-height:50px !important}

/*-----------------------------------------------------------------------------------
10. PORTFOLIO AJAX
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
11. FILTER
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
12. BLOG
-----------------------------------------------------------------------------------*/

.blog-headline{ margin:-17px 0 0 0}
.blog-headline .post-name{ font-size:2.1em}
.blog-content{width:100%; float:right;}

/*-----------------------------------------------------------------------------------
13. COLUMNS GRID
-----------------------------------------------------------------------------------*/

.column { 
    margin-right: 0; display:block 
}

.one-half  { width: 50%; }
.one-third { width: 33.33333%; }
.two-third { width: 66.66666%; }
.one-fourth { width: 25%; }
.two-fourth { width: 50%; }
.three-fourth { width: 75%; }
.one-fifth { width: 20%; }
.two-fifth { width: 40%; }
.three-fifth { width: 60%; }
.four-fifth { width: 80%; }
.one-twelfth{ width: 8.33333%; }
.five-twelfth{ width: 41.6665%; }

/*-----------------------------------------------------------------------------------
14. MAP
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
15. ELEMENTS
-----------------------------------------------------------------------------------*/

/*	Buttons
------------------------------------------------*/
a.sr-button {
    display: inline-block;
    font-family: 'Open Sans';
    font-weight: 600;
    line-height: 22px !important;
    letter-spacing: 0.15em; 
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
    border-radius: 2px;
    -moz-border-radius:2px; 
    -khtml-border-radius:2px; 
    -webkit-border-radius:2px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

a.sr-button:hover {
    background-color: #ffffff;
    color : #1a1a1a;
    transform: scale(1.07);
    -ms-transform: scale(1.07); 
    -webkit-transform: scale(1.07);
}

a.mini-button { font-size: x-small; padding: 3px 15px; border-radius: 1px;-moz-border-radius:1px;-khtml-border-radius:1px;-webkit-border-radius:1px; }
a.small-button { font-size: 11px; padding: 10px 20px; }
a.medium-button { font-size: 13px; padding: 12px 40px; }
a.big-button { font-size: 15px;	padding: 18px 50px;	}

a.sr-button8{border:2px solid #fff; color:#262626;	background:#fff}
a.sr-button8:hover{background-color:#C6A557; color:#ffffff}

a.sr-button9{border:2px solid #fff; color:#262626;	background:#fff}
a.sr-button9:hover{background-color:#08ABE2; color:#ffffff}

a.sr-button10{border:2px solid #08ABE2; color:#fff;	background:#08ABE2}
a.sr-button10:hover{border:2px solid #08ABE2; background-color:#fff; color:#08ABE2}

#resellers a.sr-button10{ min-width:240px}


a.sr-button11{border:2px solid #fff; color:#fff;	background:#08ABE2}
a.sr-button11:hover{border:2px solid #08ABE2; background-color:#fff; color:#08ABE2}

a.sr-button12{border:2px solid #808080; color:#808080;	background:#fff}
a.sr-button12:hover{border:2px solid #08ABE2; background-color:#fff; color:#08ABE2}

a.sr-button14{border:2px solid #08ABE2; color:#08ABE2;	background:#ffffff}
a.sr-button14:hover{border:2px solid #08ABE2; background-color:#08ABE2; color:#ffffff}

.text-light a.sr-buttonicon{background:#666; border-color:#aaa; color:#aaa}
.text-light a.sr-buttonicon:hover{background:#08ABE2; border-color:#fff; color:#fff}

/*	seperator
------------------------------------------------*/
.seperator span{height:1px}
.seperator.size-full span{}

/*	Spacer
------------------------------------------------*/
.spacer.spacer-mini { height: 1px; }
.spacer.spacer-small { height: 14px; float:left; clear:both }
.spacer.spacer-little { height: 20px }
.spacer.spacer-normal { height: 30px; float:left; clear:both }
.spacer.spacer-std { height: 3em; float:left; clear:both }
.spacer.spacer-xl { height: 6em; float:left; clear:both }
.spacer.spacer-xxl { height: 15em; float:left; clear:both }
.spacer.spacer-xxxl { height: 20em; float:left; clear:both }

/*-----------------------------------------------------------------------------------
16. WIDGETS
-----------------------------------------------------------------------------------*/

.widget ul li:hover, .widget ul li:hover > a, .widget ul li a:hover {
    background-color: #888; color:#fff
}
.widget ul li.higlight:hover, .widget ul li.higlight:hover > a, .widget ul li.higlight a:hover {
    background-color: #666; color:#fff
}
.widget .higlight{background-color: #999; padding-left:5px;}
.widget .higlight a{ color:#fff; font-weight:600; font-size:110%}

/*-----------------------------------------------------------------------------------
17. IMG OVERLAY
-----------------------------------------------------------------------------------*/
.imgoverlay .overlaycolor {
    opacity: 0.4;
}

#homenews .imgoverlay{max-height:160px}
#catalogues .imgoverlay{max-height:180px}
#collections .imgoverlay{max-height:180px}

#design-img .imgoverlay{max-height:300px}
#special-img .imgoverlay{max-height:300px; margin:25px 0 0 0}
#top-img .imgoverlay{margin:25px 0 0 0}
#top-img .imgoverlay .top{position:relative}
#news-media .overimage{position:relative; overflow:hidden; display:block; max-width:100%; max-height:600px; margin-top:30px; text-align:center}
.news-list .powerimage{position:relative; overflow:hidden; display:block; max-width:100%; max-height:400px; margin-top:0}
.news-list .listimage{position:relative; overflow:hidden; display:block; max-width:100%; max-height:250px; margin-top:0}
.spot{position:relative; margin-top:0; overflow:hidden}
#blog .widget .imgoverlay{max-height:160px}

.trav-item{margin-top:3em}
.trav-list .img-trav-item{position:relative; overflow:hidden; display:block; max-width:100%; max-height:300px; margin-top:0}
#table_cost table{width:100%; background-color:#eee; color:#000; margin:25px 0; height:30px}
#table_cost table tr td{padding:5px; text-align:right}
#table_cost table tr td:last-child{ border-left:1px solid #fff; width:25%}

#travel-details .overimage{position:relative; overflow:hidden; max-width:100%; max-height:350px; margin-top:30px}
#travel-details .overimage .travel-img{position:relative; top:-140px; right:0; display:block; float:left;}

/*-----------------------------------------------------------------------------------
18. LOADER ICON
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
19. ANIMATIONS
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
20. CUSTOM
-----------------------------------------------------------------------------------*/

#passionate h2{text-shadow:2px 2px 5px rgba(0, 0, 0, 1);}
#design{min-height:280px}
#design-txt div{padding:20px; font-family: 'Roboto' !important; }
#design-txt div .br-space{margin-top:1em; display:block}
.widget ul{margin-top:0;}
.widget ul li{margin-top:0;	border-top: 1px solid #d9d9d9}
#blog aside a.link{color:#a00}
#blog aside a.link:hover{ color:#000}

.social{display:block; position:relative}
.social .social-title{color: #414141; font-weight:500; text-transform:uppercase; margin:0}
.social .addthis_toolbox{position:relative; margin:14px 0 0 0}
#under-nl{ margin-top:40px}

.widget-title{color: #414141; font-weight:500;}

.alert-box {
    background: #f6f6f6;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    -moz-border-radius:3px; 
    -khtml-border-radius:3px; 
    -webkit-border-radius:3px;
    height:auto
}
.alert-box h5{
    line-height:150% !important;
    padding: 30px;
    margin: 1px 0;
    font-size:medium
}

.claim-box {
    background: #f0fafe;
    border: 1px solid #08ABE2;
    border-radius: 3px;
    -moz-border-radius:3px; 
    -khtml-border-radius:3px; 
    -webkit-border-radius:3px;
    height:auto;
    padding:1.8em;
    color:#000
}
.claim-box h6{color:#08ABE2; font-size:medium; font-weight:600; margin:0; padding:0}	

#user-welcome h3{ font-size:140%}
.claim-wrapper{border-top:1px solid #ccc; padding:20px 0; margin-top:40px }
.claim-wrapper h4{ color:#000; font-size:140%}
.claim-wrapper p{ margin-top:0.5em; font-size:110%}
.claim-item .right{padding: 0 40px 0 0; position:relative; top:250px}
.claim-item{height:300px}
#user-welcome a.sr-button2 {background:rgba(256, 256, 256, 0.5)}
#user-welcome a.sr-button2:hover{background:rgba(256, 256, 256, 1)}
#user-welcome a.sr-button4 {background:rgba(0, 0, 0, 0.1)}
#user-welcome a.sr-button4:hover {background:rgba(256, 256, 256, 1)}

/*-----------------------------------------------------------------------------------
21. OTHER CSS FILES
-----------------------------------------------------------------------------------*/

.box {border:1px solid #ddd; padding:2px}

/*** Scroll up Button ***/
#xgToTop{
    position:fixed;
    bottom:0;
    right:20px;
    padding:5px;
    display:none;
    border-radius:4px 4px 0 0;
    width:40px;
    text-align: center;
}
#xgToTop{color:#3d3d3d;	background:#fff; border:1px solid rgba(0, 0, 0, 0.15);}
#xgToTop:hover{color:#fff; background:#08ABE2;}

.srcaption-bigwhite, .srcaption-mediumwhite, .srcaption-smallwhite, .srcaption-miniwhite {
    /*font-family: 'Roboto Slab';*/
    font-family: 'Open Sans';
    /*text-shadow:2px 2px 6px rgba(0, 0, 0, 0.5);
    letter-spacing:0.04em*/
}
/*.srcaption-bigwhite{font-size: 80px; line-height: 100px}
.srcaption-mediumwhite{font-size: 42px; line-height: 52px}
.srcaption-smallwhite{font-size: 32px; line-height: 42px}
.srcaption-miniwhite{font-size: 18px; line-height: 26px}
*/
.img_float{display:block; float:left; margin:25px 20px 20px 0; clear:both}
.sign-right{font-style:italic; margin-left:170px}

.special-box h5, .special-box p{font-family: 'Roboto'; text-transform:none}
.special-box h5 strong{font-size:22px; color:#000}
.special-box h5{font-size:16px; color:#555}
a.special-title{ color:#000}
a.special-title:hover{ color:#08ABE2}

#special-grid5 h5, #special-grid5 p{font-family: 'Raleway'; text-transform:none}
#news-box h5, #news-box p{font-family: 'Raleway'; text-transform:none}
#news-box h4{ display:inline-block}
#homenews a.link{ display:inline-block; margin:10px -15px 0 0 }
#homenews a.link:hover{color:#08ABE2}
.opac{opacity:0.6}
.100width{width:1700px !important; background-color:#f00 !important}

.top{ margin-top:2.5em}
.big-top{ margin-top:3.5em}
sup{ font-size:65%}
.nolink{ cursor:default}

.bgevents{background:url(../../../../calendario-corsi-formazione-software-sdproget/resources/images/calendario-eventi.jpg) center center no-repeat; background-size:cover; height:270px; font-size:180%; color:#fff; font-weight:200; text-align:right; padding:14px 20px 0 0}
.bgcourses{background:url(../../../../calendario-corsi-formazione-software-sdproget/resources/images/calendario-corsi.jpg) center center no-repeat; background-size:cover; height:270px; font-size:180%; color:#fff; font-weight:200; text-align:right; padding:14px 20px 0 0}
/* SIMONE ---------------------------------------- */
.side-menu a{
    text-decoration: none;
    /*display: block;*/
    width: 100%;
    height: 100%;
}
.tooltip { /* hide and position tooltip */
    top:-29px;
    left: 270px;
    background-color:antiquewhite;
    border: 1px red solid;
    border-radius:5px;
    color: black;
    opacity:1;
    position:absolute;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    width: 200px;
}

/* ####################################################################################################### */
/* ####################################################################################################### */

/*-----------------------------------------------------------------------------------
- MQUERY
-----------------------------------------------------------------------------------*/

/* SMALL SCREENS */
@media only screen and (max-width: 1200px) {
    .box-img{ height:auto; overflow: visible;}
    .fullheight{height: auto}
    .contentbox.fullheight{height: auto}
    .box-space{margin:10px 0}
    #section-news .column {float: left; margin-right: 10px;	min-height: 1px;}
    #short-links .one-fourth{width:21%;}
    .one-fourth { width: 23.9355%; }
    .one-third { width: 31.63%; margin:6px }
    /*.two-third { margin:0 20px 0 0 }*/
    /*.one-half { margin:0 20px 0 0 }*/
    #section-products .column {float: left; margin-right: 10px;	min-height: 1px;}
    #section-products .box-img{ height:auto; overflow: visible;}
    #wrapper-products #section-features .column {float: left; margin-right: 10px;	min-height: 1px;}
    #wrapper-products #section-features .box-img{ height:auto; overflow: visible;}
    #wrapper-products #section-video .column {float: left; margin-right: 10px;	min-height: 1px;}
    #wrapper-products #section-video .box-img{ height:auto; overflow: visible;}
    #wrapper-products #section-related .column {float: left; margin-right: 10px;	min-height: 1px;}
    #wrapper-products #section-related .box-img{ height:auto; overflow: visible;}
    #wrapper-products #section-related .box-img-plus{ width:auto; overflow: visible;}


}

@media only screen and (max-width:1180px){
    footer .wrapper{width:740px}
    footer .footer5 #footerRights p{float: left;}
    footer .footer5 #footerRights .socialNetwork{float: right;}
    footer .col-md-3{float:left; width:340px; margin-bottom:22px}
    footer .col-md-6{float:left; width:340px; margin-bottom:22px}
    footer .col-md-9{float:left; width:340px; margin-bottom:22px}
    footer #footsx{padding-bottom:20px}
    footer #footsx, footer #footmid, footer #footdx{ margin:22px auto; float:none; clear:both}
    footer #footsx, footer #footmid, footer #footdx{border-bottom:1px solid #eee}
    #travel-details .overimage{max-height:300px}
    #travel-details .overimage .travel-img{top:-30px; right:0}
    #design-txt div{padding:20px; font-family: 'Roboto' !important; font-size:80% }
    #design-img .imgoverlay{max-height:400px}
    #section-products .contentbox{ min-height:530px}
    #wrapper-products #section-features .contentbox{min-height:530px !important}
}

/* TABLETS ON PORTRAITS */
@media only screen and (max-width: 1024px) {
    .column {float: left; margin-right: 30px;	min-height: 1px;}
    .one-third { width: 100%; margin:10px 0;}
    .two-third { width: 100%; margin:10px 0;}
    .one-half { width: 100%; margin:0 0 20px 0;}
    .one-fourth { width: 48.5%; }
    .two-fourth { width: 100%; }
    .three-fourth { width: 100%; }
    .one-fifth { width: 100%; }
    .two-fifth { width: 100%; }
    .three-fifth { width: 100%; }
    .four-fifth { width: 100%; }
    #short-links .one-fourth{width:41%; margin:15px 0}
    #short-links .one-fourth.third-col{border-left: none !important}
    /*#section-news .contentbox{ min-height:530px}*/
    #section-products .contentbox{ min-height:530px}
    #wrapper-products #section-features .contentbox{min-height:530px !important}
    /*#wrapper-products #section-video .contentbox{min-height:530px !important}*/
    #wrapper-products #section-related .contentbox{min-height:530px !important}
    #wrapper-products #section-related .box-img-minus{ width: inherit}
    #wrapper-products aside {margin-top: 40px; }
    #start-button{ display:none}
    .start-cursor{ cursor:pointer}
    #preHeader .contactPhone, #preHeader .socialNetwork, #preHeader .hideme {display:none!important}
    #preHeader .column {margin:0}
    #sect-3.backg-image{background-size: 160% !important}
    #wrapper-home #section-3 #text-3 .logo-product{ width:190px !important; padding-top:2em}
    #wrapper-home #section-3 #text-3 h2 {padding-top:1em; font-size:140%;}
}

/* Smartphones*/
@media only screen and (max-width: 760px) {
    .wrapper { width: 84%; }
    .one-half  { width: 100%; }
    .one-third { width: 100%; }
    .two-third { width: 100%; }
    .one-fourth { width: 100%; }
    .two-fourth { width: 100%; }
    .three-fourth { width: 100%; }
    .one-fifth { width: 100%; }
    .two-fifth { width: 100%; }
    .three-fifth { width: 100%; }
    .four-fifth { width: 100%; }
    #dx .widget{margin-top:70px}
    #sx { text-align:center}	
    #section-news .contentbox{ min-height:400px;}
    #wrapper-home #section-products .boxed.fullheight{height:auto}
    #section-products .contentbox{ min-height:400px}
    #wrapper-products #section-features .contentbox{min-height:430px !important}
    /*#wrapper-products #section-video .contentbox{min-height:430px !important}*/
    #wrapper-products #section-related .contentbox{min-height:430px !important}
    #wrapper-products.new2022 #section_bullet_3 .one-fourth{ text-align:center}

}

@media only screen and (max-width:768px){
    footer .wrapper{width:84%}
    footer .col-md-3, footer .col-md-6{margin-bottom:0;}
    footer .mt30{margin-top:3em;}
    footer .col-md-3{float:left; width:300px; margin-bottom:22px}
    footer .col-md-6{float:left; width:300px; margin-bottom:22px}
    footer .col-md-9{float:left; width:300px; margin-bottom:22px}
    footer #footsx{padding-bottom:20px}
    footer #footsx, footer #footmid, footer #footdx{ margin:22px auto; float:none; clear:both}
    footer #footsx, footer #footmid, footer #footdx{border-bottom:1px solid #eee}
    #section-news .contentbox{ min-height:400px;}
    #section-products .contentbox{ min-height:400px}
}

@media only screen and (min-width:760px) {
    #news .box {min-height:450px}
}

@media only screen and (max-width:560px) {
    #sect-3.backg-image{background-size: 260% !important}
    #wrapper-home #section-3 #text-3 h2 {padding-top:1em; font-size:140%;}
    #wrapper-home #section-3 #text-3 h4 {margin-top:0.5em; font-size:100%;}
    #short-links .one-fourth{width:100%; margin:15px 0; border-left:none}
}


/* HAMBURGER + MENU MOBILE
   (metti questo blocco in fondo al CSS) */

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

    /* nascondo il menu orizzontale */
    nav#main-nav {
        display: none;
    }

    /* contenitore dell’hamburger */
    a.open-responsive-nav {
        display: block !important;
        float: right;
        width: 40px !important;
        height: 32px !important;
        margin-right: 10px;
        position: relative;

        /* niente sfondo rosso in produzione */
        background: transparent !important;

        /* reset testo (se c’è dentro “☰”) */
        font-size: 0 !important;
        color: transparent !important;
        text-indent: 0 !important;
        overflow: visible !important;
    }

    /* le 3 barrette dell’hamburger */
    a.open-responsive-nav span {
        position: absolute;
        left: 6px;
        right: 6px;
        top: 50%;
        margin-top: -1px;
        height: 2px;
        background: #000 !important;
        display: block !important;
    }

    a.open-responsive-nav span::before,
    a.open-responsive-nav span::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 2px;
        background: #000 !important;
    }

    a.open-responsive-nav span::before {
        top: -7px;
    }

    a.open-responsive-nav span::after {
        top: 7px;
    }

    /* bottone di chiusura nel pannello laterale */
    a.close-responsive-nav {
        display: inline-block;
        padding: 8px 10px;
    }
}
#menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.35);
    z-index: 99990;
    display: none;
}
#menu-overlay.visible {
    display: block;
}