/*! Place your custom styles here */
@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-Bold.woff2") format('woff2'),
         url("fonts/Montserrat-Bold.woff") format('woff'); 
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: "Avenir";
    src: url("fonts/Avenir-Roman.woff2") format('woff2'),
         url("fonts/Avenir-Roman.woff") format('woff'); 
    font-weight: normal;
    font-style: normal;

}

h1,h2,h3,h4,h5,h6, .btn{ font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; }
p , a, li, span {
	font-family:"Avenir","Helvetica Neue",Helvetica,Arial,sans-serif;
}
h2{ 
    color: #003657; 
    font-weight: 600;
    font-size: 26x;
	letter-spacing: 0;
    /*margin-bottom: 3em; */
}
h2:after {
	border: 2px solid #003657;
    content: '';
    position: absolute;
 /* top: 19%;
    width: 14%;
    left: 5%;
*/
}
p {
    font-size: 16px;
    line-height: 22px;	
}

body {
	color:#888888;
}


/** navigation **/

nav#menu1 .container-fluid{
   /* background: linear-gradient(to right,rgba(209, 247, 255, 0.64) 0%, rgba(227, 246, 254, 0.76) 10%, rgba(249, 255, 255, 0.68) 20%, #f9feff 70%, rgba(227, 246, 254, 0.83) 90%, rgba(209, 247, 255, 0.64) 100%);*/
	/*background:linear-gradient(to right,rgba(209, 247, 255, 0.34) 0%, rgba(227, 246, 254, 0.38) 10%, rgba(249, 255, 255, 0.68) 20%, #f9feff 70%, rgba(227, 246, 254, 0.38) 90%, rgba(209, 247, 255, 0.34) 100%);*/
	background: rgba(255, 255, 255, 0.82);
}

.bar__module {
	height: 110px;
    padding-top: 10px;
}
.bar .menu-horizontal {
    line-height: 88px;
}

.bar-1 .menu-horizontal > li > a{
	color: #003657;
	text-transform: none;
	font-size: 1.2em;
	font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:500;
	letter-spacing: 0;
}

.menu-horizontal > li:not(:hover) > a{
	color: #003657;
	opacity: 1;
}
.bar .logo{
	max-height: 6em;
}
.flickity-prev-next-button{
	display:none;
}
.flickity-viewport:not(.tamanoslide) {
	height:700px!important;
}
/*.flickity-viewport .flickity-slider .background-image-holder{
	height: 115%;
}*/
section.slider.height-60 .slides li.imagebg {
    min-height: 51vh;
    height: 100%;
}

/** General**/

.imagebg:not(.image--light) p.color-grey {
	color: #888888;
}
.color-primary{
	color: #003657;
}
.bg--primary{
	background: #003657;
}

.imagebg:not(.image--light) p.color-primary{
	color: #003657;
}

 .height-110 {
    height: 110vh;
  }
.btn--primary, .btn--primary:visited {
    background: #003657;
    border-color: #003657;
}  
 .btn--primary{
	background: #003657;
	border-color: #003657;
	border-radius: 11px;
    font-size: 17px;
}
.btn--primary:hover {
     background: #003657;
}
 .btn--primary i {
    font-weight: 900;
	vertical-align: middle;
 }  
/** section quienes **/
section#quienes  {
    padding-top: 8em;
    padding-bottom: 8em;
}

#quienes h2{
    margin-left: 15%;
    margin-bottom: 5%;
}
#quienes h2:after  {
	top: 57%;
    width: 3.2%;
    left: 16.1%;
}

/**/

/*** section texto a la derecha ***/
.capa-derecha {
    margin-right: 6%;
	margin-top: 7%;
}
.capa-derecha h2  {
	padding-bottom: 2.3em;
}
.capa-derecha h2:after  {
	top: 18%;
    width: 9.5%;
    left: 5%;
}

#otros h2:after  {
	top: 13%;
}
.lista {
    font-size: 16px;
    line-height: 22px;
	color: #888888;
}

/*** section texto a la izquierda ***/

.capa-izq{
	padding-right: 5px;
    padding-left: 30px;
}
.capa-izq {
    margin-right: 6%;
	margin-top: 7%;
}
.capa-izq h2  {
	padding-bottom: 2.3em;
}
.capa-izq h2:after  {
	top: 16%;
    width: 9.5%;
    left: 8%;
}
.pos-left .background-image-holder{
margin-left: -5px;
}

