/*
Theme Name:     Etiqueta
Description:    Child theme for the Roots theme 
Author:         PG&W S.r.l.
Template:       roots
*/


/*---   FONT GOTHAM  ---*/
@font-face {
    font-family: 'GothamMedium';
    src: url('font/gotham-medium-webfont.eot');
    src: url('font/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gotham-medium-webfont.woff') format('woff'),
         url('font/gotham-medium-webfont.ttf') format('truetype'),
         url('font/gotham-medium-webfont.svg#GothamMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamMediumItalic';
    src: url('font/gotham-mediumitalic-webfont.eot');
    src: url('font/gotham-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gotham-mediumitalic-webfont.woff') format('woff'),
         url('font/gotham-mediumitalic-webfont.ttf') format('truetype'),
         url('font/gotham-mediumitalic-webfont.svg#GothamMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamBoldItalic';
    src: url('font/gotham-bolditalic-webfont.eot');
    src: url('font/gotham-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gotham-bolditalic-webfont.woff') format('woff'),
         url('font/gotham-bolditalic-webfont.ttf') format('truetype'),
         url('font/gotham-bolditalic-webfont.svg#GothamBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamBold';
    src: url('font/gotham-bold-webfont.eot');
    src: url('font/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gotham-bold-webfont.woff') format('woff'),
         url('font/gotham-bold-webfont.ttf') format('truetype'),
         url('font/gotham-bold-webfont.svg#GothamBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamBook';
    src: url('font/gotham-book-webfont.eot');
    src: url('font/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gotham-book-webfont.woff') format('woff'),
         url('font/gotham-book-webfont.ttf') format('truetype'),
         url('font/gotham-book-webfont.svg#GothamBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*---   GENERALE   ---*/


.icl-ru {
    display: none;
}

body {
    font-size: 13px;
    padding: 0;
    margin: 0;
}

body.top-navbar {
    padding: 0;
    margin: 0;
}

.page-header {
    display: none;
}


ul, ol {
    margin: 0;
}

a, a:focus {
    outline: none;
}

#wrap {
    width: 100%;
}

#content {
    width: 100%;
    margin: auto;
}

#main {
    width: 100%;
    margin: 0;
}

#distance {
    width: 100%;
    height: 400em;
    cursor: default;
}

#scroll,
.page-template-news-php,
.page-template-press-php,
.single
{
    width: 100%;
    background: #303030 url('img/background.jpg') repeat;
}

.scroll-wrapper {
    width: 100%;
    max-width: 73.846em;
    margin: auto;
}

#arrow {
    width: 100%;
    height: 2.769em;
    background: url('img/arrow-bg.png') no-repeat 50% 100%;
}

#arrow a {
    display: block;
    width: 100%;
    height: 2.769em;
    background: url('img/arrow.png') no-repeat 50% 0%;
}

#arrow a.down {
    background-position: 50% 100%;
}

/*---   HEADER   ---*/

.navbar-fixed-top,
.navbar-fixed-bottom {
    margin:0;
}

header .navbar-inner {
    background: #000;
    box-shadow: none;
    text-align: center;
}

.navbar-inner .container {
    display: inline-block;
    width: inherit;
    margin: auto;
}

.navbar-inner .brand {
    display: none;
}

#nav-main li a {
    font-family: 'GothamBook', Arial, Sans-serif;
    font-size: 1em;
}


/*---   LANGUAGE SELECTOR   ---*/

#lang_sel_list {
    width: 98%;
    margin: auto;
    height: auto;
    padding: 0;
}

#lang_sel_list ul {
    float: right;
    border: none !important;
    padding: 0;
    width: auto;
}


#lang_sel_list li {
    float: left;
    width: 1.7em;
    height: 1.7em;
    
    
}

#lang_sel_list li a {
    overflow: hidden;
    width: 1.5em;
    height: 1.5em;
    padding: 0;
    border: none;
    background: none;
    padding-top: 1em;
}

#lang_sel_list a.lang_sel_sel {
    background: none;
}

#lang_sel_list a, #lang_sel_list a:visited {
    background: none;
}

/*---   HOME LOGO   ---*/

#logo {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 50%;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
    z-index: -10;
}

#logo img {
    margin-top: 5%;
    height: 65%;
    width: auto;
}


/*---   AREE LANCIO   ---*/

#aree-lancio {
    width: 100%;
    background: url('img/background.png') repeat-y 50% 0;
}

#aree-lancio-wrap {
    width: 100%;
    max-width: 73.846em; 
    margin: auto;
}

.home section {
    margin: auto;
    padding-top: 4em;
    padding-bottom: 6em;
    position: relative;
}

.home section:first-child {
    background: url('img/shadow.png') no-repeat 50% 100%;
}


/*---   AREA LANCIO NEWS   ---*/

ul#news-home {
    position: relative;
    width: 100%;
    height: 19.308em;
}

ul#news-home  li {
    list-style-type: none;
    position: absolute;
    opacity:0.0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
    top: 0;
    left: 0;
    width: 100%;
}

#news-slider li.this {
   z-index: 200;
}


ul#news-home  li .img {
    display: block;
    float: left;
    width: 46%;
    padding: 0 1% 0 2%;
    height: auto;
}

ul#news-home  li .img img {
    width: 100%;
    height: auto;
}

ul#news-home  li hgroup {
    float: right;
    width: 47%;
    padding: 0 2% 0 1%;
    height: auto;
    color: #fff;
}

ul#news-home  li hgroup h3 {
    float: left;
    font-size: 1.5em;
    color: #2c2c2c;
    font-family: 'GothamMedium', Arial, Sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    height: 1.5em;
    width: auto;
}

ul#news-home  li hgroup h3 a {
    display: block;
    width: 100%;
    height: 100%;
    color: #2c2c2c;
    background: url('img/grey-pixel.png') repeat;
    padding: 0.3em;
}

