/*! normalize.css v1.0.0 | MIT License | git.io/normalize */

 

/* ==========================================================================

   HTML5 display definitions

   ========================================================================== */

 

/*

 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.

 */

 

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section,

summary {

    display: block;

}

 

/*

 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.

 */

 

audio,

canvas,

video {

    display: inline-block;

    *display: inline;

    *zoom: 1;

}

 

/*

 * Prevents modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */

 

audio:not([controls]) {

    display: none;

    height: 0;

}

 

/*

 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,

 * and Safari 4.

 * Known issue: no IE 6 support.

 */

 

[hidden] {

    display: none;

}

 

/* ==========================================================================

   Base

   ========================================================================== */

 

/*

 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using

 *    `em` units.

 * 2. Prevents iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */

 

html {

    font-size: 100%; /* 1 */

    -webkit-text-size-adjust: 100%; /* 2 */

    -ms-text-size-adjust: 100%; /* 2 */

    overflow-x: hidden;

}



html, html a {

    -webkit-font-smoothing: antialiased !important;

    -moz-font-smoothing: antialiased !important;

    -o-font-smoothing: antialiased !important;

    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

    transition: 0.5s ease;

    -moz-transition: 0.5s ease;

    -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

}

 

/*

 * Addresses `font-family` inconsistency between `textarea` and other form

 * elements.

 */

 

html,

button,

input,

select,

textarea {

    font-family: Helvetica;

}

 

/*

 * Addresses margins handled incorrectly in IE 6/7.

 */

 

body {

    margin: 0;

    /*font-family: 'Helvetica', Light;*/

}

 

/* ==========================================================================

   Links

   ========================================================================== */

 

/*

 * Addresses `outline` inconsistency between Chrome and other browsers.

 */

 

a:focus {

    outline: thin dotted;

}

 

/*

 * Improves readability when focused and also mouse hovered in all browsers.

 */

 

a:active,

a:hover {

    outline: 0;

}

 

/* ==========================================================================

   Typography

   ========================================================================== */

 

/*

 * Addresses font sizes and margins set differently in IE 6/7.

 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,

 * and Chrome.

 */

 

h1 {

    font-size: 25px;

    margin: 0.67em 0;

}

 

h2 {

    font-size: 1.5em;

    margin: 0.83em 0;

    font-weight: 800;

}

 

h3 {

    font-size: 1.17em;

    margin: 1em 0;

}

 

h4 {

    font-size: 16px;

    margin: 1em 0;

    font-weight: 700;

}

 

h5 {

    font-size: 0.83em;

    margin: 1.67em 0;

}

 

h6 {

    font-size: 0.75em;

    margin: 2.33em 0;

}

 

/*

 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.

 */

 

abbr[title] {

    border-bottom: 1px dotted;

}

 

/*

 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.

 */

 

b,

strong {

    font-weight: bold;

}

 

blockquote {

    margin: 1em 20px;

}

 

/*

 * Addresses styling not present in Safari 5 and Chrome.

 */

 

dfn {

    font-style: italic;

}

 

/*

 * Addresses styling not present in IE 6/7/8/9.

 */

 

mark {

    background: #ff0;

    color: #000;

}

 

/*

 * Addresses margins set differently in IE 6/7.

 */

 

p,

pre {

    margin: 1em 0;

}

 

/*

 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.

 */

 

code,

kbd,

pre,

samp {

    font-family: Helvetica, serif;

    _font-family: 'Helvetica', monospace;

    font-size: 1em;

}

 

/*

 * Improves readability of pre-formatted text in all browsers.

 */

 

pre {

    white-space: pre;

    white-space: pre-wrap;

    word-wrap: break-word;

}

 

/*

 * Addresses CSS quotes not supported in IE 6/7.

 */

 

q {

    quotes: none;

}

 

/*

 * Addresses `quotes` property not supported in Safari 4.

 */

 

q:before,

q:after {

    content: '';

    content: none;

}

 

