/*reseteo*/ 
@font-face {font-family: "LTC Bodoni 175 W01 Regular";
  src: url("../fonts/bodoni/02c5086e8616653dade6e7cb3a1f0498.eot"); /* IE9*/
  src: url("../fonts/bodoni/02c5086e8616653dade6e7cb3a1f0498.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/bodoni/02c5086e8616653dade6e7cb3a1f0498.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/bodoni/02c5086e8616653dade6e7cb3a1f0498.woff") format("woff"), /* chrome、firefox */
  url("../fonts/bodoni/02c5086e8616653dade6e7cb3a1f0498.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/bodoni/02c5086e8616653dade6e7cb3a1f0498.svg#LTC Bodoni 175 W01 Regular") format("svg"); /* iOS 4.1- */
}
@font-face {
      font-family: 'ITC Avant Garde Gothic Std';,
           src: url('../fonts/avantgarde/AVGARDN_2.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
  }
  ::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: inset 0 0 6px rgba(0,0,0,0.3);
  }
  ::-webkit-scrollbar{
    position: fixed;
    width: 7px;
    height: 0px;
    background-color: rgba(0,0,0,0.1);
  }
  ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #a5a5a5;
  }
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    margin: 0;
    padding: 0;
    font-family: 'ITC Avant Garde Gothic Std';
  }
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4 ,h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0;
  padding:0;border:0; 
        text-decoration: none;
        list-style-type:none;}
  table{border-collapse:collapse;border-spacing:0;}
  fieldset, img{border:0;}
  ol, ul{ list-style:none;}
  caption, th{text-align:left;}
  h1, h2, h3, h4 ,h5, h6{font-size: 100%;font-weight:bold;line-height: .80em;}
  q:before, q:after{content:'';}
  abbr, acronym{border:0;}
  .clear{clear:both;font-size: 0px;line-height: 0px;display: block;}
  .last{margin:0;}
  .pad_last{background: none;}
  .no_bg{border:none;}
  input:focus{outline:none;}
  article, aside, figure, footer, hgroup, nav, section, {display:block;}
  a{text-decoration:none; outline:0 none;color:#000000;}
  a:hover{text-decoration:none; }
  html{height: 100%
  }
  .ftl_lt{float: left; display: inline;
  }
  .ftl_r{float: right; display: inline;
  }
  a[name]{
    /*margin-top: 2em;*/
    width: 100%;
    height: auto;
  }
  a:hover{
  }
  .menu_bar{
    display: none;
  }
  body {
    -webkit-font-smoothing: antialiased;
    background-color: white;
    color: #777777;
    font-family: "ITC Avant Garde Gothic Std";
    font-size: 1em;
    line-height:  1.66em;
    margin:0 auto;
  }
  h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: ltc-bodoni-175;
    font-weight: 500;
    font-style: normal;
    line-height: 1.6em;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: .2em;
    margin: 0;
  }
  h4{
    font-family:"LTC Bodoni 175 W01 Regular" !important;
    margin-bottom: 30px;
    color: #000000;
  }
  h3{
    font-family:"LTC Bodoni 175 W01 Regular" !important;
    font-size: 38px;
    color: #000000;
  }
  h2{
    font-family:"LTC Bodoni 175 W01 Regular" !important;
    font-size: 32px;
    color: #000000;
  }
  h1{
    font-family:"LTC Bodoni 175 W01 Regular" !important;
    color: #AF0000;
    font-size: 25px;
    font-weight: 400;
  }
  p{
    color: #666666;
    line-height:  1.70em;
    font-size: 12px;
    letter-spacing: 1px;
  }
  .cursor{
    cursor: pointer;
  }
  img{
    max-width: 100%;
  }
  .nextg{    
    width: 100px;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
    background: #f4f4f4;
    margin-left: 3px;
  }
  .nextg:hover{  
  background-color: #d8a60c;
  }
  .nextg:hover #nextg{
  transition: .7s;
  max-width: 100%;
  }
  .nextg img{
    max-width: 90%;
  }
  .ud_gallery img:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  #homegallery{
    width: 100%;
  }
  #wlogo {
    width: 100%;
  }