ul#news-home  li hgroup h3 a:hover {
    text-decoration: none;
    background: url('img/grey-pixel-hover.png') repeat;
    
}


ul#news-home  li hgroup h2,
ul#news-archive  li hgroup h2,
.single hgroup h2 {
    font-family: "GothamBook", Arial, Sans-serif;
    font-weight: normal;
    font-size: 1.2em;
    line-height: 1em;
    text-transform: uppercase;
    text-align: left;
}

ul#news-home  li hgroup h1,
ul#news-archive  li hgroup h1,
.single hgroup h1 {
    font-family: "GothamMedium", Arial, Sans-serif;
    font-weight: normal;
    font-size: 1.7em;
    line-height: 1.5em;
    padding-top: 1em;
    text-align: left;
}

ul#news-home  li.visible {
    visibility: visible;
}

ul#news-home  li hgroup .readmore {
    display: inline-block;
    font-family: 'Arial', Sans-serif;
    font-weight: normal;
    font-size: 1em;
    font-style: italic;
    padding-top: 1em;
    padding-bottom: 3em;
    color: #fff;
}


/*---   AREA LANCIO NEWS NAV   ---*/

#news-slider {
    position: absolute;
    list-style-type: none;
    bottom: 0;
    left: 51%;
    z-index: 300;
}

#news-slider li {
    float: left;
}

#news-slider li a {
    display: block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    text-decoration: none;
    text-indent: -9999px;
    color: #fff;
    background: url('img/slider-button.png') no-repeat 50% -15px;
    margin-right: 0.5em;
}

#news-slider li a:hover, #news-slider li a.selected {
   background: url('img/slider-button.png') no-repeat 50% 0px;
}



/*---   BOTTONI FACEBOOK E YOUTUBE   ---*/

#fb-title,
#yt-title {
    display: inline-block;
}

#fb-title a,
#yt-title a {
    float: left;
    font-size: 1.5em;
    background: url('img/grey-pixel.png') repeat;
    color: #2c2c2c;
    font-family: 'GothamMedium', Arial, Sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    height: 1.5em;
    padding: 0.3em;
    text-transform: uppercase;
}

#fb-title a.fb-img,
#yt-title a.yt-img {
    display: block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.1em;
}

#fb-title a.fb-img img,
#yt-title a.yt-img img {
    vertical-align: top;
}

#fb-title a.fb-description,
#yt-title a.yt-description {
}

#fb-title a.fb-description:hover,
#yt-title a.yt-description:hover {
    text-decoration: none;
}

#fb-title:hover a,
#yt-title:hover a {
    background: url('img/grey-pixel-hover.png') repeat; 
}


/*---   AREA LANCIO FACEBOOK   ---*/

section.facebook {
    width: 47%;
    padding: 4em 1% 6em 2%;
    height: 624px;
    float: left;
}

#fb-container, #yt-container {
    margin-top: 2em;
    border: #565656 1px solid;
    padding: 5%;
}

/*---   AREA LANCIO YOUTUBE   ---*/

section.youtube {
    width: 47%;
    padding: 4em 2% 6em 1%;
    float: right;
}

section.youtube ul li {
    padding-bottom: 1em;
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}

section.youtube ul li a {
    display: block;
    overflow: hidden;
}

section.youtube ul li a img {
    max-width: none;
    width: 100%;
}

section.youtube ul li:last-child{
    padding-bottom: 0;
}

section.youtube ul li:hover {
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}


/*---   BACKGROUND SLIDER CORREZIONE BOOTSTRAP  ---*/


#supersized img {
    max-width: none;
}


/*---   FILOSOFIA  ---*/

.no-textshadow .page-template-philosophy-php #title {
    background-image: url('img/black-pixel.png');
    background-repeat: repeat;
}

.page-template-philosophy-php #title {
    position: fixed;
    text-align: center;
    height: auto;
    width: 70%;
    margin: 0 15%;
    z-index: -1;
    padding: 5% 0;
}

.page-template-philosophy-php #title h1 {
    font-family: 'GothamBoldItalic', Arial, Sans-serif;
    font-weight: normal;
    height: auto;
    margin: auto;
    color: #fff;
    font-size: 3em;
    line-height: 100%;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    text-transform: uppercase;
}

.page-template-philosophy-php #title h2 {
    font-family: 'GothamBook', Arial, Sans-serif;
    font-weight: normal;
    height: auto;
    margin: auto;
    color: #fff;
    font-size: 1.5em;
    line-height: 150%;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    margin-top: 2em;
    padding: 0 5%;
    text-transform: uppercase;
}

.page-template-philosophy-php #title h2 span.etiqueta {
    font-family: 'GothamMediumItalic', Arial, Sans-serif;
    }

.page-template-philosophy-php .scroll-wrapper p {
    font-family: 'GothamBook', Arial, Sans-serif;
    font-weight: normal;
    height: auto;
    margin: auto;
    color: #fff;
    font-size: 1em;
    line-height: 150%;
    padding: 2em 0 4em 0;
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-gap: 2em;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    
}


/*---   COLLEZIONE  ---*/

.page-template-collezione-php .scroll-wrapper {
    width: 98%;
    max-width: 1300px;
    padding: 0 1% 0 1%;
}

.page-template-collezione-php .page-header,
.page-template-contatti-php .page-header {
    display: none;
}

.page-template-collezione-php #title {
    position: fixed;
    text-align: center;
    height: auto;
    width: 100%;
    z-index: -1;
}

.page-template-collezione-php #title h1 {
    font-family: 'GothamBoldItalic', Arial, Sans-serif;
    font-weight: normal;
    height: auto;
    margin: auto;
    color: #fff;
    font-size: 4em;
    line-height: 100%;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}

