<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
* {font-family: 'Poppins', sans-serif; font-weight: 500; outline: none !important;}

body {background-color:#fbf9fc; color:#6a6a6a; overflow-x: hidden; font-size: 16px;}

a,a:hover{
	color:#E63329;
}

/* HEADER //////////////////////////////////////////////////////////////////////////////////////////////////// */

header {
	display:block;
	width:100%;
	height:52px;
	background-color: #ebe9ec;
	background-color: #fbf9fc;
}

header #buscador-wrapper, #preheader #buscador-wrapper {
	display:block; float:left;
	background-color:#fff;
	height:51px;
}

header input#buscador, #preheader input#buscador {
	width:150px;
	border:0px;
	padding:15px;
	background-color:#fff;
}

@media (max-width : 380px) {
	header input#buscador, #preheader input#buscador {	width:100px; }
}

header input#buscador-submit, #preheader input#buscador-submit {
	border:0px;
	padding:15px;
	font-family: fontawesome;
	background-color:#fff;
	color:#666;
}

header .menu, #preheader .menu {
	list-style-type: none;
}

header .menu li, #preheader .menu li {
	display: inline-block;
	padding:0px 25px;
	padding-top:16px;
}

#preheader .menu li { 	padding-top:4px; }

header .menu li.active a, #preheader .menu li.active a {color:#fff;}

header .menu li a, #preheader .menu li a {	color: #666; }

