html {

overflow-y: scroll;

}

body {
    background: white;
    color: #444444;
    font-family: lato;
    font-weight: 300;
    margin: 0;
    font-size: 14pt;
}
h1 {
    color: #760406;
    font-family: vollkorn;

}
h2 {
    color: #760406;
    font-family: VOLLKORN;
    font-size: 17pt;
    font-weight: 600;
    text-align: left;
    text-transform: capitalize;
}

h3 {
    color: #760406;
    font-family: VOLLKORN;
    font-size: 22pt;
    font-weight: 400;
    letter-spacing: 4pt;
    text-align: center;
}
h3 a {
    padding: 0px;
    margin: 2px!important;
}
h4 {
    border-bottom: 1px dotted #760406;
    color: white;
    font-family: VOLLKORN;
    font-size: 1.8em;
    margin: 10px 0 20px;
    padding: 10px 20px;
    background: rgba(26, 21, 22, 0.8);
}
h5 {
    color: #760406;
    font-family: VOLLKORN;

}
h6 {
    color: #760406;
    font-family: VOLLKORN;
    margin: 0px;

}
cite {
    color: #237b8f;
    font-size: 20pt;
    font-style: italic;
}
footer {
    background: #4f231f; /* Old browsers */
    background: -moz-linear-gradient(45deg, #4f231f 0%, #7c0002 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #4f231f 0%,#7c0002 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #4f231f 0%,#7c0002 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f231f', endColorstr='#7c0002',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: white;
    font-size: 12pt;
    line-height: 7pt;
    padding: 50px 0;
}
hr {
    border: 1px solid white;
}
textarea {
    background: rgba(0, 0, 0, 0.8) !important;
    border: 1px solid white !important;
    color: white !important;
    font-size: 12pt !important;
    color: white !important;
    padding: 20px !important;
}
label {
    color: white;
    font-size: 10pt;
    background: rgba(0, 0, 0, 1) !important;

}
button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid white;
    font-size: 15pt;
    padding: 20px!important;
    text-transform: uppercase;
    width: 100%;
}
button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid white;
    font-size: 13pt;
    padding: 10px;
    text-transform: uppercase;
    width: 100%;
    color: white;
    font-family: vollkorn;
    cursor: pointer;
}
p {
    text-align: justify;
    line-height: normal;
}
 li
{
    margin: 16px 0px;
    list-style: none;
    color: white;
}
 li a
{
    margin: 16px 0px;
    list-style: none;
    color: white;
}
 ul
{
    padding: 0px;
}
.large
{
	width: 100%;
	height: auto;
}
.fox-container .alert ul > li {
    padding: 0 !important;
    color: black;
}
div#fox-container-m95 .alert-error {
    color: #b94a48;
    background-color: white;
    border-color: #b94a48;
}
.download a {
    color: white !important;
    text-decoration: none!important;
}
.copyright h1 {
    text-align: center !important;
    font-size: 0.8em;
    font-family: lato;
}
.caption {
    color: white!Important;
    font-family: vollkorn;
}
.btn.btn-success.submit-button {
    background: #760406 !important;
    border: 0px !important;
}
.jp-accordion-item {
    margin: 0px 0px;
}
#accordion59e7560f34f87 {
    margin-top: 24px!important;
}
#fox-c107-name-box label {
    background: none!important;
}
.border {
    text-align: center;
}
.border img {
    width: 60px;
    height: 53px;
}
.fox-item p
{
    text-align: left!important;
    margin: 0px;
}
.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
    text-align: justify;
}
.sottohome h4 {
    background: none;
    border-bottom: 0px solid white;
    text-align: 0px;
    position: absolute;
    background: rgba(118, 4, 6, 0.7);
    bottom: 53px;
    margin: 10px 10px 0px;
    font-size: 1.7em;
}
.item-101 img {
    width: 20px;
    padding: 1px !important;
    margin: 2px 0px;
}
.sottohome p {
    position: absolute;
    bottom: 16px;
    background: black;
    margin: 0px 10px;
    padding: 8px;
    background: white;
    font-weight: 600;
    font-style: italic;
    font-family: vollkorn;
    font-size: 11pt !important;
}
.leggitutto {
    color: white;
    width: 100%;
    padding: 10px !important;
    float: right;
    margin: 0px;
    position: absolute;
    bottom: 10px;
    border: 0px;
    font-weight: 800;
    text-align: right;
    padding: 10px 40px !important;
    font-size: 9pt;
}
.leggitutto a {
    color: white!important;
    text-decoration: none;
}
.leggitutto a:hover
 {
    color: #760406!important;
    transition: all 0.2s ease-out 0.2s;

}

