/*MOBILE*/ @media only screen and (max-width: 999px) { * {border: none; box-sizing: border-box; color: #222; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; font-style: none; list-style: none; margin: 0; -moz-box-sizing: border-box; padding: 0; text-align: center; text-decoration: none; vertical-align: top; -webkit-box-sizing: border-box;} body {background-image: url(../img/bg.png);} body.static, html.static {height: 100%; max-height: 100%;} footer {margin-top: 50px; padding-bottom: 10px; height: 10%; width: 100%; z-index: 3;} footer.fix {bottom: 0; display: inline-block; margin-top: 0; position: fixed; left: 0;} footer div {display: inline-block; width: 90%;} footer div p {color: #C31C3F; font-size: 12px; font-weight: bolder;} footer ul {display: inline-block; margin-bottom: 10px; text-align: left; width: 90%;} footer ul li {color: #C31C3F; display: inline-block; font-weight: bolder; margin-right: 20px;} footer ul li a {font-weight: bolder; transition: .5s;} form.contact-form-popup {background-color: #FFF; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .10); display: inline-block; padding: 20px 40px 0 20px; right: 20%; top: 10%; width: 100%; opacity: 0; display: none;} form.contact-form-popup.close {position: absolute; right: 20px; top:20px; display: block; cursor: pointer;} form.contact-form-popup div {display: inline-block; margin-bottom: 20px; width: 100%; opacity: 1; transition: all 2s ease;} form.contact-form-popup .close {display: none;} form.contact-form-popup div {} form.contact-form-popup div label {display: block; font-weight: bolder; margin-bottom: 5px; text-align: left;} form.contact-form-popup div label.error {color: red; font-size: 12px;} form.contact-form-popup div label b {color: #C31C3F; font-weight: bolder;} form.contact-form-popup div input {background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; display: block; height: 40px; margin-bottom: 10px; padding: 10px; text-align: left; width: 100%;} form.contact-form-popup div input.error {outline: none; border:1px solid red;} form.contact-form-popup div select {background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; display: block; height: 40px; margin-bottom: 10px; padding: 0 10px; text-align: left; width: 100%;} form.contact-form-popup div textarea {background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; display: block; height: 120px; margin-bottom: 20px; padding: 10px; text-align: left; resize: none; width: 100%;} form.contact-form-popup h4 {color: #C31C3F; margin-bottom: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .10); display: inline-block; cursor: pointer; margin-top: -40px; padding: 20px 40px 20px 20px; position: relative; width: 60%; background: #FFF;} h1, h2, h3, h4, h5, h6 {font-family: 'Playfair Display', serif;} h1 {font-size: 25px;} h2 {font-size: 20px;} h3 {font-size: 20px;} h4 {font-size: 17.5px;} h5 {font-size: 15px;} h6 {font-size: 15px;} header {margin-bottom: 25px; width: 100%;} header.fix {margin-bottom: 0; position: fixed; z-index: 3; } header.opened {z-index: 3;} header figure {display: block; vertical-align: middle; width: 120px; margin-left: 25px;} header figure a {display: block; text-align: left;} header figure a img {width: 75%;} header nav {max-height: 30px; overflow: hidden; display: block; transition: all 800ms ease; margin-top: -25px;} header.opened nav {max-height: 330px; overflow-y: hidden;} header nav > ul {display: inline-block; width: 100%; background: #FFF;} header nav > ul > li {border-bottom: 2px solid #CCC; color: #222; display: block; font-family: 'Raleway', sans-serif; transition: .3s;} header nav > ul > li.drop {text-align: left;} header nav > ul > li.drop > a {color: #222; display: inline-block; padding-bottom: 0;} header nav > ul > li.drop ul > li {color: #222; text-align: left; padding-left: 10px;} header nav > ul > li.drop ul > li a {color: #222; padding: 5px 0 5px 2.5%;} header nav > ul > li.active {border-bottom: 2px solid #C31C3F; color: #C31C3F; font-weight: bold; padding: 10px 0 10px 2.5%; text-align: left;} header nav > ul > li.linkedin {border-bottom: 3px solid #FFF;} header nav > ul > li a {color: #222; display: block; font-family: 'Raleway', sans-serif; font-weight: bold; padding: 10px 0 10px 2.5%; text-align: left;} header nav > ul > li a img {width: 10px; background-image: url(../img/down-dark.png); background-size: 10px; background-repeat: no-repeat;} header nav > ul > li a span {vertical-align: top; transition: all 1s ease;} header nav > ul > li a span img {margin-left: 5px; width: 10px;} header ol {text-align: right; position: absolute; right: 20px; top: 35px; } header ol li {display: inline-block;} header ol li a {display: block;} header ol li a img {margin-left: 5px; transition: .5s; width: 35px;} /*Mobile menu*/ header nav > button, header nav > button:focus {height: 30px; width: 28px; position: relative; padding: 0; cursor: pointer; box-sizing: border-box; border: 0; background: no-repeat; display: block; margin: 0 auto; outline: none; z-index: 1;} header nav > button > span.line, header nav > button > span.line:after, header nav > button > span.line:before {background:#FFF; height: 2px; position: absolute; left: 0; margin-top: -1px; transition: background 300ms 0s ease, transform 300ms 0s ease, top 300ms 0.2s ease, bottom 300ms 0.2s ease; width: 100%;} header nav > button.dark > span.line, header nav > button.dark > span.line:before, header nav > button.dark > span.line:after {background: #000;} header nav > button > span.line:before {top: -7px; content: "";} header nav > button > span.line:after {bottom: -8px; content: "";} #cocinas-root .featherlight-content {background: none; width: 90%;} #cocinas-root .featherlight .featherlight-close-icon {color: #FFF;} #company {text-align: left;} #company article {margin-bottom: 40px; padding: 0 5%;} #company article h3 {color: #C31C3F; margin-bottom: 20px;} #company article p {margin-bottom: 1em; text-align: justify;} #company div.bx-empresa-container {display: inline-block; position: relative; width: 100%;} #company div.bx-empresa-container span {color: #C31C3F; display: inline-block; font-family: 'Domine', serif; font-size: 50px; margin-right: -50px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); vertical-align: middle; z-index: 1 !important;} #company div.bx-empresa-container .bx-wrapper {background: none; border: none; box-shadow: none; margin: 0 auto; padding: 0; width: 75%;} #company div.bx-empresa-container .bx-wrapper .bx-pager {bottom: -30px; width: 100%;} #company div.bx-empresa-container .bx-wrapper .bx-pager .bx-pager-item {margin-bottom: 7px;} #company div.bx-empresa-container .bx-wrapper .bx-pager.bx-default-pager a {border-radius: 0px; background: #C31C3F; height: 8px; transform: rotate(45deg); width: 8px;} #company div.bx-empresa-container .bx-wrapper .bx-pager.bx-default-pager a:hover, #company div.bx-empresa-container .bx-wrapper .bx-pager.bx-default-pager a.active, #company div.bx-empresa-container .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #FFF; border: 0.5px solid red;} #company div#bx-empresa {display: block; height: 100%;} #company div#bx-empresa div {height: 100%; margin: 0 auto; display: block;} #company div#bx-empresa img {box-shadow: 0 0 10px rgba(0, 0, 0, .10); vertical-align: middle; width: 100%; z-index: -1 !important;} #contact {text-align: left;} #contact article {border-bottom: 1px dashed #C31C3F; border-top: 1px dashed #C31C3F; margin: 20px 0; padding: 40px 5% 0 5%;} #contact article div {margin-bottom: 40px;} #contact article div address {display: block; margin-bottom: 1em;} #contact article div address a {display: block;} #contact article div address a img {display: inline-block; vertical-align: middle; width: 40px;} #contact article div address a p {color: #C31C3F; display: inline-block; font-style: normal; margin-bottom: 0; vertical-align: middle;} #contact article div address a p b {color: #C31C3F; font-weight: bolder; font-style: normal; vertical-align: baseline;} #contact article div button {background-color: #26D367; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, .10) transition: .5s;;} #contact article div button a {display: block; padding: 10px 20px;} #contact article div button a img {margin-right: 10px; width: 20px;} #contact article div button a span {color: #FFF; font-weight: bolder;} #contact article div h5 {color: #C31C3F; display: block; margin-bottom: 5px;} #contact article div p {display: block; margin-bottom: 1em;} #contact article div p strong {} #contact form {margin-bottom: 40px; padding: 0 5%;} #contact form label {display: block; font-weight: bolder; margin-bottom: 5px; text-align: left;} #contact form label.error {color: red; font-size: 12px;} #contact form label b {color: #C31C3F; font-weight: bolder;} #contact form input {background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; display: block; height: 40px; margin-bottom: 10px; padding: 10px; text-align: left; width: 100%;} #contact form input.error {outline: none; border:1px solid red;} #contact form select {background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; display: block; height: 40px; margin-bottom: 10px; padding: 0 10px; text-align: left; width: 100%;} #contact form textarea {background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; display: block; height: 120px; margin-bottom: 20px; padding: 10px; text-align: left; resize: none; width: 100%;} #contact h3 {color: #C31C3F; margin-bottom: 10px;} #contact h4 {margin-bottom: 20px; padding: 0 2.5%;} #content {margin-bottom: 50px;} #content article {display: inline-block; height: 55vh; overflow: auto; padding-right: 30px; width: 90%;} #content article::-webkit-scrollbar {width: 5px;} #content article::-webkit-scrollbar-thumb {background-color: #C31C3F; border-radius: 5px;} #content article::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25);} #content article p {margin-bottom: 1em; text-align: justify;} #content article p a {color: #C31C3F;} #content article p b {} #content article p strong {color: #C31C3F; font-weight: bolder;} #content article ul {} #content article ul li {list-style-type: circle; margin: 0 0 .5em 30px; text-align: justify;} #content article ul li a {color: #C31C3F;} #content article ul li strong {color: #C31C3F; font-weight: bolder;} #content h3 {color: #C31C3F; margin-bottom: 20px;} #has-map-popup .featherlight-content {height: 80%; width: 90%;} #home {align-items: center; display: flex; height: 100%;} #home > article {align-items: center; background-color: rgba(255,255,255,.90); border-right: 3px solid #DDD; box-shadow: 0 0 10px rgba(0, 0, 0, .10); display: flex; -webkit-flex-direction: column; height: 100%; justify-content: center; margin-left: -90%; transition: .5s; width: 90%; z-index: 2; position: relative;} #home > article > .bx-wrapper {width: 70%;} #home.opened article {margin-left: 0; transition: .5s;} #home > article div#bx-home {height: 25vh;} #home > article div#bx-home a {display: inline-block; vertical-align: middle;} #home > article div#bx-home a img {width: 25px;} #home > article div#bx-home ul {display: inline-block; margin: 0 20px; vertical-align: middle; width: 60%;} #home > article div#bx-home > div {text-align: left;} #home > article div#bx-home > div h5 {border-bottom: 3px solid #C31C3F; display: inline-block; margin-bottom: 10px; padding-bottom: 10px; text-align: justify; width: 95%;} #home > article div#bx-home > div p {text-align: justify;} #home > article figure {height: 15vh; padding-right: 7.5%; text-align: right; width: 100%; position: absolute; bottom: 25px;} #home > article figure img {height: 50%;} #home > article form {height: 15vh; position: absolute; bottom: 125px;} #home > article form button {background-color: #C31C3F; border-radius: 50%; cursor: pointer; height: 30px; margin-left: -32px; transition: .5s; vertical-align: middle; width: 30px; z-index: 1;} #home > article form button a {display: block;} #home > article form button img {width: 20px;} #home > article form h6 {margin-bottom: 10px;} #home > article form input {border: 2px solid #DDD; border-radius: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, .10); height: 34px; outline: none; vertical-align: middle; width: 250px; z-index: -1;} #home > article h1 {color: #C31C3F; display: block; width: 100%; position: absolute; top: 125px;} #home > article h3 {display: block; font-family: 'Satisfy'; font-size: 15px; width: 100%; position: absolute; top: 160px;} #home span {cursor: pointer; display: inline-block; z-index: 2; opacity: 1; transition: opacity 1s ease;} #home span.hide {opacity: 0;} #home span img {width: 40px; transition: all 0.5s ease;} #home.opened span img {transform: rotate(180deg);} #home.opened span img {transform: rotate(180deg);} #home .bx-wrapper {border: none; background: none; box-shadow: none; margin: 0;} #home .bx-wrapper .bx-viewport #bx-mobile {height: 100%;} #home .bx-wrapper .bx-viewport #bx-mobile div {height: 100%;} #home .bx-wrapper .bx-viewport #bx-mobile div img {height: 100%; width: 100%;} #home .bx-wrapper .bx-next {background: url("../img/arrow-next.png"); background-size: 70%; background-repeat: no-repeat; background-position: center; right: -40px;} #home .bx-wrapper .bx-prev {background: url("../img/arrow-back.png"); background-size: 70%; background-repeat: no-repeat; background-position: center; left: -40px;} #main-gallery-mobile {position: absolute; top: 0; width: 100%; height: 100%;} #main-gallery-mobile ul {} #main-gallery-mobile > div {height: 100%; overflow: hidden;} #main-gallery-mobile > div img {width: 100%;} #main-gallery-mobile .bx-wrapper {margin: 0; background: #000; border: none; box-shadow: none;} #main-gallery-mobile .bx-wrapper .bx-pager, #main-gallery-mobile .bx-wrapper .bx-controls-auto {bottom: 60px; width: 100%;} #main-gallery-mobile .bx-wrapper .bx-pager.bx-default-pager a {background: #FFF; height: 8px; width: 8px;} #main-gallery-mobile .bx-wrapper .bx-pager.bx-default-pager a:hover, #main-gallery-mobile .bx-wrapper .bx-pager.bx-default-pager a.active, #main-gallery-mobile .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #FFF; border: 0.5px solid red;} #main-gallery-mobile .bx-wrapper .bx-pager.bx-default-pager a {border-radius: 5px;} #main-gallery-mobile .bx-wrapper .bx-pager-item {margin-bottom: 7px;} #main-gallery-desktop.loaded {display: none !important;} #main-gallery-mobile.loaded {display: block !important;} #preloader {position: fixed; top:0; left: 0; width:100%; height: 100%; background: #FFF; z-index: 999999} #preloader .loader {position: absolute; top:45%; left: 45%; width: 60px; height: 60px;} #preloader .loader img {animation: pulse ease-in-out 1s infinite alternate;} #products {} #products article {display: inline-block; vertical-align: middle; width: 90%;} #products article div.products-container {background-color: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, .10); border-radius: 5px; padding-bottom: 20px;} #products article div.products-container:first-of-type {margin-bottom: 50px;} #products article div.products-container .bx-wrapper {display: block; vertical-align: middle; border: none; box-shadow: none; margin:0 auto; width: 100%;} #products article div.products-container .bx-wrapper .bx-pager {bottom: 5px; display: block; padding: 0; width: 100%;} #products article div.products-container .bx-wrapper .bx-pager .bx-pager-item {margin-bottom: 7px; position: relative;} #products article div.products-container .bx-wrapper .bx-pager.bx-default-pager a {height: 8px; width: 8px; background:#C31C3F; } #products article div.products-container .bx-wrapper .bx-pager.bx-default-pager a:hover, #products article div.products-container .bx-wrapper .bx-pager.bx-default-pager a.active, #products article div.products-container .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #FFF; border: 0.5px solid red;} #products article div.products-container .bx-wrapper .bx-pager.bx-default-pager a {border-radius: 0; transform: rotate(45deg);} #products article div.products-container div.product-description {background-color: none; box-shadow: none; display: block; margin: 0 auto; padding: 15px; width: 100%} #products article div.products-container div.product-description h5 {color: #C31C3F; margin: 5px 0; text-align: left;} #products article div.products-container div.product-description p {font-size: 14px; margin-bottom: 1em; text-align: justify;} #products article div.products-container div.product-description p b {font-size: 14px; font-weight: bolder; vertical-align: baseline;} #products article div.products-container div.product-description p strong {color: #C31C3F; font-weight: bolder; vertical-align: baseline;} #products article div.products-container a.product-item {display: inline-block; margin-right: 20px; vertical-align: middle; width: 100%;} #products article div.products-container a.product-item img {width: 100%;} #products h3 {color: #C31C3F; margin-bottom: 20px;} #product-gallery {position: relative;} #product-gallery article {display: block; margin: 0 auto; width: 90%;} #product-gallery article div.description {display: block; background-color: #C31C3F; padding: 10px 0; width: 100%;} #product-gallery article div.description h6 {color: #FFF; font-weight: bolder;} #product-gallery article div.bx-mobile-container {box-shadow: 0 0 10px rgba(0, 0, 0, .10); display: block;} #product-gallery article div.bx-mobile-container .bx-wrapper {background: none; border: none; box-shadow: none; margin: 0; padding: 0; height: 100%;} #product-gallery article div.bx-mobile-container .bx-wrapper .bx-viewport {height: 100% !important;} #product-gallery article div.bx-mobile-container img {margin: 0 auto; width: 100%;} #product-gallery a[href="#contactus"] {display: block; margin: 0 auto; position: absolute; width: 100%; bottom: -15px;} #product-gallery h4 {background: #C31C3F; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, .10); color: #FFF; cursor: pointer; display: block; margin: 0 auto; padding: 10px 0; position: relative; width: 60%;} #product-gallery article div.bx-mobile-container .bx-wrapper .bx-pager {bottom: -30px; display: block; margin: 0 auto; padding: 0; width: 100%;} #product-gallery article div.bx-mobile-container .bx-wrapper .bx-pager .bx-pager-item {position: relative;} #product-gallery article div.bx-mobile-container .bx-wrapper .bx-pager.bx-default-pager a {background: #C31C3F; border-radius: 0; transform: rotate(45deg); height: 8px; width: 8px;} #product-gallery article div.bx-mobile-container .bx-wrapper .bx-pager.bx-default-pager a:hover, #product-gallery article div.bx-mobile-container .bx-wrapper .bx-pager.bx-default-pager a.active, #product-gallery article div.bx-mobile-container .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #FFF; border: 0.5px solid red;} #services-and-warranties {} #services-and-warranties article {margin-bottom: 50px;} #services-and-warranties article#services {} #services-and-warranties article#services h3 {color: #C31C3F; margin-bottom: 20px;} #services-and-warranties article#services ul {} #services-and-warranties article#services ul li {border-left: 10px solid #C31C3F; margin-bottom: 20px; padding: 10px; text-align: left; transition: .5s;} #services-and-warranties article#services ul li div {display: inline-block; vertical-align: middle; width: 75%;} #services-and-warranties article#services ul li div ol {text-align: left;} #services-and-warranties article#services ul li div ol li {border: none; display: inline-block; margin: 0 10px 0 0; padding: 0; width: 20%;} #services-and-warranties article#services ul li div ol img {max-width: none; width: 100%;} #services-and-warranties article#services ul li div p {font-weight: bolder; margin-bottom: 1em; text-align: left;} #services-and-warranties article#services ul li img {display: inline-block; margin-right: 10px; max-width: 75100px; vertical-align: middle; width: 20%;} #services-and-warranties article#warranties {} #services-and-warranties article#warranties form {background-color: #FFF; border: 1px solid #C31C3F; border-radius: 0 10px 10px 0; box-shadow: 0 0 10px rgba(0, 0, 0, .10); display: inline-block; margin: 20px 5% 20px 0; padding: 40px 40px 40px 10%; text-align: left; width: 95%;} #services-and-warranties article#warranties form h4 {color: #C31C3F; font-family: 'Playfair Display', serif; margin-bottom: 0;} #services-and-warranties article#warranties form h5 {font-family: 'Playfair Display', serif; margin-bottom: 20px;} #services-and-warranties article#warranties form label {display: block; margin-bottom: 5px; text-align: left; width: 100%;} #services-and-warranties article#warranties form label.error {color:red; font-size: 11px; font-weight: bold; margin-top: -10px;} #services-and-warranties article#warranties form label b {color: #C31C3F; font-weight: bolder;} #services-and-warranties article#warranties form input {background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; display: block; height: 40px; margin-bottom: 10px; padding: 10px; text-align: left; width: 100%;} #services-and-warranties article#warranties form input.error {outline: none; border:1px solid red;} #services-and-warranties article#warranties form .gj-datepicker-md [role=right-icon] {top: 50%; transform: translateY(-50%);} #services-and-warranties article#warranties h3 {color: #C31C3F;} #services-and-warranties article#warranties h4 {font-family: 'Satisfy'; margin-bottom: 20px;} #services-and-warranties article#warranties div.seal {margin: 20px 0; } #services-and-warranties article#warranties div.seal div {display: block; padding: 0 5%;} #services-and-warranties article#warranties div.seal div p {font-size: 20px; font-weight: bolder; margin-bottom: 10px;} #services-and-warranties article#warranties div.seal div span {display: block; font-size: 10px; padding: 0 10%;} #services-and-warranties article#warranties div.seal img {display: inline-block; vertical-align: middle; width: 25%;} #services-and-warranties article#warranties div.silestone {margin: 20px 0;} #services-and-warranties article#warranties div.silestone div {display: block; padding: 0 5%;} #services-and-warranties article#warranties div.silestone div h4 {color: #C31C3F; font-family: 'Playfair Display', serif; margin-bottom: 0;} #services-and-warranties article#warranties div.silestone div p { margin-top: 10px;} #services-and-warranties article#warranties div.silestone div p b {font-size: 20px; font-weight: bolder;} #services-and-warranties article#warranties div.silestone img {display: inline-block; margin-bottom: 20px; width: 25%;} .cta {background-color: #C31C3F; border: 2px solid #C31C3F; border-radius: 5px; margin-top: 10px; transition: .5s; padding: 10px 20px; font-weight: bolder; color: #FFF; cursor: pointer;} .cta a {color: #FFF} .cta-white {background-color: #C31C3F; border: 2px solid #C31C3F; border-radius: 5px; margin-top: 10px; transition: .5s; padding: 10px 20px; font-weight: bolder; color: #FFF; cursor: pointer;} .cta-white a {color: #FFF} .fancy-gallery {width: 100%; display: block;} .fancy-gallery a {display: inline-block; padding: 5px; width: 30%;} .fancy-gallery a img {width: 100%;} .featherlight-content form.contact-form-popup {opacity: 1;} } /*DESKTOP*/ @media only screen and (min-width: 1000px) { * {border: none; box-sizing: border-box; color: #222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-style: none; list-style: none; margin: 0; -moz-box-sizing: border-box; padding: 0; text-align: center; text-decoration: none; vertical-align: top; -webkit-box-sizing: border-box;} body {background-image: url(../img/bg.png); transition: all 0.5s ease;} body.overlay {background: rgba(0,0,0,.8);} footer {margin-top: 50px; padding-bottom: 20px; width: 100%; z-index: 3;} footer.fix {bottom: 0; display: inline-block; margin-top: 0; position: fixed; left: 0;} footer div {display: inline-block; width: 47.5%;} footer div p {color: #C31C3F; font-size: 12px; font-weight: bolder; text-align: right;} footer ul {display: inline-block; text-align: left; width: 47.5%;} footer ul li {color: #C31C3F; display: inline-block; font-weight: bolder; margin-right: 20px;} footer ul li a {font-weight: bolder; transition: .5s;} footer ul li a:hover {color: #666; transition: .5s;} form.contact-form-popup {background-color: #FFF; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .10); display: inline-block; padding: 20px 40px 0 20px; right: 20%; top: 10%; width: 100%; opacity: 0; display: none;} form.contact-form-popup.close {position: absolute; right: 20px; top:20px; display: block; cursor: pointer;} form.contact-form-popup div {display: inline-block; margin-bottom: 20px; width: 100%; opacity: 1; transition: all 2s ease;} form.contact-form-popup .close {display: none;} form.contact-form-popup div {} form.contact-form-popup div label {display: block; font-weight: bolder; margin-bottom: 5px; text-align: left;} form.contact-form-popup div label.error {color: red; font-size: 12px;} form.contact-form-popup div label b {color: #C31C3F; font-weight: bolder;} form.contact-form-popup div input {background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; display: block; height: 40px; margin-bottom: 10px; padding: 10px; text-align: left; width: 100%;} form.contact-form-popup div input.error {outline: none; border:1px solid red;} form.contact-form-popup div select {background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; display: block; height: 40px; margin-bottom: 10px; padding: 0 10px; text-align: left; width: 100%;} form.contact-form-popup div textarea {background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; display: block; height: 80px; margin-bottom: 20px; padding: 10px; text-align: left; resize: none; width: 100%;} form.contact-form-popup h4 {color: #C31C3F; margin-bottom: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .10); display: inline-block; cursor: pointer; margin-top: -40px; padding: 20px 40px 20px 20px; position: relative; width: 60%; background: #FFF;} h1, h2, h3, h4, h5, h6 {font-family: 'Playfair Display', serif;} h1 {font-size: 40px;} h2 {font-size: 35px;} h3 {font-size: 30px;} h4 {font-size: 25px;} h5 {font-size: 20px;} h6 {font-size: 15px;} header {width: 100%; z-index: 3 !important;} header.fix {margin-bottom: 0; position: fixed; z-index: 2;} header figure {display: inline-block; vertical-align: middle; width: 10%;} header figure a {display: block; text-align: left;} header figure a img {width: 75%;} header nav {display: inline-block; vertical-align: middle; width: 70%;} header nav ul {text-align: left;} header nav ul li:hover a { color: white; } header nav ul li:hover .dropdown-container { top: 20px; } header nav ul li:hover .underline { border-bottom-color: #777; } header nav ul li:hover .drop-out { opacity: 1; margin-top: 8px; } header nav ul > li {color: #C31C3F; display: inline-block; font-weight: bolder; margin-right: 20px; vertical-align: middle;} header nav ul li.drop {position: relative;} header nav ul li a {display: inline-block; font-weight: bolder; text-align: left; transition: all .5s ease-out; vertical-align: middle;} header nav ul li .dropdown-container {width: 160px; position: absolute; z-index: 2; left: 50%; margin-left: -80px; /* half of width */ top: -400px;} header nav ul li .drop-out {width: 160px;background: white; float: left; position: relative; margin-top: 0px; opacity: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15); box-shadow: 0 1px 6px rgba(0,0,0,.15); -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -ms-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out;} header nav ul li .drop-out ul {float: left;padding: 10px 0;} header nav ul li .drop-out ul li {text-align: left; float: left; width: 140px; margin: 0px 10px; color: #777; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: background .1s ease-out; -moz-transition: background .1s ease-out; -ms-transition: background .1s ease-out; -o-transition: background .1s ease-out; transition: background .1s ease-out;} header nav ul li .drop-out ul li a {display: block; padding: 12px 0 10px 15px;} header nav ul li .drop-out ul li:hover {background: #f6f6f6;} header nav ul li .drop-out .triangle {width: 0; height: 0; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid white; top: -8px; left: 50%; margin-left: -8px;} header nav ul li img {background-image: url(../img/down-dark.png); background-size: 10px; cursor: pointer; margin-left: 10px; vertical-align: middle; width: 10px;} header nav ul li:hover a {color: #666; transition: .5s;} header nav ul li:hover img {background-image: url(../img/down-grey.png);} header ol {display: inline-block; text-align: right; vertical-align: middle; width: 15%;} header ol li {display: inline-block;} header ol li a {display: block;} header ol li a img {margin-left: 5px; transition: .5s; width: 35px;} header ol li a img:hover {transform: rotate(360deg); transition: .5s;} ::placeholder {color: #989494; opacity: 0.6;} :-ms-input-placeholder { color: #989494; opacity: 0.6;} ::-ms-input-placeholder { color: #989494; opacity: 0.6;} #company {text-align: left;} #company article {background-color: #C31C3F; border-radius: 0 10px 10px 0; box-shadow: 0 0 10px rgba(0, 0, 0, .10); display: inline-block; margin-right: 2.5%; padding: 40px 40px 40px 10%; text-align: left; vertical-align: middle; width: 55%;} #company article h3 {color: #FFF; margin-bottom: 20px; text-align: left;} #company article p {color: #FFF; margin-bottom: 1em; text-align: justify;} #company div.bx-empresa-container {display: inline-block; height: 80vh; text-align: left; position: relative; vertical-align: middle; width: 35%;} #company div.bx-empresa-container span {color: #C31C3F; display: block; font-family: 'Domine', serif; font-size: 75px; position: absolute; top: 35%; z-index: 1 !important;} #company div.bx-empresa-container .bx-wrapper {border: none; box-shadow: none; margin: 0 auto; padding: 0; width: 70%;} #company div.bx-empresa-container .bx-wrapper .bx-pager {top: 50%; right: -30px; transform: translateY(-50%); width: 20px;} #company div.bx-empresa-container .bx-wrapper .bx-pager .bx-pager-item {margin-bottom: 7px;} #company div.bx-empresa-container .bx-wrapper .bx-pager.bx-default-pager a {height: 8px; width: 8px;} #company div.bx-empresa-container .bx-wrapper .bx-pager.bx-default-pager a:hover, #company div.bx-empresa-container .bx-wrapper .bx-pager.bx-default-pager a.active, #company div.bx-empresa-container .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #FFF; border: 0.5px solid red;} #company div.bx-empresa-container .bx-wrapper .bx-pager.bx-default-pager a {border-radius: 0; transform: rotate(45deg);} #company div#bx-empresa {display: inline-block; height: 100%; vertical-align: middle;} #company div#bx-empresa div {height: 100%; text-align: left;} #company div#bx-empresa img {box-shadow: 0 0 10px rgba(0, 0, 0, .10); vertical-align: middle; z-index: -1 !important;} #cocinas-root .featherlight-content {background: none; width: 60%;} #cocinas-root .featherlight .featherlight-close-icon {background: none; color: #FFF;} #contact {text-align: left;} #contact article {display: inline-block; padding-top: 10px; width: 30%;} #contact article div {margin-bottom: 40px; text-align: left;} #contact article div address {display: block; margin-bottom: 1em;} #contact article div address a {display: block; text-align: left;} #contact article div address a img {display: inline-block; vertical-align: middle; width: 40px;} #contact article div address a p {color: #C31C3F; display: inline-block; font-style: normal; margin-bottom: 0; vertical-align: middle;} #contact article div address a p b {color: #C31C3F; font-weight: bolder; font-style: normal; vertical-align: baseline;} #contact article div button {background-color: #26D367; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, .10) transition: .5s;;} #contact article div button:hover {background-color: #1FB156; transition: .5s;} #contact article div button a {display: block; padding: 10px 20px;} #contact article div button a img {margin-right: 10px; width: 20px;} #contact article div button a span {color: #FFF; font-weight: bolder;} #contact article div h5 {color: #C31C3F; display: block; margin-bottom: 5px; text-align: left;} #contact article div p {display: block; margin-bottom: 1em; text-align: left;} #contact article div p strong {} #contact form {background-color: rgba(255,255,255,.80); border: 1px solid #C31C3F; border-radius: 0 10px 10px 0; box-shadow: 0 0 10px rgba(0, 0, 0, .10); display: inline-block; margin-right: 2.5%; padding: 40px 40px 40px 10%; text-align: left; width: 50%;} #contact form label {display: block; font-weight: bolder; margin-bottom: 5px; text-align: left;} #contact form label.error {color: red; font-size: 12px;} #contact form label b {color: #C31C3F; font-weight: bolder;} #contact form input {background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; display: block; height: 40px; margin-bottom: 10px; padding: 10px; text-align: left; width: 100%;} #contact form input.error {outline: none; border:1px solid red;} #contact form select {background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; display: block; height: 40px; margin-bottom: 10px; padding: 0 10px; text-align: left; width: 100%;} #contact form textarea {background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; display: block; height: 120px; margin-bottom: 20px; padding: 10px; text-align: left; resize: none; width: 100%;} #contact h3 {color: #C31C3F; margin-bottom: 10px;} #contact h4 {margin-bottom: 30px; padding: 0 25%;} #content {margin-bottom: 50px;} #content article {display: inline-block; height: 55vh; overflow: auto; padding-right: 30px; width: 80%;} #content article::-webkit-scrollbar {width: 5px;} #content article::-webkit-scrollbar-thumb {background-color: #C31C3F; border-radius: 5px;} #content article::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25);} #content article p {margin-bottom: 1em; text-align: justify;} #content article p a {color: #C31C3F;} #content article p b {} #content article p strong {color: #C31C3F; font-weight: bolder;} #content article ul {} #content article ul li {list-style-type: circle; margin: 0 0 .5em 30px; text-align: justify;} #content article ul li a {color: #C31C3F;} #content article ul li strong {color: #C31C3F; font-weight: bolder;} #content h3 {color: #C31C3F; margin-bottom: 20px;} #has-map-popup .featherlight-content {height: 80%; width: 90%;} #home {align-items: center; display: flex; justify-content:} #home > article {align-items: center; background-color: rgba(255,255,255,.80); border-right: 3px solid #DDD; box-shadow: 0 0 10px rgba(0, 0, 0, .10); display: flex; -webkit-flex-direction: column; height: 100vh; justify-content: center; margin-left: -73.5%; transition: .5s; width: 75%; z-index: 2;} #home.opened article {margin-left: 0; transition: .5s;} #home > article div#bx-home {height: 25vh;} #home > article div#bx-home div {} #home > article div#bx-home a {display: inline-block; vertical-align: middle;} #home > article div#bx-home a img {width: 25px;} #home > article div#bx-home ul {display: inline-block; margin: 0 20px; vertical-align: middle; width: 60%;} #home > article div#bx-home > div {text-align: left;} #home > article div#bx-home > div h5 {border-bottom: 3px solid #C31C3F; display: inline-block; margin-bottom: 10px; padding-bottom: 10px; text-align: justify; width: 75%;} #home > article div#bx-home > div p {text-align: justify;} #home > article figure {height: 15vh; margin-top: 50px; padding-right: 7.5%; text-align: right; width: 100%;} #home > article figure img {height: 100%;} #home > article form {height: 12.5vh; margin: 20px 0 5vh 0; position: relative;} #home > article form button {background-color: #C31C3F; border-radius: 50%; cursor: pointer; height: 40px; margin-left: -42px; outline: none; transition: .5s; vertical-align: middle; width: 40px; z-index: 1;} #home > article form button:hover a img {transform: rotate(360deg); transition: .5s;} #home > article form button a {display: block;} #home > article form button img {width: 20px;} #home > article form h6 {margin-bottom: 10px;} #home > article form input {border: 2px solid #DDD; border-radius: 40px; box-shadow: 0 0 10px rgba(0, 0, 0, .10); height: 44px; outline: none; vertical-align: middle; width: 400px; z-index: -1;} #home > article form div.loading {position: absolute; bottom: -40px; height: 30px; width: 30px; left: 0; right: 0; margin: 0 auto;} #home > article form div.loading img {width: 100%;} #home > article h1 {color: #C31C3F; display: block; height: 10vh; margin-top: 15vh; width: 100%;} #home > article h3 {display: block; font-family: 'Satisfy'; height: 10vh; margin-bottom: 2.5vh; width: 100%;} #home > article .bx-wrapper {margin-bottom: 2.5vh; width:70%;} #home span {cursor: pointer; display: inline-block; z-index: 2;} #home span img {width: 50px; transition: all 0.5s ease;} #home.opened span img {transform: rotate(180deg);} #home .bx-wrapper {border: none; background: none; box-shadow: none; margin: 0;} #home .bx-wrapper .bx-next {background: url("../img/arrow-next.png"); background-size: cover; right: -50px;} #home .bx-wrapper .bx-prev {background: url("../img/arrow-back.png"); background-size: cover; left: -50px;} #main-gallery-desktop {position: absolute; top: 0; width: 100%; z-index: 1;} #main-gallery-desktop ul {} #main-gallery-desktop > div {height: 100vh; overflow: hidden;} #main-gallery-desktop > div img {width: 100%;} #main-gallery-desktop .bx-wrapper {margin: 0; background: #000; border: none; box-shadow: none;} #main-gallery-desktop .bx-wrapper .bx-pager, #main-gallery-desktop .bx-wrapper .bx-controls-auto {bottom: 45%; right: 20px; width: 20px;} #main-gallery-desktop .bx-wrapper .bx-pager.bx-default-pager a {height: 8px; width: 8px;} #main-gallery-desktop .bx-wrapper .bx-pager.bx-default-pager a:hover, #main-gallery-desktop .bx-wrapper .bx-pager.bx-default-pager a.active, #main-gallery-desktop .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #FFF; border: 0.5px solid red;} #main-gallery-desktop .bx-wrapper .bx-pager.bx-default-pager a {border-radius: 0; transform: rotate(45deg);} #main-gallery-desktop .bx-wrapper .bx-pager-item {margin-bottom: 7px;} #main-gallery-desktop.loaded {display: block !important;} #main-gallery-mobile.loaded {display: none !important;} #menu-mobile {display: none;} #preloader {position: fixed; top:0; left: 0; width:100%; height: 100%; background: #FFF; z-index: 999999} #preloader .loader {position: absolute; top:45%; left: 45%; width: 60px; height: 60px;} #preloader .loader img {animation: pulse ease-in-out 1s infinite alternate;} #products {text-align: right;} #products article {display: inline-block; vertical-align: middle; width: 80%;} #products article div.products-container {background-color: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, .10); text-align: left; vertical-align: middle; margin-bottom: 40px;} #products article div.products-container .bx-wrapper {display: inline-block; margin-right: 20px; vertical-align: middle; border: none; box-shadow: none; margin:0 20px 0 0; width: 40%;} #products article div.products-container .bx-wrapper .bx-pager {top: 50%; bottom: 0; right: 10px; padding: 0; transform: translateY(-50%); width: 20px;} #products article div.products-container .bx-wrapper .bx-pager .bx-pager-item {margin-bottom: 7px; position: relative; top: 30%; transform:translateY(-30%);} #products article div.products-container .bx-wrapper .bx-pager.bx-default-pager a {height: 8px; width: 8px;} #products article div.products-container .bx-wrapper .bx-pager.bx-default-pager a:hover, #products article div.products-container .bx-wrapper .bx-pager.bx-default-pager a.active, #products article div.products-container .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #FFF; border: 0.5px solid red;} #products article div.products-container .bx-wrapper .bx-pager.bx-default-pager a {border-radius: 0; transform: rotate(45deg);} #products article div.products-container div.product-description {background-color: none; box-shadow: none; display: inline-block; margin-bottom: none; width: 50%} #products article div.products-container div.product-description h5 {color: #C31C3F; margin: 20px 0 5px 0; text-align: left;} #products article div.products-container div.product-description p {font-size: 14px; margin-bottom: 1em; text-align: justify;} #products article div.products-container div.product-description p b {font-size: 14px; font-weight: bolder; vertical-align: baseline;} #products article div.products-container div.product-description p strong {color: #C31C3F; font-weight: bolder; vertical-align: baseline;} #products article div.products-container a.product-item {display: inline-block; margin-right: 20px; vertical-align: middle; width: 100%;} #products article div.products-container a.product-item img {border-right: 2px solid #DDD; transition: .5s; width: 100%;} #products article div.products-container a.product-item img:hover {border-right: 2px solid #C31C3F; transition: .5s;} #products h3 {color: #C31C3F; display: inline-block; margin-right: 2.5%; vertical-align: middle;} #product-gallery {} #product-gallery article {} #product-gallery article div.bx-desktop-container {width: 90%; display: inline-block;} #product-gallery article div.bx-desktop-container div.bx-wrapper {display: block; border: none;box-shadow: none; margin: 0; width: 100%; height: 100%;} #product-gallery article div.bx-desktop-container div.bx-wrapper .bx-viewport {height: 100% !important;} #product-gallery article div#mobile {display: none;} #product-gallery article > div {height: 75vh;} #product-gallery article div img {height: 100%; width: 100%;} #product-gallery article div.description {align-items: center; background-color: #C31C3F; display: inline-flex;} #product-gallery article div h6 {color: #FFF; display: inline-block; font-weight: bolder; transform: rotate(-90deg);} #product-gallery h3 {color: #C31C3F; margin-bottom: 50px; vertical-align: middle;} #product-gallery h4 {color: #FFF; margin-bottom: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .10); display: inline-block; cursor: pointer; margin-top: -40px; padding: 20px 40px 20px 20px; position: relative; width: 60%; background: #C31C3F;} #product-gallery #bx-desktop-kitchen {height: 100%;} #product-gallery #bx-desktop-kitchen div {height: 100%;} #product-gallery article div.bx-desktop-container .bx-wrapper .bx-pager {top: 45%; bottom: 0; right: 10px; padding: 0; transform: translateY(-50%); width: 20px;} #product-gallery article div.bx-desktop-container .bx-wrapper .bx-pager .bx-pager-item {margin-bottom:10px; position: relative; top: 30%; transform:translateY(-30%);} #product-gallery article div.bx-desktop-container .bx-wrapper .bx-pager.bx-default-pager a {height: 8px; width: 8px;} #product-gallery article div.bx-desktop-container .bx-wrapper .bx-pager.bx-default-pager a:hover, #product-gallery article div.bx-desktop-container .bx-wrapper .bx-pager.bx-default-pager a.active, #product-gallery article div.bx-desktop-container .bx-wrapper .bx-pager.bx-default-pager a:focus {background: transparent; border: 0.5px solid red;} #product-gallery article div.bx-desktop-container .bx-wrapper .bx-pager.bx-default-pager a {border-radius: 0; transform: rotate(45deg);} #services-and-warranties {} #services-and-warranties article {margin-bottom: 50px;} #services-and-warranties article#services {padding-left: 5%;} #services-and-warranties article#services h3 {color: #C31C3F; margin-bottom: 20px;} #services-and-warranties article#services ul {} #services-and-warranties article#services ul li {border-left: 20px solid #C31C3F; margin-bottom: 20px; padding-left: 20px; text-align: left; transition: .5s;} #services-and-warranties article#services ul li:hover {border-left: 20px solid #C31C3F; margin-bottom: 20px; margin-left: 10px; transition: .5s;} #services-and-warranties article#services ul li div {display: inline-block; vertical-align: middle; width: 75%;} #services-and-warranties article#services ul li div ol {text-align: left;} #services-and-warranties article#services ul li div ol li {border: none; display: inline-block; margin-right: 10px; padding-left: 0; width: 15%;} #services-and-warranties article#services ul li div ol li:hover {border: 0; margin-left: 0; padding-left: 0;} #services-and-warranties article#services ul li div ol img {max-width: none; width: 100%;} #services-and-warranties article#services ul li div p {font-weight: bolder; margin-bottom: 1em; text-align: left;} #services-and-warranties article#services ul li img {display: inline-block; margin-right: 20px; max-width: 100px; vertical-align: middle; width: 10%;} #services-and-warranties article#warranties {} #services-and-warranties article#warranties form {background-color: #FFF; border: 1px solid #C31C3F; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .10); display: inline-block; margin: 20px 0; padding: 40px; text-align: left; width: 75%;} #services-and-warranties article#warranties form h4 {color: #C31C3F; font-family: 'Playfair Display', serif; margin-bottom: 0;} #services-and-warranties article#warranties form h5 {font-family: 'Playfair Display', serif; margin-bottom: 20px;} #services-and-warranties article#warranties form label {display: block; margin-bottom: 5px; text-align: left; width: 100%;} #services-and-warranties article#warranties form label.error {color:red; font-size: 11px; font-weight: bold; margin-top: -10px;} #services-and-warranties article#warranties form label b {color: #C31C3F; font-weight: bolder;} #services-and-warranties article#warranties form input {background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; display: block; height: 40px; margin-bottom: 10px; padding: 10px; text-align: left; width: 100%;} #services-and-warranties article#warranties form input.error {outline: none; border:1px solid red;} #services-and-warranties article#warranties form .gj-datepicker-md [role=right-icon] {top: 50%; transform: translateY(-50%);} #services-and-warranties article#warranties h3 {color: #C31C3F;} #services-and-warranties article#warranties h4 {font-family: 'Satisfy'; margin-bottom: 20px;} #services-and-warranties article#warranties div.seal {margin: 20px 0;} #services-and-warranties article#warranties div.seal div {display: inline-block; margin-right: 10%; vertical-align: middle; width: 50%;} #services-and-warranties article#warranties div.seal div p {font-size: 20px; font-weight: bolder; margin-bottom: 10px;} #services-and-warranties article#warranties div.seal div span {font-size: 12px;} #services-and-warranties article#warranties div.seal img {display: inline-block; vertical-align: middle; width: 10%;} #services-and-warranties article#warranties div.silestone {margin: 20px 0;} #services-and-warranties article#warranties div.silestone div {display: inline-block; margin-right: 10%; vertical-align: middle; width: 40%;} #services-and-warranties article#warranties div.silestone div h4 {color: #C31C3F; font-family: 'Playfair Display', serif; margin-bottom: 0;} #services-and-warranties article#warranties div.silestone div p { margin-top: 10px;} #services-and-warranties article#warranties div.silestone div p b {font-size: 20px; font-weight: bolder;} #services-and-warranties article#warranties div.silestone img {display: inline-block; margin-right: 20px; vertical-align: middle; width: 10%;} .cta {background-color: #C31C3F; border: 2px solid #C31C3F; border-radius: 5px; margin-top: 10px; transition: .5s; color: #FFF; cursor: pointer; font-weight: bolder; padding: 10px 20px; transition: .5s;} .cta:hover {background-color: transparent; border: 2px solid #C31C3F; transition: .5s; color: #C31C3F; transition: .5s;} .cta a {color: #FFF;} .cta:hover a {color: #C31C3F;} .cta-white {background-color: #FFF; border: 2px solid #FFF; border-radius: 5px; margin-top: 10px; transition: .5s; color: #FFF; cursor: pointer; font-weight: bolder; padding: 10px 20px; transition: .5s;} .cta-white:hover {background-color: transparent; border: 2px solid #FFF; transition: .5s; color: #C31C3F; transition: .5s;} .cta-white a {color: #C31C3F;} .cta-white:hover a {color: #FFF;} .fancy-gallery {display: block; width: 100%;} .fancy-gallery a {display: inline-block; padding: 5px; width: 16%;} .fancy-gallery a img {width: 100%;} .featherlight-content form.contact-form-popup {opacity: 1;} .flip-vertical-left {-webkit-animation: flip-vertical-left 1s ease-in-out both; animation: flip-vertical-left 1s ease-in-out both;} .fade-in-bck {-webkit-animation: fade-in-bck 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-bck 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;} } .fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} .fadeOutUp {-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;} @keyframes pulse { 0% { transform: scale(1.0); } 100% { transform: scale(1.3); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } /* ---------------------------------------------- * Generated by Animista on 2019-4-4 16:44:13 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation flip-vertical-left * ---------------------------------------- */ @-webkit-keyframes flip-vertical-left { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(-360deg); transform: rotateY(-360deg); } } @keyframes flip-vertical-left { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(-360deg); transform: rotateY(-360deg); } } /*Ohsnap styles*/ #ohsnap{position:fixed;top:20px;right:5px;margin-left:5px;z-index:99;} .alert{text-align:right;margin-top:10px;padding:15px;border:1px solid #eed3d7;border-radius:4px;float:right;clear:right;background-color:white;} .alert-red{color:white;background-color:#DA4453;} .alert-green{color:white;background-color:#37BC9B;} .alert-blue{color:white;background-color:#4A89DC;} .alert-yellow{color:white;background-color:#F6BB42;} .alert-orange{color:white;background-color:#E9573F;} .buttons{margin-bottom:20px;display:block;} .buttons a{margin:auto;margin-bottom:10px;float:none !important;text-align:center;} .buttons a span{padding-left:0px;} #ohsnap{text-shadow:none;} @media (max-width:450px){.buttons{margin-bottom:334px;} } /*Fancybox adjustment*/ .fancybox-infobar {color:#FFF;} .fancybox-infobar span {color:#FFF;}