header .menu li a:hover,header .menu li a.active, #menu-responsive li a.active,
#preheader .menu li a:hover,#preheader .menu li a.active,#preheader #menu-responsive li a.active {
	color: #E63329;
	text-decoration: none;
}
.area li a.active,.lang li a.active{color: #E63329 !important;}

.carousel-indicators { top: 30px; bottom:auto;}
.carousel-indicators { top: 60px; bottom:auto;}
.carousel-indicators li, .carousel-indicators li.active {color:#000!important;border-color: #000!important; margin:0px 5px;}
.carousel-indicators li.active {background-color:#000!important;}
.carousel-control {background-image:none!important;}
.carousel-control {
	top: 50%;
	width: 5%;
	font-size: 60px;
	color: #000;
	text-align: center;
	text-shadow: none;
	background-color: transparent;
	filter: alpha(opacity=100);
	opacity: 1;
	text-shadow:0 0 30px rgba(255,255,255,.5)
}
.carousel-control:focus, .carousel-control:hover {color:#000;}

.scroll-down { bottom: 5px; width: 100%; text-align: center; position: absolute; font-size: 2em; color: #000;
    -webkit-animation-name: scroll-down-anim; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-name: scroll-down-anim;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}


/* BODY */

.destacatWrapper { display: table-cell; vertical-align: bottom; padding-bottom: 90px;}
.contentWrap {width:500px; margin:auto;font-family: 'Poppins', sans-serif;font-size:14px;}
.sub { color:#fff; padding:0px 20px;box-sizing: border-box;text-transform: uppercase; display: inline-block; height:52px;}
.destacatBody {background-color:#fff; padding:20px;box-sizing: border-box;  box-shadow: 0px 5px 20px rgba(0,0,0,0.3);}
.destacatBody .tit { font-weight: bold; font-size:2em;line-height:1em; margin-bottom:10px; text-transform: uppercase;}
a.destacatLink { background-color:#e63329; color:#fff; padding:20px;box-sizing: border-box;text-transform: uppercase; display: inline-block;float:right; border:0 !important; border-radius: 0 !important; font-size: 14px; text-align: center; font-weight: normal !important;}
a.destacatLink:hover,a.destacatLink:focus,a.destacatLink:hover,a.destacatLink:active,a.destacatLink:visited {text-decoration:underline; color:#fff !important; background-color: #e63329 !important;border:0 !important; box-shadow: none !important;}

.page { border: 50px solid #fbf9fc; }

.avideo {
	margin:10px 0px;
	padding:10px;
	display:block;
	border-radius: 5px;
}

.avideo:hover {
	background-color: #e63329;
	color:#fff;
	text-decoration: none;
}

.avideo:hover img {
	filter:brightness(300%);
	-webkit-filter:brightness(300%);
}

.gama { display:inline-block; vertical-align: top; width: calc(90% / 7);}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes scroll-down-anim {
    0%   {bottom:15px; opacity:0;}
    33%  {bottom:5px; opacity:1;}
    66% {bottom:-5px; opacity:0;}
    100% {bottom:-5px; opacity:0;}
}

/* Standard syntax */
@keyframes scroll-down-anim {
    0%   {bottom:15px; opacity:0;}
    33%  {bottom:5px; opacity:1;}
    66% {bottom:-5px; opacity:0;}
    100% {bottom:-5px; opacity:0;}
}

.title-med{
    font-size: 24px;
    font-weight: 400;
    margin-top: 55px;
    text-align: center;
}

#area{
	display: none;
	text-align: center;
	width:480px;
	text-transform: uppercase;
	padding-top: 40px;
	padding-bottom:50px;
	background-color: #ffffff;
}

.lobster {font-family: 'Lobster', cursive;}

.upper { text-transform: uppercase; }

.fs14 { font-size:14px; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }
.fs24 { font-size:18px; }
.fs48 { font-size:48px; }

.white { color:#fbf9fc; }
.gray { color:#666; }
.darkgray { color:#333; }
.black { color:#000; }

.mt25 { margin-top:25px; }
.mt50 { margin-top:50px; }
.mb50 { margin-bottom:50px; }
.mv25 { margin-top:25px; margin-bottom:25px; }

.pt25 { padding-top:25px; }
.pt75 { padding-top:75px; }

.vh66 { /*height:50vw;*/ }

@media (max-width: 767px) {
	#area{ width:100%; }
}

form#private-form{
	width: 220px;
	float:none;
	display: inline-block;
}
form .form-control{
	border:0;
	border-radius: 0;
}
.form-control:focus{
	box-shadow: none;
	transition: none;
}
form textarea{
	resize: none;
}
form .form-group{
	margin-bottom: 2px;
}
form .form-group input,form .form-group textarea{
	height: 45px;
	background-color: #f1f1f1;
	box-shadow: none;
	font-weight: 400;
	/*text-transform: uppercase;*/
}
form .form-group textarea{
	height: 100px;
}
form#private-form input{
	text-align: center;
	width:225px;
}
form .form-group button{
	height: 45px;
	width:225px;
	float: none;
	padding:0;
	box-shadow: none;
}

form .destacatLink { background-color:#e63329; color:#fff; padding:20px;box-sizing: border-box;text-transform: uppercase; display: inline-block;float:right; border:0 !important; border-radius: 0 !important; font-size: 14px; text-align: center; font-weight: normal !important;}
form .destacatLink:hover,form .destacatLink:focus,form .destacatLink:hover,form .destacatLink:active,form .destacatLink:visited {text-decoration:underline; color:#fff !important; background-color: #e63329 !important;border:0 !important; box-shadow: none !important;}

label.error{display: none !important;}
input.error,textarea.error{background-color: #6a6a6a !important; color:#FFF;}

.fancybox-overlay{
	background: none !important;
	background-color: rgba(255,255,255,.75) !important;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background:none !important;}
.fancybox-close{
	background-image: url('/img/bt_close.png') !important;
	background-repeat: no-repeat !important;
	width:14px !important;
	height: 14px !important;
	top: 12px !important;
	right: 12px !important;
}

.fancybox-prev span:before{
	content: "\f053";
	left: 0;
}
.fancybox-next span:before{
	content: "\f054";
	right: 0;
}

.fancybox-prev span:before, .fancybox-next span:before{
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	/*--adjust as necessary--*/
	color: #000;
	position: absolute;
	font-size: 34px;
	color: #E63329;
}

/* MENU ////////////////////////////////////////////////////////////////////////////////////////////////////// */

.menu li { position:relative; display:inline-block; min-height:52px;}
#preheader .menu li { min-height:30px;}


.menu li.submenu:hover 				.submenu-nivell1,
.menu li.submenu:hover 				.lang,
.menu li.familia-option:hover 		.submenu-nivell2,
.menu li.subfamilia-option:hover 	.submenu-nivell3 {	display:block;	}

.menu .submenu li {margin-left:0px;	width:190px;padding-top:0px;line-height: 1.2em;}
.menu .submenu li a {font-weight:700;}
.menu .submenu li a:hover {text-decoration:none;color:#666;}
.menu .submenu li:hover a {color:#666;}

.menu .submenu li:hover img {
	-webkit-filter: grayscale;
	-webkit-filter: brightness(50%);
}

.menu .submenu-nivell1 { top:30px;  left:-52px; padding-left:0px; }
.menu .submenu-nivell2, .menu .submenu-nivell3 	{ top:0px; left:190px; padding-left:0px; }

.menu .submenu-nivell1, .menu .submenu-nivell2, .menu .submenu-nivell3, .menu .lang {display:none; position:absolute; text-align:left; z-index:200; }

.menu .submenu-nivell1 li a {color:#fff;}
.menu .submenu-nivell2 li a {color:#666;}

.menu .submenu-nivell2 li {padding-left:10px;}
.menu .submenu-nivell2 li a, .menu .submenu-nivell2 li a:hover {display: inline-block;	width: 90%;	margin-top: 11px;}

.submenu .submenu-nivell2 li, .menu .submenu-nivell2 li {background-color:#eceaeb;}
.submenu .submenu-nivell3 li,.menu .submenu-nivell3 li {background-color:#f5f3f6;}

.menu .submenu-nivell1 li:hover {background-color:#eceaeb;}
.menu .submenu-nivell2 li:hover {background-color:#f5f3f6;}
.menu .submenu-nivell3 li:hover {background-color:#fbf9fc;}

.menu .submenu-nivell1 li:hover,
.menu .submenu-nivell2 li:hover,
.menu .submenu-nivell3 li:hover {cursor:pointer;}


.familia-100000 {}
.familia-200000 {}
.familia-300000 {}
.familia-100000.active, .familia-100000:hover { background-color: #009EE2; }
.familia-200000.active, .familia-200000:hover { background-color: #51AD32; }
.familia-300000.active, .familia-300000:hover { background-color: #8771B0; }
.familia-100000.active a, .familia-100000:hover a { color: white !important; text-decoration: none; }
.familia-200000.active a, .familia-200000:hover a { color: white !important; text-decoration: none; }
.familia-300000.active a, .familia-300000:hover a { color: white !important; text-decoration: none; }


.familia-100000 img { filter: grayscale brightness(50%) }


.menu .submenu-nivell3.bigMenu { top: -364px;}

.area,.lang{
	background-color: #eceaeb !important;
	text-align: center !important;

}
.area li a:hover,.lang li a:hover{
	color: #E63329 !important;
}
.lang{padding:0 !important; margin:0 !important;position: absolute; right:0px; top:52px;}
#preheader .lang {top:30px; right: 25px;}
.lang li,.lang li a{ padding:0 !important; margin:0 !important; width: auto !important; float:right; text-align: right; width: 100%}
.lang li a{ padding:15px 15px 15px 35px !important;}
.area{
	left: -33px !important;
}
.area li a,.lang li a{
	font-weight: 500 !important;
	color: #666 !important;
	height: auto !important;
}

.area li a{
	display: inline-block !important;
	padding: 12px !important;
	width: 100%;
}

header #bars { display:none; }
#menu-responsive {display: none;}

@media (min-width : 992px) {
	header .menu{ display: block !important; }
	#menu-responsive {display: none !important;}
}

@media (max-width : 991px) {
	header .menu { display:none;z-index:300;}
	header #bars { display:block; float:right;margin-top:10px;color:#666;}
	#menu-responsive {display:none;position:fixed;top:52px;left:0px; width:100%; background-color:#ebe9ec;z-index:300;padding:26px;}
	ul#menu-responsive {padding-left:40px; list-style-type: none;}
	#menu-responsive ul{margin-left:0px; list-style-type: none;}

	#menu-responsive li {	margin-top:5px; margin-bottom:5px; }
	#menu-responsive li a {	color:#646464; cursor: pointer;font-size: 1.5em;line-height: 1.5; }
	#menu-responsive a:hover {	text-decoration:none; color:#ff0000;}

    #menu-responsive { max-height: calc(100% - 52px); overflow-y: scroll; }

	.hasSubmenu ul {display:none;}
	li.hasSubmenu:before {
		content: 'ï§';
		font-family: fontawesome;
		float:left;
		margin-left:5px;
		display:block;
		width:20px;
		margin-left:-20px;
		margin-top:8px;
	}

	li.hasSubmenuActive:before {
		content: 'ï¨';
		font-family: fontawesome;
		float:left;
		margin-left:5px;
		display:block;
		width:20px;
		margin-left:-20px;
		margin-top:8px;
	}
	#ficha{
		margin-bottom:40px;
	}

}

/* PRODUCT LIST ////////////////////////////////////////////////////////////////////////////////////////////// */

#path {z-index:100;}

/* PATH ////////////////////////////////////////////////////////////////////////////////////////////////////// */

.pathWrapper { height:52px; position:absolute;}
/*.pathWrapper:hover { height:auto; overflow:initial;}*/

#path li { position:relative; display:inline-block; height:52px;}

/*#path li.submenu:hover 				.submenu-nivell1,
#path li.familia-option:hover 		.submenu-nivell2,
#path li.subfamilia-option:hover 	.submenu-nivell3 {	display:block;	}*/

#path .submenu li {margin-left:0px;	width:190px;padding-top:0px;line-height: 1.2em;}
#path .submenu li a {font-weight:700;}
/*#path .submenu li a:hover {text-decoration:none;color:#666;}
#path .submenu li:hover a {color:#666;}*/

/*#path .submenu li:hover img {
	-webkit-filter: grayscale;
	-webkit-filter: brightness(50%);
	}*/

	#path .submenu-nivell1 							{	top:52px; 	left:-52px;	padding-left:0px;	}
	#path .submenu-nivell, #path .submenu-nivell2, #path .submenu-nivell3 	{	top:0px;	left:190px;	padding-left:0px;	}

	#path .submenu-nivell2, #path .submenu-nivell3 {	position:absolute;	text-align:left;	z-index:200;	}

	#path .submenu-nivell1 li a {color:#fff;}
	#path .submenu-nivell2 li a, #path .submenu-nivell li a {color:#666;}

	#path .submenu-nivell2 li, #path .submenu-nivell li  {padding-left:10px;}
	#path .submenu-nivell2 li a, #path .submenu-nivell2 li a:hover,
	#path .submenu-nivell li a, #path .submenu-nivell li a:hover {display: inline-block;	width: 90%;	margin-top: 11px; text-decoration: none;}

	#path .submenu-nivell2 li {background-color:#eceaeb;}
	#path .submenu-nivell3 li {background-color:#f5f3f6;}

/*#path .submenu-nivell1 li:hover {background-color:#eceaeb;}
#path .submenu-nivell2 li:hover {background-color:#f5f3f6;}
#path .submenu-nivell3 li:hover {background-color:#fbf9fc;}*/

/*#path .submenu-nivell1 li:hover,
#path .submenu-nivell2 li:hover,
#path .submenu-nivell3 li:hover {	cursor:pointer;	}*/

#path .submenu-nivell3.bigMenu { top: -364px;}
#path .goFirst .submenu-nivell3.bigMenu { top: 0px;}

.familia-option a {font-weight:700; color:#fff;}
.familia-option a:hover {text-decoration:none;color:#fff;}


.grid-item:hover {cursor:initial!important;}

/* PRODUCT LIST ////////////////////////////////////////////////////////////////////////////////////////////// */

.backBt, .loginBt {
	display: block; float:left;
	background-color: #f5f3f6;
	color:#666;
	padding:16px;
	text-transform: uppercase;
}

.loginBt {	background-color: transparent;}

.backBt a, .loginBt a { color:inherit;font-weight: 700;}
.loginBt a { color:inherit;font-weight: 400;}
.backBt a:hover, .loginBt a:hover { text-decoration:none;}

.prod {
	display: block;
	background-color:#fff;
	transition:box-shadow 0.4s;
	-webkit-transition:box-shadow 0.4s;
	color:#666;
}

.product-list-image {
	width: 100%;
	/*padding-top: 100%;*/
	background-color: #fff;
	background-position: center;
	background-size: contain;
	background-repeat:no-repeat;
	box-sizing: border-box;
	border: 10px solid #fff;
	border-bottom:0px;
}

.prod img.bt {
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	filter: grayscale(100%) brightness(250%);
	-webkit-filter: grayscale(100%) brightness(250%);
}

.prod:hover {box-shadow:0px 0px 20px rgba(0,0,0,0.15); text-decoration:none; color:#333;}
.prod:hover img.bt {
	-webkit-filter: grayscale(0%);
}

a.descargar-hq {
	text-align:center; margin-right:8px; position:absolute; top:0px; left:0px; width:90%; margin:0px 5%;background-color: rgba(0,0,0,0.7);
}

a.descargar-hq i.fa {
	color:#E63329;
}

a.descargar-hq:hover {
	background-color: rgba(255,255,255,.7);
}

/* FOOTER //////////////////////////////////////////////////////////////////////////////////////////////////// */

footer {
	margin:100px 0px;
	font-size:0.85em;
	font-weight: 400;
}

footer a {	color:#E63329; }
footer a:hover {	color:#E63329; text-decoration: underline;	}

/* BOOTSTRAP CONTAINER HACK  //////////////////////////////////////////////////////////////////////////////////////////////////// */

@media (min-width: 1600px) {
	.container {
		width: 1400px;
	}
}

/* MEDIA QUERIES //////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.mt75Responsive { margin-top: 0px; }
.mt50Responsive { margin-top: 0px; }
.m0Responsive { margin:0px!important; }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

@media (max-width : 1200px) {
	header .menu li { margin-left:20px;}
	header .menu {    padding-left: 0px;}
	ul#mainMenu li a { padding-left: 0px!important;padding-right: 0px!important; font-size:0.8em;}
}

@media (max-width : 1024px) {
	/*ul#mainMenu li a { padding-left: 0px!important;padding-right: 0px!important; font-size:0.8em;}*/
	.vh66 { height:calc(0.4 * 800px); }
	.fs48 { font-size:36px; }
}

@media (max-width : 991px) {
	header {top:0px!important;}
	header .container {padding:0px!important;}
	header #bars { margin-right: 15px;	}
	.carousel-inner {border:0px!important;}
	.grid-item {padding:0px;}
	.responsiveCenter {text-align: center!important;}
}

@media (max-width : 991px) {
	.responsive100 { width: calc(100%-100px); }
	.page { border:0px; }

	.page .video p { width:75%!important; margin:0px!important; font-size:0.9em; text-align:left;}
	/*.video img { width:20%; float:left; display:inline-block; margin-right: 5%; }*/
	.video.hermetico img { float:none; margin:0px; }
	.page .video.hermetico p { text-align: center; width:100%!important; }

	.mt75Responsive { margin-top: 75px; }
	.mt50Responsive { margin-top: 50px; }
	.mt0Responsive {margin-top:0px!important;}
	.responsiveCenter img { display:block!important; margin:auto; margin-bottom: 10px;}
	.gama { width:33%!important; margin-bottom:25px; }
	.gama img {height:100px;}
}

@media (max-width : 425px) {
	.gama { width:50%!important; margin-bottom:25px; }
}

ul#mainMenu li {
    padding: 0px !important;
    min-height: 0 !important;
}
ul#mainMenu li a {
    display: block;
    padding: 0px 25px;
    padding-top: 16px;
    min-height: 52px;
}


#legals-container{
	font-size: 12px !important;
}
#legals-container table{ margin-bottom: 30px; }
#legals-container table td{
    border:1px solid black !important;
    padding:10px;
}
#legals-container a{ word-break: break-all; }
#ecohome {
  color: rgb(51, 51, 51);
  font-size: 18px;
  line-height: 1.6;
}
@media (min-width: 992px) {
  #ecohome {
    padding-top: 75px;
  }
  #ecohome .container-fluid {
    padding: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
  }
}
@media (max-width: 991px) {
  #ecohome {
    padding-top: 50px;
  }
}
@media screen and (min-width: 768px) {
  #ecohome [class^=col-].order-0,
  #ecohome [class*=" col-"].order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  #ecohome [class^=col-].order-1,
  #ecohome [class*=" col-"].order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 767px) {
  #ecohome {
    text-align: center;
  }
}
#ecohome .row.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#ecohome .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
#ecohome .img-responsive {
  display: inline-block;
}
#ecohome .slick-dots {
  position: static;
}
#ecohome .slick-dots li.slick-active button {
  background-color: rgb(230, 51, 41);
}
#ecohome .slick-dots li button {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: transparent;
  border: 2px solid rgb(230, 51, 41);
  padding: 0;
}
#ecohome .slick-dots li button::before {
  content: none;
}
#ecohome .slick-dots li:only-child {
  display: none;
}

.eco-text {
  color: #6b8d73;
  font-weight: 700;
}

.home-text {
  color: #6f635a;
  font-weight: 700;
}

.ecohome-section {
  margin-top: 25px;
  margin-bottom: 25px;
}
.ecohome-section__title {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 50px;
}

.ecohome-gama {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .ecohome-gama:not(:last-child) {
    margin-bottom: 75px;
  }
}
.ecohome-gama__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ecohome-gama__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 767px) {
  .ecohome-gama__logo {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.ecohome-gama__description {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ecohome-gama__title {
  font-weight: 700;
}
.ecohome-gama__link {
  padding: 0.4em 0.75em;
  background-color: rgb(230, 51, 41);
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  display: inline-block;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.ecohome-gama__link:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(230, 51, 41);
  text-decoration: none;
}
.ecohome-gama__image {
  width: 100%;
  height: auto;
}
.ecohome-gama__image--thumb {
  margin-top: 15px;
  margin-bottom: 15px;
}

.ecohome-tip {
  padding: 15px;
}

.hero-full-vh {
  margin-top: 82px;
  margin-bottom: 50px;
  position: relative;
}

.hero-full-vh &gt; a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 0.4em 0.75em;
  background-color: #e63329;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

.hero-full-vh &gt; a:hover {
  background-color: #fff;
  color: #e63329;
  text-decoration: none;
}

.hero-full-vh &gt; video,
.hero-full-vh &gt; img {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: calc(100vh - 82px);
}

@media (max-width: 991px) {
  .hero-full-vh {
    margin-top: 52px;
  }
  .hero-full-vh &gt; video,
  .hero-full-vh &gt; img {
    display: block;
    max-width: 100%;
    max-height: calc(100vh - 52px);
  }
}</pre></body></html>