/* lightbox css */

/* #########################################################################################*/
/* ############################ LIGHTBOX ###################################################*/
/* #########################################################################################*/

#ud_lightbox_overlay { position:fixed; z-index:10000; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.9); display:none;}
#ud_lightbox_overlay #ud_lightbox_inhalt { /*width:80%;*/ position:absolute; top:3%; left:5%; right:5%;}
#ud_lightbox_overlay #ud_lightbox_inhalt img { max-height:820px; display: flex; margin: auto;}
#ud_lightbox_overlay #ud_lightbox_inhalt #ud_nav { color:#000; font-size:30px; margin:0 0 20px 0; width:100%; text-align:center;}
#ud_lightbox_overlay #ud_lightbox_inhalt #ud_nav .fa-chevron-right { float:right; color:#000;}
#ud_lightbox_overlay #ud_lightbox_inhalt #ud_nav .fa-chevron-left { float:left; color:#000;}
#ud_lightbox_overlay #ud_lightbox_inhalt #ud_nav span { cursor:pointer;}


iframe{    
  width: 960px;
  height: 100%;
  max-width: 1280px;
}

/*header nav*/ 
  #subcontainernav{
    background-color: #ffffff;
    width: 100%;
    height: 50px;
    position: inherit;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    -webkit-transition: background-color .7s ease-out;
    -moz-transition: background-color .7s ease-out;
    -o-transition: background-color .7s ease-out;
    transition: background-color .7s ease-out;
  }
  #subcontainernav:hover{
    background-color: rgba(255, 255, 255, 1);
    transition: .7s;
  }

  /*#subcontainernav:hover a{
    color: #ffffff;
  }*/

  #subcontainerlogo{
    width: 270px;
    margin: 0;
    position: inherit;
    display: flex;
  }
  #subcontainernav .pestañas{
    display: flex;
    flex-direction: row;
  }
  header{
    width: 100%;
    height: 100px;
    position: inherit;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    margin-bottom: 30px;
    margin-top: 55px;
  }
  nav{
    width: 100%;
    height: 50px;
    position: inherit;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
  }
  nav a{
    color: #000000;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 13px;
  }
  nav ul li {
    padding: 12px;
    height: 50px;
    transition: 1s;
  }
  video{
    margin: -10%;
    width: 106%;
    padding-right: 6px;
  }
