/* General Style */
@font-face {
    font-family: 'avenir-next'; /*a name to be used later*/
    src: url('../fonts/AvenirNextLTPro-UltLtCn.otf'); /*URL to font*/
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'avenir-next'; /*a name to be used later*/
    src: url('../fonts/AvenirNextLTPro-Regular.otf'); /*URL to font*/
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir-next'; /*a name to be used later*/
    src: url('../fonts/AvenirNextLTPro-Bold.otf'); /*URL to font*/
    font-weight: bold;
    font-style: normal;
}

html, body
{
    position: relative;
    height: 100%;
}

body {
    font-family: 'avenir-next';
    background-color: #ececec;
}

.dark-bg {
    background-color: #3f403c;
}

.text-white {
    color: white;
}
.text-grey {
    color: #595a55;
}

/* Header */
.topbar {
    background-color: #131137;
    padding: 0 45px;
}
.topbar ul {
    margin: 5px 0;
}
.topbar a {
    color: white;
    padding: 0 5px;
}
.topbar a:hover {
    opacity: 0.8;
}
.bottombar {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 30px;
    height: 75px;
    padding-bottom: 5px;
    padding-top: 5px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.bottombar.shrink {
  height: 75px;
}
.navbar-default {
    background-color: rgb(236, 236, 236);
    background-color: rgba(236, 236, 236, 0.93);
}
.navbar-right {
    float: right!important;
    margin-right: -30px;
}
.bottombar .navbar-right a {
    color: #595a55;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
}
.navbar-default .navbar-nav>.current_page_item>a,
.navbar-default .navbar-nav>.current_page_item>a:focus,
.navbar-default .navbar-nav>.current_page_item>a:hover {
    background-color: transparent;
    font-weight: bold;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
}
.navbar-default {
    border: none;
}
.navbar-brand {
    height: auto;
    padding: 10px 0px;
}
.dropdown-menu {
  left: 50% !important;
  right: auto !important;
  text-align: center;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background-color: rgb(236, 236, 236);
  background-color: rgba(236, 236, 236, 0.9);
  border: none;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 5px;
 }

 .navbar-toggle {
     border: none;
     margin-top: 16px;
 }
 .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
     background-color: transparent;
 }

/* Homepage */

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    /*height: auto;
    max-width: 100%;
    max-height: 800px;
    line-height: 1;
    width: 100%; */
}

.homepage-img {
    padding-bottom: 45%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.homepage-box {
    position: relative;
}
.homepage-text {
    padding: 30px 75px;
    margin-bottom: 30px;
    background-color: #ececec;
    margin-top: -45px;
    border-radius: 15px;
    color: #3f403c;
    position: relative;
    z-index: 3;
    text-align: justify;
}
.halfshadow{
    border-radius: 15px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 50%;
    -webkit-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.5);
            box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.5);
}
.studio-text {
    padding: 30px 75px;
    line-height: 20px;
    text-align: justify;
}
.studio-text a, .studio-text a:hover {
    color: white;
}

.partners-block {
    margin: 70px 0;
}
.partners-block h1 {
    margin-bottom: 70px;
}
.partners-img img {
    margin: auto;
    margin-bottom: 30px;
}

.quote-text {
    padding: 0 45px;
}

#testimonialsCarousel .carousel-indicators {
    width: 100%;
    left: 5%;
}

#testimonialsCarousel .slider-img {
  padding-bottom: 66%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Studio */
.studio-col-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.studio-col-bg:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.studio-col-bg a {
    color: white;
    text-decoration: none;
    text-align: center;
    font-size: 2.5em;
    line-height: 35px;
    text-shadow: 2px 2px 6px rgba(0,0,0,0.8);
}

/* Regia A */
.tabs-block {
    margin-top: 30px;
    margin-bottom: 75px;
}
.tabs-block ul {
    border: none;
}
.tabs-block ul li.active a, .tabs-block ul li.active a:hover, .tabs-block ul li.active a:focus {
    background-color: transparent;
    border: 1px solid transparent;
    font-weight: bold;
    padding-left: 0;
}
.tabs-block ul li a {
    color: #3f403c;
    padding-left: 0;
}
.tabs-block ul li a:hover {
    border-bottom: 1px solid transparent;
    background-color: transparent;
    opacity: 0.8;
}
.tab-content {
    margin-top: 45px;
}
.tab-pane.text-box {
    max-height: 225px;
}
#studioCarousel {
    margin-bottom: 30px;
}
#studioCarousel .carousel-indicators {
    width: auto;
    right: 0;
    left: 100%;
    margin-bottom: 0;
}
.links-block {
    margin-bottom: 30px;
}
.links-block a, .links-block a:hover {
    color: #3f403c;
    text-decoration: none;
}
.links-block a:hover {
    opacity: 0.8;
    cursor: pointer;
}