.page-template-collezione-php .scroll-wrapper p {
    font-family: 'GothamBook', Arial, Sans-serif;
    font-weight: normal;
    height: auto;
    margin: auto;
    color: #fff;
    font-size: 1em;
    line-height: 150%;
    padding-top: 4em;
    padding-bottom: 4em;
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-gap: 2em;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
}

.scroll-wrapper .ngg-galleryoverview  {
    width: 100%;
    margin: 0;
}

.ngg-gallery-thumbnail img {
    background: none;
    border: none;
    padding: 0;
    margin: 2px 0 2px 4px;
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}

.ngg-gallery-thumbnail a:hover img {
    background: none;
}

.ngg-gallery-thumbnail {
    margin: 0;
}

.ngg-gallery-thumbnail-box,
.ngg-gallery-thumbnail,
.ngg-gallery-thumbnail-box a {
width:204px
}


.page-template-collezione-php .link {
    margin: auto;
    text-align: center;
    padding-top: 5em;
    margin-top: 5em;
    padding-bottom: 5em;
    background:url('img/shadow.png') no-repeat 50% 0%;
    
}

.page-template-collezione-php .link a {
    font-size: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    width: 15em;
    padding: 0.5em;
    margin: 0.2em;
    border-radius: 0.1em 0.1em 0.1em 0.1em;
    background: url('img/white-pixel.png') repeat;
    color: #2c2c2c;
    font-family: 'GothamBold', Arial, Sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
   
    
    
}

.page-template-collezione-php .link a:hover {
    background: url('img/white-pixel-focus.png') repeat;
    text-decoration: none;
}


/*---   TAZIO NUVOLARI  ---*/

.page-template-collezione-php {
    color: #ffffff;
}


.page-template-collezione-php .column-middle {
    padding: 4em 15% 6em 15%;
    margin-bottom: 3em;
    background: url('img/shadow.png') no-repeat 50% 100%;
}

.page-template-collezione-php .middle-last {
    padding: 4em 15% 6em 15%;
    background: url('img/shadow.png') no-repeat 50% 0%;
    margin: 0;
}


.scroll-wrapper div.tazio p {
    font-family: 'GothamBook', Arial, Sans-serif;
    font-size: 1em;
    line-height: 150%;
    text-align: left;
    background: none;
    padding: 0;
}

div.tazio {
    margin: auto;
    padding-bottom: 4em;
}

div.separatore {
    padding: 0 0 4em 0;
    background: url('img/shadow.png') no-repeat 50% 0%;
}

div.tazio .first-column {
    float: left;
    width: 8%;
    padding-right: 2%;
}

div.tazio .first-column img {
    width: 100%;
    height: auto;
}

div.tazio .second-column {
    float: right;
    width: 89%;
}

div.tazio .ngg-galleryoverview {
    padding-bottom: 2em;
}

div.tazio-last{
    padding-top: 4em;
}

div.tazio-last p {
    vertical-align: middle;
}

/*---   FRAGRANCE  ---*/

.page-template-fragrance-php {
    color: #ffffff;
}

.page-template-fragrance-php .column-middle {
    padding: 4em 20% 6em 20%;
    background: url('img/shadow.png') no-repeat 50% 100%;
}

.column-middle h2 {
    font-family: 'GothamMedium', Arial, Sans-serif;
    font-size: 1.5em;
    line-height: 150%;
    font-weight: normal;
    text-align: center;
}

.page-template-fragrance-php .column-left,
.page-template-fragrance-php .column-right{
    float: left;
    width: 40%;
}

.page-template-fragrance-php .column-left {
    padding: 3em 2% 0 8%;
}

.page-template-fragrance-php .column-right {
    padding: 3em 8% 0 2%;
}

.page-template-fragrance-php h1 {
    font-family: 'GothamMedium', Arial, Sans-serif;
    font-size: 1.5em;
    line-height: 100%;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    height: 2.5em;
}

.column-left h2,
.column-right h2 {
    font-family: 'GothamBook', Arial, Sans-serif;
    font-size: 1.2em;
    line-height: 100%;
    font-weight: normal;
    text-align: center;
    font-style: italic;
}

.column-left p,
.column-right p {
    font-family: 'GothamBook', Arial, Sans-serif;
    font-size: 1em;
    line-height: 150%;
    font-weight: normal;
    text-align: center;
    padding: 0.5em 0 4em 0;
}


/*---   NEWS / EVENTI  ---*/


.page-template-news-php #main,
.single #main {
    width: 100%;
    text-align: center;
    min-height: 100%;
}

.page-template-news-php #main #news-archive {
    width: 100%;
    max-width: 73.846em;
    margin: auto;
    padding-top: 8em;
    background: url('img/shadow.png') no-repeat 50% 100%;
    padding-bottom: 1.615em;
}

#news-archive li {
    position: relative;
    padding: 4em 0 4em 0;
}

#news-archive .li-bg {
    position: absolute;
    top: -1%;
    left: 0;
    width: 100%;
    height: 101%;
    background: url('img/shadow.png') no-repeat 50% 0%;
    
}

#news-archive li:hover {
    background: url('img/news-hover.png') repeat-y 50% 0;
}

#news-archive .thumb-float {
    float: left;
    width: 28%;
    padding: 0 2% 0 3%;
}

#news-archive .thumb-float img {
    width: 100%;
    height: auto;
}

#news-archive hgroup {
    float: right;
    width: 62%;
    padding: 0 3% 0 2%;
    color: #ffffff;
}

#news-archive .a-cover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-pagenavi{
    margin: auto;
    padding: 3em 0 5em 0;
    display: inline-block;
}

