@import url('https://fonts.googleapis.com/css?family=Amiko&subset=latin');
@import url('https://fonts.googleapis.com/css?family=Architects Daughter&subset=latin');
/*--- STILI TESTO ---*/
body{
font-family:'Amiko', sans-serif;
/*color:#05518F;*/
color:#05518F;
}
a:hover{
transition: color .3s ease-in-out;
}
#primary-menu ul li > a{
font-size:1.1em;
font-weight:normal;
color:#05518F;
}
#primary-menu ul li > a:hover{
transition: all .3s ease-in-out;
}
h1, h2, h3, h4 {
font-weight:normal;
text-transform:uppercase;
letter-spacing:0;
color:#05518F;
}
h5{
}
.section h3{
text-transform:uppercase;
}
.title-borderbottom{
padding-bottom:15px;
border-bottom: 1px solid #BFBFBF;
margin-bottom:60px;
}
.entry-content p{
margin-bottom: 20px;
font-family:'Buenard', serif;
font-size: 125%;
}
.entry-content img{
height: auto;
}
.widget > h4{
font-weight:normal;
}
.indirizzi-negozi h4{
margin-bottom:5px;
}
.ipost .entry-title h3, .ipost .entry-title h4{
font-weight:normal;
}
#top-search form input{
font-weight:normal;
}
/*--- FINE STILI TESTO ---*/
/*--- STILE HEADER ---*/
#header, #header-wrap{
height:auto;
}
#header.semi-transparent.sticky-header #header-wrap{
background-color: rgba(255,255,255,0.9);
}
#header.semi-transparent {
background-color: rgba(255,255,255,0.9);
}
#logo img{
margin:0 auto;
/*height:72px;*/
}
#top-social{
padding-top:30px;
transition:padding .4s ease, opacity .3s ease;
}
.social-icon{
transition:all .4s ease, opacity .3s ease;
}
.sticky-header .social-icon{
transform:scale(0.8);
}
.sticky-header .social-icon:hover i:first-child{
margin-top: -38px;
}
.sticky-header #top-social{
padding-top:10px;
}
.dropdown-menu{
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}
#top-search{
float:left;
margin:40px 0 40px 10%;
}
#top-search a{
line-height:14px;
color:#05518F
}
#top-search form input{
font-weight:300;
text-transform:none;
font-size:2em;
color:#666;
}
body.top-search-open #header-wrap #logo, body.top-search-open #primary-menu > ul, body.top-search-open #primary-menu > .container > ul, body.top-search-open #top-cart, body.top-search-open #side-panel-trigger, body.top-search-open #top-account{
opacity:1;
}
body.top-search-open #top-bar .top-links{
opacity:0;
}
#primary-menu ul ul li > a{
font-weight:normal;
}
#top-bar{
z-index:190;
background-color:#f4f3f2;
}
#top-bar > .container > .row{
display:flex;
align-items:center;
display:-webkit-flex;
-webkit-align-items:center;
}
#top-search{
float: right;
margin: 15px 0 15px 0;
}
#top-social{
padding-top:0px;
}
#top-social .social-icon{
margin-bottom:0;
color:#174265;
opacity:.8;
}
#top-social .si-facebook:hover, #top-social .si-instagram:hover{
background-color:#174265 !important;
}
#top-bar .nott{
padding-right:0;
}
#top-bar .nott + a{
padding-left:0;
}
#top-bar .top-links li > a{
display:inline-block;
text-transform:none;
color:#05518F
}
#primary-menu.style-3 > ul > li:hover > a {
color: #174265;
background-color: transparent;
border-bottom: 2px solid #174265;
}
#primary-menu.style-3 > ul > li > a{
border-radius:0;
border-bottom: 2px solid transparent;
margin:13px 0;
}
#primary-menu ul li.active > a{
border-bottom: 2px solid #174265;
}
/*--- FINE STILE HEADER ---*/
/*--- INIZIO STILE SLIDER ---*/
#header.transparent-header + #slider{
top:0px !important;
}
/*#slider{
min-height:600px;
}*/
/* Animazione ZOOM Owl Carousel
http://stackoverflow.com/questions/19089479/ken-burns-on-twitter-bootstrap-carousel
*/
/* transition */
.owl-carousel.owl-ken-burns .owl-item img {
-webkit-transition: all 25s;
-moz-transition: all 25s;
-o-transition: all 25s;
transition: all 25s;
}
/* start status */
.owl-carousel.owl-ken-burns .owl-item img,
.owl-carousel.owl-ken-burns .owl-item.active .inactiveUntilOnLoad img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
/*transform-origin: 0% 0% 0px;*/
}
/* end status */
.owl-carousel.owl-ken-burns .owl-item.active img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
/*transform-origin: 0% 0% 0px;*/
}
/*--- FINE STILE SLIDER ---*/
/*--- INIZIO STILE BRAND CAROUSEL ---*/
#brand-carousel{
background-color:#fff;
margin-bottom:0;
}
#brand-carousel .owl-stage{
display: flex;
flex-direction: row;
align-items: center;
}
/*--- FINE STILE BRAND CAROUSEL ---*/
.banner-text {
margin-top: 30px;
padding: 12px;
background-color: #174265;
}
.banner-text h2 {
color: #ffffff;
}
#content {
font-size: 16px;
}
/*--- INIZIO STILE FOOTER ---*/
#footer{
border-top:0px;
}
.footer-logo{
width:80%;
margin-bottom:20px;
}
.footer-widgets-wrap p{
margin-bottom:0;
}
.dati_sotto_copy {
font-size: 11px;
}
#facebook-widget > .widget{
margin-top:0px;
}
#footer p{
font-weight:normal;
}
#footer .footer-social a{
color:#fff;
}
#footer .si-facebook:hover, #footer .si-instagram:hover{
background-color:#05518F !important;
}
#footer .negozio-footer{
border-right:1px solid #fff;
}
#footer #quick-contact-form .input-group-addon{
background-color: #05518F;
color: #fff;
border-color: rgba(0,0,0,0.5);
}
#footer #quick-contact-form .form-control{
border:1px solid rgba(0,0,0,0.5);
}
/*--- FINE STILE FOOTER ---*/
/*--- INIZIO STILE COOKIE ---*/
.cookie-banner{
position:fixed;
bottom:0;
left:0;
background-color:#eee;
padding:20px 0;
width:100%;
z-index:999;
border-top:3px solid #bfbfbf;
}
/*--- FINE STILE COOKIE ---*/
/*--- INIZIO STILE RESULT PAGE ---*/
.search-title{
margin-bottom:10px;
}
.search-title:first-of-type{
margin-top:30px;
}
.search-link{
display:block;
margin-bottom:20px;
font-weight:300;
font-style:italic;
}
.extract p{
margin-bottom:60px;
}
/*--- FINE STILE RESULT PAGE ---*/
/*--- INIZIO STILE COLLECTION/BLOG PREVIEW ---*/
.title-button-contenitor{
text-align:center;
background:rgba(225,225,225,0.7);
padding:20px 10px;
width:100%;
/*position:absolute;*/
bottom:0;
z-index: 10;
}
.entry{
padding:0;
}
.entry-image{
margin-bottom:0;
}
.collection-button.button.button-border{
/*border:2px solid #c76b8a;
color:#c76b8a;*/
}
.collection-button-container{
display:block;
text-align:center;
margin:0 auto;
}
.entry-title h2{
font-size:1.5em;
}
.title-button-contenitor h2{
color:#444;
}
.collezione h2{
font-size:2em;
}
.entry-content p{
color:#444;
}
/*--- FINE STILE COLLECTION/BLOG PREVIEW ---*/
/*--- INIZIO STILE SECTION ---*/
.section{
margin:0;
}
.section-bg-img{
padding:200px 0px;
background-repeat:no-repeat;
}
.section-bg-img > div{
position:relative;
top:50%;
}
.emphasis-title h2{
font-size:3em;
} /*DA TOGLIERE QUANDO SI RIPRISTINA IL BOTTONE DEL LINK ESTERNO ALLO SHOP*/
.emphasis-title{
margin-bottom:0;
display:block;
padding:30px 0;
background-color:rgba(225,225,225,0.7);
box-shadow:0 5px 10px rgba(140,140,140,0.3);
}/*DA TOGLIERE QUANDO SI RIPRISTINA IL BOTTONE DEL LINK ESTERNO ALLO SHOP*/
#about-bg{
background-position:center;
}
#page-title h1{
font-weight:normal;
color:#05518F;
}
#page-title{
background:#fff;
border:0px;
}
/*--- FINE STILE SECTION ---*/
/*--- INIZIO STILE VARI ---*/
.brand-img{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
opacity: 0.5;
border:10px solid white;
margin:0 auto;
}
/* Share This */
span.stLarge:hover {
-webkit-filter: saturate(1);
}
.stButton .stLarge {
-webkit-filter: grayscale(50%);
}
#google-map{
height: 400px;
}
.about-desc{
background-color:rgba(255,255,255,0.85);
}
.cat-home-box{
border:1px solid #174265;
padding:20px 0;
transition: all 0.3s, color 0.3s;
opacity:.85;
}
.feature-box h3{
color:#174265;
transition: all 0.3s, color 0.3s;
}
.feature-box:hover h3{
color:#05518F;
}
.cat-home-box:hover{
border:1px solid #05518F;
opacity:1;
}
.feature-box.fbox-center:not(.fbox-bg) h3:after{
border:0px;
margin:0px;
}
.fbox-effect:hover .fbox-icon i{
background-color:#05518F;
}
.fbox-effect .fbox-icon i:after{
box-shadow: 0 0 0 2px #05518F;
}
.fbox-effect .fbox-icon i img{
background-color:transparent;
border-radius:0px;
width:auto;
height:96px;
padding:25px 0;
}
.es-name{
margin:10px 0;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
color:#174265;
}
a .es-name:hover{
color:#05518F;
}
.es-price{
color:#05518F;
}
.owl-carousel .owl-nav [class*=owl-]:hover{
background-color:#174265 !important;
line-height:34px;
border:0px;
}
#erashop-carousel button{
position:absolute;
top:10px;
left:10px;
margin:0;
z-index:10;
}
.breadcrumb > .active{
color:#174265;
}
ul.tab-nav:not(.tab-nav-lg) li a{
color:#05518F;
}
/*--- FINE STILE VARI ---*/
/* --- EFFETTO IMMAGINI SOVRAPPOSTE --*/
.immagini_sovrapposte>a:nth-of-type(2) {
opacity: 0;
position: absolute;
z-index: -1;
top: 0;
left: 0
}
.immagini_sovrapposte:hover>a:nth-of-type(2) {
opacity: 1;
z-index: 2
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .immagini_sovrapposte>a {
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease
}
/** AGGIUNTA LOGO WHATSAPP IN SOCIAL ICON **/
.icon-whatsapp:before {
font-family: FontAwesome;
content: "\f232";
}
.si-whatsapp:hover {
background-color: #56CB60 !important;
}
.si-whatsapp {
line-height: 35px !important;
font-size: 24px;
}
/*--- MEDIA QUERIES / RESPONSIVE ---*/
.mobile-parallax{
//background-position:top;
}
@media (max-width: 1200px) and (min-width: 991px){
#top-search {
margin: 15px 0 15px 0;
}
#primary-menu ul li > a{
padding:39px 10px;
}
}
@media (max-width:991px){
#top-search a {
right: 0px;
margin:15px 0 15px 0;
}
}
@media (max-width: 769px){
.social-cont{
/* padding-bottom:20px;*/
}
#logo a{
display:inline-block;
margin-left: 30px;
}
.tab-container {
text-align: center;
}
.sidebar .widget{
width:50%;
float:left;
margin:0;
}
.sidebar .widget:first-of-type{
padding-right:20px;
}
.footer-logo{
margin:0 auto;
margin-bottom:20px;
}
#footer{
text-align:center;
}
#footer .widget{
margin-top:20px;
}
#footer .footer-widgets-wrap{
padding:40px 0;
}
#footer .col-xs-6{
margin-top:30px;
}
#quick-contact-form-submit{
width:100%;
margin:0 auto;
}
.footer-social{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
/*.collezione{
position:relative !important;
float:left !important;
width:45% !important;
left:0 !important;
top: 0 !important;
}
.collezione:first-of-type{
margin-right:5% !important;
}*/
.indirizzi-negozi{
margin-top:30px;
}
.about-desc{
padding-top:30px;
padding-bottom:30px;
background:rgba(225,225,225,0.7);
}
.about-desc p{
margin-bottom:0;
}
.team{
margin-bottom:30px;
}
.social-icon.si-small{
width:56px;
height:56px;
font-size:30px;
line-height:54px !important;
}
#google-map{
height:400px;
}
}
@media (max-width: 426px){
#top-search form input{
font-size:1em;
}
.container{
width:100% !important;
padding:0 5%;
}
.col-xs-6{
width:100%;
padding:0;
}
.footer-logo{
width:50%;
}
#primary-menu-trigger{
font-size:2em;
left:5%;
}
.entry-title h2{
font-size:2em !important;
}
.sidebar .widget{
width:100%;
float:none;
margin:0;
}
.sidebar .widget:first-of-type{
padding-right:0px;
margin-bottom:30px;
}
.button.button-desc{
font-size:2em;
white-space:normal;
}
.button.button-desc span{
font-size:0.8em;
}
#google-map{
height:300px;
}
}
/* Top Lingue
-----------------------------------------------------------------*/
.top-button-hide,
.top-button-hide ul { margin: 0; }
.top-button-hide li,
.top-button-hide li a,
.top-button-hide li .ts-icon,
.top-button-hide li .ts-text {
display: block;
position: relative;
float: left;
width: auto;
overflow: hidden;
height: 44px;
line-height: 44px;
}
.top-button-hide li { border-left: 1px solid #EEE; }
.top-button-hide li:first-child { border-left: 0 !important; }
.top-button-hide li a {
float: none;
width: 40px;
font-weight: bold;
color: #2b5372;
-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
}
.top-button-hide li a:hover {
color: #FFF !important;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.top-button-hide li .ts-icon {
width: 40px;
text-align: center;
font-size: 14px;
}
#top-search form input {
font-size: 19px;
}
body {
color: #000;
}
#page-title {
background: #f7f4f2;
border: 0px;
}
.subpage_content {
font-size: 14px;
margin-bottom: 80px;
}
.portfolio-filter li.activeFilter a {
background-color: #05518f;
}
.portfolio-filter li a:hover {
 color: #05518f;
}
/*
.subpage_content:first-letter {
float: left;
font-size: 42px;
line-height: 1;
margin: 0 5px 0 0;
text-transform: uppercase;
font-weight: 600;
}
*/
.subpage_content ul li {
margin-bottom: 15px;
}
.subpage_content > ul > li {
margin-left: 20px;
}
.subpage_content ul li ul li {
margin-left: 20px;
}
.subpage_content ul li {
margin-bottom: 10px;
margin-top: 10px;
}
.slogan {
background-color: #145b96;;
position: relative;
}
.slogan p {
margin: 0px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 20px;
font-family: 'Architects Daughter', sans-serif;
color: #fff;
text-align: center;
}
.slogan2 {
position: relative;
}
.slogan2 p {
margin: 0px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 20px;
font-family: 'Architects Daughter', sans-serif;
color: #145b96;
text-align: center;
}
#primary-menu.style-4 > ul > li > a {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-radius: 0px;
}
#primary-menu.style-4 > ul > li.current > a {
background-color: #F4F3F2;
}
#primary-menu ul ul li.current > a {
background-color: #F4F3F2;
}
#primary-menu ul > li:hover a {
background-color: #F4F3F2;
}
#primary-menu ul > li a {
transition: all .1s ease-in-out;
}
.storia_anno {
display: inline-block;
padding: 10px 30px;
border: 1px solid;
margin: 15px;
font-weight: 600;
margin-top: 40px;
}
h1, h2, h3, h4 {
font-weight: 500;
}
#primary-menu ul > li > a {
font-weight: 500;
}
.tabs.tabs-alt ul.tab-nav li a {
background-color: #f4f3f2;
}
.tabs.tabs-alt ul.tab-nav li.ui-tabs-active, .tabs.tabs-alt ul.tab-nav li.ui-tabs-active a, .tabs.tabs-alt ul.tab-nav li:hover a {
background-color: #05518f;
}
.tabs.tabs-alt ul.tab-nav li.ui-tabs-active, ul.tab-nav.tab-nav2 li.ui-state-active a,ul.tab-nav.tab-nav2 li:hover a {
color: #FFF;
}
#timeline {
list-style: none;
position: relative;
}
#timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 2px;
background-color: #4997cd;
left: 50%;
margin-left: -1.5px;
}
#timeline .clearFix {
clear: both;
height: 0;
}
#timeline .timeline-badge {
color: #fff;
width: 60px;
height: 60px;
font-size: 1.2em;
text-align: center;
position: absolute;
top: 20px;
left: 50%;
margin-left: -30px;
background-color: #4997cd;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
border-color: #5583a2;
border-style: solid;
}
#timeline .timeline-badge span.timeline-balloon-date-day {
font-size: 1.4em;
}
#timeline .timeline-badge span.timeline-balloon-date-year {
font-size: 1.2em;
line-height: 58px;
font-weight: 600;
}
#timeline .timeline-badge span.timeline-balloon-date-month {
font-size: .7em;
position: relative;
top: -10px;
}
#timeline .timeline-badge.timeline-filter-movement {
background-color: #ffffff;
font-size: 1.7em;
height: 35px;
margin-left: -18px;
width: 35px;
top: 40px;
}
#timeline .timeline-badge.timeline-filter-movement a span {
color: #4997cd;
font-size: 1.3em;
top: -1px;
}
#timeline .timeline-badge.timeline-future-movement {
background-color: #ffffff;
height: 35px;
width: 35px;
font-size: 1.7em;
top: -16px;
margin-left: -18px;
}
#timeline .timeline-badge.timeline-future-movement a span {
color: #4997cd;
font-size: .9em;
top: 2px;
left: 1px;
}
#timeline .timeline-movement {
border-bottom: dashed 1px #4997cd;
position: relative;
}
#timeline .timeline-movement.timeline-movement-top {
height: 60px;
}
#timeline .timeline-movement .timeline-item {
padding: 20px 0;
}
#timeline .timeline-movement .timeline-item .timeline-panel {
border: 1px solid #d4d4d4;
border-radius: 3px;
background-color: #FFFFFF;
color: #666;
padding: 10px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
#timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
list-style: none;
padding: 0;
margin: 0;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul {
text-align: right;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {
color: #666;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li span.importo {
color: #666666;
font-size: 1.1em;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {
text-align: left;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul span.importo {
font-size: 1.1em;
}
#timeline .credits .importo ul li {
list-style-position: inside;
}
.jobs {
background-color: #174265;
color: #fff;
padding: 30px 10px;
text-align: center;
}
.jobs a, .jobs p {
color: #fff;
margin: 0px;
}
body, #content, #header.semi-transparent,#header.semi-transparent.sticky-header #header-wrap {
background-color: #f2f2f2;
}
#top-bar {
background-color: #e6e6e6;
}
.thumbnail{
box-shadow: 1px 1px 10px -3px rgb(6, 82, 143);
margin-bottom: 5px;
}
.portfolio-overlay {
background-color: rgba(0, 0, 0, 0.2);
}