/* Staff */
.display-table .page-title {
    font-size: 4.5rem;
    margin-bottom: 6%;
    margin-top: 9%;
    padding-top:50px;
}
.text-box {
    max-height: 300px;
    height: 300px;
    overflow: hidden;
    overflow-y: scroll;
    text-align: justify;
}

.rhombus-container {
    padding-left: 150px;
    margin-bottom: 105px;
}
.losange{
    position:absolute;
}
.losange, .losange div {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  overflow: hidden;
  width: 250px;
  height: 250px;
}
.losange-small {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  overflow: hidden;
  width: 120px;
  height: 120px;
}
.losange, .losange-small {
    /* transform: rotate(45deg) translateY(10px); */
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.losange .los1, .losange-small .los1 {
  width: 355px;
  height: 355px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); /* translateY(-74px); */
}
.losange .los1 img, .losange-small .los1 img {
  width: 100%;
  height: auto;
  cursor: pointer;
}

.losange-small .los1 img {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}

.losange-small .los1 img:hover {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
}

.losange-small.up{
    position: absolute;
    /*
    top: -24px;
    left: 395px;
    */
}
.losange-small.bottom{
    position: absolute;
    /*
    bottom: -24px;
    left: 395px;
    */
}
.losange-small.middle{
    position: absolute;
    /*
    left: 484px;
    top: 65px;
    */
}
.losange-small.up-2 {
    position: absolute;
    top: -24px;
    left: 573px;
}
.losange-small.bottom-2 {
    position: absolute;
    bottom: -24px;
    left: 573px;
}
.losange-small.middle-2 {
    position: absolute;
    left: 663px;
    top: 65px;
}

.losange-small.up-3 {
    position: absolute;
    top: -24px;
    left: 735px;
}
.losange-small.bottom-3 {
    position: absolute;
    bottom: -24px;
    left: 735px;
}
.losange-small.middle-3 {
    position: absolute;
    left: 843px;
    top: 65px;
}

.losange-small.up-4 {
    position: absolute;
    top: -24px;
    left: 933px;
}
.losange-small.bottom-4 {
    position: absolute;
    bottom: -24px;
    left: 933px;
}
.losange-small.middle-4 {
    position: absolute;
    left: 1023px;
    top: 65px;
}

.losange-small.up-5 {
    position: absolute;
    top: -24px;
    left: 1113px;
}
.losange-small.bottom-5 {
    position: absolute;
    bottom: -24px;
    left: 1113px;
}
.losange-small.middle-5 {
    position: absolute;
    left: 1203px;
    top: 65px;
}

/* Tariffe */
.page-title {
    margin-top: 175px;
    margin-bottom: 100px;
    font-size: 4.5rem
}
.text-border-bottom {
    border-bottom: 1px solid #3f403c;
}
.info-box {
    margin-bottom: 45px;
}
.info-box h2 {
    padding-bottom: 10px;
}
.info-box p, .info-box ul {
    margin-top: 15px;
}
.info-box p, .info-box ul {
    font-size: 18px;
}
.info-box ul {
    padding: 0;
    list-style: none;
}
.info-box li {
    margin-bottom: 20px;
}
.note-text {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 100px;
}
.subtitle {
    font-size: 45px;
    margin-bottom: 60px;
}
.icons-block {
    margin-bottom: 75px;
}
.icons-block p {
    margin-top: 15px;
}

/* Accoglienza */
.accoglienza-block {
    margin-bottom: 60px;
    padding-bottom: 30px;
    border-bottom: 1px solid #3f403c;
}
.accoglienza-box {
    margin-bottom: 45px;
}
.accoglienza-box p, .accoglienza-box h4 {
    margin: 0;
}
.accoglienza-block img {
    margin: auto;
}
.accoglienza-block .subtitle {
    margin-top: 30px;
}

/* News */
.container-news {
    max-width: 700px
}
.container-news .page-title {
    margin-top: 25%;
    margin-bottom: 30px;
}
.news-row {
    padding-bottom: 45px;
    margin-bottom: 30px;
    border-bottom: 1px solid #3f403c;
}
.news-text {
    text-align: justify;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; /* number of lines to show */
    line-height: 20px;        /* fallback */
    max-height: 100px;       /* fallback */
}

#searchBar {
	background: none;
	border-bottom: 1px solid #3f403c;
	border-top: none;
	border-left: none;
	border-right: none;
	width: 200px;
	height: 30px;
}
#searchBar:focus {
	outline: none;
	border-bottom: 2px solid #3f403c;
}
::-webkit-input-placeholder {
	color: #3f403c;
}
:-moz-placeholder {
	/* Firefox 18- */
	color: #3f403c;
}
::-moz-placeholder {
	/* Firefox 19+ */
	color: #3f403c;
}
:-ms-input-placeholder {
	color: #3f403c;
}
.search-button {
	width: 50px;
	background: none;
	border: none;
	position: absolute;
    right: 0;
}
button:focus {
	outline: none;
}
.fa-search {
	color: #3f403c;
	font-size: 1em;
}

