@font-face {
  font-family: 'trade-gothic-lt';
  src: url("/fonts/trade-gothic-lt.eot");
  /* IE 9 Compatibility Mode */
  src: url("/fonts/trade-gothic-lt.eot?#iefix") format("embedded-opentype"), url("/fonts/trade-gothic-lt.woff") format("woff"), url("/fonts/trade-gothic-lt.ttf") format("truetype"), url("/fonts/trade-gothic-lt.svg#trade-gothic-lt") format("svg");
  /* Chrome < 4, Legacy iOS */ }
body {
  font-family: 'trade-gothic-lt';
  font-size: 1em;
  #background: lightblue;
  margin: 0;
  padding: 0;
  color: #6c6c6c;
  line-height: 22px; }

a img {
  border: 0; }

.hide {
  display: none; }

.clear {
  clear: both;
  float: none !important; }

.right {
  float: right; }

.left {
  float: left; }

.ng-cloak {
  display: none !important; }

.center {
  text-align: center !important;
  margin: .5em 0; }
  .center.links {
    font-size: 1.4em !important; }
    .center.links a {
      margin: 0 .25em; }

.select {
  cursor: pointer; }

.use-hover .select {
  cursor: pointer; }
  .use-hover .select:hover .full {
    display: block !important; }
  .use-hover .select:hover .empty {
    display: none; }

h4, h2, .photos label {
  color: #6c6c6c;
  font-size: 1.4em;
  font-weight: normal !important;
  text-transform: uppercase;
  margin: 4% 0; }

.photos input {
  margin: 4% 0; }
.photos label {
  overflow: hidden;
  width: 200%; }
  .photos label[for="photoTitle"] span {
    text-transform: none;
    font-size: 12px; }