small {

    font-size: 75%;

}

 

/*

 * Prevents `sub` and `sup` affecting `line-height` in all browsers.

 */

 

sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}

 

sup {

    top: -0.5em;

}

 

sub {

    bottom: -0.25em;

}

 

/* ==========================================================================

   Lists

   ========================================================================== */

 

/*

 * Addresses margins set differently in IE 6/7.

 */

 

dl,

menu,

ol,

ul {

    margin: 1em 0;

}

 

dd {

    margin: 0 0 0 40px;

}

 

/*

 * Addresses paddings set differently in IE 6/7.

 */

 

menu,

ol,

ul {

    padding: 0 0 0 20px;

}

 

/*

 * Corrects list images handled incorrectly in IE 7.

 */

 

nav ul,

nav ol {

    list-style: none;

    list-style-image: none;

}

 

/* ==========================================================================

   Embedded content

   ========================================================================== */

 

/*

 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.

 * 2. Improves image quality when scaled in IE 7.

 */

 

img {

    border: 0; /* 1 */

    -ms-interpolation-mode: bicubic; /* 2 */

	padding-top:0px;

	

	

}

 

/*

 * Corrects overflow displayed oddly in IE 9.

 */

 

svg:not(:root) {

    overflow: hidden;

}

 

/* ==========================================================================

   Figures

   ========================================================================== */

 

/*

 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.

 */

 

figure {

    margin: 0;

}

 

/* ==========================================================================

   Forms

   ========================================================================== */

 

/*

 * Corrects margin displayed oddly in IE 6/7.

 */

 

form {

    margin: 0;

}

 

/*

 * Define consistent border, margin, and padding.

 */

 

fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}

 

/*

 * 1. Corrects color not being inherited in IE 6/7/8/9.

 * 2. Corrects text not wrapping in Firefox 3.

 * 3. Corrects alignment displayed oddly in IE 6/7.

 */

 

legend {

    border: 0; /* 1 */

    padding: 0;

    white-space: normal; /* 2 */

    *margin-left: -7px; /* 3 */

}

 

/*

 * 1. Corrects font size not being inherited in all browsers.

 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,

 *    and Chrome.

 * 3. Improves appearance and consistency in all browsers.

 */

 

button,

input,

select,

textarea {

    font-size: 100%; /* 1 */

    margin: 0; /* 2 */

    vertical-align: baseline; /* 3 */

    *vertical-align: middle; /* 3 */

}

 

/*

 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */

 

button,

input {

    line-height: normal;

}

 

/*

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Corrects inability to style clickable `input` types in iOS.

 * 3. Improves usability and consistency of cursor style between image-type

 *    `input` and others.

 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.

 *    Known issue: inner spacing remains in IE 6.

 */

 

button,

html input[type="button"], /* 1 */

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button; /* 2 */

    cursor: pointer; /* 3 */

    *overflow: visible;  /* 4 */

}

 

/*

 * Re-set default cursor for disabled elements.

 */

 

button[disabled],

input[disabled] {

    cursor: default;

}

 

/*

 * 1. Addresses box sizing set to content-box in IE 8/9.

 * 2. Removes excess padding in IE 8/9.

 * 3. Removes excess padding in IE 7.

 *    Known issue: excess padding remains in IE 6.

 */

 

input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box; /* 1 */

    padding: 0; /* 2 */

    *height: 13px; /* 3 */

    *width: 13px; /* 3 */

}

 

/*

 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.

 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome

 *    (include `-moz` to future-proof).

 */

 

input[type="search"] {

    -webkit-appearance: textfield; /* 1 */

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box; /* 2 */

    box-sizing: content-box;

}

 

/*

 * Removes inner padding and search cancel button in Safari 5 and Chrome

 * on OS X.

 */

 

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}

 

/*

 * Removes inner padding and border in Firefox 3+.

 */

 

button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}

 

