/*
* # Semantic UI - 2.2.13
* https://github.com/Semantic-Org/Semantic-UI
* http://www.semantic-ui.com/
*
* Copyright 2014 Contributors
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Lora:400,400i');
/*!
* # Semantic UI 2.2.13 - Reset
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/

/*==================================
             SWIPER OROLOGIO
===================================*/
/* remove bullet and space from the list */
ul.swiper-wrapper {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* Swiper styles */
.swiper-container.orologio {
  max-width: 100%;
  height:380px;
}

/* responive image */
.swiper-container.orologio img {
  height: 100%;
  width: auto;
}

/* responive image */
.swiper-container img {
  width: 100%;
  height: auto;
}

.swiper-slide {
  text-align: center;

/* Remove this if you want 1 slide perview - than change slidesPerView js-option to 1 -or- 2+ instead of 'auto' */
  width: 80%;
}

/* Swiper custom pagination */
.swiper-pagination-bullet {
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.3);
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: black;
}



/*******************************
            Page, links
*******************************/


body {

 font-family: "montserrat", 'Helvetica Neue', Arial, Helvetica, sans-serif;
 color: #1b1b1b;
 font-smoothing: antialiased;
}

a {
    color: #253c4e ;}
.ui.cards > .card > .extra a:hover:not(.ui), .ui.card > .extra a:hover:not(.ui) , a:hover {
  color: #b08a3c;}

p {
      font-size: 1.1em;
      line-height: 1.65em;
}

/*******************************
            Headers, tables
*******************************/

h1,
h2,
h3,
h4,
h5,
.ui.header,
.ui.cards > .card > .content > .header, .ui.card > .content > .header  {
  font-family: "montserrat", 'Helvetica Neue', Arial, Helvetica, sans-serif;
 color: #104c30;
   font-weight: 600;
   text-transform: uppercase;
}


.ui.table, .ui.segment, .ui.cards > .card, .ui.card, .ui.cards > .card > :first-child, .ui.card > :first-child  {
  border-radius: 0 !important;
}

.ui.segment {
    padding: 1em 2em;
}

/*******************************
            Buttons, icons
*******************************/

.ui.button, .ui.input input {
    border-radius: 0;
    text-transform: uppercase;
    font-family: "Montserrat", 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 600;
  }

.ui.primary.buttons .button, .ui.primary.button {
      background-color: #104c30;
      color: #FFFFFF;
      text-shadow: none;
  }

  .ui.primary.buttons .button:hover,
  .ui.primary.button:hover {
   background-color: #68a98a;
   color: #FFFFFF;
   text-shadow: none;
  }

.ui.yellow.buttons .button, .ui.yellow.button {
  background-color: #95835a;
}
.ui.yellow.buttons .button:hover, .ui.yellow.button:hover {
  background-color: #766233;
}

  .ui.selection.active.dropdown:hover, .ui.selection.active.dropdown {
      border-color: #e5e5e5;  }

       i.blue.icon {
          color: #476275 !important;
      }
      i.inverted.bordered.blue.icon, i.inverted.circular.blue.icon {
          background-color: #476275 !important;
      }

      i.inverted.bordered.yellow.icon, i.inverted.circular.yellow.icon, i.inverted.yellow.icon {
          background-color: #95835a !important;
          color: #FFFFFF !important;
      }

      i.inverted.bordered.yellow.icon:hover, i.inverted.circular.yellow.icon:hover, i.inverted.yellow.icon:hover {
          background-color: #c4b28a !important;
          color: #FFFFFF !important;
      }


/* ******************************
              components
******************************* */
.ui.vertical.segment {
    border-bottom: 0;
}

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

 pagine interne

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

/* centrale */

.ui.vertical.segment.centrale {
 padding: 2em 0;
	top: 0px;
	left: 0px;
}
.ui.vertical.center.aligned.segment.laboratorio {
  padding-top: 0;
}

/* ----- Titolo -----  */
.ui.vertical.masthead.segment.search-results, .ui.vertical.masthead.segment.pagine  {
  padding: 4em 0 2.8em;
  position: relative;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  border: 0;
}

.ui.vertical.masthead.segment.search-results:before, .ui.vertical.masthead.segment.pagine:before {
    content: ' ';
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     opacity: 0.4;
     background-repeat: no-repeat;
     background-position: center center;
     -ms-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     -webkit-background-size: cover;
     background-size: cover;
}

.ui.vertical.masthead.segment.pagine:before {
     background-image: url('../img/slide_1a.jpg');
}
.ui.vertical.masthead.segment.pagine2 {
     background-image: url('../img/Traffic.gif');
}


.search-results h1, .pagine h1 {
  position: relative;
  z-index: 2;
  font-family: "montserrat", 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-transform: none  !important;
  font-size: 3.2rem !important;
  font-weight: 400 !important;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.49);
}

.search-results .sub.header, .tour-single .sub.header  {
  font-size: 1.5em;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.49);
   z-index: 2;
   position: relative;
}

/* ----- Filtri -----  */

.ui.cards .meta a {
  text-transform: uppercase;
  color: #766233;
}

.ui.cards .prezzo {
  font-size: 1.5em;
  display: block;
  margin-top: 0.4em;
  padding-top: 0.4em;
  border-top: 1px solid #e5e5e5;
}

.ui.vertical.segment.results {
  margin-bottom: 1em;

}
.ui.vertical.segment.results input {
  color: #FFF;
  background: #104c30;
  border: 0;
  padding: 0.4em;
}

.ui.vertical.segment.results input:hover {
    background-color: #68a98a;
    cursor: pointer;}

/* ----- dettaglio orologio ----- */

.table.dettaglio td:first-child {
  text-align: right;
text-transform: uppercase;
color: #95835a;
}


.table.dettaglio tr.active td {
  background: #FFF;
  font-size:1.5em;
  border-top: 2px solid #95835a;
}

  /*******************************
              Homepage
  *******************************/

/* home */
.home-image  .swiper-slide {
    background-size: cover !important;
    background-position: center center;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.home-image h1.inverted.header{
  font-size: 2.8em;
  text-transform: uppercase;
  color: #cfc8b9;
  font-weight: 600;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.49);
}


.ui.vertical.masthead.segment.home-image {
    padding: 0;
    border-bottom: 12px solid #94845b;
}



.blue {
    color: #234a68;
}

.ui.vertical.segment.home-text {
  background: #ededed;
  padding: 2em 0;
}

.ui.vertical.segment.home-text h2 {
  color: #666;
  font-style: italic;
}


.ui.vertical.segment.slider-img-home {
  background: #e5e5e5;
  padding-top: 2em;
}


.home-grid
{padding-left: 1em !important}

/* valuta */

.ui.dropdown.item.valuta .text .desc {
  display:none;
}


/* search bar */
.home-search span{color: rgba(0, 0, 0, 0.4); font-size: 0.9em;}
.home-search a.item {margin-top: 0.5em;
font-weight: bold;
}
.home-search .ui.link.list .item, .home-search .ui.link.list a.item, .home-search .ui.link.list .item a:not(.ui) {    color: rgba(0, 0, 0, 0.95);}
.home-search .ui.link.list a.item:hover, .home-search .ui.link.list .item a:not(.ui):hover {    color: rgba(0, 0, 0, 0.4);}

.ui.selection.active.dropdown .menu {
    border: 0;
    border-top-width: 0px;
    box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

.home-search .ui.selection.active.dropdown .menu {
margin-top: 0.8em;
border-radius: 0.28571429rem;
border: 0;
}

.home-search .ui.grid {margin: 0}

.home-search .ui.active.selection.dropdown {
    border-bottom-left-radius: 0.28571429rem !important;
    border-bottom-right-radius: 0.28571429rem !important;
}


a.ui.labels .active.label:hover, a.ui.active.label, a.ui.label, a.ui.labels .label:hover, a.ui.label:hover, a.ui.labels .active.label:hover, a.ui.active.label:hover  {
    background-color: #476275;
    border-color: #104c30;
    background-image: none;
    color: #FFF;
}


.ui.vertical.segment.three-col {
  background: #ededed
}

.three-col h2.ui.header.primo  {
    color: #95835a;
}

.three-col h2.ui.header.primo i  {
    background-color: #185236 !important;
}


.three-col h2.ui.header.secondo  {
    color: #95835a;
}

.three-col h2.ui.header.secondo i  {
    background-color: #95835a !important;
}


.three-col h2.ui.header.terzo  {
    color: #95835a;
}

.three-col h2.ui.header.terzo i  {
    background-color: #1b1b1b !important;
}


/* video text overlay */

/* Text Overlay */

#lab_video_text_overlay .btn {
  border-radius:0;
  text-transform:uppercase;
  font-weight:200;
}
#lab_video_text_overlay .btn-warning {
  background-color:#F5D328;
}