.more {
    margin: 50px 0px;
    text-align: center;
    display: table;
    width: 100%;
    font-size: 11pt;
    text-transform: uppercase;
}
.more a {
    text-align: center;
    padding: 10px;
    color: white;
    text-decoration: none;
    margin: 30px 0 auto;
    background: brown;

    }

.more a:hover
{
    background: white;
    color: #4f231f;
    text-decoration: none;
    margin: 30px 0 auto;
    transition: all 0.2s ease-out 0.2s;
}

.fa {
    font-size: 3em !important;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    color: #4f231f!important; 
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0px !important;
    border: 0px solid white;
    -khtml-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.marginp p {
    margin: 0px;
}
#home {
    font-size: 12pt;
}
#headermenu a {
    color: #4f231f;
    text-decoration: none;
}
#headermenu a:hover {
    text-decoration: none;
    transition: all 0.2s ease-out 0.2s;
    color: #ededed;
}
.checkbox {
    font-size: 10pt !important;
}

.brown p {
    color: white;
    font-size: 1.0em;
}
#fox-container-c107 label {
    color: black;
    font-size: 14pt;
    background:none!important;
}
#fox-container-c107 input {
    border: 1px solid #ededed !important;
    background: white !important;
    color: black !important;
}
#fox-container-c107 textarea {
    border: 1px solid #ededed !important;
    background: white !important;
    color: black !important;

}
.ui-accordion-header.ui-helper-reset.ui-state-default.ui-corner-all {
    border: 0px !important;
}
.ui-accordion-header.ui-helper-reset.ui-state-default.ui-corner-all {
    background: #4f231f; /* Old browsers */
    background: -moz-linear-gradient(45deg, #4f231f 0%, #7c0002 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #4f231f 0%,#7c0002 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #4f231f 0%,#7c0002 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f231f', endColorstr='#7c0002',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0px !important;
    -webkit-border-bottom-right-radius:  0px !important;
    -khtml-border-bottom-right-radius:  0px !important;
    border-bottom-right-radius:  0px !important;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: white!important;
    text-decoration: none;
    font-family: VOLLKORN !important;
    letter-spacing: normal;
    text-align: left;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #ededed;
    background: #4f231f; /* Old browsers */
    background: -moz-linear-gradient(45deg, #4f231f 0%, #7c0002 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #4f231f 0%,#7c0002 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #4f231f 0%,#7c0002 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f231f', endColorstr='#7c0002',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    font-weight: bold;
    color: white;
    letter-spacing: normal;
    text-align: left;
    background: #4f231f!important;
}
.ui-accordion-icons .ui-accordion-header a {
    padding-left: 0px;
    font-family: VOLLKORN !important;
    font-weight: 500;
    padding: 0.7em!important;
    font-size: 1.1em;
}

.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
    font-size: 12pt;
    padding: 20px;
}
.n2-ow {
    color: white;
    text-decoration: none;
}
.prenotatext {
    color: white;
    font-size: 12pt;
    font-weight: bold;
}
.controls > input {
    border: 1px solid white !important;
    font-size: 12pt !important;
    color: white !important;
    background: rgba(0, 0, 0, 0.7) !important;
}
#fox-c107-name .controls > input 
{
    background: none!important
}
.prenotabg {
    background: rgba(0, 0, 0, 0) url("/images/catalfoparallax_desktop.jpg") repeat fixed center center / cover;
        background-repeat: repeat;
        background-position-x: center;
        background-position-y: center;
        background-size: cover;
    padding: 200px 0px 50px;
    position: relative;
    margin-bottom: -40px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.s1 {
    font-family: playfair display;
    font-weight: 500;
}
.catalfo {
    background: rgba(0, 0, 0, 0) url("/images/catalfo_2.jpg") repeat scroll center center / cover;    
    background-repeat: repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    padding: 200px 0px 50px;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 380px
}
.studio {
    background: rgba(0, 0, 0, 0) url("/images/studio.jpg") repeat scroll center center / cover;    
    background-repeat: repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    padding: 200px 0px 50px;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 380px
}

.migliorati {
    background: rgba(0, 0, 0, 0) url("/images/migliorati.jpg") repeat scroll center center / cover;    
    background-repeat: repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    padding: 200px 0px 50px;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 380px
}



.catalfobackground {
    background: rgba(0, 0, 0, 0) url("/images/giuseppe.jpg") repeat scroll center center / cover;    
    background-repeat: repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    padding: 200px 0px 50px;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 845px
}
.no-padding {
    padding: 0px 15px 0px 0px!important;
}
.calltoaction {
    background: #4f231f none repeat scroll 0 0;
    color: white;
    font-family: vollkorn;
    letter-spacing: 2pt;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    width: 400px;
}
#header {
    color: #4f231f;
    margin-top: 11px;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.copyright a {
    color: #444;
    text-decoration: none;
}
.col-3.col-md-3.col-sm-3.box > img {
    margin: 0;
    width: 94px;
}
.ok {
    background: #dff6fa none repeat scroll 0 0;
    margin: 20px 0;
    padding: 20px 0;
}
.copyright {
    background: white none repeat scroll 0 0;
    color: #444;
    padding: 20px 0 10px;
}
.contact {
    padding: 32px 0px;
}
.frase {
    padding: 100px 0 60px;
}
.titolohome {
    margin: 10px 0;
    padding: 10px 20px;
    text-align: center;
}
.icon-social 
{
    color: #4f231f;
    margin-top: 51px;
}
.home {
    background: #dff6fa none repeat scroll 0 0;
    font-style: italic;
    font-weight: 300;
    padding: 40px;
}
.parallax {
    margin-top: 50px;
}
#headermenu {
    background: white;
    margin-top: 24px;
}
.box
{
    background: rgb(28,128,190); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(28,128,190,1) 0%, rgba(26,158,173,1) 41%, rgba(28,128,190,1) 98%, rgba(28,128,190,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(28,128,190,1) 0%,rgba(26,158,173,1) 41%,rgba(28,128,190,1) 98%,rgba(28,128,190,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(28,128,190,1) 0%,rgba(26,158,173,1) 41%,rgba(28,128,190,1) 98%,rgba(28,128,190,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f231f', endColorstr='#4f231f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#menu {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: table;
    margin: 4px auto !important;
    padding: 0;
    text-align: center;
}

#menu ul {

    list-style: outside none none;
    margin: 10px;
    padding: 10px;
}



#menu li {
    display: inline;
    float: left;
    list-style: outside none none;
    margin: 2.7em 0.36em 2.67em;
    text-decoration: none;
}
#menu li a {
    color: white;
    font-family: lato;
    font-weight: 400 !important;
    list-style: outside none none;
    padding: 0px;
    text-decoration: none;
    margin: 30px 0px;
    font-size: 0.7em;
}
#menu li a:hover {
    color: #ededed;
    transition: all 0.2s ease-out 0.2s;
}
.deeper {
    position: relative;
}