/***acabados ***/
#acabados .col-md-4 {
	position: absolute;
    margin-top: -21%;
    right: -18%;
	width: 35.5%;
}
#acabados h2:after  {
	bottom: -54%;
    width: 9.5%;
    right: 0%;
}
#acabados h2  {
	margin-bottom: 31%;
}
#acabados .btn--primary{
    padding: 0.4em 2.6em 0.4em 0.6em;
}
#acabados .btn--primary i {
	padding-right:10%; 
	vertical-align: middle;
 } 
 

#acabadosDos {
 background-image: url('../img/imagen-acabados2.jpg');
    position: absolute;
    height: 100%;
    top: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
    z-index: 0;
    background-repeat: no-repeat!important;
    width: 100%;
    right: 0;
	position: absolute;
}
#acabadosDos  h2 {
    margin-bottom: 31%;
}
#acabadosDos  h2:after {
   bottom: -54%;
    width: 9.5%;
    right: 0%;
	border: 2px solid #ffffff;
}  
.text-white {
	color:#fff;
}
#acabadosDos  .col-md-4 {
	position: absolute;
    margin-top: -21%;
    left: -18%;
	width: 33%;
	float:left;
}
#acabadosDos  .col-md-8 {
    left: 26%;
    top: -170px;
	position: absolute;
    width: 100%;
}
.col-md-8.segundaFila .iconos{
	 margin-top: 19%;
    margin-left: 4%;
}
.col-md-8.segundaFila  .iconos.space {
    margin-left: 16%;
    margin-top: 19%;
}
.col-md-8.segundaFila .iconos .alzados {
	width: 12%;
    margin-left: 3%;
}

#btnAcabadosDos, #btnEncuadernadoDos {
    position: absolute;
    bottom: -69%;
}
.iconos {
    width: 11%;
    text-align: center;
    float: left;
    margin-left: 2%;
	margin-top: 2%;
}
.iconos img{
  margin-bottom:10px!important;
}
.iconos.space{
	margin-left: 16%;
}
.desactivado {
	cursor:default;
}
.desactivado:hover {
	transform:none;
	-webkit-transform:none;
}
.capa-desactivada {
	/*opacity:0.1;*/
	opacity:0;
}
 .capa-desactivada p  {
	color:#041621 !important;
}
.capa-desactivada .btn--primary {
	background:#041621;
	border-color:#041621;
}
[class*='imagebg']:not(.image--light) p {
    opacity: 1;
}

/**encuadernado**/

#encuadernado .col-md-4 {
	position: absolute;
    margin-top: -21%;
    left: -18%;
	width: 35.5%;
}

#encuadernado h2:after  {
	bottom: -54%;
    width: 9.5%;
    left: 0%;
}
#encuadernado h2  {
	margin-bottom: 31%;
}
#encuadernado .btn--primary{
    padding: 0.4em 0.8em 0.4em 1.8em;
}
#encuadernado .btn--primary i {
	padding-right:12%; 
	vertical-align: middle;
 } 
 
 #encuadernadoDos .col-md-4 {
	position: absolute;
    margin-top: -21%;
    right: 0;
    width: 33%;
    left: 87%;
}
 #encuadernadoDos .col-md-8 {
    left: -16%;
    top: -200px;
    position: absolute;
    width: 76%;
}
#encuadernadoDos {
 background-image: url('../img/imagen-encuadernado2.jpg');
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
    z-index: 0;
    background-repeat: no-repeat!important;
    width: 100%;
}
#encuadernadoDos  h2 {
    margin-bottom: 31%;
}
#encuadernadoDos  h2:after {
   bottom: -54%;
    width: 9.5%;
    left: 0%;
	border: 2px solid #ffffff;
}  
#encuadernadoDos  p {
	color:#fff;
}
 #encuadernadoDos .iconos {
    width: 14.5%;
	margin-top: 5%;
    margin-left: 3.6%;
	
}
 #encuadernadoDos .iconos.space {
    margin-left: 17%;
}
 #encuadernadoDos .iconos.tapas{
    width: 19.5%;
    margin-top: 26px;
}
 #encuadernadoDos .iconos.tapas p{
  width: 250px;
}
.iconos p {
    line-height: 16px;
}
.tornillo{
    width: 130px;
    margin-left: -6px;
}
.portadas {
    margin-left: -12px;
}
.preparacion {
    width: 170px;
    margin-left: -17px;
}

/**Contacto**/

#contacto h2:after  {
	content: none;
}
section#contacto  {
    padding-top: 5em;
    padding-bottom: 3em;
}
#contacto h2 {
	margin-bottom: 5%;	
}