#main .wp-pagenavi a,
#main .wp-pagenavi span {
    display: block;
    float: left;
    font-family: 'GothamMedium', Arial, Sans-serif;
    font-size: 1.2em;
    line-height: 100%;
    font-weight: normal;
    text-align: center;
    border: none;
    color: #ffffff;
    margin: 0 0.3em;
    width: 1.2em;
    height: 1.2em;
    border-radius: 1.5em;
    
    
}

#main .wp-pagenavi span {
    background: url('img/grey-pixel.png') repeat;
}


/*---   NEWS / EVENTI DETTAGLIO  ---*/

.single #main #news-detail {
    width: 100%;
    max-width: 73.846em;
    margin: auto;
    padding-top: 8em;
    padding-bottom: 1.615em;
    color: #ffffff;
}

#news-detail article header {
   display: none;
}

section#comments {
    display: none;
}

.news-nav {
    width: 100%;
    height: 3em;
    padding-bottom: 4em;
}

.news-nav .nextlink a,
.news-nav .prevlink a
{
    display: block;
    float: left;
    height: 100%;
    width: 4%;
    background: url('img/grey-pixel.png') repeat;
}

.news-nav .nextlink a {
    border-radius: 0.3em 0 0 0.3em;
}

.news-nav .prevlink a {
    border-radius: 0 0.3em 0.3em 0;
}


.news-nav a.back {
    display: block;
    float: left;
    width: 90%;
    margin: 0 0.5%;
    
}

.news-nav a {
    background: url('img/grey-pixel.png') repeat;
    color: #ffffff;
    line-height: 2.6em;
    font-family: 'GothamMedium', Arial, Sans-serif;
    font-size: 1.2em;
    font-weight: normal;
}

.news-nav a:hover {
    background: url('img/grey-pixel-hover.png') repeat;
    text-decoration: none;
}

#news-detail .float-img {
    position: relative;
    float: right;
    width: 49%;
    overflow: hidden;
    height: 20em;
}

#news-detail .float-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

#news-detail hgroup {
    float: left;
    width: 49%;
}

#news-detail hgroup a {
    display: block;
    width: 5em;
    height: 5em;
    margin-top: 2em;
}

#news-detail hgroup a img {
    width: 100%;
    height: auto;
}

#news-detail .entry-content {
    text-align: left;
    padding-top: 3em;
    font-family: 'GothamBook', Arial, Sans-serif;
    font-size: 1em;
    line-height: 150%;
}

#news-detail .entry-content {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-gap: 2em;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
}

#news-gallery-wrapper {
    margin-top: 5em;
    padding: 7em 0 5em 0;
    background: url('img/shadow.png') no-repeat 50% 0%;
    position: relative;
    
}

#news-gallery-pos {
    position: relative;
    width: 60%;
    margin: auto;
    
}

#news-gallery-wrapper #news-gallery {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 29.54em;
}

#news-gallery-wrapper #news-gallery li {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
    list-style-type: none;
    
}

#news-gallery-nav-buttons li a.selected {
   background: red;
}

#news-gallery-nav {
    position: absolute;
    width: 100%;
    height: 2em;
    margin: auto;
    text-align: left;
    top: -3em;
    left: 0;
}

#news-gallery-nav h1 {
    float: left;
    font-family: 'GothamMedium', Arial, Sans-serif;
    font-size: 1.2em;
    line-height: 2em;
    font-weight: normal;
    text-align: left;
}

#news-gallery-nav #news-gallery-nav-buttons {
    float: right;
}

#news-gallery-nav #news-gallery-nav-buttons li {
    float: left;
    list-style-type: none;
}

#news-gallery-nav #news-gallery-nav-buttons li a {
    display: block;
    float: left;
    font-family: 'GothamMedium', Arial, Sans-serif;
    font-size: 1.2em;
    line-height: 2em;
    font-weight: normal;
    text-align: center;
    border: none;
    color: #ffffff;
    margin: 0 0.3em;
    width: 2em;
    height: 2em;
    border-radius: 1.5em;
}

#news-gallery-nav #news-gallery-nav-buttons li a:hover,
#news-gallery-nav #news-gallery-nav-buttons li a.selected {
    background: url('img/grey-pixel.png') repeat;
    text-decoration: none;
}

.video-button {
    display: block;
    height: 2.6em;
    width: 100%;
    margin-top: 1em;
    background: url('img/grey-pixel.png') repeat;
    color: #ffffff;
    line-height: 2.6em;
    font-family: 'GothamMedium', Arial, Sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    border-radius: 0.3em;
}

.video-button:hover {
    background: url('img/grey-pixel-hover.png') repeat;
    color: #ffffff;
    text-decoration: none;
}


/*---   BOUTIQUE   ---*/

.page-template-boutique-php #main,
.single-boutique #main
{
    width: 100%;
    min-height: 100%;
}

.page-template-boutique-php #main #boutique-list {
    width: 100%;
    max-width: 34em;
    margin: auto;
    padding-top: 8em;
    padding-bottom: 5em;
}

.page-template-boutique-php #main #boutique-list li {
    position: relative;
    background: url('img/black-pixel2.png') repeat;
    list-style-type: none;
    color: #ffffff;
    padding: 1.2em 2.308em;
    opacity:0.6;
    filter:alpha(opacity=0.6); /* For IE8 and earlier */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    margin-bottom: 2px;
}

.page-template-boutique-php #main #boutique-list li hgroup {
    background: url('img/arrow-boutique.png') no-repeat 100% 50%;
}

.page-template-boutique-php #main #boutique-list li .ah1,
.single-boutique #main #boutique-wrapper h1{
    display: block;
    color: #ffffff;
    font-family: 'GothamMedium', Arial, Sans-serif;
    font-weight: normal;
    font-size: 1.5em;
    text-transform: uppercase;
    line-height: 140%;
}