/*content*/
  .downindex{
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  margin-top: 817px;
  width: 100%;
}
.down_i{
  padding-top: 30px;
  background: #ffffff;
  width: 100%;
  display: flex;
  justify-content: center;
}
.newfeeds{    
  margin: 21px 0px 15px 0px;
  height: 20px;
}
#arrow{
  width: 100%;
  display: flex;
  justify-content: center;
}
.column{
    height: 100%;
  display: flex;
  flex-direction: column-reverse;
}
.publication{
  max-width: 450px;
  margin: 15px;
}
.publication p{
  text-align: center;
  margin: 5px 0;
}
.children{
  text-transform: none;
}
/*contacto*/
  .contenedor {
    margin:auto;
    justify-content: center;
    /* Flexbox */
    display:flex;
    flex-flow:row wrap;
    height: 1200px;
  }
  .contenedorform {
    margin:auto;
    padding: 50px;
    justify-content: center;
    /* Flexbox */
    display:flex;
    flex-flow:row wrap;
    flex-direction: column;
  }
  .cuestioncontacts{
    width: 450px;
    text-align:center;
    align-self: center;
    margin-top: 60px;
  }
  #contact{
    /*Flexbox*/
    display: flex;
    flex-direction:column;
      order:2;
  }
  #contact2{
    width: 450px;
    /*Flexbox*/
    display: flex;
    flex-direction:column;
      order:2;
  }
  #venta{
    margin-top: 26px;
  }
  #formulario-contact{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #formulario-contact .top3{
    font-family: 'ITC Avant Garde Gothic Std';
    text-align: center;
    color: #682475;
    font-size: 42px;
    margin-top: 70px;
    margin-bottom: 0px
  }
  #form{
    margin-top: 30px;
    justify-content: center;
    display: flex;
  }
  #formulario-contact p{
    text-align: center;
    margin-top: 30px;
  }
  input{
    margin-bottom: 10px;
    border-radius: 4px;
    background: #F1F0F0;
    height:25px;
    border-style:none;
    padding-left: 10px;
  }
  ::-webkit-input-placeholder { 
    color: #8b8b8b;
    padding: 2px;
    padding-left: 8px;
  } /* WebKit */
  :-moz-placeholder { 
    color: #8b8b8b;
    padding: 2px;
    padding-left: 8px;
  } /* Firefox 18- */
  ::-moz-placeholder { 
    color: #8b8b8b;
    padding: 2px;
    padding-left: 8px;
  } /* Firefox 19+ */
  :-ms-input-placeholder { 
    color: #8b8b8b;
    padding: 2px;
    padding-left: 8px;
  } /* IE 10+ */
  label{
    margin-bottom: 5px;
  }
  textarea{
    border-radius: 8px;
    background: #F1F0F0;
    border-style:none;
    padding: 13px 9px 13px 9px;
  }
  .ident2{
    text-indent: 30px;
  }
  textarea::-webkit-input-placeholder { 
    color: #8b8b8b;
    /*padding: 0px;
    padding-top: 13px;
    padding-left: 18px;*/
  } /* WebKit */
  textarea:-moz-placeholder { 
    color: #8b8b8b;
    /*padding: 0px;
    padding-top: 13px;
    padding-left: 18px;*/
  } /* Firefox 18- */
  textarea::-moz-placeholder { 
    color: #8b8b8b;
    /*padding: 0px;
    padding-top: 13px;
    padding-left: 18px;*/
  } /* Firefox 19+ */
  textarea:-ms-input-placeholder { 
    color: #8b8b8b;
    /*padding: 0px;
    padding-top: 13px;
    padding-left: 18px;*/
  } /* IE 10+ */
  .button {
    background-color:#000000;
    color:#fff;
    font-family: 'ITC Avant Garde Gothic Std';
    font-size:18px;
    line-height:30px;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border:0;
    /*text-shadow:#d69f04 0 -1px 0;*/
    width:120px;
    height:32px;
    margin-top:14px;
    align-self:flex-end;
    padding-left: 0px;
  } 
  #gallery{ 
    margin: auto; 
    text-align: center; 
    position: relative;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    display: flex;
  }
  #mygallery a .photography img{
    height: 150px;
  }
  #mygallery .photography {
    height: 150px;
  }
  #gallery .photography{
    margin: 15px;
    margin-left: 0;
    margin-bottom: 0px;
    height: 795px;
    width: 100%;
    display: -webkit-box;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space:nowrap;
  }
  #gallery #photowrap{
    overflow-x: hidden;
    overflow-y: auto;
    white-space:normal;
    height: auto;
  }
  #photowrap .photogallery{
    height: 130px;
  }
  .jconcerts{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 15px;
  }
  #photowrap .concertgallery .photogallery{
    height: 270px;
  }
  #photowrap .concertgallery p{
    margin: 5px;
  }
  #gallery .photography ::-webkit-scrollbar{
    width: 0px;
    height: 7px;
    background-color: rgba(0,0,0,0.1);
  }
  .photogallery{
    margin: 3px;
    cursor: pointer;
    display:inline-block;
    display:inline;
    zoom:1;
    vertical-align:top;
    height: 776px;
    max-width: none;
    width: auto;
  }
  #gallery ::-webkit-scrollbar{
    height: 7px;
  }
  .infogallery{
    margin: 15px;
    text-align: left;
    width: 280px;
    align-self: flex-end;
  }
  #infofull{
    width: 100%;
    margin-bottom: 35px;
  }
  #infofull p{
    font-size: 30px;
    font-kerning: normal;
    font-style: oblique;
    font-variant: all-petite-caps;
  }
  #description{
    margin: 10px 0px;
  }
  #description h1{
    margin-bottom: 5px;
  }
  #description p{
    font-size: 12px;
    margin-left:5px;
    color: #666666;
  }