/*

 * 1. Removes default vertical scrollbar in IE 6/7/8/9.

 * 2. Improves readability and alignment in all browsers.

 */

 

textarea {

    overflow: auto; /* 1 */

    vertical-align: top; /* 2 */

}

 

/* ==========================================================================

   Tables

   ========================================================================== */

 

/*

 * Remove most spacing between table cells.

 */

 

table {

    border-collapse: collapse;

    border-spacing: 0;

}



/* ==========================================================================

   User Styles

   ========================================================================== */

 

.row-content a, .testo-content a {

    color: #333!important;

    font-weight: bold;

}



.row-content a:focus, .testo-content a:focus {

    color: #333!important;

}



/*

 * Put all your custom styles here.

 */

 .clearfix:before,  

.clearfix:after {  

    content: " ";  

    display: table;  

}  

.clearfix:after {  

    clear: both;  

}  

.clearfix {  

    *zoom: 1;  

}  

.pullcontainer a#pull {  

    display: none;  

}

header {

    background-color: #fff;

}

h2.logo-text {

	margin: 0;

    padding: 24px 0px;



}



h9.logo-text {

    font-size: 24px;

	margin: 0;

    padding: 50px 0px;

	

	

	

}



.logo {

    float: left;

    text-align: right;

    background-color: #000000;

    position: relative;

    color: #fff;

}

.logo-bg {

    background-color: #000000;

    position: absolute;

    left:0px;

    top: 0px;

    padding: 34px;

    width: 50%;

}

nav {

    float: left;

    background-color: #fff;

}

nav ul {

    margin: 0;

}

nav ul li {

    list-style: none;

    float: left;

}

nav ul li a {

    display: block;

    text-align:center;

    padding: 40px 25px 40px 5px;

    text-transform: uppercase;

    color: #524f4f;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: -0.02em;

    transition: 0.5s ease;

    -moz-transition: 0.5s ease;

    -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    text-decoration: none;

}

nav ul li.social-menu a {

    padding-right: 0px;

    padding-top: 36px;

    font-size: 19px;

    padding-bottom: 19px;

}





nav ul li a:hover {

    text-decoration: none;

    color: #000000;

}

nav ul li a.active {

    color: #000000;

}

.hero {

    background: url(../img/herobg.jpg) no-repeat center center; 

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    -webkit-box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);

    -moz-box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);

    box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);

    text-align: center;

    padding: 20% 0;

    margin-bottom: 40px;

}

.hero-title {

    background-color: #000000;

    color: #fff;

    font-size: 28px;

    font-weight: 600;

    padding: 30px 20px;

    margin-top: 240px;

}

.hero-content {

    background-color: #242a2c;

    margin: 5px 30px 35px;

    color: #fff;

    padding: 20px;

    font-size: 16px;

}

.hero-btn {

    border: solid 1px rgba(255,255,255,0.3);

    background-color: rgba(0,0,0,0.2);

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px; /* future proofing */

    -khtml-border-radius: 5px; /* for old Konqueror browsers */

    padding: 15px 25px;

    color: #fff;

    text-decoration: none;

    font-size: 16px;

    font-weight: 600;

}

.hero-btn:hover {

    color: #000000;

    text-decoration: none;

    border: solid 1px rgba(255,255,255,0.6);

    background-color: rgba(0,0,0,0.4);

}

.arrow {

    height: 37px;

    width: 100%;

    padding: 0px;

    margin: -37px 0;

    background-image: url('../img/arrowup.png');

    background-repeat: no-repeat;

    background-position: center;

    position: relative;

}

.carousel {

    text-align: left;

    margin-top: 10px;

	margin-left: auto;

	margin-right: auto;

	position:relative;

	width: 1020px;

    max-width: 100%;

}	



.av1 {

    height: 88px;

    width: 88px;

    background: url(../img/teamsprite.png) no-repeat;

    background-position:  0px 0px;

    margin: -55px auto;

    position: relative;

}