.datos ul:last-child{
    margin: 3.3em 0 0 0;
    line-height: 20px;
    font-weight: 600;
    font-size: 16px;
	color:#003657;
}
iframe {
    width: 100%;
    min-height: 350px;
    height: 450px;
    border: none;
}



#menu1{
	padding-top: 0;
	padding-bottom: 0;
}
section.space--sm, footer.space--sm {
	padding-top: 0;
	padding-bottom: 5em;
}



.imagebg h2{
	color: #fff;

}


/**footer **/
section{
	padding-top: 3em;
	padding-bottom: 3em;
}
 footer{
	padding-top: 6em;
	padding-bottom: 6em;
}

footer .logo{
    max-height: 12em;
    margin-top: -6%;
}
.social-list li {
    font-size: 16px;
    color: #fff;
	font-weight:600;
}

.list--hover li:not(:hover) {
    opacity: 1;
}
.enlaces {
	    padding-right: 5%;
}




/** media queries **/
@media screen and (max-width:2000px) {
	.height-100 {
    height: 91vh;
}
}
@media screen and (max-width:1850px) {
.height-70 {
    height: 80vh;
}
#acabados .col-md-4 {
    right: -12%;
}
#acabadosDos .col-md-4 {
    left: -10%;
}
#encuadernado .col-md-4 {
    left: -12%;
}
#encuadernadoDos .col-md-4 {
    left: 72%;
}
.height-100 {
    height: 87vh;
}	


}


@media screen and (max-width:1650px) {
	section.slider.height-60 .slides li.imagebg {
    height: 85%;
}
section#quienes {
    padding-top: 0;
    padding-bottom: 8em;
}

}
@media screen and (max-width:1500px) {
.height-70 {
    height: 80vh;
}
.height-100 {
    height: 87vh;
}
#acabados .col-md-4 {
    right: -6%;
}
#acabadosDos .col-md-4 {
    left: -8%;
}
#encuadernado .col-md-4 {
    left: -6%;
}
#encuadernadoDos .col-md-4 {
    left: 72%;
}
#acabadosDos .col-md-8 {
    left: 27%;
    width: 92%;
}
#encuadernadoDos .col-md-8 {
    left: -9%;
}	


}
@media screen and (max-width:1440px) {
.capa-derecha, .capa-izq {
    margin-top: 2%;
}
	
	.height-70 {
    height: 98vh;
} 
#acabadosDos .col-md-8 {
    left: 27%;
    width: 89%;
}	
.flickity-viewport:not(.tamanoslide) {
    height: 650px!important;
}
}
@media screen and (max-width:1320px) {
.flickity-viewport:not(.tamanoslide) {
    height: 600px!important;
}	
	.height-70 {
    height: 85vh;
} 	
#acabados .col-md-4 {
    right: -2%;
}
#acabadosDos .col-md-4 {
    left: -3%;
}
#encuadernado .col-md-4 {
    left: -2%;
}
#encuadernadoDos .col-md-4 {
    left: 71%;
}
#acabadosDos .col-md-8 {
    left: 31%;
    width: 81%;
	top: -194px;
}
#encuadernadoDos .col-md-8 {
   left: -7%;
    width: 71%;
}
.back-to-top {
    right: 3.857143em;
}
.col-md-8.segundaFila .iconos.space {
    margin-left: 16%;
    margin-top: 26%;
}

.col-md-8.segundaFila .iconos {
    margin-top: 26%;
    margin-left: 4%;
}
.height-100 {
    height: 85vh;
}
.iconos p {
    line-height: 16px;
    font-size: 15px;
}

}

@media screen and (max-width:1240px) {
.flickity-viewport:not(.tamanoslide) {
    height: 550px!important;
}
.height-100 {
    height: 81vh;
}
#acabados .col-md-4 {
    right: 2%;
    margin-top: -21%;
}
#acabados h2 {
    margin-bottom: 23%;
}

#acabadosDos .col-md-8 {
    left: 33%;
    width: 75%;

}
#acabadosDos .col-md-4 {
    left: -1%;
}
#encuadernado h2 {
    margin-bottom: 23%;
}
#encuadernado .col-md-4 {
    right: 2%;
    margin-top: -21%;
}
#encuadernadoDos .col-md-8 {
    left: -3%;
    width: 67%;
    top: -219px;
}
hid {
	visibility:hidden;
}
}