/*iframe*/
    .portafolio{
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      margin-bottom: 30px;
    }
    .portafolio{
      justify-content: center;
      flex-wrap: wrap;
    }
    .items{
      margin-bottom: 25px;
    }
    .items h2{
      margin-bottom: 15px;
    }
    iframe{
      width: 723px;
      height: 410px;
      margin: 35px;
    }
/*Footer*/
  footer{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 25px;
    text-align: center;
    background: #f5f5f5;
    margin-top: 30px;
    margin-bottom: -20px;
    align-items: center;
  } 
  .downindex footer{
    margin: 0;
  }
  @media screen and (max-width: 1700px){
    #ud_lightbox_overlay #ud_lightbox_inhalt img {
      max-height:580px; 
      display: flex; 
      margin: auto;
    }
    .downindex{
      margin-top: 41%;
    }
    #gallery .photography{
      height: 545px;
    }
    .photogallery{
      height: 526px;
    }
  }
  @media screen and (max-width: 800px){
  .cuestioncontacts {
      width: 100%
  }
  .items{
      padding-top: 120px;
  }

  header{
    position: absolute;
    width: 100%;
    height: 85px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    z-index: 1000;
    margin: 0;
  }
  nav{
    position: fixed;
  }
  #subcontainerlogo{
    position: fixed;
  }
  #subcontainernav{
    position: fixed;
  }
  #wlogo {
      padding-bottom: 7px;
  }
  footer p{
    font-size: 10px;
  }

    .infogallery {
      margin: 15px;
      text-align: center;
      width: 280px;
      align-self: initial;
    }
    iframe {
      width: 100%;
    } 
    .downindex{
      margin-top: 562px;
    }
    .contenedor{
      height: 0px;
      margin-bottom: -35px;
    }
    #gallery{
      flex-direction: row;
    }
    .photogallery {
      height: initial;
      width: 98%;
    }
    #gallery .photography{
      width: 95%;
      overflow-x: auto;
      overflow-y: auto;
      white-space: normal;
      margin: 0;
      display: block;
      align-self: center;
    }
    .jconcerts{
      margin: 0;
    }
    #photowrap .concertgallery .photogallery {
      height: inherit;
    }
    #contact2 {
      width: 100%;
    }
    #ud_lightbox_overlay #ud_lightbox_inhalt img {
      max-height: 251px;
    }
    .nextg{
      width: 100%;
      height: 100px;
      background: #f4f4f4;
      display: block;
      margin: 0;
      margin-top: 3px;
    }
    .nextg img{
      transform: rotate(90deg);
      max-height: 100%;
      width: auto;
    }
    footer{
      margin-bottom: -25px;
    }
  }
  @media screen and (max-width: 450px){
    .infogallery {
      text-align: center;
      align-self: center;
    }
    #gallery{
      flex-direction: column;
      padding-top: 100px;
    }
    #ud_lightbox_overlay #ud_lightbox_inhalt img {
      max-height: 555px;
    }
    .downindex{
      margin-top: 61%;
    }
    .newfeeds{
      margin: 15px 0;
    }
    .nextg{
      width: 100%;
      height: 100px;
      background: #f4f4f4;
      display: block;
      margin: 0;
      margin-top: 3px;
    }
    .nextg img{
      transform: rotate(90deg);
      max-height: 100%;
      width: auto;
    }
  }