.ca-hover:hover .av1 {

    background: url(../img/teamsprite.png) no-repeat;

    background-position:  0px -88px;



}

.av2 {

    height: 88px;

    width: 88px;

    background: url(../img/teamsprite.png) no-repeat;

    background-position:  -88px 0px;

    margin: -55px auto;

    position: relative;

}

.ca-hover:hover .av2 {

    background: url(../img/teamsprite.png) no-repeat;

    background-position:  -88px -88px;

}

.av3 {

    height: 88px;

    width: 88px;

    background: url(../img/teamsprite.png) no-repeat;

    background-position:  -176px 0px;

    margin: -55px auto;

    position: relative;

}

.ca-hover:hover .av3 {

    background: url(../img/teamsprite.png) no-repeat;

    background-position:  -176px -88px;

}

.av4 {

    height: 88px;

    width: 88px;

    background: url(../img/teamsprite.png) no-repeat;

    background-position:  -264px 0px;

    margin: -55px auto;

    position: relative;

}

.ca-hover:hover .av4 {

    background: url(../img/teamsprite.png) no-repeat;

    background-position:  -264px -88px;

}

.carousel-content {

    text-align: justify;

    padding: 20px 20px;

    border-left: solid 1px #dbe1e7;

}

.carousel2-content {

    text-align: justify;

    padding: 10px 10px;

    border-left: solid 1px #dbe1e7;

}

.carousel-content h3, .text-inter h3 {

    color: #626567;

    font-size: 21px;

    /*padding-top: 10px;*/

}

.carousel-content p, .text-inter p, .text-inter div.text-content {

    color: #686c70;

    font-size: 14px;

    word-spacing: 2px;

}

.overlay {

    height: 100%;

    position: absolute;

    left: 15px;

    right: 15px;

    top: 0px;

    opacity: 0;

    border: solid 5px #fff;

}

.overlay:hover {

    opacity: 1;

}

.ca-hover:hover .carousel-content h3 {

    color: #000000;

}

.ca-hover:hover .carousel-content p {

    color: #000000;

}



.carousel-img  {

    max-height: 194px;

    overflow:hidden;

}



.carousel-img img {

    width: 100%;

}

.controls {

    margin: 20px;

    text-align: center;

}

.controls li {

    list-style: none;

    display: inline;

}

.pagination.active {

    background-color: #63686b;

    border-color: #fff;

    height: 15px;

    width: 15px;

}

.pagination {

    border: 3px solid #c3c9ce;

    border-radius: 10px;

    display: inline-block;

    height: 15px;

    width: 15px;

    margin-right: 4px;

    cursor: pointer;

    transition: 0.5s ease;

    -moz-transition: 0.5s ease;

    -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

}

.pagination:hover {

    border-color: #656a6e;

}

.text-inter {

    background-color: #f8f9f9;

    padding: 20px 0 20px;

    border-top: solid 1px #e3e3e3;

}







.button.solid-color {

    background-color: #000000;

    padding: 15px 40px;

    border-radius: 3px;

    font-weight: 600;

    font-size: 16px;

    color: #fff;

    margin-right: 15px;

}

.button.solid-color:hover {

    background-color: #757a7e;

    text-decoration: none;

}

.button.extra-color {

    background-color: #6e7374;

    padding: 15px 40px;

    border-radius: 3px;

    font-weight: 600;

    font-size: 16px;

    color: #fff;

}

.button.extra-color:hover {

    background-color: #60666a;

    text-decoration: none;

}

.divider {

    height: 25px;

}

.h2-wrap {

    background-color: #000000;

    padding: 5px 0;

}

.standard-block {

    font-size: 24px;

    color: #fff;

    font-weight: 400 !important;

}

.articles {

    overflow: hidden;

}

.container-fluid {

    padding-left: 0px;

    padding-right: 0px!important;

}

.article-img img {

    width: 100%;

}

.article-img {

    padding-left: 0px;

    padding-right: 0px;

}