#lab_video_text_overlay {
  position: absolute;
  color: #FFF;
  width: 100%;
  top: 50%;
}

#lab_video_text_overlay .container {
  text-align: center;
  margin: 0px auto;
  width: 600px;
}


@media screen and (max-width:991px) {
  #lab_video_text_wrap {
    height: 300px;
  }
}

@media screen and (max-width:650px) {
  #lab_video_text_wrap {
    height: 250px;
  }
  #lab_video_text_overlay h2 {
    font-size: 1.4em;
  }
  #lab_video_text_overlay p {
    font-size: .9em;
  }
}

.ui.segment.lab-video {
  padding-bottom: 0;
  border-bottom: 12px solid #95835a;
}

/* segment newsletter */

.ui.segment.newsletter .ui.container  {
  background: url('../img/bg_newsletter.jpg') left center no-repeat;
}

.ui.segment.newsletter .ui.container .column:first-child {
  min-height: 200px;

}
/*******************************
            Top Menus
********************************/

.ui.menu.primario {
  font-family: "montserrat", 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  border-radius: 0;
  margin: 0em;
  border-top: 2px solid #94845b;
  border-bottom: 2px solid #94845b;

 }

 .ui.menu .item::before {
     width: 0;
 }

.ui.menu.primario .item {
      box-shadow: 0px 1px 2px 0 rgba(255, 255, 255, 0.2);
      text-transform:uppercase;
      font-weight: 600;
      font-size: 0.9em;
    }