/* Contatti */
.contacts-col {
    padding-left: 20%;
    font-size: 20px;
}
.contacts-col h1 {
    font-size: 45px;
    margin-bottom: 45px;
}
.contacts-col p {
    margin-bottom: 30px;
}
iframe {
    /* -webkit-filter: grayscale(100%);
            filter: grayscale(100%); */
}

/* Footer */
footer {
    padding: 0 30px;
    height: 50px;
    position: relative;
    z-index: 99;
}
footer a {
    color: white;
    padding: 0 5px;
}
footer a:hover {
    color: white;
    opacity: 0.8;
}
footer .row {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 50px;
}
footer ul {
    margin-bottom: 0;
}
footer ul li {
    list-style: none;
    display: inline;
}

/* Utilities */
.no-margin {
    margin: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
.standard-padding {
    padding: 0 45px;
}

.height-100 {
    height: 100%;
}

.display-table {
    display: table;
    height: 100%;
    width: 100%;
    margin-bottom: -40px;
}
.table-cell {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}
.flex {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.flex-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.box-shadow {
    -webkit-box-shadow: 0 4px 6px rgba(0,0,0,0.20);
            box-shadow: 0 4px 6px rgba(0,0,0,0.20);
}

.mCSB_container {
    margin-right: 75px !important;
}
.mCSB_dragger_bar {
    width: 13px !important;
    border-radius: 0 !important;
    background-color: #3f403c !important;
}
.mCSB_draggerRail {
    width: 13px !important;
    border-radius: 0 !important;
    background-color: #c3c3c3 !important;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){
  .bottombar .navbar-right a {
    padding-left: 9px;
    padding-right: 9px;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){
    .flex {
        display: block;
    }

    .studio-block {
        padding-top: 100px;
    }
    .studio-col-bg {
        height: 200px;
        padding-top: 50px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
    .dropdown-menu {
      width: 100%;
      text-align: left;
      position: relative;
      -webkit-box-shadow: none;
              box-shadow: none;
      background-color: #3f403c;
      padding-left: 15px;
    }
    .dropdown .show-more {
      position: absolute;
      margin-right: 15%;
      top: 10px;
      left: 75px;
      z-index: 10;
    }
    .dropdown .show-more i {
      color: #777;
    }
    .dropdown-menu li a {
      color: white !important;
    }
    .homepage-img {
        padding-bottom: 50%;
    }
    .quote-text {
        margin-top: 15px;
        margin-bottom: 60px;
    }
    #testimonialsCarousel .carousel-indicators {
        width: 60%;
        left: 30%;
    }
    #testimonialsCarousel .slider-img {
      padding-bottom: 90%;
    }
    .mCSB_container {
        margin-right: 30px !important;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){

    .topbar {
        padding: 0 15px;
    }
    .bottombar {
        padding: 0;
    }
    .navbar-brand {
        padding-left: 0;
    }
    .navbar-toggle {
        margin-right: 0;
    }

    .homepage-text, .studio-text {
        padding: 30px;
    }
    .homepage-img {
        padding-bottom: 100%;
    }
    .quote-text {
        margin-top: 15px;
        margin-bottom: 60px;
    }
    #testimonialsCarousel .carousel-indicators {
        width: 60%;
        left: 50%;
    }

    .page-title.more-margin {
        margin-top: 45%;
    }
    #searchBar {
        width: 98%;
    }
    .news-text {
        margin-top: 30px;
    }

    .icons-block .col-xs-6 {
        margin-bottom: 15px;
    }

    footer .col-md-4 {
        padding: 0;
    }

    .accoglienza-box {
        text-align: center;
    }

    .contacts-col {
      padding-left: 0;
      padding-top: 30px;
      text-align: center;
    }

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}

/* Navbar collapse breakpoint */
@media (max-width: 992px) {
    .bottombar {
        display: block !important;
        height: 75px !important;
        padding: 0;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        background-color: rgb(236, 236, 236);
        background-color: rgba(236, 236, 236, 0.93);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
                box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        margin: 0 -15px;
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: none;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

.map {
  height: 50vh;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
/*
    .partner{
        -webkit-filter: grayscale(100%);
                filter: grayscale(100%);
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .partner:hover{
        -webkit-filter: grayscale(0%);
                filter: grayscale(0%);
    }
    */
}

.gradient-background{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#010077+0,000000+100 */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2d2d2b+0,000000+100 */
    background: #2d2d2b; /* Old browsers */
    background: -moz-linear-gradient(120deg,  #131137 0%, #918978 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(120deg,  #131137 0%,#918978 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(120deg, #131137, #918978); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131137', endColorstr='#918978',GradientType=1 ); /* IE6-9 */

    
}
.light-bg{
    background-color: #e2e2e2;
}

.navbar-default .navbar-nav>li>a{
    color: #131137 !important;
}

@media (max-width: 768px) {
    .page-title{
        margin-top: 0 !important;
    }
}