.article-overlay {

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0px;

    background-color: #000;

    opacity: 0.5;

    transition: 0.5s ease;

    -moz-transition: 0.5s ease;

    -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    cursor: pointer;

}



.article-overlay a {

    height: 100%;

    width: 100%;

    display:block;

}



.article-overlay:hover {

    opacity: 0;



}

.container-articles {

    border-bottom: 1px solid #333b3e;

}

.laptop-slider {

    text-align: center;

    background-color: #242a2c;

    padding: 125px 0 100px;

    color: #fff;



}

.slideshow, .quote-slideshow {

    position: relative;

    display: block;

    overflow: hidden;

}

.next, .prev, .quote-next, .quote-prev{

    color: #fff;

    position: absolute;

    top: 50%;

    z-index: 1;

    margin-top: -.75em;

    user-select: none;

    transition: 0.5s ease;

    -moz-transition: 0.5s ease;

    -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

}

.next:hover, .prev:hover, .quote-next:hover, .quote-prev:hover{

    cursor: pointer;

    color: #636b69;

}

.next, .quote-next {

    right: 15px;

}

.prev, .quote-prev{

    left: 15px;

}

figure{

    position: absolute;

    opacity: 0;

    transition: 1s opacity;

    width: 100%;

}

figure.show {

    opacity: 1;

    position: absolute;

    position: static;

    transition: 1s opacity;

}

figcaption{

    font-size: 18px;

    color: #fff;

    text-align: center;

}

figcaption a{

color: #fff;

}

.quote-container {

    background-color: #000000;

    padding: 50px 0;

}

.quote-slideshow {

    height: auto;

}

.quote-slideshow h2 {

    color: #fff;

    font-size: 30px;

    font-weight: 200;

    font-style: italic;

}

.circle {

    background-color: rgba(0,0,0,0.1);

    width: 40px;

    height: 40px;

    border-radius: 50%;

    text-align: center;

}

.circle i {

    margin-top: 6px;

}

.shadow{

    height: 10px;

    background-color: #ffffff;

}

footer {

    background-color: #000000;

    padding: 5px 0 0px 0;

    color: #454e51;

}

footer h2 {

    font-size: 24px;

}

.footer-links li {

    list-style: none;

}

.footer-links li a{

    color: #454e51;

    margin-bottom: 15px;

    display: block;

    font-weight: 600;

}

.footer-links li a:hover {

    color: #687579;

    text-decoration: none;

}

.banner { 

    position: relative; 

    overflow: auto; 

    width: 100%;

    text-align: center;

}

.banner ul {

    margin: 0;

    padding: 0;

}

.banner li { 

    list-style: none; 

}

.banner ul li { 

    float: left;

    height: 450px;

    display: block;

}

.banner .dots {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 20px;

    text-align: left;

}

.banner .dots li {

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 0 4px;    

    text-indent: -999em;     

    border: 2px solid #fff;

    border-radius: 6px;    

    cursor: pointer;

    opacity: .4;       

    -webkit-transition: background .5s, opacity .5s;

    -moz-transition: background .5s, opacity .5s;

    transition: background .5s, opacity .5s;

	

}

.banner .dots li.active {

    background: #fff;

    opacity: 1;

}







.hp-box-musei{

    margin-bottom: 8px;

}



.text-inter-info p,.text-inter-info div.text-content  {

    font-size: 90%!important;

}



.nav-menu li a {

    text-transform:uppercase;

}



.item-opere-search {

    margin-bottom: 5px;

    text-align:center;

}



.item-opere-search a {

    text-decoration:none;

    color: #686c70!important;

}



.ca-hover h4 {

     color: #686c70!important;

     font-weight:bold;

}





.ca-hover h4:hover {

     color: #000!important;

     font-weight:bold;

}



.img-item-search {



    max-height: 120px!important;

    overflow:hidden;

}



/*********************DA ACCADEMIA*************************************/

.mosaic-gallery {

  margin-top: 5px;

  overflow:hidden;

}



