@charset "utf-8";
/* CSS Document */

@media (max-width: 1920px) {
}
@media (max-width: 1660px) {
}
@media (max-width: 1440px) {
  .scroll-to-top {right:5%;}
}
@media (max-width: 1366px) {
  .scroll-to-top {right:5.3%;}
}
@media (max-width: 1280px) {
   #backstage .category { height: 360px;}
}
@media (max-width: 1024px) {

}
@media (max-width: 992px) {
  .logos {width: 502px;}
  #backstage .category { height: 270px;}
}
@media (max-width: 768px) {
  #backstage .category { height: 380px;}
  #nave .navbar-header {  width: 70px;  float: right;  margin-top: 15px;}
  .logos {width:502px; margin-top: 0px;}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {  margin-top: 21px;  width: 100%;  float: left;}
  .navbar-toggle {background:#000; border:0; border-radius:0;}
  .navbar-toggle.inverted {background:#af3195; border:0; border-radius:0;}
  .navbar-default .navbar-toggle .icon-bar {  background-color: #fff;}
  .carousel-control.left, .carousel-control.right { display: block;}
  .carousel-control .icon-navigate_before2 {  height: 79px;  width: 56px; background-image:none; background-color: rgba(50, 50, 50, 0.9);}
  .carousel-control .icon-navigate_next2 {  height: 79px;  width: 56px; background-image:none;  background-color: rgba(50, 50, 50, 0.9);}
  .carousel-control .icon-navigate_before2.inverted {  height: 79px;  width: 56px; background-image:none; background-color: rgba(175, 49, 149, 0.9);}
  .carousel-control .icon-navigate_next2.inverted {  height: 79px;  width: 56px; background-image:none;  background-color: rgba(175, 49, 149, 0.9);}
  .text-under h1 {font-size: 27px; line-height: 26px; }
  .text-under p { font-size: 26px; line-height: 36px;}
  .text-under { bottom: 10px;}
  .bgvd {top:0; background-position: right top; height: 100%;}
  .bgvi {height: 100%;}
  .bgvdi {height: 100%;}
  .bgvd.inverted {top:0; background-position: right top; height: 100%;}
  .bgvi.inverted {height: 100%;}
  .bgvdi.inverted {height: 100%;}
  .scroll-to-top {right:10px;}
  #backstage .category .tag.left-up.video {left: 0;  top: 0;  bottom: 0;  right:0; min-height: 60px;  position: relative; float: left; 
    padding:20px; text-align: left; width: 50%; margin-bottom: 10px; background-color: transparent;}
  #backstage .category .tag.right-down.video {position: relative; left: 0;  top: 0;  bottom: 0;  right:0; min-height: 60px; float: right;  
    padding:20px; text-align: right;  width: 50%; margin-bottom: 10px;  background-color: transparent;}
  #backstage .category .tag.left-up.video span {  position: relative;  left: 0;  min-width: 300px;  line-height: 13px; color:#000;}
  #backstage .category .tag.right-down.video span {  position: relative;  left: 0;  min-width: 300px;  line-height: 13px; color:#000}
  #backstage .category {padding-right: 0; padding-left: 0;}
  #backstage .nav-pills {  float: left;  width: 100%;  overflow: hidden; height: 100%;  position: relative;}
  #backstage .tab-content {  float: left;  width: 100%;  overflow: hidden; height: 100%;}
  #nuevo, #viejo {top:100px;}
  #backstage .category .tag.left-up.video span b { margin-top: 5px;  display: block;}
  #backstage .category .tag.right-down.video span b {  margin-top: 5px;  display: block;}
  #modelos .category {padding-top: 0!important;}
}

@media screen and (max-width: 568px) {
  #backstage .category { height: 290px;}
  .header {background-color:#fff;}
  .logos {width:62%; margin-top: 17px;}
  .logos .sexy, .logos .fantasia {position: relative; float: left; width: 50%; top:1px;} 
  .logos .sexy-inverted, .logos .fantasia-inverted {position: relative; float: left; width: 50%; top:1px; background-image:none;} 
  #myCarousel {margin-top: 76px!important;}
  .logos .sexy-inverted {background-color: #fff;}
  .logos .sexy:hover {background-color: #fff;}
  .logos .sexy-inverted:hover {background-color: #000;}
  .logos .fantasia {right: 0px;}
  .logos .fantasia-inverted {right: 0px; background-color: #af3195}
  .logos .fantasia:hover {background-color: #fff;}
  .logos .fantasia-inverted:hover {background-color: #fff;}
  .carousel-control.left, .carousel-control.right { display: none;}
  .prov-text h1 {font-size: 53px; line-height: 53px;}
  .prov-text p {font-size:30px;}
  .prov-text-under {  position: absolute; bottom:20px; text-align: center; color: #fff; width: 100%;}
  .prov-text-under h1 {font-size: 53px; line-height: 53px;}
  .prov-text-under p {font-size:30px;}
  .prov-text {position: relative; top: 20%; text-align: center; background: rgba(255, 255, 255, 0.45);  padding: 20px 0;}
  .btn.green {width: 100%; float: left;}

}
@media (max-width: 480px) {
  #backstage .category { height: 200px;}
  .logos {width:70%; margin-top: 17px;}
  #backstage .category .tag.left-up.video {width: 100%; padding:0; text-align: left; min-height: 40px;}
  #backstage .category .tag.right-down.video {width: 100%; padding:0; text-align: left; min-height: 40px;}
  #backstage .category .tag.left-up.video br {display: none;}
  #backstage .category .tag.right-down.video br {display: none;}
  #backstage .category .tag.left-up.video span b { margin-top: 5px;  display: inline;}
  #backstage .category .tag.right-down.video span b {  margin-top: 5px;  display: inline;}
  #nuevo, #viejo {top:60px;}
  .destacado a img {width: 10%;}
}
@media (max-width: 360px) {
  .bgvd.ajustado {  height: 100%;}
  #backstage .category { height: 160px;}
  .logos {width:75%; margin-top: 17px;}
  #backstage .category .tag {font-size: 25px;}
  .destacado a img {width: 15%;}
}