.deeper > a::after {
    content: "";
    font-family: "FontAwesome";
    margin-left: 6px;
}
.padding-left img {
    margin-top: 10px !important;
    width: 100% !important;
}
.nav-child {

margin: 0 !important;
max-width: 100%;
position: absolute;
text-align: left !important;
z-index: 24;
display: none;
padding-top: 10px;
width: 200px;
transition: all 0.2s ease-out 0.2s;

}

.nav-child li {

    background: white;
    border: medium none !important;
    color: #4f231f;
    display: inline-block !important;
    padding: 0 !important;
    width: 250px!important;
    margin: 0px!important

}

.nav-child li a {

color: #4f231f !important;
display: block;
margin: 0 !important;
padding: 10px !important;
font-size: 13px!important;

}

.nav-child li:hover{

background: #4f231f;
color: white;
display: block;
transition: all 0.1s ease-out 0.1s;

}

.nav-child li a:hover{

color: white!important;
display: block;

}

#menu li:hover > .nav-child {

display: block;
}

.nav-child .active a {

color: white;

}

#headermenu .custom > p {
    margin: 0;
}

#headermenu img {
    padding: 0px;
}
.brown {
    background: #4f231f; /* Old browsers */
    background: -moz-linear-gradient(45deg, #4f231f 0%, #7c0002 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #4f231f 0%,#7c0002 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #4f231f 0%,#7c0002 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f231f', endColorstr='#7c0002',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.padding-left {
    padding-left: 10px;
}
#headermenu .brown {
    background: #4f231f; /* Old browsers */
    background: -moz-linear-gradient(45deg, #4f231f 0%, #7c0002 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #4f231f 0%,#7c0002 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #4f231f 0%,#7c0002 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f231f', endColorstr='#7c0002',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 1px !important;
}

/* Smartphones (portrait and landscape) ----------- */



@media only screen



and (min-width : 150px)



and (max-width : 480px) 



{


{



}
footer {
    text-align: center;
}
h2 {
    text-align: center;
}
footer a {
    color: white;
    text-decoration: none;
}
h1 {
    color: #760406;
    font-family: vollkorn;
    font-size: 2.8em;
    margin: 0px;
}

.prenotabg {
    background: rgba(0, 0, 0, 0) url("/images/catalfoparallax.jpg") repeat scroll center center / cover;
        background-repeat: repeat;
        background-position-x: center;
        background-position-y: center;
        background-size: cover;
    padding: 200px 0px 50px;
    position: relative;
    margin-bottom: -40px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.fox-item.fox-item-html.fox-item-html-labels.control-group a {
    color: #4f231f !important;
}
.fox-item a
{
    color: #4f231f !important;
    text-decoration: none;

}
.fixed
{
    background: #4f231f; /* Old browsers */
    background: -moz-linear-gradient(45deg, #4f231f 0%, #7c0002 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #4f231f 0%,#7c0002 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #4f231f 0%,#7c0002 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f231f', endColorstr='#7c0002',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: white;
    font-size: 11pt;
    position: fixed;
    bottom: 0;
    width: 100%:;
    text-align:center;
    border-radius: 0px 10px 0px 0px;
}
.fixed a
{
    color: white!important;
    font-size: 9pt!important;
}
.fixed .fa {
    color: white !important;
    font-size: 20pt !important;
    padding: 8px;
    text-align: center;
}
.no-padding {
    padding: 10px 15px 10px 10px !important;
}
.footer a:hover {
    color: #ededed!important;
    transition: all 0.2s ease-out 0.2s;
}
.fox-item.fox-item-html.fox-item-html-labels.control-group p {
    text-align: center !important;
}
.menu-icon-cont.sm-btn-101 {
    margin-top: 10px;
    margin-right: -12px;
}
.copyright h1 {
    text-align: center !important;
    font-size: 1em;
    font-family: lato;
}
.leggitutto {
    font-size: 11pt;
}
.copyright a {
    color: #444;
    text-decoration: none;
    font-size: 12pt;

}

.more {
    margin: 40px 0px;
    text-align: center;
    display: table;
    width: 100%;
    font-size: 11pt;
    text-transform: uppercase;
}
.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 12pt;
    padding: .5em .5em .5em .7em;
    text-align: center;
}
.padding-left img {
    margin-top: 0px;
    width: 70% !important;
    float: left;
}
#header {
    margin-top: 0px;
    position: absolute;
    width: 100%;
    z-index: 999;
}

#headermenu {
    background: white;
    margin-top: 10px;
}
#headermenu img {
    width: 82%;
    height: auto;
    margin: 0px;
}
.n2-ss-slide-background-image.n2-ss-slide-fit.n2-ow {
    margin-top: 0px !important;
}
}

/* iPads (landscape) ----------- */

@media only screen 

and (min-width : 768px) 

and (max-width : 1024px)

and (orientation : landscape) {

}

.padding-left img {
    padding: 0px;
    width: 100%;
    margin-top: 20px;
}
.contact p {
    font-size: 10pt;
    margin: 11px !important;
}


/* iPads (portrait) ----------- */

@media only screen 

and (min-width : 768px) 

and (max-width : 1024px)

and (orientation : portrait) {



#form-login-username {

border: 1px solid #ededed;
clear: both;
float: left;
margin: 0 10px;
width: 48%;

}

.padding-left img {
    margin-top: 20px !important;
}

#headermenu img {
    padding: 0px;
    width: 100%!important;
}
#menu li {
    display: inline;
    float: left;
    list-style: outside none none;
    margin: 36px 2px;
    text-decoration: none;
}
}
/* Small tablet (portrait) ----------- */

@media only screen 

and (min-width : 756px) 

and (max-width : 906px)

and (orientation : portrait) {

}
#form-login-username {

border: 1px solid #ededed;
clear: both;
float: left;
margin: 0 10px;
width: 48%;

}
.padding-left img {
    padding: 0px;
    width: 40%;
    margin-top: 20px;
    float: left;
}

}