.page-template-boutique-php #main #boutique-list li .ap,
.single-boutique #main #boutique-wrapper p,
.single-boutique #main #boutique-wrapper a {
    display: block;
    color: #ffffff;
    font-family: 'GothamBook', Arial, Sans-serif;
    font-weight: normal;
    font-style: italic;
    font-size: 1em;
    margin: 0;
    line-height: 170%;
    color: #ffffff;
    text-decoration: none;
}

.page-template-boutique-php #main #boutique-list li .ah1:hover,
.page-template-boutique-php #main #boutique-list li .ap:hover {
    text-decoration: none;
}

.page-template-boutique-php .a-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}


/*---   BOUTIQUE DETTAGLIO  ---*/

.single-boutique #main #boutique-wrapper
{
    width: 100%;
    max-width: 34em;
    margin: auto;
    padding: 3em 0;
    margin-bottom: 2px;
    background: url('img/black-pixel.png') repeat;
    color: #ffffff;
}

.single-boutique #main #boutique-wrapper h1 {
    font-size: 2em;
    padding-bottom: 0.3em;
}

.single-boutique #main #boutique-wrapper p {
    font-size: 1.1em;
}


.single-boutique #main #boutique-wrapper p.mail {
    font-size: 1.1em;
    height: 3.1em;
}

.single-boutique #main #boutique-wrapper p.mail a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 3.1em;
    margin-top: 2em;
}

.single-boutique #main #boutique-wrapper p.mail a:hover {
    background: url('img/grey-pixel.png') repeat;
}

.single-boutique #main #boutique-wrapper p.mail a span {
    display: inline-block;
    width: 3.1em;
    height: 3.1em;
    text-indent: -9999px;
    background: url('img/mail-icon.png') no-repeat 50% 50%;
    margin-right: 0.5em;
}

.selectbox.items li.first {
    display: none;
}


/*---   PARTNERS  ---*/

.page-template-partners-php {
    background: url('img/background.jpg') repeat;
    
}

.page-template-partners-php #main {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
}

.page-template-partners-php #main #partners-wrapper {
    width: 100%;
    max-width: 73em;
    margin: auto;
}

.page-template-partners-php #main #partners-wrapper a {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
}

.page-template-partners-php #main .fancybox {
    display: none;
}

.page-template-partners-php .fancybox-skin .fancybox-title  {
    bottom: 50px;
}

.page-template-partners-php .fancybox-skin .fancybox-title span a {
    color: #ffffff;
}



/*---   CONTATTI  ---*/

.page-template-contatti-php #main {
    width: 100%;
}

.page-template-contatti-php #main .first-wrapper,
.page-template-contatti-php #main .second-wrapper
{
    width: 94%;
    max-width: 60em;
    background: url('img/black-pixel.png') repeat;
    margin: auto;
    padding: 2%;
}

.page-template-contatti-php #main .second-wrapper {
    margin-top: 1em;
    
}

.page-template-contatti-php p {
    font-family: 'GothamBook', Arial, Sans-serif;
    font-weight: normal;
    height: auto;
    color: #fff;
    font-size: 1em;
    line-height: 100%;
}


.page-template-contatti-php .first-wrapper p {
    line-height: 150%;
    text-align: center;
}

.page-template-contatti-php .second-wrapper p {
    line-height: 133%;
}

.page-template-contatti-php .second-wrapper p span span {
    background: url('img/white-pixel-focus.png') repeat;
    color: #565656;
    font-size: 0.8em;
    top: 0.3em;
    left: 0.3em;
    border: 2px solid #ff0000;
}

.wpcf7-response-output {
    font-family: 'GothamBook', Arial, Sans-serif;
    color: #ffffff;
    font-size: 1em;
    top: 0.3em;
    left: 0.3em;
    line-height: 150%;
}

.page-template-contatti-php .col-left {
    width: 32%;
    padding-right: 2%;
    float: left;
}

.page-template-contatti-php .col-right {
    width: 66%;
    float: right;
}

.page-template-contatti-php .col-middle p {
    width: 100%;
    padding-top: 1em;
}

.page-template-contatti-php .col-middle p a {
    color: #565656;
}

textarea,
input[type="text"],
input[type="email"] {
    -moz-transition: border 0.2s linear 0s, box-shadow 0s linear 0s;
    border: none;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    box-shadow: none;
    background: url('img/white-pixel.png') repeat; 
    color: #000;
    font-family: 'GothamBook', Arial, Sans-serif;
    font-weight: normal;
    height: auto;
    font-size: 0.8em;
    line-height: 100%;
    width: 75%;
}

.page-template-contatti-php .col-right textarea {
    width: 99%;
    height: 11.3em;
}

textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus {
    background: url('img/white-pixel-focus.png') repeat;
    box-shadow: none;
}

input[type="submit"] {
    float: right;
    margin-left: 0.3em;
    width: 5em;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    background: url('img/white-pixel.png') repeat;
    border: none;
    height: 1.5em;
    color: #000;
    font-family: 'GothamBold', Arial, Sans-serif;
    font-weight: normal;
    font-size: 0.8em;
    line-height: 100%;
    text-transform: uppercase;
    
    
}

input[type="submit"]:hover {
    background: url('img/white-pixel-focus.png') repeat;
}


.close {
    font-size:18px;
    color:#000;
    font-weight:bold;
    position:absolute;
    right:2%;
    top:0%;
    cursor:pointer;
}
.overlay{
    background:#000;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
    cursor:pointer;
/*Trasperenza cross browser*/
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  
 
}
 
#box {
    width:45%;
    padding: 2.5%;
    height:auto;
    background-color: #ffffff;
    display:none;
    z-index:+300;
    position:absolute;
    left:25%;
    top:25%;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
}

#box p {
    font-family: 'GothamBook', Arial, Sans-serif;
    font-weight: normal;
    height: auto;
    color: #333333;
    font-size: 1em;
    line-height: 150%;
}

