/* Minification failed. Returning unminified contents.
(622,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50px'
 */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ overflow-x: hidden !important;}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body { margin: 0; font-family: 'ralewaymedium'; overflow-x: hidden !important; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a { background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong { font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */

small { font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img { border-style: none; }

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */ overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */ text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] { -webkit-appearance: button; }

    /**
 * Remove the inner border and padding in Firefox.
 */

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

    /**
 * Restore the focus styles unset by the previous rule.
 */

    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */

fieldset { padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress { vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea { overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

    /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

    [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details { display: block; }

/*
 * Add the correct display in all browsers.
 */

summary { display: list-item; }

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template { display: none; }

/**
 * Add the correct display in IE 10.
 */

[hidden] { display: none; }

/**/
@font-face { font-family: 'ralewaybold'; src: url('../font/raleway-bold-webfont.eot'); src: url('../font/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway-bold-webfont.woff') format('woff'), url('../font/raleway-bold-webfont.ttf') format('truetype'), url('../font/raleway-bold-webfont.svg#ralewaybold') format('svg'); font-weight: normal; font-style: normal; }
/**/
@font-face { font-family: 'ralewayextrabold'; src: url('../font/raleway-extrabold-webfont.eot'); src: url('../font/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway-extrabold-webfont.woff') format('woff'), url('../font/raleway-extrabold-webfont.ttf') format('truetype'), url('../font/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg'); font-weight: normal; font-style: normal; }
/**/
@font-face { font-family: 'ralewayextralight'; src: url('../font/raleway-extralight-webfont.eot'); src: url('../font/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway-extralight-webfont.woff') format('woff'), url('../font/raleway-extralight-webfont.ttf') format('truetype'), url('../font/raleway-extralight-webfont.svg#ralewayextralight') format('svg'); font-weight: normal; font-style: normal; }
/**/
@font-face { font-family: 'ralewaylight'; src: url('../font/raleway-light-webfont.eot'); src: url('../font/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway-light-webfont.woff') format('woff'), url('../font/raleway-light-webfont.ttf') format('truetype'), url('../font/raleway-light-webfont.svg#ralewaylight') format('svg'); font-weight: normal; font-style: normal; }
/**/
@font-face { font-family: 'ralewaymedium'; src: url('../font/raleway-medium-webfont.eot'); src: url('../font/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/raleway-medium-webfont.woff') format('woff'), url('../font/raleway-medium-webfont.ttf') format('truetype'), url('../font/raleway-medium-webfont.svg#ralewaymedium') format('svg'); font-weight: normal; font-style: normal; }

.Font01 { font-family: 'ralewaymedium'; }
.Font02 { font-family: 'ralewaylight'; }
.Font03 { font-family: 'ralewayextralight'; }
.Font04 { font-family: 'ralewaybold'; }
.Font05 { font-family: 'ralewayextrabold'; }

/**/
/* General Font Color ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Font-Color-CI-01 { color: #f26531; }
.Font-Color-CI-02 { color: #474045; }
.Font-Color-fff { color: #ffffff; }
.Font-Color-000 { color: #000; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* General Background colors ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Background-Color-CI-01 { background-color: #f26531; }
.Background-Color-CI-02 { background-color: #474045; }
.Background-Color-fff { background-color: #ffffff; }
.Background-Color-ddd { background-color: #ddd; }
.Background-Color-b3b { background-color: #B3B0B3; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*rules of behavior on the HTML standard~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a { color: inherit; text-decoration: inherit; font-family: inherit; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*rules~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Text-Transform-Uppercase { text-transform: uppercase; }
/**/
.Text-Align-Left { text-align: left; }
.Text-Align-Right { text-align: right; }
.Text-Align-Center { text-align: center; }
.Text-Align-Justify { text-align: justify; }
/**/
.Italic { font-style: italic; }
/**/
.inline-block { display: inline-block; }
/**/
.Line-Height-normal { line-height: normal; }
.Line-Height-0 { line-height: 0.650rem; }
.Line-Height-1 { line-height: 0.750rem; }
.Line-Height-2 { line-height: 0.813rem; }
.Line-Height-3 { line-height: 0.875rem; }
.Line-Height-4 { line-height: 0.938rem; }
.Line-Height-5 { line-height: 1rem; }
.Line-Height-6 { line-height: 1.125rem; }
.Line-Height-7 { line-height: 1.250rem; }
.Line-Height-8 { line-height: 1.375rem; }
.Line-Height-9 { line-height: 1.500rem; }
.Line-Height-10 { line-height: 2rem; }
.Line-Height-11 { line-height: 2.2rem; }
.Line-Height-12 { line-height: 2.4rem; }
.Line-Height-13 { line-height: 2.6rem; }
.Line-Height-14 { line-height: 2.8rem; }
.Line-Height-15 { line-height: 3rem; }
.Line-Height-16 { line-height: 3.5rem; }
.Line-Height-17 { line-height: 4rem; }
.Line-Height-18 { line-height: 4.5rem; }
.Line-Height-19 { line-height: 5rem; }
.Line-Height-20 { line-height: 5.5rem; }
/**/
.title-page { font-size: 30px !important; z-index: 2; display: block; position: relative; text-align: center; }
/**/
.cookies { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; padding: 10px; text-align: right; background-color:rgba(0,0,0,0.8); color:#fff; font-size:11px; font-weight:normal; text-align:left;}
.cookies a{ padding:3px 8px; background-color:#f26531; color:#fff; display: inline-block;}
.cookies a:hover { text-decoration:underline; }

video { width:100%;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.button-help { background-color: #666; padding: 5px 10px; display: inline-block; margin: 5px 0; color: #ffffff; transition: 0.5s; font-size:13px; }
    .button-help:hover { background-color: #f26531; transition:0.5s;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.logo4r { display: block; width: 120px; }
/* Small Devices, Tablets */
@media only screen and (min-width : 0px) and (max-width : 1024px) { /* Font Size ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .Font-Size-0 { font-size: 0.650rem; }
    .Font-Size-1 { font-size: 0.750rem; }
    .Font-Size-2 { font-size: 0.813rem; }
    .Font-Size-3 { font-size: 0.875rem; }
    .Font-Size-4 { font-size: 0.938rem; }
    .Font-Size-5 { font-size: 1rem; }
    .Font-Size-6 { font-size: 1.125rem; }
    .Font-Size-7 { font-size: 1.250rem; }
    .Font-Size-8 { font-size: 1.375rem; }
    .Font-Size-9 { font-size: 1.500rem; }
    .Font-Size-10 { font-size: 2rem; }
    .Font-Size-11 { font-size: 2.2rem; }
    .Font-Size-12 { font-size: 2.4rem; }
    .Font-Size-13 { font-size: 2.6rem; }
    .Font-Size-14 { font-size: 2.8rem; }
    .Font-Size-15 { font-size: 3rem; }
    .Font-Size-16 { font-size: 3.5rem; }
    .Font-Size-17 { font-size: 4rem; }
    .Font-Size-18 { font-size: 4.5rem; }
    .Font-Size-19 { font-size: 5rem; }
    .Font-Size-20 { font-size: 6rem; }
    .Font-Size-21 { font-size: 7rem; }
    .Font-Size-22 { font-size: 8rem; }
    .Font-Size-23 { font-size: 9rem; }
    .Font-Size-24 { font-size: 10rem; }
    .Font-Size-25 { font-size: 11rem; }
    /**/
    /**/
    .container { width: 100%; position: absolute; z-index: 1; image-rendering: optimizeQuality; display: block;  }
        .container img { width: 100%; }
        /**/
        .container .video-box { height: auto; overflow: hidden; position: relative; margin-top:70px;  }
        .container .video-box br { display:none ;}
            .container .video-box .mobileflex { display:flex; flex-direction:column; justify-content:flex-start; text-align:center; }
            .container .video-box .mobileflex a { border-bottom:solid 1px rgba(0,0,0,0.4); }
                .container .video-box .mobileflex .v-line { display:none; }
            .container .video-box::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.47) 34%, rgba(255,255,255,1) 73%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.47) 34%,rgba(255,255,255,1) 73%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.47) 34%,rgba(255,255,255,1) 73%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); z-index: 1; }
            .container .video-box video { position: absolute; width: 100%; top: -200px; }
        /**/
        .container .title { z-index: 2; display: block; position: relative; text-align: center;  }
        /**/
        .container .video-box .flexbox { display: flex; justify-content: space-around; position: relative; z-index: 2; line-height: 60px; }
            .container .video-box .flexbox .v-line { width: 1px; background-color: #B2B2B2; height: 60px; }

        /**/
        .container .slider { display: block; position: relative; }
            .container .slider .mask { height: 350px; overflow: hidden; display: block; position: relative; z-index: 2; }
            .container .slider img { height: 100%; width: auto; }
            .container .slider .caption { background-color: rgba(255,255,255,0.95); padding: 15px; display: block; position: absolute; right: 5%; left: 5%; top: 150px; box-shadow: 0 0 8px rgba(0,0,0,0.3); z-index: 3; display: flex; flex-direction: column; justify-content: center; }
        /**/

        .container .carousel { }
            .container .carousel::after { content: ""; position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; top: 0; }
            .container .carousel .item { display: flex !important; justify-content: space-around !important; }
                .container .carousel .item .carousel-image { display: block; width: 30%; padding: 15px; }
                    .container .carousel .item .carousel-image img { width: 100%; display: block; }
                .container .carousel .item .carousel-line { display: block; width: 1px; background-color: #615363; position: relative; opacity: 0.4; }
                .container .carousel .item .carousel-text { width: 50%; padding: 15px; display: flex; flex-direction: column; justify-content: center; justify-content: space-around; color: #615363; }
        /**/
        .container .box-cont { display: flex; justify-content: space-between; flex-direction: column; justify-content: center; align-items: center; }
            .container .box-cont .box { position: relative; width: 80%; }
                .container .box-cont .box .cont-caption { background-color: rgba(255,255,255,0.8); position: absolute; left: 0; top: 0; bottom: 0; width: 75%; z-index: 1; display: flex; flex-direction: column; justify-content: center; }
                    .container .box-cont .box .cont-caption .title-caption { padding: 10px; }
                    .container .box-cont .box .cont-caption .text-caption { padding: 20px; text-align: justify; }
                    .container .box-cont .box .cont-caption .back-img { }
                        .container .box-cont .box .cont-caption .back-img img { }
    /**/

    .footer { display: block; padding: 10px; position: relative; box-sizing: border-box; }
        .footer .footer-logo { background-image: url('../img/logo-completo.png?v=1.0'); height: 70px; background-position: left center; background-repeat: no-repeat; background-size: auto 100%; image-rendering: optimizeQuality; }
        .footer .sections { display: block; justify-content: space-around; }
            .footer .sections .section { margin: 20px 0 0 0; }
                .footer .sections .section .menu { display: block; }

                .footer .sections .fmenu { display: none; }
            .footer .sections .fsedi { display: block; margin: 0 10px; }
                    .footer .sections .fsedi .sectionflex { display: flex; flex-wrap: wrap; justify-content: space-between;}
            .footer .sections .fcontatti { display: block; margin: 0 10px; }
            .footer .sections .fdati { display: block; margin: 0 10px; }

    .sectionflex
    /**/
    .bg-var01 { padding: 20px 0; box-shadow: 0 20px 90px -30px rgba(0,0,0,0.4); z-index: 999; position: relative; }
    .bg-var02 { background-color: #eee; padding: 20px 0; position: relative; background-image: url(../img/gplaypattern.png?v=1.0); }
    .bg-var03 { padding: 20px 0; box-shadow: 0 -20px 90px -30px rgba(0,0,0,0.4); z-index: 999; position: relative; }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1025px) {
    /* Font Size ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .Font-Size-0 { font-size: 0.650rem; }
    .Font-Size-1 { font-size: 0.750rem; }
    .Font-Size-2 { font-size: 0.813rem; }
    .Font-Size-3 { font-size: 0.875rem; }
    .Font-Size-4 { font-size: 0.938rem; }
    .Font-Size-5 { font-size: 1rem; }
    .Font-Size-6 { font-size: 1.125rem; }
    .Font-Size-7 { font-size: 1.250rem; }
    .Font-Size-8 { font-size: 1.375rem; }
    .Font-Size-9 { font-size: 1.500rem; }
    .Font-Size-10 { font-size: 2rem; }
    .Font-Size-11 { font-size: 2.2rem; }
    .Font-Size-12 { font-size: 2.4rem; }
    .Font-Size-13 { font-size: 2.6rem; }
    .Font-Size-14 { font-size: 2.8rem; }
    .Font-Size-15 { font-size: 3rem; }
    .Font-Size-16 { font-size: 3.5rem; }
    .Font-Size-17 { font-size: 4rem; }
    .Font-Size-18 { font-size: 4.5rem; }
    .Font-Size-19 { font-size: 5rem; }
    .Font-Size-20 { font-size: 6rem; }
    .Font-Size-21 { font-size: 7rem; }
    .Font-Size-22 { font-size: 8rem; }
    .Font-Size-23 { font-size: 9rem; }
    .Font-Size-24 { font-size: 10rem; }
    .Font-Size-25 { font-size: 11rem; }
    /**/
    /**/
    .container { width: 100%; position: relative; z-index: 1; image-rendering: optimizeQuality; display: block; margin-top:0!important; }
        .container img { width: 100%; }
        /**/
        .container .video-box { height: 300px; overflow: hidden; position: relative; display: block; }
            .container .video-box::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.47) 34%, rgba(255,255,255,1) 73%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.47) 34%,rgba(255,255,255,1) 73%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.47) 34%,rgba(255,255,255,1) 73%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); z-index: 1; }
            .container .video-box video { position: absolute; width: 100%; top: -200px; }
        /**/
        .container .title { z-index: 2; display: block; position: relative; text-align: center; }
        /**/
        .container .video-box .flexbox { display: flex; justify-content: space-around; position: relative; z-index: 2; line-height: 60px; }
            .container .video-box .flexbox .v-line { width: 1px; background-color: #B2B2B2; height: 60px; }

        /**/
        .container .slider { display: block; position: relative; }
            .container .slider video { transform: translate(0,-30%); width: 100%; display: block; }
            .container .slider .mask { height: 600px; overflow: hidden; display: block; position: relative; box-shadow: 0 0 8px rgba(0,0,0,0.3); z-index: 2; }
            .container .slider img { width: 100%; }
            .container .slider .caption { background-color: rgba(255,255,255,0.95); padding: 20px; position: absolute; right: 10%; top: 60%; width: 45%; height: auto; box-shadow: 0 0 8px rgba(0,0,0,0.3); z-index: 3; display: flex; flex-direction: column; justify-content: center; }
        /**/

        .container .carousel { }
            
            .container .carousel .item { display: flex !important; justify-content: space-around !important; }
                .container .carousel .item .carousel-image { display: block; width: 30%; padding: 15px; }
                    .container .carousel .item .carousel-image img { width: 100%; display: block; }
                .container .carousel .item .carousel-line { display: block; width: 1px; background-color: #615363; position: relative; opacity: 0.4; }
                .container .carousel .item .carousel-text { width: 50%; padding: 15px; display: flex; flex-direction: column; justify-content: center; justify-content: space-around; color: #615363; }
        /**/
        .container .box-cont { display: flex; justify-content: flex-start; position: relative; }
        .container .box-cont2 { justify-content: space-around !important; position: relative; }

            .container .box-cont .box { width: 50%; position: relative; width: 25%; display:flex; flex-direction:column-reverse; }
                .container .box-cont .box .cont-caption { background-color: rgba(255,255,255,0.8); position: relative; left: 0; bottom: 0; right:0; width: 100%; z-index: 1; flex-direction: column; justify-content: center; }
                .container .box-cont .box > div { flex:1; }
                    .container .box-cont .box .cont-caption .title-caption { padding: 10px; }
                    .container .box-cont .box .cont-caption .text-caption { padding: 20px 10px; text-align: justify; }
                    .container .box-cont .box .cont-caption .back-img { }
                        .container .box-cont .box .cont-caption .back-img img { }
    /**/


    .footer { display: block; padding:20px; position:relative; box-sizing:border-box;}
        .footer .footer-logo { background-image: url('../img/logo-completo.png?v=1.0'); height: 70px; background-position: left center; background-repeat: no-repeat; background-size: auto 100%; image-rendering: optimizeQuality; }
        .footer .sections { display: flex; justify-content: space-around; }
            .footer .sections .section { margin: 20px 0 0 0; }
                .footer .sections .section .menu { display: block; }
                /**/

    .bg-var01 { padding: 20px 0; box-shadow: 0 20px 90px -30px rgba(0,0,0,0.4); z-index:999; position:relative; }
    .bg-var02 { background-color: #eee; padding: 20px 0; position: relative; background-image: url(../img/gplaypattern.png?v=1.0); background-attachment: fixed;}
    .bg-var03 { padding: 20px 0; box-shadow: 0 0px 180px -30px rgba(0,0,0,0.4); z-index: 999; position: relative; }
}




.underline { text-decoration: underline; }

.font-color-grigio { color: #524A4C; }
.font-color-arancio { color: #DB5A24; }
/**/
/**/
.separatore { position: relative; display: block; clear: both; height: 10px; margin: 20px 0; }
    .separatore .cover-separatore { width: 70px; position: relative; margin: 0 auto; }
        .separatore .cover-separatore .CornerLeft { width: 0; height: 0; border-style: solid; border-width: 0 0 10px 12px; border-color: transparent transparent #f26531 transparent; position: absolute; left: -12px; top: 0; }
        .separatore .cover-separatore .Center { background-color: #f26531; height: 10px; width: 70px; position: relative; margin: 0 auto; }
        .separatore .cover-separatore .CornerRight { width: 0; height: 0; border-style: solid; border-width: 10px 12px 0 0; border-color: #f26531 transparent transparent transparent; position: absolute; right: -12px; top: 0; }
        /**/
            .bg-var01 { padding: 20px 0; box-shadow: 0 20px 90px -30px rgba(0,0,0,0.4); z-index:999; position:relative; }
    .bg-var02 { background-color: #eee; padding: 20px 0; position: relative; background-image: url(../img/gplaypattern.png?v=1.0); background-attachment: fixed;}
    .bg-var03 { padding: 20px 0; box-shadow: 0 0px 180px -30px rgba(0,0,0,0.4); z-index: 999; position: relative; }


@media only screen and (min-width : 0px) and (max-width : 1024px) {
    .mobilebar { position: fixed; top: 0; left: 0; right: 0; height: 50px; background-color: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.3); display: block; z-index: 5; }
        .mobilebar .logo { background-image: url('../img/Logo_Slogan.svg?v=1.0'); position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-repeat: no-repeat; background-position: center; background-size: auto 90%; z-index: 1; }
        .mobilebar .openmenu { background-image: url('../img/Icons/Grigio_Scuro/menu_list.svg?v=1.0'); position: absolute; left: 0; bottom: 0; top: 0; background-repeat: no-repeat; background-position: 20% center; background-size: auto 40%; width: 10%; z-index: 2; cursor: pointer; }
    /**/
    .head { box-shadow: 0 0 8px rgba(0,0,0,0.3); display: none; justify-content: space-between; position: fixed; top: 0; left: 0; bottom: 0; width: 75%; z-index: 4; background-color: #fff; padding-top: 15%; }
        .head .logo { width: 10%; border-right: solid 1px rgba(0,0,0,0.3); background-image: url('../img/Logo_Slogan.svg?v=1.0'); background-position: center center; background-size: 60px auto; background-repeat: no-repeat; display: none; }
        /**/
        .head .menu { width: 95%; display: flex; display: flex; flex-direction: column; justify-content: center; }
            .head .menu .link { height: 50px; display: block; position: relative; line-height: 50px; text-indent: 5%; border-bottom: dotted 1px #ccc; }
        /**/
        .head .social { display: block; }
        /**/
        .head .opensub { display: block; width: 95%; }
            .head .opensub.active::after { }

            .head .opensub .submenu { width: 100%; display: flex !important; flex-direction: column; justify-content: center; }
                .head .opensub .submenu a { height: 50px; display: block; position: relative; line-height: 50px; text-indent: 5%; border-bottom: dotted 1px #ccc; }
    /**/
    .icon { width: 20px; height: 20px; background-position: center; background-size: 17px 17px; background-repeat: no-repeat; margin-top: 15px; cursor: pointer; }
        .icon.instagram { background-image: url('../img/Icons/Social/Instagram-black.svg?v=1.0'); background-color: #000; }
        .icon.facebook { background-image: url('../img/Icons/Social/Facebook-black.svg?v=1.0'); background-color: #000; }
    /**/

}


@media only screen and (min-width : 1025px) {
    .mobilebar { display: none; }

    /**/
    .head { box-shadow: 0 0 8px rgba(0,0,0,0.3); display: flex; justify-content: space-between; height: 50px; line-height: 50px; position: sticky; top: 0; left: 0; right: 0; z-index: 99; background-color: #fff; }
        .head .logo { width: 10%; border-right: solid 1px rgba(0,0,0,0.3); background-image: url('../img/Logo_Slogan.svg?v=1.0'); background-position: center center; background-size: auto 90%; background-repeat: no-repeat; }
        /**/
        .head .menu { width: 80%; display: flex; justify-content: space-around; }
        /**/
        .head .social { width: 10%; width: 10%; border-left: solid 1px rgba(0,0,0,0.3); position: relative; display: flex; justify-content: space-around; }
        /**/
        .head .opensub { display: block; }
            .head .opensub.active::after { content: ''; width: 15px; height: 15px; background-image: url('../img/Icons/Nero/chevron-down.svg?v=1.0'); background-position: center; background-repeat: no-repeat; background-size: 10px 10px; display: block; position: absolute; bottom: 0; left: 11px; }

            .head .opensub .submenu { display: none; position: absolute; left: 0; right: 0; background-color: #fff; box-shadow: 0 8px 8px rgba(0,0,0,0.1); top: 50px; left: 0; right: 0; padding: 10px 10px 0 10px; }
                .head .opensub .submenu a { position: relative; display: block; height: 35px; line-height: 35px; border-bottom: dashed 1px #efefef; }
    /**/
    .icon { width: 20px; height: 20px; background-position: center; background-size: 17px 17px; background-repeat: no-repeat; margin-top: 15px; cursor: pointer; }
        .icon.sandwich { background-image: url('../img/Icons/Nero/menu_list.svg?v=1.0'); }
        .icon.instagram { background-image: url('../img/Icons/Social/Instagram-black.svg?v=1.0'); }
        .icon.facebook { background-image: url('../img/Icons/Social/Facebook-black.svg?v=1.0'); }
    /**/

}

/*   ##Device = Desktops  ##Screen = 1281px to higher resolution desktops*/

@media (min-width: 1281px) {
    .list { max-width: 1500px; margin: 0 auto; }
        .list .titolo { font-family: 'ralewaybold'; font-size: 30px; color: #DB5A22; }
        /**/ /**/
        .list .clearboth { clear: both; }
        /**/
        .list .list-cont .item:hover .image.slide-in-blurred-top { }
    .grid { position: relative; margin: 0 auto; width: 1500px;}
        /* Common style */
        .grid figure { position: relative; overflow: hidden; margin: 10px 1%; max-width: 33%; max-height: 360px; width: 30%; background: #fff; text-align: center; cursor: pointer; }
            .grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 1; }
            .grid figure figcaption { padding: 2em; color: #DB5A22; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-family: 'ralewaylight'; }
                .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; }
                .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
                    /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */
                    .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
            .grid figure h2 { word-spacing: -0.15em; font-weight: 300; font-size: 20px; }
                .grid figure h2 span { font-weight: 800; }
            .grid figure h2, .grid figure p { margin: 0; }
            .grid figure p { letter-spacing: 1px; }
    /*---------------*/ /***** Sarah *****/ /*---------------*/
    figure.effect-sarah { border: solid 1px #dddddd; }
        figure.effect-sarah img { max-width: none; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
        figure.effect-sarah:hover img { opacity: 0.15; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah figcaption { text-align: left; }
        figure.effect-sarah h2 { position: relative; overflow: hidden; padding: 0.5em 0; font-size: 22px; }
            figure.effect-sarah h2::after { position: absolute; bottom: 0; left: 0; width: 80%; height: 3px; background: #aaa; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
        figure.effect-sarah:hover h2::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah p { padding: 1em 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); width: 80%; font-family: 'ralewaymedium'; color: #666666; font-size: 12px; }
        figure.effect-sarah:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah .tags { position: absolute; bottom: 3.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); width: 70%; font-family: 'ralewaymedium'; color: #666666; margin-bottom: 1em; }
            figure.effect-sarah .tags .tag { display: inline-block; font-size: 11px; text-transform: uppercase; display: inline-block; background-color: #BBB9B8; margin: 3px 1px; padding: 4px 5px 3px 8px; font-family: 'ralewaymedium'; color: #fff; }
        figure.effect-sarah:hover .tags { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
/*   ##Device = Laptops, Desktops  ##Screen = B/w 1025px to 1280px*/

@media (min-width: 1025px) and (max-width: 1280px) {
    .list { max-width: 1500px; 50px auto 0 auto }
        .list .titolo { font-family: 'ralewaybold'; font-size: 30px; color: #DB5A22; }
        /**/ /**/
        .list .clearboth { clear: both; }
        /**/
        .list .list-cont .item:hover .image.slide-in-blurred-top { }
    .grid { position: relative; margin: 0 auto; padding: 1em 0 4em; list-style: none; text-align: center;}
        /* Common style */
        .grid figure { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 33%; max-width: 30%; max-height: 360px; width: 30%; background: #fff; text-align: center; cursor: pointer; }
            .grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 1; }
            .grid figure figcaption { padding: 2em; color: #DB5A22; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-family: 'ralewaylight'; }
                .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; }
                .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
                    /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */
                    .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
            .grid figure h2 { word-spacing: -0.15em; font-weight: 300; font-size: 20px; }
                .grid figure h2 span { font-weight: 800; }
            .grid figure h2, .grid figure p { margin: 0; }
            .grid figure p { letter-spacing: 1px; }
    /*---------------*/ /***** Sarah *****/ /*---------------*/
    figure.effect-sarah { border: solid 1px #dddddd; }
        figure.effect-sarah img { max-width: none; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
        figure.effect-sarah:hover img { opacity: 0.15; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah figcaption { text-align: left; }
        figure.effect-sarah h2 { position: relative; overflow: hidden; padding: 0.5em 0; font-size: 22px; }
            figure.effect-sarah h2::after { position: absolute; bottom: 0; left: 0; width: 80%; height: 3px; background: #aaa; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
        figure.effect-sarah:hover h2::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah p { padding: 1em 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); width: 80%; font-family: 'ralewaymedium'; color: #666666; font-size: 12px; }
        figure.effect-sarah:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah .tags { position: absolute; bottom: 3.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); width: 70%; font-family: 'ralewaymedium'; color: #666666; margin-bottom: 1em; }
            figure.effect-sarah .tags .tag { display: inline-block; font-size: 11px; text-transform: uppercase; display: inline-block; background-color: #BBB9B8; margin: 3px 1px; padding: 4px 5px 3px 8px; font-family: 'ralewaymedium'; color: #fff; }
        figure.effect-sarah:hover .tags { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
/*   ##Device = Tablets, Ipads (portrait)  ##Screen = B/w 768px to 1024px*/

@media (min-width: 768px) and (max-width: 1024px) {
    .list { margin: 50px auto 0 auto; padding: 10px; }
        .list .titolo { font-family: 'ralewaybold'; font-size: 30px; color: #DB5A22; }
        /**/ /**/
        .list .clearboth { clear: both; }
        /**/
        .list .list-cont .item:hover .image.slide-in-blurred-top { }
    .grid { position: relative; margin: 0 auto; padding: 1em 0 4em; list-style: none; text-align: center; }
        /* Common style */
        .grid figure { position: relative; float: left; overflow: hidden; margin: 10px; min-width: 320px; max-width: 50%; max-height: 360px; width: 45%; background: #fff; text-align: center; cursor: pointer; }
            .grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 1; }
            .grid figure figcaption { padding: 2em; color: #DB5A22; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-family: 'ralewaylight'; }
                .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; }
                .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
                    /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */
                    .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
            .grid figure h2 { word-spacing: -0.15em; font-weight: 300; font-size: 20px; }
                .grid figure h2 span { font-weight: 800; }
            .grid figure h2, .grid figure p { margin: 0; }
            .grid figure p { letter-spacing: 1px; }
    /*---------------*/ /***** Sarah *****/ /*---------------*/
    figure.effect-sarah { border: solid 1px #dddddd; }
        figure.effect-sarah img { max-width: none; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
        figure.effect-sarah:hover img { opacity: 0.15; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah figcaption { text-align: left; }
        figure.effect-sarah h2 { position: relative; overflow: hidden; padding: 0.5em 0; font-size: 22px; }
            figure.effect-sarah h2::after { position: absolute; bottom: 0; left: 0; width: 80%; height: 3px; background: #aaa; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
        figure.effect-sarah:hover h2::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah p { padding: 1em 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); width: 80%; font-family: 'ralewaymedium'; color: #666666; font-size: 12px; }
        figure.effect-sarah:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah .tags { display: none; }
}
/*   ##Device = Tablets, Ipads (landscape)  ##Screen = B/w 768px to 1024px*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .list { max-width: 1500px; margin: 0 auto; }
        .list .titolo { font-family: 'ralewaybold'; font-size: 30px; color: #DB5A22; }
        /**/ /**/
        .list .clearboth { clear: both; }
        /**/
        .list .list-cont .item:hover .image.slide-in-blurred-top { }
    .grid { position: relative; margin: 0 auto; padding: 1em 0 4em; list-style: none; text-align: center; width: 100% !important; }
        /* Common style */
        .grid figure { position: relative; float: left; overflow: hidden; margin: 10px; min-width: 320px; max-width: 47%; max-height: 360px; width: 100%; background: #fff; text-align: center; cursor: pointer; }
            .grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 1; }
            .grid figure figcaption { padding: 2em; color: #DB5A22; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-family: 'ralewaylight'; }
                .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; }
                .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
                    /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */
                    .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
            .grid figure h2 { word-spacing: -0.15em; font-weight: 300; font-size: 20px; }
                .grid figure h2 span { font-weight: 800; }
            .grid figure h2, .grid figure p { margin: 0; }
            .grid figure p { letter-spacing: 1px; }
    /*---------------*/ /***** Sarah *****/ /*---------------*/
    figure.effect-sarah { border: solid 1px #dddddd; }
        figure.effect-sarah img { max-width: none; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
        figure.effect-sarah:hover img { opacity: 0.15; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah figcaption { text-align: left; }
        figure.effect-sarah h2 { position: relative; overflow: hidden; padding: 0.5em 0; font-size: 22px; }
            figure.effect-sarah h2::after { position: absolute; bottom: 0; left: 0; width: 80%; height: 3px; background: #aaa; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
        figure.effect-sarah:hover h2::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah p { padding: 1em 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); width: 80%; font-family: 'ralewaymedium'; color: #666666; font-size: 12px; }
        figure.effect-sarah:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah .tags { display: none; }
}
/*   ##Device = Low Resolution Tablets, Mobiles (Landscape)  ##Screen = B/w 481px to 767px*/

@media (min-width: 481px) and (max-width: 767px) {
    .list { max-width: 1500px; margin: 0 auto; }
        .list .titolo { font-family: 'ralewaybold'; font-size: 30px; color: #DB5A22; width:100% !important; }
        /**/ /**/
        .list .clearboth { clear: both; }
        /**/
        .list .list-cont .item:hover .image.slide-in-blurred-top { }
    .grid { position: relative; margin: 0 auto; padding: 1em 0 4em; list-style: none; text-align: center; }
        /* Common style */
        .grid figure { position: relative; overflow: hidden; margin: 10px; max-height: 360px; width: 46%; background: #fff; text-align: center; cursor: pointer; }
            .grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 1; }
            .grid figure figcaption { padding: 2em; color: #DB5A22; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-family: 'ralewaylight'; }
                .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; }
                .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
                    /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */
                    .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
            .grid figure h2 { word-spacing: -0.15em; font-weight: 300; font-size: 20px; }
                .grid figure h2 span { font-weight: 800; }
            .grid figure h2, .grid figure p { margin: 0; }
            .grid figure p { letter-spacing: 1px; }
    /*---------------*/ /***** Sarah *****/ /*---------------*/
    figure.effect-sarah { border: solid 1px #dddddd; }
        figure.effect-sarah img { max-width: none; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
        figure.effect-sarah:hover img { opacity: 0.15; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah figcaption { text-align: left; }
        figure.effect-sarah h2 { position: relative; overflow: hidden; padding: 0.5em 0; font-size: 22px; }
            figure.effect-sarah h2::after { position: absolute; bottom: 0; left: 0; width: 80%; height: 3px; background: #aaa; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
        figure.effect-sarah:hover h2::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah p { padding: 1em 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); width: 80%; font-family: 'ralewaymedium'; color: #666666; font-size: 12px; }
        figure.effect-sarah:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah .tags { display: none; }
        /**/
    .gridgallery { display: block !important; justify-content: space-around; width: 100%; margin: 0 !important; padding: 0 !important; }
        .gridgallery a { overflow: hidden; margin: 0 !important; padding: 0 !important; width: auto; float: left; display: block; }
            .gridgallery a img { height: auto; width: 100%; }


}
/*   ##Device = Most of the Smartphones Mobiles (Portrait)  ##Screen = B/w 320px to 479px*/

@media (min-width: 320px) and (max-width: 480px) {
    .list { margin: 50px auto 0 auto; }
        .list .titolo { font-family: 'ralewaybold'; font-size: 30px; color: #DB5A22; }
        /**/ /**/
        .list .clearboth { clear: both; }
        /**/
        .list .list-cont .item:hover .image.slide-in-blurred-top { }
    .grid { position: relative; margin: 0 auto; list-style: none; text-align: center; width:100%;}
        /* Common style */
        .grid figure { width:400px !important; }
            .grid figure img { }
            .grid figure figcaption {  }
                .grid figure figcaption::before, .grid figure figcaption::after { }
                .grid figure figcaption, .grid figure figcaption > a {  }
                    /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */
                    .grid figure figcaption > a { }
            .grid figure h2 {  }
                .grid figure h2 span {  }
            .grid figure h2, .grid figure p { }
            .grid figure p {  }
    /*---------------*/ /***** Sarah *****/ /*---------------*/
    figure.effect-sarah { border: solid 1px #dddddd; }
        figure.effect-sarah img { max-width: none; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
        figure.effect-sarah:hover img { opacity: 0.15; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah figcaption { text-align: left; }
        figure.effect-sarah h2 { position: relative; overflow: hidden; padding: 0.5em 0; font-size: 22px; }
            figure.effect-sarah h2::after { position: absolute; bottom: 0; left: 0; width: 80%; height: 3px; background: #aaa; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
        figure.effect-sarah:hover h2::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah p { padding: 1em 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); width: 80%; font-family: 'ralewaymedium'; color: #666666; font-size: 12px; }
        figure.effect-sarah:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
        figure.effect-sarah .tags { display: none; }
        /**/
    .gridgallery { display: block !important; justify-content: space-around; width: 100%; margin: 0 !important; padding: 0 !important; }
        .gridgallery a { overflow: hidden; margin: 0 !important; padding: 0 !important; width: 100% !important; float: none !important; display: block; }
            .gridgallery a img { height: auto; width: 100%; }


}

#imagelightbox { position: fixed; z-index: 9999; -ms-touch-action: none; touch-action: none; }
/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox { cursor: pointer; position: fixed; z-index: 10000; -ms-touch-action: none; touch-action: none; -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */ box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */ }


/* ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div { border-radius: 50%; }
#imagelightbox-loading { width: 2.5em; /* 40 */ height: 2.5em; /* 40 */ background-color: #444; background-color: rgba( 0, 0, 0, .5 ); position: fixed; z-index: 10003; top: 50%; left: 50%; padding: 0.625em; /* 10 */ margin: -1.25em 0 0 -1.25em; /* 20 */ -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */ box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */ }
    #imagelightbox-loading div { width: 1.25em; /* 20 */ height: 1.25em; /* 20 */ background-color: #fff; -webkit-animation: imagelightbox-loading .5s ease infinite; animation: imagelightbox-loading .5s ease infinite; }

@-webkit-keyframes imagelightbox-loading {
    from { opacity: .5; -webkit-transform: scale( .75 ); }
    50% { opacity: 1; -webkit-transform: scale( 1 ); }
    to { opacity: .5; -webkit-transform: scale( .75 ); }
}

@keyframes imagelightbox-loading {
    from { opacity: .5; transform: scale( .75 ); }
    50% { opacity: 1; transform: scale( 1 ); }
    to { opacity: .5; transform: scale( .75 ); }
}


/* OVERLAY */

#imagelightbox-overlay { background-color: #fff; background-color: rgba( 255, 255, 255, .9 ); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; }


/* "CLOSE" BUTTON */

#imagelightbox-close { width: 2.5em; /* 40 */ height: 2.5em; /* 40 */ text-align: left; background-color: #666; border-radius: 50%; position: fixed; z-index: 10002; top: 2.5em; /* 40 */ right: 2.5em; /* 40 */ -webkit-transition: color .3s ease; transition: color .3s ease; }
    #imagelightbox-close:hover,
    #imagelightbox-close:focus { background-color: #111; }

    #imagelightbox-close:before,
    #imagelightbox-close:after { width: 2px; background-color: #fff; content: ''; position: absolute; top: 20%; bottom: 20%; left: 50%; margin-left: -1px; }
    #imagelightbox-close:before { -webkit-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); transform: rotate( 45deg ); }
    #imagelightbox-close:after { -webkit-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); transform: rotate( -45deg ); }


/* CAPTION */

#imagelightbox-caption { text-align: center; color: #fff; background-color: #666; position: fixed; z-index: 10001; left: 0; right: 0; bottom: 0; padding: 0.625em; /* 10 */ }


/* NAVIGATION */

#imagelightbox-nav { background-color: #444; background-color: rgba( 0, 0, 0, .5 ); border-radius: 20px; position: fixed; z-index: 10001; left: 50%; bottom: 3.75em; /* 60 */ padding: 0.313em; /* 5 */ -webkit-transform: translateX( -50% ); -ms-transform: translateX( -50% ); transform: translateX( -50% ); }
    #imagelightbox-nav button { width: 1em; /* 20 */ height: 1em; /* 20 */ background-color: transparent; border: 1px solid #fff; border-radius: 50%; display: inline-block; margin: 0 0.313em; /* 5 */ }
        #imagelightbox-nav button.active { background-color: #fff; }


/* ARROWS */

.imagelightbox-arrow { width: 3.75em; /* 60 */ height: 7.5em; /* 120 */ background-color: #444; background-color: rgba( 0, 0, 0, .5 ); vertical-align: middle; display: none; position: fixed; z-index: 10001; top: 50%; margin-top: -3.75em; /* 60 */ }
    .imagelightbox-arrow:hover,
    .imagelightbox-arrow:focus { background-color: rgba( 0, 0, 0, .75 ); }
    .imagelightbox-arrow:active { background-color: #111; }

.imagelightbox-arrow-left { left: 2.5em; /* 40 */ }
.imagelightbox-arrow-right { right: 2.5em; /* 40 */ }

.imagelightbox-arrow:before { width: 0; height: 0; border: 1em solid transparent; content: ''; display: inline-block; margin-bottom: -0.125em; /* 2 */ }
.imagelightbox-arrow-left:before { border-left: none; border-right-color: #fff; margin-left: -0.313em; /* 5 */ }
.imagelightbox-arrow-right:before { border-right: none; border-left-color: #fff; margin-right: -0.313em; /* 5 */ }

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow { -webkit-animation: fade-in .25s linear; animation: fade-in .25s linear; }

@-webkit-keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media only screen and (max-width: 41.250em) /* 660 */
{
    #container { width: 100%; }
    #imagelightbox-close { top: 1.25em; /* 20 */ right: 1.25em; /* 20 */ }
    #imagelightbox-nav { bottom: 1.25em; /* 20 */ }

    .imagelightbox-arrow { width: 2.5em; /* 40 */ height: 3.75em; /* 60 */ margin-top: -2.75em; /* 30 */ }
    .imagelightbox-arrow-left { left: 1.25em; /* 20 */ }
    .imagelightbox-arrow-right { right: 1.25em; /* 20 */ }
}

@media only screen and (max-width: 20em) /* 320 */
{
    .imagelightbox-arrow-left { left: 0; }
    .imagelightbox-arrow-right { right: 0; }
}


@media only screen and (min-width : 0px) and (max-width : 1024px) {
    .dettaglio { }
    .caption-dettaglio { background-color: rgba(0,0,0,0.5); height: 100px; position: relative; left: 0; right: 0; bottom: 0; z-index: 4; }
        .caption-dettaglio .titolo-caption { font-family: 'ralewayextrabold'; color: #fff; font-size: 20px; line-height: 100px; max-width: 1500px; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    /**/
    /**/
    .dettaglio .content-dettaglio { max-width: 1500px; margin: 0 auto 0 auto; z-index: 9; position: relative; }
    /**/
    .content-dettaglio.first-cont { }
    /**/
    .dettaglio .content-dettaglio .leftbar { width: 100%; }
    /**/
    .dettaglio .content-dettaglio .dati-box { background-color: #fff; height: auto; box-shadow: 0 30px 80px -20px rgba(0,0,0,0.6); padding: 20px 0; }
    .dettaglio .content-dettaglio .contbox { position: relative; display: block; padding: 10px 15px; border-left: solid 1px #666; border-right: solid 1px #666; margin: auto 15px; }
        .dettaglio .content-dettaglio .contbox .tags { }
            .dettaglio .content-dettaglio .contbox .tags .tag { display: inline-block; font-size: 14px; text-transform: uppercase; display: inline-block; background-color: #BBB9B8; margin: 3px 1px; padding: 4px 5px 3px 8px; font-family: 'ralewaymedium'; color: #fff; }
        /**/
        .dettaglio .content-dettaglio .contbox .text-box { text-align: justify; margin: 15px 0 0 0; color: #333; font-family: 'ralewaymedium'; line-height: 1.5; font-size: 16px; }
    /**/
    .dettaglio .content-dettaglio .dati-box02 { background-color: #fff; height: auto; box-shadow: 0 30px 80px -20px rgba(0,0,0,0.6); padding: 20px 0; margin-top: 30px; }
        .dettaglio .content-dettaglio .dati-box02 .contbox { position: relative; display: block; padding: 10px 15px; border-left: none; border-right: none; margin: auto 15px; }
        .dettaglio .content-dettaglio .dati-box02 .icon01 { display: inline-block; width: 120px; height: 80px; margin-right: 10px; background-image: url(../img/Icons/Grigio_Scuro/like.svg); background-repeat: no-repeat; background-position: center; background-size: 70px 70px; }
        .dettaglio .content-dettaglio .dati-box02 .icon02 { display: inline-block; width: 120px; height: 80px; margin-right: 10px; background-image: url(../img/Icons/Grigio_Scuro/star.svg); background-repeat: no-repeat; background-position: center; background-size: 70px 70px; }
        .dettaglio .content-dettaglio .dati-box02 .icon03 { display: inline-block; width: 120px; height: 80px; margin-right: 10px; background-image: url(../img/Icons/Grigio_Scuro/check.svg); background-repeat: no-repeat; background-position: center; background-size: 70px 70px; }
        .dettaglio .content-dettaglio .dati-box02 .icon04 { display: inline-block; width: 120px; height: 80px; margin-right: 10px; background-image: url(../img/Icons/Grigio_Scuro/comment.svg); background-repeat: no-repeat; background-position: center; background-size: 70px 70px; }
        .dettaglio .content-dettaglio .dati-box02 .icon05 { display: inline-block; width: 120px; height: 80px; margin-right: 10px; background-image: url(../img/Icons/Grigio_Scuro/location.svg); background-repeat: no-repeat; background-position: center; background-size: 70px 70px; }
        .dettaglio .content-dettaglio .dati-box02 .icon06 { display: inline-block; width: 120px; height: 80px; margin-right: 10px; background-image: url(../img/Icons/Grigio_Scuro/star.svg); background-repeat: no-repeat; background-position: center; background-size: 70px 70px; }
        .dettaglio .content-dettaglio .dati-box02 .icon07 { display: inline-block; width: 120px; height: 80px; margin-right: 10px; background-image: url(../img/Icons/Grigio_Scuro/like.svg); background-repeat: no-repeat; background-position: center; background-size: 70px 70px; }
        /**/
        .dettaglio .content-dettaglio .dati-box02 .text { color: #333; font-family: 'ralewaymedium'; line-height: 2; font-size: 14px; border-left: solid 1px #666; padding-left: 10px; }
            .dettaglio .content-dettaglio .dati-box02 .text .titolo { color: #DB5A24; font-family: 'ralewaybold'; font-size: 16px; }
    /**/
    .dettaglio .content-dettaglio .rightbar { width: 100%; position: relative; }
    .dettaglio .thumbs { }
        .dettaglio .thumbs .thumb { box-shadow: 0 30px 80px -20px rgba(0,0,0,0.6); width: 70%; z-index: 0; transition: 0.5s; cursor: pointer; padding-top: 1%; }
            .dettaglio .thumbs .thumb.th01 { position: relative; overflow: hidden; box-shadow: 0 30px 80px -20px rgba(0,0,0,0.6); margin: 0 0 0 auto; transform: rotate(5deg); }
            .dettaglio .thumbs .thumb.th02 { position: relative; overflow: hidden; box-shadow: 0 -30px 80px -20px rgba(0,0,0,0.6); margin: -40px auto 0 0; transform: rotate(-10deg); }
            .dettaglio .thumbs .thumb.th03 { position: relative; overflow: hidden; box-shadow: 0 -30px 80px -20px rgba(0,0,0,0.6); margin: -40px 0 0 auto; transform: rotate(15deg); }
            .dettaglio .thumbs .thumb.th04 { position: relative; overflow: hidden; box-shadow: 0 -30px 80px -20px rgba(0,0,0,0.6); margin: -40px auto 0 0; transform: rotate(7deg); }
            .dettaglio .thumbs .thumb.th05 { position: relative; overflow: hidden; box-shadow: 0 30px 80px -20px rgba(0,0,0,0.6); margin: -40px 0 0 auto; transform: rotate(-13deg); }
    /**/
    .kenburns-bottom { -webkit-animation: kenburns-bottom 30s ease-out both; animation: kenburns-bottom 30s ease-out both; }
    /**/
    .dettaglio .thumbs .thumb.th01::after,
    .dettaglio .thumbs .thumb.th02::after,
    .dettaglio .thumbs .thumb.th03::after,
    .dettaglio .thumbs .thumb.th04::after,
    .dettaglio .thumbs .thumb.th05::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); opacity: 1; z-index: 1; transition: 1s; }
    .dettaglio .thumbs .thumb img { width: 100%; filter: grayscale(100%) brightness(100%) contrast(100%); transition: 1s; }
    /**/
    .dettaglio .thumbs .thumb .border { display: block; border: solid 4px #DB5A24; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 9; transition: 1s; }
    /**/
    .dettaglio .thumbs .thumb:hover .border { border: solid 1px #fff; transition: 0.5s; top: 20%; left: 20%; bottom: 20%; right: 20%; }
    .dettaglio .thumbs .thumb:hover { transition: 1s; transform: rotate(0deg); }
        .dettaglio .thumbs .thumb:hover.th01::after,
        .dettaglio .thumbs .thumb:hover.th02::after,
        .dettaglio .thumbs .thumb:hover.th03::after,
        .dettaglio .thumbs .thumb:hover.th04::after,
        .dettaglio .thumbs .thumb:hover.th05::after { opacity: 0.0; transition: 1s; }
        .dettaglio .thumbs .thumb:hover img { width: 100%; filter: grayscale(0) brightness(120%) contrast(115%); transition: 1s; }

    /**/
    .dettaglio .video-dettaglio { position: relative; background-color: #fff; box-shadow: 0 0px 80px -30px rgba(0,0,0,0.8); display: block; height: 700px; max-width: 1440px; margin: 0 auto 30px auto; height: auto; border: 30px solid #fff; }
        .dettaglio .video-dettaglio video { display: block; position: relative; width: 100%; }

    .grid { margin: 0.5em -1em 0.5em -1.5em; justify-content: space-around; }
    /**/
    .gridgallery { display: flex; justify-content: space-around; width: 100%; margin: 0 !important; padding: 0 !important; }
        .gridgallery a { overflow: hidden; margin: 0 !important; padding: 0 !important; width: auto; float: left; display: block; }
            .gridgallery a img { height: auto; width: 100%; }
    .titolo { color: #DB5A24; font-family: 'ralewaybold'; font-size: 16px; }
    .text { color: #333; font-family: 'ralewaymedium'; line-height: 2; font-size: 14px; }

}


@media only screen and (min-width : 1025px) {
    .dettaglio { }
    .caption-dettaglio { background-color: rgba(0,0,0,0.5); height: 150px; position: absolute; left: 0; right: 0; bottom: 0; z-index: 4; }
        .caption-dettaglio .titolo-caption { font-family: 'ralewayextrabold'; color: #fff; font-size: 60px; line-height: 150px; max-width: 1500px; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    /**/
    /**/
    .dettaglio .content-dettaglio { max-width: 1500px; margin: 0 auto 0 auto; z-index: 9; position: relative; }
    /**/
    .content-dettaglio.first-cont { top: -30px; display: flex; justify-content: space-between; }
    /**/
    .dettaglio .content-dettaglio .leftbar { width: 100%; position: relative; margin: 0 auto; }
    /**/
    .dettaglio .content-dettaglio .dati-box { background-color: #fff; height: auto; box-shadow: 0 0 15px rgba(0,0,0,0.3); padding: 20px 0; }
    .dettaglio .content-dettaglio .contbox { position: relative; display: block; padding: 10px 15px; border-left: solid 1px #666; border-right: solid 1px #666; margin: auto 15px; }
        .dettaglio .content-dettaglio .contbox .tags { }
            .dettaglio .content-dettaglio .contbox .tags .tag { display: inline-block; font-size: 14px; text-transform: uppercase; display: inline-block; background-color: #BBB9B8; margin: 3px 1px; padding: 4px 5px 3px 8px; font-family: 'ralewaymedium'; color: #fff; }
        /**/
        .dettaglio .content-dettaglio .contbox .text-box { text-align: justify; margin: 15px 0 0 0; color: #333; font-family: 'ralewaymedium'; line-height: 1.5; font-size: 16px; }
    /**/
    .dettaglio .content-dettaglio .dati-box02 { background-color: #fff; height: auto; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding: 20px 0; margin-top: 30px; }
        .dettaglio .content-dettaglio .dati-box02 .contbox .box-cont .icon01, .dettaglio .content-dettaglio .dati-box02 .contbox .box-cont .icon02, .dettaglio .content-dettaglio .dati-box02 .contbox .box-cont .icon03, .dettaglio .content-dettaglio .dati-box02 .contbox .box-cont .icon04, .dettaglio .content-dettaglio .dati-box02 .contbox .box-cont .icon05, .dettaglio .content-dettaglio .dati-box02 .contbox .box-cont .icon06, .dettaglio .content-dettaglio .dati-box02 .contbox .box-cont .icon07 { width:10%; flex:0 0 10%; }
        .dettaglio .content-dettaglio .dati-box02 .contbox { position: relative; display: block; padding: 10px 15px; border-left: none; border-right: none; margin: auto 15px; }
        .dettaglio .content-dettaglio .dati-box02 .icon01 { display: inline-block; width: 120px; height: 80px; margin-right: 10px; background-image: url(../img/Icons/Grigio_Scuro/like.svg); background-repeat: no-repeat; background-position: center; background-size: 70px 70px; }
        .dettaglio .content-dettaglio .dati-box02 .icon02 { display: inline-block; width: 120px; height: 80px; margin-right: 10px; background-image: url(../img/Icons/Grigio_Scuro/star.svg); background-repeat: no-repeat; background-position: center; background-size: 70px 70px; }
        .dettaglio .content-dettaglio .dati-box02 .icon03 { display: inline-block; width: 120px; height: 80px; margin-right: 10px; background-image: url(../img/Icons/Grigio_Scuro/check.svg); background-repeat: no-repeat; background-position: center; background-size: 70px 70px; }
        .dettaglio .content-dettaglio .dati-box02 .icon04 { display: inline-block; width: 120px; height: 80px; margin-right: 10px; background-image: url(../img/Icons/Grigio_Scuro/comment.svg); background-repeat: no-repeat; background-position: center; background-size: 70px 70px; }
        .dettaglio .content-dettaglio .dati-box02 .icon05 { display: inline-block; width: 120px; height: 80px; margin-right: 10px; background-image: url(../img/Icons/Grigio_Scuro/location.svg); background-repeat: no-repeat; background-position: center; background-size: 70px 70px; }
        .dettaglio .content-dettaglio .dati-box02 .icon06 { display: inline-block; width: 120px; height: 80px; margin-right: 10px; background-image: url(../img/Icons/Grigio_Scuro/star.svg); background-repeat: no-repeat; background-position: center; background-size: 70px 70px; }
        .dettaglio .content-dettaglio .dati-box02 .icon07 { display: inline-block; width: 120px; height: 80px; margin-right: 10px; background-image: url(../img/Icons/Grigio_Scuro/like.svg); background-repeat: no-repeat; background-position: center; background-size: 70px 70px; }
        /**/
        .dettaglio .content-dettaglio .dati-box02 .text { color: #333; font-family: 'ralewaymedium'; line-height: 2; font-size: 14px; border-left: solid 1px #666; padding-left: 10px; width: 90%; flex: 0 0 90%; }
            .dettaglio .content-dettaglio .dati-box02 .text .titolo { color: #DB5A24; font-family: 'ralewaybold'; font-size: 16px; }
            .titolo { color: #DB5A24; font-family: 'ralewaybold'; font-size: 16px; }
    .text { color: #333; font-family: 'ralewaymedium'; line-height: 2; font-size: 14px;  }
    /**/
    .dettaglio .content-dettaglio .rightbar { width: 50%; position: relative; margin-left: 30px; }
    .dettaglio .thumbs { }
        .dettaglio .thumbs .thumb { box-shadow: 0 30px 80px -20px rgba(0,0,0,0.6); width: 70%; z-index: 0; transition: 0.5s; cursor: pointer; padding-top: 2%; }
            .dettaglio .thumbs .thumb.th01 { position: relative; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.3); margin: 0 0 0 auto; /*transform: rotate(5deg);*/ }
            .dettaglio .thumbs .thumb.th02 { position: relative; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.3); margin: -25px auto 0 0; /*transform: rotate(-10deg);*/ }
            .dettaglio .thumbs .thumb.th03 { position: relative; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.3); margin: -25px 0 0 auto; /*transform: rotate(15deg);*/ }
            .dettaglio .thumbs .thumb.th04 { position: relative; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.3); margin: -25px auto 0 0; /*transform: rotate(7deg);*/ }
            .dettaglio .thumbs .thumb.th05 { position: relative; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.3); margin: -25px 0 0 auto; /*transform: rotate(-13deg);*/ }
    /**/
    .kenburns-bottom { -webkit-animation: kenburns-bottom 30s ease-out both; animation: kenburns-bottom 30s ease-out both; }
    /**/
    .dettaglio .thumbs .thumb.th01::after,
    .dettaglio .thumbs .thumb.th02::after,
    .dettaglio .thumbs .thumb.th03::after,
    .dettaglio .thumbs .thumb.th04::after,
    .dettaglio .thumbs .thumb.th05::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); opacity: 1; z-index: 1; transition: 1s; }
    .dettaglio .thumbs .thumb img { width: 100%; filter: grayscale(100%) brightness(100%) contrast(100%); transition: 1s; }
    /**/
    .dettaglio .thumbs .thumb .border { display: block; border-bottom: solid 4px #DB5A24; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 9; transition: 1s; }
    /**/
    .dettaglio .thumbs .thumb:hover .border { border-bottom: solid 1px #fff; transition: 0.5s; top: 20%; left: 20%; bottom: 20%; right: 20%; }
    .dettaglio .thumbs .thumb:hover { transition: 1s; transform: rotate(0deg); cursor: initial; }
        .dettaglio .thumbs .thumb:hover.th01::after,
        .dettaglio .thumbs .thumb:hover.th02::after,
        .dettaglio .thumbs .thumb:hover.th03::after,
        .dettaglio .thumbs .thumb:hover.th04::after,
        .dettaglio .thumbs .thumb:hover.th05::after { opacity: 0.0; transition: 1s; }
        .dettaglio .thumbs .thumb:hover img { width: 100%; filter: grayscale(0) brightness(120%) contrast(115%); transition: 1s; }

    /**/
    .dettaglio .video-dettaglio { position: relative; background-color: #fff; box-shadow: 0 0px 80px -30px rgba(0,0,0,0.8); display: block; height: auto; width: 80%; margin: 0 auto 30px auto; height: auto; border: 30px solid #fff; }
        .dettaglio .video-dettaglio video { display: block; position: relative; width: 100%; }

    .grid { display: flex; margin: 0.5em -1em 0.5em -1.5em; justify-content: space-around; }
    /**/

    .gridgallery { display: flex; justify-content: space-around; width: 100%; margin: 0 !important; padding: 0 !important; }
        .gridgallery a { overflow: hidden; margin: 0 !important; padding: 0 !important; width: auto; float: left; display: block; }
            .gridgallery a img { height: auto; width: 100%; }
}





@-webkit-keyframes text-pop-up-left {
    0% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
    100% { -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #999, 0 2px 0 #999, 0 3px 0 #999, 0 4px 0 #999, 0 5px 0 #999, 0 6px 0 #999, 0 7px 0 #999, 0 8px 0 #999, 0 9px 0 #999, 0 50px 30px rgba(0, 0, 0, 0.3); }
}

@keyframes text-pop-up-left {
    0% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; }
    100% { -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #999, 0 2px 0 #999, 0 3px 0 #999, 0 4px 0 #999, 0 5px 0 #999, 0 6px 0 #999, 0 7px 0 #999, 0 8px 0 #999, 0 9px 0 #999, 0 50px 30px rgba(0, 0, 0, 0.3); }
}
/**/
@-webkit-keyframes kenburns-bottom {
    0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transform-origin: 50% 84%; transform-origin: 50% 84%; }
    100% { -webkit-transform: scale(1.25) translateY(15px); transform: scale(1.25) translateY(15px); -webkit-transform-origin: bottom; transform-origin: bottom; }
}

@keyframes kenburns-bottom {
    0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transform-origin: 50% 84%; transform-origin: 50% 84%; }
    100% { -webkit-transform: scale(1.25) translateY(15px); transform: scale(1.25) translateY(15px); -webkit-transform-origin: bottom; transform-origin: bottom; }
}




/*****************
*/


@media (min-width: 40em) {
    .grid { margin: 0.5em 0 0.5em -0.5em; }
}

.grid + .grid { margin-top: -0.5em; }
.grid-image, .grid-image--aspect3x2, .grid-image--aspect4x3, .grid-image--aspect2x3, .grid-image--aspect3x4, .grid-image--aspect3x1, .grid-image--aspect1x1 { flex: 0 auto; margin: 0 auto; padding: 0.5em 0 0 0.5em; width: 100%; }

@media (min-width: 40em) {
    .grid-image, .grid-image--aspect3x2, .grid-image--aspect4x3, .grid-image--aspect2x3, .grid-image--aspect3x4, .grid-image--aspect3x1, .grid-image--aspect1x1 { flex: 0; }
}

@media (min-width: 40em) {
    .grid-image--aspect3x2 { flex: 1.5 0%; }
}

@media (min-width: 40em) {
    .grid-image--aspect4x3 { flex: 1.33333 0%; }
}

@media (min-width: 40em) {
    .grid-image--aspect2x3 { flex: 0.66667 0%; }
}

@media (min-width: 40em) {
    .grid-image--aspect3x4 { flex: 0.75 0%; }
}

@media (min-width: 40em) {
    .grid-image--aspect3x1 { flex: 3 0%; }
}

@media (min-width: 40em) {
    .grid-image--aspect1x1 { flex: 1 0%; }
}

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


    .gallery { position: relative; width: 100%; padding-top: 35%; z-index: 3; }
        .gallery .control-operator:target ~ .controls .control-button { }
        .gallery .control-button:first-of-type, .gallery .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), .gallery .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), .gallery .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3), .gallery .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4), .gallery .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) { }
        .gallery .item:first-of-type { position: absolute; pointer-events: auto; opacity: 1; }
        .gallery .item { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; opacity: 0; z-index: -1 !important; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; margin: 0; }
            .gallery .item img { width: 100%; }
        .gallery .control-operator { display: none; }
            .gallery .control-operator:target ~ .item { pointer-events: none; opacity: 0; z-index: -1 !important; -webkit-animation: none; -o-animation: none; animation: none; }
            .gallery .control-operator:target ~ .controls .control-button { -webkit-animation: none; -o-animation: none; animation: none; }


            .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; }
            .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; }
    .items-2.autoplay .control-button { -webkit-animation: controlAnimation-2 14s infinite; -o-animation: controlAnimation-2 14s infinite; animation: controlAnimation-2 14s infinite; }
    .items-2.autoplay .item { -webkit-animation: galleryAnimation-2 14s infinite; -o-animation: galleryAnimation-2 14s infinite; animation: galleryAnimation-2 14s infinite; }
    .items-2 .control-button:nth-of-type(1), .items-2 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; }
    .items-2 .control-button:nth-of-type(2), .items-2 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; }


    .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1; }
    .items-3.autoplay .control-button { -webkit-animation: controlAnimation-3 21s infinite; -o-animation: controlAnimation-3 21s infinite; animation: controlAnimation-3 21s infinite; }
    .items-3.autoplay .item { -webkit-animation: galleryAnimation-3 21s infinite; -o-animation: galleryAnimation-3 21s infinite; animation: galleryAnimation-3 21s infinite; }
    .items-3 .control-button:nth-of-type(1), .items-3 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; }
    .items-3 .control-button:nth-of-type(2), .items-3 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; }
    .items-3 .control-button:nth-of-type(3), .items-3 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; }


    .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) { pointer-events: auto; opacity: 1; }
    .items-4.autoplay .control-button { -webkit-animation: controlAnimation-4 28s infinite; -o-animation: controlAnimation-4 28s infinite; animation: controlAnimation-4 28s infinite; }
    .items-4.autoplay .item { -webkit-animation: galleryAnimation-4 28s infinite; -o-animation: galleryAnimation-4 28s infinite; animation: galleryAnimation-4 28s infinite; }
    .items-4 .control-button:nth-of-type(1), .items-4 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; }
    .items-4 .control-button:nth-of-type(2), .items-4 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; }
    .items-4 .control-button:nth-of-type(3), .items-4 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; }
    .items-4 .control-button:nth-of-type(4), .items-4 .item:nth-of-type(4) { -webkit-animation-delay: 19s; -o-animation-delay: 19s; animation-delay: 19s; }


    .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) { pointer-events: auto; opacity: 1; }
    .items-5.autoplay .control-button { -webkit-animation: controlAnimation-5 35s infinite; -o-animation: controlAnimation-5 35s infinite; animation: controlAnimation-5 35s infinite; }
    .items-5.autoplay .item { -webkit-animation: galleryAnimation-5 35s infinite; -o-animation: galleryAnimation-5 35s infinite; animation: galleryAnimation-5 35s infinite; }
    .items-5 .control-button:nth-of-type(1), .items-5 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; }
    .items-5 .control-button:nth-of-type(2), .items-5 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; }
    .items-5 .control-button:nth-of-type(3), .items-5 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; }
    .items-5 .control-button:nth-of-type(4), .items-5 .item:nth-of-type(4) { -webkit-animation-delay: 19s; -o-animation-delay: 19s; animation-delay: 19s; }
    .items-5 .control-button:nth-of-type(5), .items-5 .item:nth-of-type(5) { -webkit-animation-delay: 26s; -o-animation-delay: 26s; animation-delay: 26s; }
    .gallery .control-button { color: #ccc; color: rgba(255, 255, 255, 0.4); }
        .gallery .control-button:hover { color: white; color: rgba(255, 255, 255, 0.8); }
    /*	Theme controls how everything looks in Gallery CSS.*/
    .gallery { position: relative; }
        .gallery .item { overflow: hidden; text-align: center; }
        .gallery .controls { position: absolute; bottom: 0; width: 100%; text-align: center; }
        .gallery .control-button { display: inline-block; margin: 0 .02em; font-size: 3em; text-align: center; text-decoration: none; -webkit-transition: color .1s; -o-transition: color .1s; transition: color .1s; }
}


@media only screen and (min-width : 1025px) {
    .gallery { position: relative; width: 100%; z-index: 3; height: 400px !important; }
        .gallery .control-operator:target ~ .controls .control-button { }
        .gallery .control-button:first-of-type, .gallery .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), .gallery .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), .gallery .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3), .gallery .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4), .gallery .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) { }
        .gallery .item:first-of-type { position: absolute; pointer-events: auto; opacity: 1; }
        .gallery .item { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; opacity: 0; z-index: -1 !important; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; margin: 0; }
            .gallery .item img { width: 100%; }
        .gallery .control-operator { display: none; }
            .gallery .control-operator:target ~ .item { pointer-events: none; opacity: 0; z-index: -1 !important; -webkit-animation: none; -o-animation: none; animation: none; }
            .gallery .control-operator:target ~ .controls .control-button { -webkit-animation: none; -o-animation: none; animation: none; }


            .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; }
            .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; }
    .items-2.autoplay .control-button { -webkit-animation: controlAnimation-2 14s infinite; -o-animation: controlAnimation-2 14s infinite; animation: controlAnimation-2 14s infinite; }
    .items-2.autoplay .item { -webkit-animation: galleryAnimation-2 14s infinite; -o-animation: galleryAnimation-2 14s infinite; animation: galleryAnimation-2 14s infinite; }
    .items-2 .control-button:nth-of-type(1), .items-2 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; }
    .items-2 .control-button:nth-of-type(2), .items-2 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; }


    .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1; }
    .items-3.autoplay .control-button { -webkit-animation: controlAnimation-3 21s infinite; -o-animation: controlAnimation-3 21s infinite; animation: controlAnimation-3 21s infinite; }
    .items-3.autoplay .item { -webkit-animation: galleryAnimation-3 21s infinite; -o-animation: galleryAnimation-3 21s infinite; animation: galleryAnimation-3 21s infinite; }
    .items-3 .control-button:nth-of-type(1), .items-3 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; }
    .items-3 .control-button:nth-of-type(2), .items-3 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; }
    .items-3 .control-button:nth-of-type(3), .items-3 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; }


    .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) { pointer-events: auto; opacity: 1; }
    .items-4.autoplay .control-button { -webkit-animation: controlAnimation-4 28s infinite; -o-animation: controlAnimation-4 28s infinite; animation: controlAnimation-4 28s infinite; }
    .items-4.autoplay .item { -webkit-animation: galleryAnimation-4 28s infinite; -o-animation: galleryAnimation-4 28s infinite; animation: galleryAnimation-4 28s infinite; }
    .items-4 .control-button:nth-of-type(1), .items-4 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; }
    .items-4 .control-button:nth-of-type(2), .items-4 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; }
    .items-4 .control-button:nth-of-type(3), .items-4 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; }
    .items-4 .control-button:nth-of-type(4), .items-4 .item:nth-of-type(4) { -webkit-animation-delay: 19s; -o-animation-delay: 19s; animation-delay: 19s; }


    .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) { pointer-events: auto; opacity: 1; }
    .gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) { pointer-events: auto; opacity: 1; }
    .items-5.autoplay .control-button { -webkit-animation: controlAnimation-5 35s infinite; -o-animation: controlAnimation-5 35s infinite; animation: controlAnimation-5 35s infinite; }
    .items-5.autoplay .item { -webkit-animation: galleryAnimation-5 35s infinite; -o-animation: galleryAnimation-5 35s infinite; animation: galleryAnimation-5 35s infinite; }
    .items-5 .control-button:nth-of-type(1), .items-5 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; }
    .items-5 .control-button:nth-of-type(2), .items-5 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; }
    .items-5 .control-button:nth-of-type(3), .items-5 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; }
    .items-5 .control-button:nth-of-type(4), .items-5 .item:nth-of-type(4) { -webkit-animation-delay: 19s; -o-animation-delay: 19s; animation-delay: 19s; }
    .items-5 .control-button:nth-of-type(5), .items-5 .item:nth-of-type(5) { -webkit-animation-delay: 26s; -o-animation-delay: 26s; animation-delay: 26s; }
    .gallery .control-button { color: #ccc; color: rgba(255, 255, 255, 0.4); }
        .gallery .control-button:hover { color: white; color: rgba(255, 255, 255, 0.8); }
    /*	Theme controls how everything looks in Gallery CSS.*/
    .gallery { position: relative; }
        .gallery .item { overflow: hidden; text-align: center; }
        .gallery .controls { position: absolute; bottom: 0; width: 100%; text-align: center; }
        .gallery .control-button { display: inline-block; margin: 0 .02em; font-size: 3em; text-align: center; text-decoration: none; -webkit-transition: color .1s; -o-transition: color .1s; transition: color .1s; }
}

@-webkit-keyframes controlAnimation-3 {
    0% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
    9.5%, 33.3% { color: white; color: rgba(255, 255, 255, 0.8); }
    42.9%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
}

@-o-keyframes controlAnimation-3 {
    0% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
    9.5%, 33.3% { color: white; color: rgba(255, 255, 255, 0.8); }
    42.9%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
}

@keyframes controlAnimation-3 {
    0% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
    9.5%, 33.3% { color: white; color: rgba(255, 255, 255, 0.8); }
    42.9%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
}

@-webkit-keyframes galleryAnimation-3 {
    0% { opacity: 0; z-index: -1 !important; }
    9.5%, 33.3% { opacity: 1; z-index: 9999 !important; }
    42.9%, 100% { opacity: 0; z-index: -1 !important; }
}

@-o-keyframes galleryAnimation-3 {
    0% { opacity: 0; z-index: -1 !important; }
    9.5%, 33.3% { opacity: 1; z-index: 9999 !important; }
    42.9%, 100% { opacity: 0; z-index: -1 !important; }
}

@keyframes galleryAnimation-3 {
    0% { opacity: 0; }
    9.5%, 33.3% { opacity: 1; z-index: 9999 !important; }
    42.9%, 100% { opacity: 0; z-index: -1 !important; }
}



@-webkit-keyframes controlAnimation-2 {
    0% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
    14.3%, 50% { color: white; color: rgba(255, 255, 255, 0.8); }
    64.3%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
}

@-o-keyframes controlAnimation-2 {
    0% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
    14.3%, 50% { color: white; color: rgba(255, 255, 255, 0.8); }
    64.3%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
}

@keyframes controlAnimation-2 {
    0% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
    14.3%, 50% { color: white; color: rgba(255, 255, 255, 0.8); }
    64.3%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
}

@-webkit-keyframes galleryAnimation-2 {
    0% { opacity: 0; z-index: -1 !important; }
    14.3%, 50% { opacity: 1; }
    64.3%, 100% { opacity: 0; z-index: -1 !important; }
}

@-o-keyframes galleryAnimation-2 {
    0% { opacity: 0; z-index: -1 !important; }
    14.3%, 50% { opacity: 1; }
    64.3%, 100% { opacity: 0; z-index: -1 !important; }
}

@keyframes galleryAnimation-2 {
    0% { opacity: 0; z-index: -1 !important; }
    14.3%, 50% { opacity: 1; }
    64.3%, 100% { opacity: 0; z-index: -1 !important; }
}


@-webkit-keyframes controlAnimation-5 {
    0% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
    5.7%, 20% { color: white; color: rgba(255, 255, 255, 0.8); }
    25.7%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
}

@-o-keyframes controlAnimation-5 {
    0% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
    5.7%, 20% { color: white; color: rgba(255, 255, 255, 0.8); }
    25.7%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
}

@keyframes controlAnimation-5 {
    0% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
    5.7%, 20% { color: white; color: rgba(255, 255, 255, 0.8); }
    25.7%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
}

@-webkit-keyframes galleryAnimation-5 {
    0% { opacity: 0; z-index: -1 !important; }
    5.7%, 20% { opacity: 1; }
    25.7%, 100% { opacity: 0; z-index: -1 !important; }
}

@-o-keyframes galleryAnimation-5 {
    0% { opacity: 0; z-index: -1 !important; }
    5.7%, 20% { opacity: 1; }
    25.7%, 100% { opacity: 0; z-index: -1 !important; }
}

@keyframes galleryAnimation-5 {
    0% { opacity: 0; z-index: -1 !important; }
    5.7%, 20% { opacity: 1; }
    25.7%, 100% { opacity: 0; z-index: -1 !important; }
}

@-webkit-keyframes controlAnimation-4 {
    0% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
    7.1%, 25% { color: white; color: rgba(255, 255, 255, 0.8); }
    32.1%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
}

@-o-keyframes controlAnimation-4 {
    0% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
    7.1%, 25% { color: white; color: rgba(255, 255, 255, 0.8); }
    32.1%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
}

@keyframes controlAnimation-4 {
    0% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
    7.1%, 25% { color: white; color: rgba(255, 255, 255, 0.8); }
    32.1%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); }
}

@-webkit-keyframes galleryAnimation-4 {
    0% { opacity: 0; z-index: -1 !important; }
    7.1%, 25% { opacity: 1; }
    32.1%, 100% { opacity: 0; z-index: -1 !important; }
}

@-o-keyframes galleryAnimation-4 {
    0% { opacity: 0; z-index: -1 !important; }
    7.1%, 25% { opacity: 1; }
    32.1%, 100% { opacity: 0; z-index: -1 !important; }
}

@keyframes galleryAnimation-4 {
    0% { opacity: 0; z-index: -1 !important; }
    7.1%, 25% { opacity: 1; }
    32.1%, 100% { opacity: 0; z-index: -1 !important; }
}








.formResult { color:#ff0000; text-align:center; }
.formResult img { width:32px !important; }
.surname { display:none; width:1px; height:1px; font-size:1px; }

@media only screen and (min-width : 0px) and (max-width : 1024px) {
    .form-style-1 { margin: 10px auto; padding: 20px 12px 10px 20px; font: 13px; }
        .form-style-1 li { padding: 0; display: block; list-style: none; margin: 10px 0 0 0; }
        .form-style-1 label { margin: 0 0 3px 0; padding: 0px; display: block; font-weight: bold; }
        .form-style-1 input[type=text],
        .form-style-1 input[type=date],
        .form-style-1 input[type=datetime],
        .form-style-1 input[type=number],
        .form-style-1 input[type=search],
        .form-style-1 input[type=time],
        .form-style-1 input[type=url],
        .form-style-1 input[type=email],
        .form-style-1 input[type=checkbox],
        textarea,
        select { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #BEBEBE; padding: 7px; margin: 0px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; }
            .form-style-1 input[type=text]:focus,
            .form-style-1 input[type=date]:focus,
            .form-style-1 input[type=datetime]:focus,
            .form-style-1 input[type=number]:focus,
            .form-style-1 input[type=search]:focus,
            .form-style-1 input[type=time]:focus,
            .form-style-1 input[type=url]:focus,
            .form-style-1 input[type=email]:focus,
            .form-style-1 textarea:focus,
            .form-style-1 select:focus { -moz-box-shadow: 0 0 8px #88D5E9; -webkit-box-shadow: 0 0 8px #88D5E9; box-shadow: 0 0 8px #88D5E9; border: 1px solid #88D5E9; }
        .form-style-1 .field-divided { width: 49%; }

        .form-style-1 .field-long { width: 100%; }
        .form-style-1 .field-select { width: 100%; }
        .form-style-1 .field-textarea { height: 100px; }
        .form-style-1 input[type=submit], .form-style-1 input[type=button] { background: #666666; padding: 8px 15px 8px 15px; border: none; color: #fff; }
            .form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover { background: #D56537; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
        .form-style-1 .required { color: red; }
    /**/
    .cont-input { display: flex; justify-content: space-between; }
    .form-style-2 input[type=text] { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #BEBEBE; padding: 7px; margin: 0px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; border-radius: 5px; }
}


@media only screen and (min-width : 1025px) {
    .form-style-1 { margin: 10px auto; padding: 20px 12px 10px 20px; font: 13px; }
        .form-style-1 li { padding: 0; display: block; list-style: none; margin: 10px 0 0 0; }
        .form-style-1 label { margin: 0 0 3px 0; padding: 0px; display: block; font-weight: bold; }
        .form-style-1 input[type=text],
        .form-style-1 input[type=date],
        .form-style-1 input[type=datetime],
        .form-style-1 input[type=number],
        .form-style-1 input[type=search],
        .form-style-1 input[type=time],
        .form-style-1 input[type=url],
        .form-style-1 input[type=email],
        .form-style-1 input[type=checkbox],
        textarea,
        select { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #BEBEBE; padding: 7px; margin: 0px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; }
            .form-style-1 input[type=text]:focus,
            .form-style-1 input[type=date]:focus,
            .form-style-1 input[type=datetime]:focus,
            .form-style-1 input[type=number]:focus,
            .form-style-1 input[type=search]:focus,
            .form-style-1 input[type=time]:focus,
            .form-style-1 input[type=url]:focus,
            .form-style-1 input[type=email]:focus,
            .form-style-1 textarea:focus,
            .form-style-1 select:focus { -moz-box-shadow: 0 0 8px #88D5E9; -webkit-box-shadow: 0 0 8px #88D5E9; box-shadow: 0 0 8px #88D5E9; border: 1px solid #88D5E9; }
        .form-style-1 .field-divided { width: 49%; }

        .form-style-1 .field-long { width: 100%; }
        .form-style-1 .field-select { width: 100%; }
        .form-style-1 .field-textarea { height: 100px; }
        .form-style-1 input[type=submit], .form-style-1 input[type=button] { background: #666666; padding: 8px 25px; border: none; color: #fff; margin:auto; text-transform: uppercase; }
            .form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover { background: #D56537; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
        .form-style-1 .required { color: red; }
    /**/
    .cont-input { display: flex; }
        .cont-input label { margin: 0 5px;   }
        .form-style-2 input[type=text] { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #BEBEBE; padding: 7px; margin: 0px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; border-radius: 5px; }
}