@media screen and (max-width:1024px) {
.flickity-viewport:not(.tamanoslide) {
    height: 500px!important;
}

.capa-derecha {
    margin-top: 0%;
}
.capa-izq {
    margin-top: 0;
}
#encuadernado .col-md-4 {
    left: 4%;
}
#encuadernadoDos .col-md-4 {
    left: 68%;
}
#encuadernadoDos .col-md-8 {
    left: -1%;
    width: 66%;
    top: -219px;
}
#encuadernadoDos .iconos.tapas {
    width: 17%;
    margin-top: 17px;
}

.iconos {
    width: 11%;
    text-align: center;
    float: left;
    margin-left: 4%;
    margin-top: 2%;
}
#acabadosDos .col-md-8 {
    left: 33%;
    width: 73%;
	top: -125px;
}
.col-md-8.segundaFila .iconos {
    margin-top: 26%;
    margin-left: 6%;
}
.hidden-ipad {
	visibility:hidden;
}
.visible-ipad {
	visibility:inherit;
}

.col-md-8.segundaFila .iconos.space {
    margin-left: 6%;
    margin-top: 26%;
}
.col-md-8.segundaFila .iconos.visible-ipad.space {
    margin-left: 8%;
}
#encuadernadoDos .iconos.tapas p {
    width: 169px;
    margin-left: -9px;
}
#encuadernadoDos .iconos.space {
    margin-left: 27%;
}
#encuadernadoDos .iconos:nth-child(1) {
    margin-left: 13%;
}
#encuadernadoDos .iconos:nth-child(9) {
    margin-left: 7%;
}
#encuadernadoDos .iconos:nth-child(8) {
    margin-left: 7%;
}

.iconos p {
	font-size:14px;
}


}

@media screen and (max-width:990px) {
	
.flickity-viewport .flickity-slider .background-image-holder {
    position: absolute;
    height: 56%;
}
.flickity-viewport:not(.tamanoslide) {
    height: 300px!important;
}	
#sectionAcabados .background-image-holder, #sectionEncuadernado .background-image-holder {
    -webkit-filter: contrast(38%);
}
.height-60 {
    height: 28vh;
}
#quienes .height-60 {
    height: 41vh;
}
section#quienes {
    padding-top: 5em;
    padding-bottom: 5em;
}
.capa-derecha {
    margin-top: 0%;
}
#acabados .col-md-4 {
    width: 65.5%;
}
.height-70 {
    height: 43vh;
}
#encuadernado .col-md-4 {
   width: 65.5%;
}
#acabadosDos .col-md-8 {
        top: -145px;
    left: 47%;
    width: 50%;
	
	
}
#acabadosDos .col-md-4 {
    left: 0%;
}
#acabadosDos .col-md-4 {
    width: 36%;
}

#btnAcabadosDos, #btnEncuadernadoDos {
    position: absolute;
    bottom: -23%;
}
#encuadernadoDos .col-md-8 {
    left: -1%;
    width: 66%;
    top: -151px;
}

#encuadernadoDos .col-md-4 {
    left: 65%;
}
#encuadernadoDos .iconos.space {
    margin-left: 3.6%;
}
#encuadernadoDos .iconos {
    width: 17.5%;
    margin-top: 5%;
    margin-left: 2.6%;
}
#encuadernadoDos .iconos:nth-child(1) {
    margin-left: 19%;
}
#encuadernadoDos .iconos:nth-child(5) {
    margin-left: 16.6%;
}
#encuadernadoDos .iconos:nth-child(8) {
    margin-left: 5%;
}
#encuadernadoDos .iconos:nth-child(9) {
    margin-left: 3%;
}
.tornillo {
    width: 77px;
    margin-left: 0;
}
#encuadernadoDos .iconos.tapas p {
    width: 109px;
    margin-left: -9px;
}

.menu-horizontal.text-left {
	text-align:right;
}

.bar .menu-horizontal {
    position: relative;
    top: 0;
}
.bar__module {
    height: 62px;
    padding-top: 0;
}
.bar .logo {
    max-height: 4em;
    margin-top: 13px;
}

}