#box h1 {
    font-family: 'GothamMedium', Arial, Sans-serif;
    font-weight: normal;
    height: auto;
    color: #333333;
    font-size: 3em;
    line-height: 150%;
    padding-bottom: 1em;
}

#box .close {
    font-family: 'GothamMedium', Arial, Sans-serif;
    font-weight: normal;
    height: auto;
    color: #333333;
    font-size: 3em;
    line-height: 150%;
}

/*---   FILOSOFIA   ---*/

.page-template-contatti-php #main div.filo {
    margin-bottom: 10em;
}


/*---   FOOTER   ---*/

footer#content-info {
    border: none;
    margin: 0;
    width: 100%;
    background: #000;
    padding: 1em 0;
}

footer#content-info #footer-wrapper {
    width: 100%;
    max-width: 69.846em;
    margin: auto;
    padding: 0 0.5em 0 0.5em;
}


footer#content-info section {
    margin: auto;
    max-width: 71.846em;
    padding: 0;
}

footer#content-info #text-3 img {
    float: left;
    padding: 0.5em 0 0 0;
}

footer#content-info #nav_menu-2 ul {
    margin-top: 1em;
    float: right;
}

footer#content-info #nav_menu-2 ul li {
    float: left;
    list-style-type: none;
    margin-left: 1em;
}

footer#content-info #nav_menu-2 ul li a {
    font-family: 'GothamBook', Arial, Sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
}

footer#content-info #text-2 {
    padding: 0;
}

footer#content-info #text-2 p {
    float: right;
    color: #fff;
    font-size: 0.8em;
    margin-top: 2em;
}

footer#content-info #text-2 p a {
    color: #fff;
}

.menu-facebook,
.menu-youtube,
.menu-instagram,
.menu-twitter {
    text-indent: -9999px;
    font-size: 1em;
}

.menu-facebook a {
    display: block;
    width:2.3em;
    height:2.3em;
    background: url('img/logo_facebook_small.png') no-repeat;
}

.menu-youtube a {
    display: block;
    width:2.3em;
    height:2.3em;
    background: url('img/logo_youtube_small.png') no-repeat;
}

.menu-instagram a {
    display: block;
    width:2.3em;
    height:2.3em;
    background: url('img/logo_instagram_small.png') no-repeat;
}

.menu-twitter a {
    display: block;
    width:2.3em;
    height:2.3em;
    background: url('img/logo_twitter_small.png') no-repeat;
}

.copy {
    display: none;
}


/*---   PRESS  ---*/



.page-template-press-php #main {
    width: 100%;
    text-align: center;
    min-height: 100%;
}

.page-template-press-php #main #pr-wrapper {
    width: 98%;
    max-width: 73.846em;
    margin: auto;
    margin-top: 8em;
    background: url('img/shadow.png') no-repeat 50% 0%;
    padding: 2em 1%;
}

.page-template-press-php #main .pr-first,
.page-template-press-php #main .pr-second {
    width: 49%;
    float: left;
    color: #ffffff;
    padding: 1em 0;
    text-align: left;
}

.page-template-press-php #main .pr-first h1,
.page-template-press-php #main .pr-second h1 {
    font-family: 'GothamBold', Arial, Sans-serif;
    font-weight: normal;
    font-size: 1.5em;
    line-height: 150%;
}

.page-template-press-php #main .pr-first h2,
.page-template-press-php #main .pr-second h2 {
    font-family: 'GothamBook', Arial, Sans-serif;
    font-weight: normal;
    font-size: 1.1em;
    line-height: 260%;
}

.page-template-press-php #main .pr-first p,
.page-template-press-php #main .pr-second p {
    font-family: 'GothamBook', Arial, Sans-serif;
    font-weight: normal;
    font-size: 1.1em;
    line-height: 150%;
    padding: 0;
    margin: 0;
}

.page-template-press-php #editoriali {
    width: 98%;
    max-width: 1300px;
    padding: 0 1%;
    background: url('img/shadow.png') no-repeat 50% 0%;
    margin: auto;
    padding: 5em 0;
}

.page-template-press-php #editoriali img {
  
}

.page-template-press-php .item .ngg-galleryoverview div {
    display: none;
}

.page-template-press-php .item .ngg-galleryoverview div:first-child {
    display: block;
}

.page-template-press-php .item {
    float: left;
    width: 204px;
    height: 204px;
    overflow: hidden;
    margin: 0;
}

.page-template-press-php .item .ngg-galleryoverview {
    margin: 0;
}

.page-template-press-php .ngg-galleryoverview img {
    opacity: 0.6;
}

.page-template-press-php .fancybox-skin .fancybox-title {
    bottom: 50px;
}

.page-template-press-php .fancybox-skin .fancybox-title a {
    color: #ffffff;
}



/*---   CLEANER   ---*/

.cleaner {
    clear: both;
}

/*---   FIX BUG EXPLORER   ---*/

html.lt-ie8 aside {
    display: none;
}

html.lt-ie8 .single-boutique #main #boutique-wrapper p.mail a span {
    text-indent: 1px;
}

html.lt-ie8 footer#content-info section.widget-first {
    width: auto;
}

html.lt-ie8 .wp-pagenavi{
    display: block;
    width: 100%;
    max-width: 73.846em;
    margin: auto;
    padding: 3em 0 5em 2em;
    
}

html.lt-ie8 footer#content-info .widget-1 {
    height: 100%;
    max-width: 20em;
    float: left;
}

html.lt-ie8 .page-template-press-php #editoriali img {
    display: block;
}

html.lt-ie9 .fancybox-title-float-wrap .child {
    background: #000000;
}