.mosaic-gallery > .item-mosaic-gallery {



  /* border: 1px solid #ccc;

  margin-right: -1px;

  margin-top: -1px;*/

  padding: 0px!important;

  height: 60px;    

  overflow: hidden;

  position: relative;

  display:table-cell;

  vertical-align: middle;



}





.mosaic-gallery-margin > .item-mosaic-gallery {

    margin-left: 5px!important;

}



/*mosaic*/



.mosaic {

  margin-top: 5px;



}





.mosaic .row > div {

  /* border: 1px solid #ccc;

  margin-right: -1px;

  margin-top: -1px;*/

  padding: 0px!important;

  height: 90px;    

  overflow: hidden;

  position: relative;

  display:table-cell;

  vertical-align: middle;

}



.mosaic .row > div img {



  width: 130%!important;

  max-width: 140%!important;

  margin-top: -10%;

  margin-left: -10%;

}



.mosaic .row > div a {

  display:none;

}



.mosaic .row > div:hover a {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background-color: rgba(255,255,255,0.4);

  width: 100%;

  height: calc(100%);

  display:table-cell;

  color:  #fff;

  text-shadow: 1px 1px 1px #666;

  text-align: center;

  vertical-align: middle;

  text-transform: uppercase;

  font-size: 30px;

  text-decoration:none;



}





.mosaic .row > div a > span {

  margin-top: 30%;

  display: block;

  line-height: 30px;



}





pagination-custom > .active > a, .pagination-custom > .active > span {

    background-color: #000!important;

    border-bottom-color: #000!important;

    border-left-color: #000!important;

    border-right-color: #000!important;

    border-top-color: #000!important;

    color: #fff;

    cursor:pointer;

}







.wrongInput {

    background: #fff7ec!important;

    border: 1px solid #d06448!important;

}



.text-left {

  text-align: left!important;

}



.text-right {

  text-align: right!important;

}



/*box in hompage news*/



.hpbox {

  /*padding: 10px;*/

  position: relative;

  height: 120px;

  padding: 0px;

  margin-bottom: 10px;

  overflow: hidden;

  /*border: 1px solid #cccccc;*/

}



.hpbox:last-child {

    

}



.box-heading {

 margin: 0 0 12px 0;

 overflow: hidden;

 margin-bottom: 5px;

}





.box-heading .box-heading-thumb {



  position: relative;

  margin: 0;

  border-radius: 0;

  box-shadow: none;

  border: none;

  padding: 0;

  background: none;

  overflow: hidden;

}







.box-heading .box-heading-thumb .box-heading-badge {

  padding: 0;

  margin: 0;

  box-shadow: none;

  border: none;

  border-radius: 0;

  background: none;

  max-width: 100%;

  float: left;

  margin-right: 12px;

  margin-top: 2px;

  font-weight: 500;

  font-size: 34px; 

  color: #a3b2c0;

  text-align:center;



}



.box-heading .box-heading-thumb .box-heading-badge > span {



  font-weight: 500;

  font-size: 16px;

  color: #a3b2c0;

  text-align:center;

  display: block;

  text-transform: uppercase;



}



span.box-heading-badge-sm {

     font-size: 13px!important;

 

}



.box-heading .box-heading-thumb .box-heading-caption {



  padding: 0;

  margin-top: 5px;

  overflow: hidden;

  text-align:left;

  vertical-align:top;

 font-size: 16px!important;

}



.box-heading .box-heading-thumb .box-heading-caption p {

  font-weight: 300;

  font-size: 18px;

  color: #4d4d4d;

  text-align:left;



}



.box-body {



  margin: 5px;

  padding: 5px;

  margin-left: 0px;

  padding-left: 0px;

  font-size: 14px;

  line-height: 1.6em;

  text-align: justify;

  overflow:hidden;

  height: 200px;

}



.box-link {

  position: absolute;

  bottom: 0;

  left: 0;

  display: block;

  margin-bottom: 10px;

}