.main {
  max-width: 1170px;
  min-width: 1px;
  margin: 0 auto;
  background: white; }
  .main img.logo {
    width: 100%;
    float: left;
    margin-top: 2%; }
    .main img.logo.size {
      visibility: hidden; }
    .main img.logo.floating {
      z-index: 1;
      position: absolute;
      top: 50%;
      width: 80%;
      left: 10%;
      margin-top: -115px; }
  .main .banner-images {
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -999; }
    .main .banner-images img {
      width: 100%;
      position: fixed; }
  .main .pics {
    width: 45%;
    margin-right: 5;
    float: left; }
    .main .pics img {
      width: 100%; }
  .main .model-selection .model {
    width: 100%; }
    .main .model-selection .model .wrap {
      margin: 1%; }
  .main .model-selection .quarter {
    width: 22%;
    float: left;
    margin: 0; }
    .main .model-selection .quarter .info span {
      width: 50%; }
  .main .model-selection .select {
    width: 9%;
    margin-left: 4%;
    margin-top: 2%;
    float: right;
    opacity: .5;
    position: relative !important; }
  .main .model-selection .links {
    text-align: right; }
  .main .model-selection a {
    line-height: .8em;
    text-transform: uppercase;
    font-size: .8em;
    color: #6c6c6c;
    text-decoration: none;
    outline: 0 none;
    cursor: pointer; }
    .main .model-selection a.active, .main .model-selection a:hover {
      color: #000; }
  .main .model .model-info .group {
    width: 96%; }
  .main .model-info {
    text-align: left; }
    .main .model-info .group {
      float: left;
      width: 46%; }
    .main .model-info .info span {
      display: block;
      width: 50%;
      float: left; }
  .main .model-page {
    color: #6c6c6c; }
    .main .model-page .select {
      width: 9%;
      margin-left: 2%;
      margin-top: 2%;
      float: right; }
    .main .model-page .links {
      text-align: right; }
    .main .model-page .wrap {
      margin: 1%;
      position: relative;
      width: 48%; }
    .main .model-page img {
      width: 100%; }
    .main .model-page a {
      line-height: .8em;
      text-transform: uppercase;
      font-size: .8em;
      color: #6c6c6c;
      text-decoration: none;
      outline: 0 none;
      cursor: pointer; }
      .main .model-page a.active, .main .model-page a:hover {
        color: #000; }
  .main .models {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-column-gap: .5%;
    grid-row-gap: -20px; }
  .main .model {
    width: 100%; }
    .main .model .wrap {
      margin: 4%;
      position: relative; }
      .main .model .wrap .select {
        opacity: .8;
        width: 14%;
        position: absolute;
        right: 2%;
        top: 2%;
        display: block; }
        .main .model .wrap .select img {
          width: 100%; }
          .main .model .wrap .select img.empty {
            opacity: .3; }
      .main .model .wrap img {
        width: 100%; }
      .main .model .wrap .model-search-info .name {
        float: left; }
      .main .model .wrap .model-search-info .height-and-shoe {
        float: right; }
  .main a.model-instagram {
    display: inline-block;
    margin-left: 15px;
    background: url(/img/instagram.png);
    width: 23px;
    height: 25px;
    margin-bottom: -6px; }
  .main .floating-menu {
    z-index: 1;
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 3.7%; }
  .main ul.mainmenu, .main ul.submenu {
    padding: 0;
    margin: 1.3% auto 2%;
    display: table; }
    .main ul.mainmenu li, .main ul.submenu li {
      display: table-cell;
      float: left;
      list-style: none outside none;
      margin-left: 10px;
      text-transform: uppercase;
      font-size: 1.5em; }
      .main ul.mainmenu li:after, .main ul.submenu li:after {
        content: "/";
        margin-left: 10px; }
      .main ul.mainmenu li.no-slash:after, .main ul.submenu li.no-slash:after {
        content: ""; }
      .main ul.mainmenu li.social a, .main ul.submenu li.social a {
        background-image: url("/img/social.png");
        float: left;
        height: 20px;
        width: 22px; }
      .main ul.mainmenu li a, .main ul.submenu li a {
        color: #6c6c6c;
        text-decoration: none;
        outline: 0 none; }
        .main ul.mainmenu li a.active, .main ul.mainmenu li a:hover, .main ul.submenu li a.active, .main ul.submenu li a:hover {
          color: #000; }
        .main ul.mainmenu li a.search, .main ul.submenu li a.search {
          background-image: url("/img/social.png");
          background-position: 100px 2px;
          width: 120px !important;
          display: inline-block; }
        .main ul.mainmenu li a.twitter, .main ul.submenu li a.twitter {
          background-position: -80px -28px; }
        .main ul.mainmenu li a.facebook, .main ul.submenu li a.facebook {
          background-position: 6px -28px; }
        .main ul.mainmenu li a.instagram, .main ul.submenu li a.instagram {
          background-position: -200px -28px; }
        .main ul.mainmenu li a.youtube, .main ul.submenu li a.youtube {
          background: url(/img/youtube-button.png);
          background-size: 22px 20px; }
      .main ul.mainmenu li.no-pad, .main ul.submenu li.no-pad {
        padding: 0; }
  .main ul.submenu {
    padding: 0;
    display: table;
    margin-top: -2.5%; }
    .main ul.submenu li {
      padding: 0;
      margin: 0 !important;
      display: table-cell;
      float: left;
      list-style: none outside none;
      margin-left: 10px;
      text-transform: uppercase; }
    .main ul.submenu > li {
      font-size: .7em;
      display: none; }
      .main ul.submenu > li.active {
        display: block; }
      .main ul.submenu > li ul {
        position: absolute; }
      .main ul.submenu > li:after {
        content: ""; }
      .main ul.submenu > li ul {
        width: 100%;
        padding: 1% 0; }
        .main ul.submenu > li ul li {
          margin-right: 10px !important; }
          .main ul.submenu > li ul li:last-child:after {
            content: ""; }
  .main .video {
    width: 660px !important;
    height: 410px !important;
    background: none !important;
    border: none !important; }
  .main .playVideo {
    position: absolute;
    width: 35%;
    cursor: pointer;
    left: 32%;
    top: 50%;
    opacity: .8;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .main .playVideo:hover {
      opacity: .9; }
  .main .quick-search input, .main .quick-search textarea, .main .modal input, .main .modal textarea, .main .contact input, .main .contact textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 white;
    border-color: -moz-use-text-color -moz-use-text-color #6c6c6c;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-sizing: border-box;
    color: #333333;
    display: block;
    font-family: 'trade-gothic-lt',Helvetica,sans-serif;
    font-size: 16px;
    height: auto;
    margin: 0 0 5px;
    padding: 10px 4px;
    transition: all 0.15s linear 0s;
    width: 75%;
    float: left; }
  .main .quick-search .advanced-search {
    border: 1px solid #6c6c6c;
    margin-left: 2%;
    margin-top: 0.8%;
    padding: 0.4em;
    text-align: center;
    width: auto !important;
    cursor: pointer; }
  .main .quick-search .search {
    width: 73%;
    float: left;
    font-family: 'trade-gothic-lt'; }
    .main .quick-search .search .letter {
      box-sizing: border-box;
      /*
              background-color: #dcdcdc;
              color: #ffffff;
      */
      color: #6c6c6c;
      border-bottom: 1px solid #6c6c6c;
      float: left;
      margin: 10px 0;
      padding: 3px 10px;
      width: 100%; }
    .main .quick-search .search a {
      color: #6c6c6c;
      text-decoration: none;
      display: block;
      width: 33%;
      float: left;
      position: relative; }
      .main .quick-search .search a .select {
        position: absolute;
        opacity: .8;
        width: 8%;
        height: 100%;
        left: 80%;
        top: 2%;
        display: block; }
        .main .quick-search .search a .select img {
          width: 100%; }
      .main .quick-search .search a.active, .main .quick-search .search a:hover {
        color: #000;
        background: #eee; }
        .main .quick-search .search a.active .select, .main .quick-search .search a:hover .select {
          display: block; }
  .main .quick-search .quick-search-info-wrap {
    width: 25%;
    float: right;
    position: relative;
    display: table; }
  .main .quick-search .model-info-size {
    opacity: 0;
    width: 100%; }
  .main .quick-search .quick-search-info {
    display: table; }
    .main .quick-search .quick-search-info.floating {
      position: fixed;
      right: 13%;
      width: 18.5%;
      top: 2%; }
    .main .quick-search .quick-search-info .info span {
      width: 50%; }
  .main .content {
    padding: 0% 3% 3%; }
  .main .loading {
    position: fixed;
    left: 45%;
    top: 50%;
    width: 90px;
    height: 90px;
    opacity: 0.8; }
    .main .loading img {
      margin: -19%;
      opacity: 0.37;
      width: 70%; }
  .main .footer {
    width: 96%;
    text-align: right;
    color: #999;
    padding: 2%; }
    .main .footer a {
      color: inherit;
      text-decoration: none; }
    .main .footer .copyright {
      float: left;
      text-transform: uppercase; }

.w100 {
  width: 100%; }

@media (max-width: 480px) {
  .main .models {
    grid-template-columns: 100%; }
  .main .model-page .wrap {
    width: 98%; }
  .main .model {
    width: 100%; }
    .main .model .model-search-info {
      padding-bottom: 2%; }
  .main ul.mainmenu li {
    font-size: 1.2em; }

  .model-selection .quarter .info span {
    font-size: .7em; } }
@media (max-width: 650px) and (min-width: 481px) {
  .main .model-page .wrap {
    width: 98%; }
  .main .models {
    grid-template-columns: 50% 50%; }
/*  
  .main .models .model {
      margin-bottom: -18%; }
*/
  .main ul.mainmenu li {
    font-size: 1.2em; }

  .model-selection .quarter h4 {
    font-size: .8em; }
  .model-selection .quarter .info span {
    font-size: .6em; } }
/*
@media (max-width: 750px) and (min-width: 650px) {
  .model {
    margin-top: -18%; } }
/*
@media (max-width: 650px) {
  .model {
    margin-bottom: -14%; } }
*/
@media (max-width: 1050px) and (min-width: 651px) {
  .main .models {
    grid-template-columns: 33.3% 33.3% 33.3%; }
  .main ul.mainmenu li {
    font-size: 1.3em; }

  .model-selection .quarter .info span {
    font-size: .8em; } }
@media (min-width: 1051px) {
  .main .model .model-search-info {
    padding-bottom: 2%; }
  .main ul.mainmenu li {
    font-size: 1.4em; } }
.modal-backdrop {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1999;
  background: #000;
  opacity: .4; }

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 550px;
  min-width: 330px;
  height: auto;
  z-index: 2000;
  background: #fff;
  border: 1px solid #c6c6c6;
  padding: 2%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.modal button, .contact button {
  margin: 6%; }
.modal .booking-form input, .modal .booking-form textarea, .contact .booking-form input, .contact .booking-form textarea {
  width: 90% !important; }
.modal.booking, .contact.booking {
  display: none;
  max-width: 44%;
  max-height: 90%;
  width: 44%; }
  .modal.booking .label, .contact.booking .label {
    line-height: 46px;
    margin-right: 3%;
    width: 26%; }
  .modal.booking form, .contact.booking form {
    max-height: 100%;
    overflow: auto; }
.modal .search-form, .contact .search-form {
  width: 100%;
  margin-left: 10%; }
.modal .contact-form .label, .contact .contact-form .label {
  width: 18%; }
.modal .contact-form .input, .contact .contact-form .input {
  width: 58%; }
.modal .contact-form .button-holder, .contact .contact-form .button-holder {
  width: 64%;
  text-align: center; }
.modal .label, .contact .label {
  width: 28%;
  color: #333333;
  font-family: 'trade-gothic-lt',Helvetica,sans-serif;
  font-size: 16px;
  margin: 0 0 5px;
  transition: all 0.15s linear 0s;
  float: left; }
.modal .gender, .contact .gender {
  width: 79%; }
  .modal .gender input, .contact .gender input {
    width: 18%;
    margin: 5%; }
  .modal .gender label, .contact .gender label {
    width: 18%;
    float: left; }
.modal .long, .contact .long {
  width: 78% !important; }
.modal .input, .contact .input {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 white;
  color: #333333;
  display: block;
  font-family: 'trade-gothic-lt',Helvetica,sans-serif;
  font-size: 14px;
  margin: 0 0 5px;
  transition: all 0.15s linear 0s;
  width: 68%;
  float: left; }
  .modal .input span, .contact .input span {
    display: block;
    float: left;
    width: 8%;
    text-align: center;
    line-height: 42px; }
  .modal .input input, .modal .input label, .contact .input input, .contact .input label {
    width: 35%;
    float: left; }
  .modal .input select, .contact .input select {
    width: 78%;
    float: left; }

.map {
  margin: 2%; }

button {
  border: 1px solid #6c6c6c;
  color: #6c6c6c;
  cursor: pointer;
  font-family: "trade-gothic-lt",Helvetica,sans-serif;
  font-size: 1.3em;
  padding: 0.3em 2em;
  cursor: pointer;
  background: #fff; }

input:invalid, input:-moz-ui-invalid {
  box-shadow: none;
  border: 0; }

.submitted .ng-invalid {
  border-bottom: 1px solid red !important; }

.become-a-model {
  margin-top: 2em; }
  .become-a-model input[type="text"], .become-a-model input[type="email"], .become-a-model textarea {
    -moz-border-bottom-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 white;
    border-color: -moz-use-text-color -moz-use-text-color #6c6c6c;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-sizing: border-box;
    color: #6c6c6c;
    display: block;
    font-family: 'trade-gothic-lt',Helvetica,sans-serif;
    font-size: 16px;
    height: auto;
    margin: 0 0 5px;
    transition: all 0.15s linear 0s;
    float: left; }
  .become-a-model .button-holder {
    width: 90%;
    text-align: center; }

.birthDate input {
  margin-right: 5% !important;
  width: 30px !important; }
  .birthDate input[name="birthDateYear"] {
    width: 45px !important; }

.become-a-model form > * {
  float: left;
  margin-bottom: 20px; }

.become-a-model form label {
  display: block;
  font-family: 'Open Sans',sans-serif;
  font-size: 14px;
  margin-bottom: 5px;
  margin-left: 3px; }

.become-a-model form > .text {
  background: none repeat scroll 0 0 white;
  font-family: 'Open Sans',sans-serif;
  line-height: 140%;
  margin-right: 25px;
  padding-right: 3%;
  width: 42%;
  min-width: 300px; }
  .become-a-model form > .text.left-side {
    border-right: 1px solid #c6c6c6; }

.become-a-model form > .text h1 {
  line-height: 72px;
  margin-bottom: 20px; }

.become-a-model form > .details {
  margin-left: 1%;
  width: 45%;
  min-width: 400px; }

.become-a-model form > .details > * {
  margin-top: 20px; }

.become-a-model form > .details > .gender label, .become-a-model form > .details > .gender input {
  display: inline; }

.become-a-model form > .details > .gender label {
  font-weight: normal;
  margin-left: 5px;
  margin-right: 10px; }

.become-a-model form > .details > .firstName, .become-a-model form > .details > .lastName, .become-a-model form > .details > .phoneNumber, .become-a-model form > .details > .birthDate, .become-a-model form > .details > .city, .become-a-model form > .details > .zipCode, .become-a-model form > .details > .height, .become-a-model form > .details > .size {
  float: left;
  width: 45.5%; }

.become-a-model form > .details > .firstName > input, .become-a-model form > .details > .lastName > input, .become-a-model form > .details > .phoneNumber > input, .become-a-model form > .details > .birthDate > input, .become-a-model form > .details > .city > input, .become-a-model form > .details > .zipCode > input, .become-a-model form > .details > .height > input, .become-a-model form > .details > .size > input {
  width: 91%; }

.become-a-model form > .details > .firstName > input[name="birthDateYear"], .become-a-model form > .details > .lastName > input[name="birthDateYear"], .become-a-model form > .details > .phoneNumber > input[name="birthDateYear"], .become-a-model form > .details > .birthDate > input[name="birthDateYear"], .become-a-model form > .details > .city > input[name="birthDateYear"], .become-a-model form > .details > .zipCode > input[name="birthDateYear"], .become-a-model form > .details > .height > input[name="birthDateYear"], .become-a-model form > .details > .size > input[name="birthDateYear"] {
  width: 30px; }

.become-a-model form > .details > .firstName > input[name="birthDateMonth"], .become-a-model form > .details > .lastName > input[name="birthDateMonth"], .become-a-model form > .details > .phoneNumber > input[name="birthDateMonth"], .become-a-model form > .details > .birthDate > input[name="birthDateMonth"], .become-a-model form > .details > .city > input[name="birthDateMonth"], .become-a-model form > .details > .zipCode > input[name="birthDateMonth"], .become-a-model form > .details > .height > input[name="birthDateMonth"], .become-a-model form > .details > .size > input[name="birthDateMonth"] {
  width: 20px; }

.become-a-model form > .details > .firstName > input[name="birthDateDay"], .become-a-model form > .details > .lastName > input[name="birthDateDay"], .become-a-model form > .details > .phoneNumber > input[name="birthDateDay"], .become-a-model form > .details > .birthDate > input[name="birthDateDay"], .become-a-model form > .details > .city > input[name="birthDateDay"], .become-a-model form > .details > .zipCode > input[name="birthDateDay"], .become-a-model form > .details > .height > input[name="birthDateDay"], .become-a-model form > .details > .size > input[name="birthDateDay"] {
  width: 20px; }

.become-a-model form > .details > .firstName, .become-a-model form > .details > .phoneNumber, .become-a-model form > .details > .city, .become-a-model form > .details > .height {
  margin-right: 6px; }

.become-a-model form > .details > .email > input, .become-a-model form > .details > .email > textarea, .become-a-model form > .details > .address > input, .become-a-model form > .details > .address > textarea, .become-a-model form > .details > .country > input, .become-a-model form > .details > .country > textarea, .become-a-model form > .details > .description > input, .become-a-model form > .details > .description > textarea {
  width: 88%; }

.become-a-model form > .details > .email > input[name="description"], .become-a-model form > .details > .email > textarea[name="description"], .become-a-model form > .details > .address > input[name="description"], .become-a-model form > .details > .address > textarea[name="description"], .become-a-model form > .details > .country > input[name="description"], .become-a-model form > .details > .country > textarea[name="description"], .become-a-model form > .details > .description > input[name="description"], .become-a-model form > .details > .description > textarea[name="description"] {
  height: 100px; }

.become-a-model form > .photos {
  width: 43%;
  min-width: 220px; }

.become-a-model form > .photos > .img {
  margin-top: 20px;
  float: left;
  width: 43%; }

.become-a-model form > .photos > * .preview {
  background: none no-repeat scroll center center / 100% auto white;
  margin-bottom: 10px;
  width: 90%; }
  .become-a-model form > .photos > * .preview img {
    width: 100%;
    border: 1px solid #bebebe; }

.become-a-model form > .photos input {
  width: 170px; }

.language-selection {
  text-decoration: underline;
  cursor: pointer;
  float: right;
  color: #6c6c6c; }
  .language-selection:hover {
    color: #333; }

.moreImages {
  margin: 4% 0 10%; }
  .moreImages #moreImages {
    width: 90%; }

.become-a-model  .modal.unhide {
      display: block !important;
}

/*# sourceMappingURL=azzurro.css.map */