@media (max-width: 979px) {
    
    /*---    HEADER AND GENERAL RESPONSIVE   ---*/
    
    .navbar-fixed-top .navbar-inner,
    .navbar-fixed-bottom .navbar-inner {
        padding: 0;
    }
    header .navbar-inner {
        text-align: left;
    }
    .navbar-inner .container {
        display: block;
    }
    #main {
        width: 100%;
    }
    #main #scroll {
        width: 100%;
    }
    #main #scroll .scroll-wrapper {
        width: 93%;
        padding: 0 3%;
    }
    #lang_sel_list {
        width: 97%;
        margin-left: 2%;
    }
    #lang_sel_list ul {
        float: left;
    }
    
    /*---    FOOTER RESPONSIVE   ---*/
    
    footer#content-info {
        width: 100%;
        margin: 0;
        padding: 0;
        height: auto;
    }
    footer#content-info section {
        width: auto;
        margin: auto;
        clear: both;
        
    }
    footer#content-info #footer-wrapper {
        width: 93%;
        padding: 3% 0;
    }
    footer#content-info .textwidget {
        text-align: center;
    }
    footer#content-info #text-3 img {
        float: none;
    }
    footer#content-info .widget-inner {
        text-align: center;
        padding-top: 2em;
    }
    footer#content-info #nav_menu-2 ul {
        float: none;
        margin: auto;
        display: inline-block;
    }
    footer#content-info #text-2 p {
        margin: 0;
        float: none;
    }
    footer#content-info #text-2 {
        margin-bottom: 2em;
    }
    
    /*---    HOME RESPONSIVE   ---*/
    
    #fb-container {
        display:none;
    }
    #logo {
        position: absolute;
        height: 100%;
    }
    #logo img {
        position: absolute;
        width: 80%;
        height: auto;
        top: 40%;
        left: 10%;
    }
    section.facebook,
    section.youtube {
        float: left;
        width: 100%;
        height: auto;
        padding: 0;
        clear: both;
        text-align: center;
        margin: 1em auto 1em auto;
    }
    #yt-container {
        max-width: 30em;
        margin: 2em auto 1em auto;
    }
    #fb-title a,
    #yt-title a {
        float: left;
        font-size: 1.5em;
        background: url('img/white-pixel.png') repeat;
        color: #2c2c2c;
        font-family: 'GothamMedium', Arial, Sans-serif;
        font-weight: normal;
        line-height: 1.5em;
        height: 1.5em;
        padding: 0.3em;
        text-transform: uppercase;
    }
    #fb-title a:hover,
    #yt-title a:hover {
        background: url('img/white-pixel.png') repeat;
    }
    
    /*---   AREA LANCIO NEWS RESPONSIVE   ---*/

    
    ul#news-home  li .img {
        width: 100%;
        padding: 0;
        height: auto;
    }
    ul#news-home  li hgroup {
        margin-top: 1.5em;
        float: left;
        width: 100%;
        padding: 0;
    }
    ul#news-home  li hgroup h3 a {
        background: url('img/white-pixel.png') repeat;
    }
    ul#news-home  li hgroup h3 a:hover {
        background: url('img/white-pixel.png') repeat;
    }
    ul#news-slider {
        left: 0;
    }
    
    /*---    NEWS RESPONSIVE   ---*/
    
    .page-template-news-php #main #news-archive {
        padding-top: 3em;
    }
    
    .single-news #main {
        width: 94%;
        padding: 0 3% 0 3%;
    }
    .single-news #main #news-detail {
        padding-top: 3em;
    }
    .news-nav .nextlink a,
    .news-nav .prevlink a {
        background: url("img/white-pixel.png") repeat scroll 0 0 transparent;
        width: 8%;
    }
    .news-nav a.back {
        background: url("img/white-pixel.png") repeat scroll 0 0 transparent;
        margin: 0 1%;
        width: 82%;
    }
    #news-gallery-nav #news-gallery-nav-buttons li a:hover,
    #news-gallery-nav #news-gallery-nav-buttons li a.selected {
        background: url("img/white-pixel.png") repeat 0 0;
    }
    
    /*---    PRESS RESPONSIVE   ---*/
    
    .page-template-press-php #main {
        width: 94%;
        padding: 0 3% 0 3%;
    }
    
    /*---   PARTNERS RESPONSIVE   ---*/
    
    .page-template-partners-php #main #partners-wrapper {
        margin-top: 2em !important;
    }
    .page-template-partners-php ul#supersized {
        display: none;
    }
}