.ui.menu.primario .item:hover {
    cursor: pointer;
    background: #cfc8b9;
    color: #FFF;
}

.ui.menu.primario a {
      color: #1b1b1b;
}


.ui.stackable.logo .ui.container {
  margin: 0 auto;
  padding: 1em 0;
}

.ui.logo {
  background: url('../img/sf_logo.jpg') no-repeat top right;
}

.ui.top.menu.social {
  background: #cfc8b9;
  margin: 0;
    box-shadow: 0;
    border-radius: 0;
}

.ui.top.menu.social .right.menu {
  background: #104c30;
  border-radius: 0;
  font-family: "montserrat", 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.ui.top.menu.social .right.menu a, .ui.top.menu.social .right.menu .item {
  color: #cfc8b9;
}

.ui.top.menu.social .right.menu a {
  padding:0.5em ;
}
.ui.top.menu.social .right.menu a:hover {
  color: #FFF;
}

.social.footer.menu
{
  margin-top: 2em;
}

/*******************************
            Footer
********************************/

.ui.inverted.menu.footer {
  background: #171717;
  color: #ddd;
}


.ui.inverted.menu.footer {
  border-radius: 0em;
  margin: 0em;
}

.ui.inverted.vertical.footer.segment  {
  padding: 2em 0;
  background: #2e2e2e;
  color: #6e6e6e

}

.ui.inverted.vertical.footer.segment a  {
  color: #6e6e6e
}
.ui.inverted.vertical.footer.segment a:hover  {
  color: #FFF
}

.ui.inverted.vertical.footer.segment .logo  {
  padding: 0 0 2em;
}





/*******************************
            Swiper
********************************/

/* orologio */

  .gallery-top {
  height: 80%;
  width: 100%;
}
.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

div.gallery-thumbs {
  margin-top: 1em;
}
.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
  background-size: cover;

}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}



.swiper-container.home {
  height:400px;
}

.swiper-container.orologi {
  height: auto;
}

.swiper-container.orologi h3, h4 {
  margin-top: 0;
}
.swiper-container.orologi  h4 {
  color: #95835a;
}
.swiper-container.orologi  span {
  font-size: 1.5em;
}


.swiper-container.orologi .swiper-slide {
  text-align: center;
}

.swiper-container.video {
  height: 400px;
}

/* slider */

.swiper-slide {
  background: transparent none;
}


 .swiper-slide .text {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);

}

.swiper-container.home .swiper-slide .text h2 {
  font-size: 1.2em;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.49);
  text-transform: none;
  color: #FFF;
}


.swiper-container.video .text h2, .swiper-container.video .text p {
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.49);
}



.swiper-container.video .text h2 {
font-size: 2.6em;


}
/* css */
/* CSS Accettazione Cookie */
div#cookieChoiceInfo {
background-color: #1b1b1b !important;
color:#eee;
font-size:14px;
min-height: 20px;
}
#cookieChoiceInfo > a:nth-child(2),a#cookieChoiceDismiss {
color: #1b1b1b;
background: #e5e5e5;
text-align:center;
padding:3px 12px;
text-decoration:none;
border-radius:3px;
font-size:14px;
font-weight:bold;}

#cookieChoiceInfo > a:nth-child(2):hover, a#cookieChoiceDismiss:hover {
color:#ccc;
text-decoration:none;
position: relative;
top:1px;left:1px;
}

/* responsive generale */

.ui.left.mobile.menu
{display: none !important;
background: transparent none;
box-shadow: 0px 0px 0px 0 rgba(255, 255, 255, 0);
border: 0;
}

.video-gif {display: none}

.container.top-logo {padding-top: 30px !important;}