.box-link a {

  display: block;

}



.footer-content {

    margin: 0px 5%;

    margin-left: 20%;

    margin-bottom: 10px;

    overflow: hidden;

    width: auto;    

}



.footer-content-left {

   float:left;

}

.footer-content-right {

   float:right;

}



ul.footer-menu {

    display:inline-block;

    width: auto;

}



.container {



    max-width: 100%!important;



}



.footer-menu > li {

    display:inline-block;

}



.footer-menu > li a {

    display:block;

    padding: 0px 20px;

    font-weight: bold;

    font-size: 85%;

    color: #fff;

    letter-spacing: 1px;

    text-decoration: none;

}



.footer-menu > li a:hover {

}



#pagecontent {

    min-height: 200px;

}





.footer-bottom {

    

    /*background:#ffffff;*/

    background:#646C6F;

    position:relative;

    text-align:center;



}



.footer-bottom .footer-bottom-social {

    position:absolute;

    left: 0px;

    top: 0px;

    bottom: 0px;

    background-color: #000;

}



.footer-bottom .footer-bottom-social  ul  {

    margin: 0px;

    padding: 0px 5px;



}



.footer-bottom .footer-bottom-social  ul li {

    list-style-type:none;

    display:inline-block;

}



.footer-bottom .footer-bottom-social  ul li a {

    display:block;

    padding: 0px 2px;

    font-weight: normal;

    color: #fff;

    font-size: 120%;

    text-decoration: none;

}



.footer-bottom .container {

    position: relative;



    padding: 0px!important;

    margin: 0px auto!important;

}





ul.footer-bottom-menu {

    display:inline-block;

    width: auto;

    margin: 0px;

    padding: 0px;

    min-height: 25px;

}



ul.footer-bottom-menu > li {

    display:inline-block;

}



ul.footer-bottom-menu > li a {

    display:block;

    padding: 0px 5px;

    font-weight: normal;

    font-size: 85%;

    color: #fff;

    text-decoration: none;

}



ul.footer-bottom-menu > li a:hover {

}



.modal-content {

  border-radius: 0px!important;

}





.left-media {

  margin-right: 10px;
  position: relative;

}



.right-media {
  margin-left: 10px;
  position: relative;
}







 .row-content {

  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  padding: 10px 0px;
  overflow: hidden;

}











.padding-10 {

    padding: 10px!important;

}



.padding-20 {

    padding: 20px!important;

}







.item-content {

    margin-bottom: 20px;

}

/******************************css DEL MENU CHE SI BLOCCA*************************************/

.fixed-nav {

  position: fixed;
  z-index: 300;
  top: 0;

  left: 0;

  right: 0;

  background-color: #000!important;

}



.img-logo {

    height:auto!important;

    display:inline-block;

    width:280px!important;

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s; 

    /*transition-delay: 0s;

    transition-duration: 0.5s;

    transition-property: all;

    transition-timing-function: ease;*/

}



.img-logo-scrolled {

    padding-top: 8px;

    width: 200px!important;

    padding-bottom: 8px;



}



.img-logo img {

    width: 100%;

}



.logo-scrolled .logo-text {

    padding-bottom: 5px;

    padding-top: 5px;

}

.nav-link-scrolled {

    padding-top: 18px!important;

    padding-bottom: 18px!important;

}



.menu-languages-scrolled a {



}



.social-menu-scrolled a.nav-link-scrolled {

    padding-top: 15px!important;

}



.pullcontainer-scrolled {

    padding-top: 16px!important;

}

/*************\fine*****************css DEL MENU CHE SI BLOCCA*************************************/





.testo-content {

    margin-bottom: 10px;

}



.box-heading-caption a {

    text-decoration: none;

    color: #333;

}









/*under 1200*/



@media (max-width: 1200px) {

    .logo {

        text-align:left

    }

    

    .footer-content {

        margin-right: 0px!important;

        margin-left: 0px!important;

    }

}