@media (max-width: 480px) {
    
    /*---    FILOSOFIA IPHONE   ---*/
    
    .page-template-philosophy-php #title {
        margin: 0 3%;
        width: 93%;
    }
    
    .page-template-philosophy-php #title h1 {
        font-size: 2.5em;
        margin: 0 auto;
        padding: 0;
    }
    
    .page-template-philosophy-php .scroll-wrapper p {
        -moz-column-count: 1;
	-moz-column-gap: 0;
	-webkit-column-count: 1;
	-webkit-column-gap: 0;
	column-count: 1;
	column-gap: 0;
    }
    
    /*---    COLLEZIONE IPHONE   ---*/
    
    .page-template-collezione-php .scroll-wrapper p {
        -moz-column-count: 1;
	-moz-column-gap: 0;
	-webkit-column-count: 1;
	-webkit-column-gap: 0;
	column-count: 1;
	column-gap: 0;
    }
    .page-template-collezione-php .link a {
       display: block;
       width: 93%;
       margin: 0.5em 0;
       padding: 3%;
    }
    .page-template-collezione-php .column-middle,
    .page-template-fragrance-php .column-middle {
        width: 100%;
        margin-bottom: 3em;
        padding: 4em 0 6em;
    }
    .page-template-collezione-php .middle-last {
        margin-bottom: 0;
    }
    .page-template-collezione-php .tazio .first-column {
        clear: both;
        width: 100%;
        text-align: center;
        margin-bottom: 2em;
    }
    .page-template-collezione-php .tazio .first-column img {
        width: 20%;
    }
    .page-template-collezione-php .tazio .second-column {
        float: left;
        width: 100%;
    }
    
    /*---    FRAGRANCE IPHONE   ---*/
    
    .page-template-fragrance-php .column-left,
    .page-template-fragrance-php .column-right {
        width: 100%;
        float: left;
        clear: both;
        padding: 1em 0 0.5em 0;
        margin: 0;
    }
    
    /*---    NEWS ARCHIVE IPHONE   ---*/
    
    .page-template-news-php #main {
        width: 94%;
        padding: 0 3% 0 3%;
    }
    .page-template-news-php #main #news-archive {
        padding-top: 2em;
    }
    #news-archive li {
        padding: 0;
    }
    #news-archive .thumb-float,
    #news-archive hgroup {
        width: 90%;
        clear: both;
        padding: 5% 5% 10% 5%;
    }
    
    /*---    NEWS DETAIL IPHONE   ---*/
    
    .single-news #main {
        width: 94%;
        padding: 0 3% 0 3%;
    }
    .single-news #main #news-detail {
        padding-top: 2em;
    }
    .news-nav {
        padding-bottom: 2em;
    }
    .news-nav .nextlink a,
    .news-nav .prevlink a {
        background: url("img/white-pixel.png") repeat scroll 0 0 transparent;
        width: 15%;
    }
    .news-nav a.back {
        background: url("img/white-pixel.png") repeat scroll 0 0 transparent;
        margin: 0 1%;
        width: 68%;
    }
    #news-detail .float-img {
        float: left;
        height: 12em;
        width: 100%;
        clear: both;
    }
    #news-detail hgroup {
        clear: both;
        width: 100%;
        padding-bottom: 2em;
    }
    #news-detail .entry-content {
        -moz-column-count: 1;
	-moz-column-gap: 0;
	-webkit-column-count: 1;
	-webkit-column-gap: 0;
	column-count: 1;
	column-gap: 0;
    }
    #news-detail .entry-content {
        padding-top: 2em;
    }
    #news-gallery-wrapper {
        padding: 12em 0 3em;
    }
    #news-gallery-pos {
        width: 100%;
    }
    #news-gallery-nav {
        height: 5em;
        text-align: center;
        top: -7em;
    }
    #news-gallery-nav h1 {
        float: left;
        width: 100%;
        clear: both;
    }
    #news-gallery-nav #news-gallery-nav-buttons {
        float: left;
        width: 100%;
        clear: both;
    }
    #news-gallery-nav #news-gallery-nav-buttons li a:hover,
    #news-gallery-nav #news-gallery-nav-buttons li a.selected {
        background: url("img/white-pixel.png") repeat 0 0;
    }
    #news-gallery-wrapper #news-gallery {
        height: 19em;
    }
    
    /*---    BOUTIQUE IPHONE   ---*/
    
    #main .wp-pagenavi span {
        background: url("img/white-pixel.png") repeat 0 0;
    }
    .page-template-boutique-php #main #boutique-list {
        padding-top: 5em;
    }
    .page-template-boutique-php #main #boutique-list li {
        padding: 1.2em 1.2em;
    }
    .single-boutique #main {
        width: 100%;
        background: url("img/background.jpg") repeat;
    }
    .single-boutique #main #boutique-wrapper {
        width: 100%;
        padding: 3em 0;
        margin-bottom: 0;
        background: none;
    }
    .selectbox {
        margin: 2em 0 !important;
    }
    .selectbox.items {
        display: none !important;
    }
    .selectbox .display {
        background: url("img/white-pixel.png") repeat scroll 0 0 transparent !important;
    }
    
    /*---    PRESS IPHONE   ---*/
    
    .page-template-press-php #main #pr-wrapper {
        width: 100%;
        margin-top: 4em;
        background: none;
        padding: 0;
    }

    .page-template-press-php #main .pr-first,
    .page-template-press-php #main .pr-second {
        width: 100%;
        clear: both;
        padding: 3em 0;
        text-align: center;
        background: url('img/shadow.png') no-repeat 50% 0%;
    }
    
    
    /*---    CONTATTI IPHONE   ---*/
    
    .page-template-contatti-php #supersized {
        display: none;
    }
    .page-template-contatti-php #main {
        padding-top: 2em !important;
        margin-top: 0 !important;
        background: url("img/background.jpg") repeat;
    }
    .page-template-contatti-php #main .first-wrapper,
    .page-template-contatti-php #main .second-wrapper {
        background: none;
        padding: 3%;
        width: auto;
    }
    .page-template-contatti-php .col-left,
    .page-template-contatti-php .col-right {
        float: left;
        padding-right: 0;
        width: 100%;
        clear: both;
    }
    .page-template-contatti-php .wpcf7 {
        width: 75%;
        margin: auto;
    }
    textarea,
    input[type="text"],
    input[type="email"] {
        height: 2em !important;
        width: 100%;
    }
    .page-template-contatti-php p {
        position: relative;
    }
    .page-template-contatti-php .col-middle p {
        padding-bottom: 6em;
    }
    .page-template-contatti-php .col-right textarea {
        height: 8em !important;
    }
    input[type="submit"] {
        font-size: 1.3em;
        position: absolute;
        top: 5.5em;
        left: 0;
        height: 2em !important;
        width: 100%;
    }
    span.wpcf7-form-control-wrap {
        clear: both;
    }
    #box {
        left: 5%;
        padding: 3%;
        top: 5%;
        width: 84%;
    }
    #box .close {
        position: absolute;
        top: 0.2em;
        right: 0.3em;
    }
    #box h1 {
        font-family: 'GothamBold',Arial,Sans-serif;
        font-size: 1.6em;
        padding-bottom: 1em;
        padding-top: 0.3em;
    }
    
}