@media screen and (max-width:767px) {
.imagebg:not(.image--light) p.color-primary {
    color: #ffffff;
}	
	
h2 {
    color: #003657;
    font-weight: 600;
    font-size: 24px;
}
.capa-derecha h2:after {
    top: 15%;
    width: 9.5%;
    left: 5%;
}

.capa-izq h2:after {
    top: 15%;
    width: 9.5%;
    left: 5%;
}	
.flickity-viewport .flickity-slider .background-image-holder {
    position: absolute;
    height: 47%;
}	
.flickity-viewport:not(.tamanoslide) {
    height: 177px!important;
}
section#quienes {
    padding-top: 3em;
    padding-bottom: 5em;
}
.bar.bar--sm {
    padding: 0.5em 0;
}	
.bar .logo {
    max-height: 3.5em;
    margin-top: 0;
    margin-bottom: 8px;
}
.bar--sm.visible-xs .col-xs-9 i{
    margin-top: 13px;
	
}
#quienes h2:after {
    top: 108%;
    width: 10.2%;
    left: 18.1%;
}
#quienes .height-60 {
    height: 65vh;
}
.bar__module {
    height: 100px;
    padding-top: 0;
}
.bar .menu-horizontal {
    line-height: 22px;
}

footer {
    padding-top: 4em;
    padding-bottom: 1em;
}
.enlaces {
    padding-right: 0;
    text-align: left;
}
.back-to-top {
    width: 2.714286em;
    height: 2.714286em;
    border-radius: 50%;
    right: 1.85714286em;
    line-height: 1em;
    bottom: 2.714286em;
}
.enlaces .list-inline li:not(:last-child) {
    margin-right: 1em;
}
.datos ul:last-child {
    font-size: 14px;
	
}
p {
    font-size: 14px;
	margin: 2em 0 0 0;
}
#acabados .col-md-4 {
    right: 3px;
    margin-top: 0;
	width: 93%;
	height: 219px;
}
#encuadernado .col-md-4 {
    right: 0;
    margin-top: 0;
	width: 100%;
}
#encuadernado h2, #acabados h2 {
    margin-bottom: 17%;
}
.height-70 {
    height: 51vh;
}
.height-100 {
    height: auto;
}
.imageblock > .container, .imageblock > div[class*='col-']:not(.imageblock__content) {
    padding-top: 2.571429em;
    padding-bottom: 2.571429em;
    float: none;
    overflow: hidden;
}

.capa-derecha h2, .capa-izq h2 {
    padding-bottom: 1.3em;
}
 .capa-izq {
	margin-top: 3em; 
 }   
 
#sectionAcabados .background-image-holder, #sectionEncuadernado .background-image-holder  {
    -webkit-filter: contrast(38%);
}
 #acabados .btn--primary, #encuadernado .btn--primary {
	margin-top: 28px; 
 }


#encuadernadoDos .col-md-4, #acabadosDos .col-md-4 {
    left: 0;
    width: 100%;
    margin-top: 0;
    position: relative;
}
#encuadernadoDos h2, #acabadosDos h2{
    margin-bottom: 20%;
}
#btnAcabadosDos {
    position: absolute;
    bottom: -219%;
	right: 19px;
	z-index: 99;	
}
#btnEncuadernadoDos {
    position: absolute;
    bottom: -206%;
    left: 19px;
    z-index: 99;
}

.capa-desactivada {
    opacity: 0.0;
}
#acabados .btn--primary {
    padding: 0.2em 1.6em 0.2em 0.4em;
}
#encuadernado .btn--primary{
    padding: 0.2em 0.4em 0.2em  1.6em;
}
#acabadosDos .btn--primary, #encuadernadoDos .btn--primary{
    padding: 0.2em 1em 0.2em 1.2em;
}


#acabadosDos .col-md-8 {
    top: -10px;
    left: 0;
    width: 100%;
    position: relative;
}

#sectionAcabados.height-70 {
   height: 54vh;
}
#sectionAcabados.height-70.xs-bigH {
    height: 102vh;
}
#encuadernadoDos .col-md-8 {
    top: -10px;
    left: 0;
    width: 100%;
    position: relative;
}

#sectionEncuadernado.height-70.xs-bigH {
    height: 93vh;
}
#quienes h2 {
    margin-left: 15%;
    margin-bottom: 15%;
}
#encuadernadoDos .col-md-8 {
    margin-top: 51px;
}
.capa-izq {
    padding-left: 15px;
}
.bar__module {
    margin-bottom: 0;
}
nav#menu1 .container-fluid {
    background: none;
}
.nav-container  {
	background:linear-gradient(to right,rgba(209, 247, 255, 0.34) 0%, rgba(227, 246, 254, 0.38) 10%, rgba(249, 255, 255, 0.68) 20%, #f9feff 70%, rgba(227, 246, 254, 0.38) 90%, rgba(209, 247, 255, 0.34) 100%);
}



}