/*Medium devices (tablets, less than 992px)*/

@media (max-width: 991px) { 

    .footer-content-left ul.footer-menu {

        margin: 0px;

        padding: 0px;

    }

}



/*Medium devices (portrait phones, less than 768px)*/

@media (max-width: 767px) { 



    

    .carousel-img  {

        max-height: 160px;

        overflow:hidden;

    }



    .footer-content-right img {

        height: 35px;

    }



    .footer-content-left ul.footer-menu li a {

        line-height: 35px;

        padding-left: 15px!important;

        padding-right: 15px!important;

    }    

}



/*Super small devices (portrait phones, less than 400px)*/

@media (max-width: 465px) { 







    .carousel-img  {

        max-height: 110px;

        overflow:hidden;

    }



    .footer-content-left ul.footer-menu li {

        display:block;

        float:none;

    }

    .footer-content-left ul.footer-menu li a {

        line-height: 25px!important;

        padding-left: 5px!important;

        padding-right: 5px!important;

    }        



    ul.footer-bottom-menu {

        margin: 0px;

        margin-left: 5px;

        padding: 0px;

        display:block;

    }



    ul.footer-bottom-menu li {

        display:block!important;



        padding: 5px!important;

        text-align:left;

        float:none;

    }    

}





a, a:hover, a:focus, a:visited { outline:0px; }
.flexslider, .flex-viewport { height:380px !important; }
.flexslider .flex-control-nav { display:none; }
.menu { height:137px; display:inline-block; width:100%; background-color:rgba(0,0,0,0.55) !important; position: absolute; left: 0px; top: 243px; z-index: 200; }
.menu .content { margin:0px auto; width:990px; position:relative; height:100%; }
.menu .content .logo_new { position:absolute; bottom:-1px; left:-8px; width: 166px; height:226px; }
.menu .content .logo_new a, .menu .content .logo_new a img { width:100%; height:100%; display:inline-block; }
.menu .content nav.box { float:right; background-color:transparent !important; height:40px; margin-top:98px; overflow:hidden; }
.menu .content nav.box ul li { background-color:transparent !important; }
.menu .content nav.box ul li a { background-color:transparent !important; padding-top: 0px; padding-bottom: 0px; font-size:15px; font-weight:300; text-decoration:none; padding-left:20px; padding-right:0px; }

.menu.fixed-nav { position:fixed; top:0px; left:0px; height:60px; }
.menu.fixed-nav nav.box { margin-top:20px; }
.nav-link-scrolled { padding-top:0px !important; padding-bottom:0px !important; }
@media (max-width: 1200px) {
	.pullcontainer { float:right; width:auto !important; padding-top:0px !important; padding-right:0px!important; height:100%; }
	.pullcontainer a#pull { padding-top:25px; padding-right:15px; }
	.flexslider, .flex-viewport { height:320px !important; }
	.menu { height: 80px; top:240px; }
	.menu .content { padding-left:0px; width:100%; }
	.menu .content .logo_new { width:90px; height:123px; left:15px; }
	.menu.open .content nav.box ul { display:block !important; }
	.menu .content nav.box { margin-top:0px; height:auto; background-color:rgba(0,0,0,0.55) !important; position:absolute; bottom:80px; right:0px; width:20%; }
	.menu .content nav.box ul li { border-bottom:1px dotted #FFF;}
	.menu .content nav.box ul li.hidden-xs { display:none !important; }
	.menu .content nav.box ul li.menu-languages { width:auto; float:right; border-bottom:0px; }
	.menu .content nav.box ul li a { text-align:right; border:0px; padding:5px 15px; }
	.menu .content nav.box ul li.menu-languages a { padding:5px 15px; }
}

@media (max-width: 760px) {
	.flexslider, .flex-viewport { height:320px !important; }
	.menu { height: 80px; top:240px; }
	.menu .content nav.box { width:40%; }
	.menu .content .logo_new { width:90px; height:123px; left:10px; }
}