*{ margin: 0; padding: 0;  }
/*fonts */
@font-face {
    font-family: 'life_saversbold';
    src: url('lifesavers-bold-webfont.woff2') format('woff2'),
         url('lifesavers-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'life_saversregular';
    src: url('lifesavers-regular-webfont.woff2') format('woff2'),
         url('lifesavers-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mouse_decoregular';
    src: url('mouse_deco-webfont.woff2') format('woff2'),
         url('mouse_deco-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body { 
	/*background: url(../img/black_linen_v2.png); */
    background-repeat: repeat;
 }
 html,body{ overflow:hidden; }
/*rotate image */

@keyframes rotate360 {
  to { transform: rotate(360deg); }
}
.nav > li > a{
    display: inline;
    padding: 0;
}
.navbar-default .navbar-nav > li{
    padding-top:12px;
}
a.active{ padding-bottom: 16px !important; }
.white { color:#ffffff; }
.rotate-img  { animation: 2s rotate360 infinite linear; }
.no-padding-sides { padding-left: 0px; padding-right: 0px; } 
.text-mouse p { font-family: 'mouse_decoregular'; color:#ffffff; font-size: 16px; }
.text-gray-light { color: #ffffff; opacity: .5; } 
.font-mouse { font-family: 'mouse_decoregular'; } 
.big-size { font-size: 58px; } 
.inner-padding { padding-top: 30px; } 
.no-padding{ padding-left: 0; padding-right: 0;  }
.no-margin{ margin-left: 0; margin-right: 0;  }
.no-margin-top{ margin-top:0; margin-bottom: 0;  }
.white{ color:#ffffff; }
.black { color:#000000; }
.wrapper{ position: relative; }
.screen { position: relative; float: left; width: 100%;} 
.screen-gallery{ position: relative; float: left; width: 100%; }
.auto-margin { margin:auto; }
.padding-bottom { padding-bottom: 50px; } 
.social-list { list-style: none; } 
.social-list li { padding:20px; }
/* .container-fluid{ overflow-y: hidden; } */
.justify{ text-align: justify; }
.vertical-line{ position: absolute; width: 18px; height: 60%; background-color: white; right: 0; bottom:0; }
    /* #section-2 { background-image: url('../img/black_linen_v2.jpg'),url('../images/sirenaBiografia.png'); background-size: 100% auto, 100% auto; background-repeat: repeat ,none;  background-position: bottom center,center center;}  */
    /* #section-2 { background: url('../images/sirenaBiografia.png'); background-size: 100% auto; background-position: center center;}  */
    /* #section-3 { background: url('../img/black_linen_v2.jpg'); background-size: auto auto; background-repeat:repeat; background-position: top center;}  */
    
    /* #section-4 { background-image: url('../images/new-back-contact.png') ,url('../img/black_linen_v2.jpg') ; background-size: cover, cover; background-repeat:no-repeat ,repeat; background-position: top center ,center center; background-attachment: scroll ,scroll; } */
    #section-4 { background: url('../images/new-back-contact.png'); background-size: auto 100% ; background-position: top center; background-repeat: no-repeat;} 
    .full-background {  } 
    .navbar-default { background: rgba(255, 255, 255, 0.3); border-color: transparent; }
.navbar-nav { width: 720px; margin:auto; float: none; } /* new changes */
.navbar-default .navbar-nav > li  { width: 120px; text-align: center;}
.navbar-default .navbar-nav > li > a { color:#ffffff; font-size: 16px;} 
.navbar-default .navbar-nav > li > a:active { color:#FFF; }
.navbar-default .navbar-nav > li > a:focus { color:#FFF; }
.padding-pleca { padding-top:14px; } 

.pleca-right img {
    margin-right: 0;
    margin-left: auto;
} 
.active { border-bottom: 2px solid #ffffff;  } 

.inner-is-max-width{ padding: 30px 0px; }
.full-background{ position: relative; float: left; background:url(../img/black_linen_v2.jpg); background-size: 100% 100%; background-position: top center;  }
/*responsive*/
@media(max-width: 1400px){
    /*#section-2 {  background-size: 200% auto; background-repeat: no-repeat;} */
    .inner-is-max-width{ padding: 10px 0px; }
}
@media(max-width: 1289px){
    .navbar-default .navbar-nav > li { width: 115px; }
}
@media(max-width: 1268px){
    .inner-is-max-width{ padding: 10px 0px; }
}
@media(max-width: 1248px){
    .navbar-default .navbar-nav > li { width: 112px; }
    .inner-is-max-width { padding: 5px 0px; } 
}
@media(max-width: 1195px){
    .navbar-default .navbar-nav > li { width: 106px; }
}
@media(max-width: 1168px){
    .navbar-default .navbar-nav > li { width: 102px; }
}
@media(max-width: 1120px){
    .navbar-default .navbar-nav > li { width: 100px; }
}

@media(max-width: 1072px){
    .navbar-nav { width: 640px; margin:auto; float: none; } /* new changes */
    .navbar-default .navbar-nav > li  { width: 90px; }
}
@media(max-width:980px){
    .navbar-default .navbar-nav > li { width: 80px; }
}

@media(max-width:960px){

}	
@media(max-width:850px){
    .navbar-default .navbar-nav > li { width: 72px; }
    .navbar-default .navbar-nav > li a { font-size: 16px; }
}
@media(max-width:768px){
    #section-4 { background-size: 150% auto, auto auto; }
}
@media(max-width:767px){
    .hide-movil { display: none; } 
    /*    #section-4 { background-image: url('../images/sirenas-contacto-movil.png') ; background-size: 100% auto; background-repeat:no-repeat ; background-position: top center; }     */
    /* #section-4 { background-image: url('../images/sirenas-contacto-movil.png') ,url('../img/black_linen_v2.jpg') ; background-size: cover, cover; background-repeat:no-repeat ,repeat; background-position: top center ,center center; background-attachment: scroll ,scroll; }  */
    .navbar-default { background: rgba(255, 255, 255, 0.95); }    
    .navbar-default .navbar-nav > li > a{ color:#000000; }
    a.active { padding-bottom: 0px !important;}
    .navbar-nav{ width: auto; }
    .navbar-default .navbar-nav > li{    margin: auto; }
    #section-4 { background: url('../images/1-sirena.png'); background-size: 100% auto ; background-position: top center;}     
}
@media(max-width:640px){
    /*.vegas-slide-inner { background-size: 150% auto !important; } */
    #section-2 {  background-size: 150% ; background-repeat: no-repeat; background-position: top center;} 
}
@media(max-width:480px){
	#section-4 { background-size: 100% auto;  background-position: top center;}
	.social-list h2 { font-size: 20px; } 
}	
@media(max-width:320px) {
	#section-4 { background-size: 220%; background-position: center center; }
	.vegas-timer-progress{ display: none;}
}