body { font-family: "DINRoundWeb W01 Regular", "Chevin Pro Medium"; color:#807e7e; font-size: 16px; } a {color:#4c4b4b;} a:hover {color:#000;} h1 {display: none;} /* livisto color #e70044 #494949 titulos + p #000 */ /* buttons */ .btn-livisto {color: #fff;background-color: #e70033;border-color: none;border-radius: 0;margin-top: 15px;} .btn-livisto:hover {color: #e70033;background-color: #e3dfb9;border-color: #none;} .btn-livisto:focus, .btn-livisto.focus {box-shadow: 0 rgba(231, 0, 68, 0.5);} .btn-xl {padding: 1rem 4rem;font-size: 30px;line-height: 1.5;border-radius: 0;font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";} .btn-lg {padding: .3rem 2rem;font-size: 26px;line-height: 1.5;border-radius: 10px;font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";} @media (max-width: 768px) { .btn-xl {padding: 1rem 2rem;font-size: 20px;line-height: 1.5;} } .livisto-header {background: url("/media/img/livisto.svg");width: 159px;height: 87px;display: block;margin: 25px;} /* Header */ .livisto-main-menu {} /*.livisto-main-menu .navbar-nav .nav-link {color: #000;font-family: "DINRoundWeb W01 Regular", "Chevin Pro Medium";font-size: 15px;font-weight: 600;margin:0 15px;padding-bottom: 23px;border-bottom: 3px solid #fff;}*/ .livisto-main-menu .navbar-nav .nav-link {color: #000;font-family: "DINRoundWeb W01 Bold", "Chevin Pro Medium";font-size: 15px;margin:0 15px;padding-bottom: 23px;border-bottom: 3px solid #fff;} /*.livisto-main-menu .navbar-nav .nav-link {color: #282525;font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 15px;margin:0 15px;padding-bottom: 23px;border-bottom: 3px solid #fff;}*/ .livisto-main-menu .navbar-nav .nav-link.awy, .livisto-main-menu .navbar-nav .nav-link.active {color: #e70044;} @media (min-width: 992px) { .navbar {padding: .2rem 1rem 0 1rem;} .navbar-expand-lg .navbar-collapse {margin-top: 80px;} } .livisto-main-menu .navbar-nav .nav-link:hover, .livisto-main-menu .navbar-nav .show .nav-link, .livisto-main-menu .navbar-nav .active {border-bottom: 3px solid #e70044;color: #e70044;} .livisto-main-menu .navbar-nav .select-region:hover {border-bottom: 3px solid #fff;} .livisto-main-menu .dropdown-menu {min-width: 14rem;padding: 0.5rem 1.5rem 2rem 1.5rem;margin: 0;color: #212529;background-color: #fff;border: none;border-radius: 0;} .livisto-main-menu .dropdown-item {padding: 0.25rem 0rem;color: #646262;background-color: transparent;border-bottom: 1px solid #d7d7d7;font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";} .livisto-main-menu .dropdown-item:hover, .livisto-main-menu .dropdown-item:focus {background-color: transparent;color:#e70044;} .livisto-main-menu .navbar-toggler {margin-top: 55px;} /* Headers */ .bg-header {height: 360px;background-repeat: no-repeat;width: 100%;display: flex;align-items: center;z-index: 20;background-size: cover;background-position: center;}/*position: absolute;*/ .bg-header .container {padding-right: 0px;padding-left: 0px} .bg-header-home {min-height: 530px;} .bg-subheader {height: 360px;background-repeat: no-repeat;width: 100%;display: flex;align-items: center;z-index: 20;background-size: cover;background-position: center;margin: 40px 0} .bg-subheader .container {padding-right: 0px;padding-left: 0px} .bg-slogan {justify-content: center;} .bg-search {background-color: #f5f5f5} .bg-news {background: url("/media/img/headers/header-interior-news.jpg?id=1") center top;} .bg-species {background: url("/media/img/headers/header-species.jpg?id=1") center top;} .bg-products {background: url("/media/img/headers/header-interior-products.jpg?id=1") center top;} .bg-template {background: url("/media/img/headers/header-interior-products.jpg?id=1") center top;} .bg-grey {background-color: #f6f5f5;margin-bottom: 50px;padding: 25px;} @media (min-width: 2500px) { .bg-header {background-size: 100%;} .bg-subheader {background-size: 100%;} } .livisto-header-label {height:160px;color: #fff;border-top-right-radius: 80px;border-bottom-right-radius: 80px;width: 320px;/*min-width: 320px;max-width: 500px;*/display: inline-block;display: flex;align-items: center} .livisto-header-label h2 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 49px;margin: 15px;line-height: .9em;text-transform: uppercase;margin-right: 40px;} .livisto-header-label h2 span {font-family: "DINRoundWeb W01 Regular", "Chevin Pro Medium";display: block;font-size: 34px;text-transform: none;} .livisto-header-slogan {} .livisto-header-slogan h2 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 55px;margin: 15px;line-height: .9em;color:#e70044;text-align: center;} .livisto-header-slogan h2 span {color:#fff;} @media (max-width: 768px) { .bg-header h2 {font-size: 3em;line-height: 1em;} } @media (max-width: 992px) { .bg-header-home {min-height: 200px;} } /* Footer */ .livisto-footer {background: url("/media/img/livisto-along-with-you.svg");width: 115px;height: 90px;display: block;margin: -45px 0 0 -4px;}/*margin: -50px 0 0 -4px;*/ footer {background-color: #e70044;min-height: 275px;color: #fff;font-family: Arial;font-size: 12px;margin-top: 25px;padding: 25px 0;} footer a {color:#fff;} footer a:hover {color:#fff;} footer ul {text-transform: uppercase;} footer ul span {text-transform: capitalize;} footer .row {padding-top: 60px;} .footer-social {font-size: 2.5em;margin-bottom: 10px;display: center;justify-content: center;} .footer-social a {margin:0px 12px;} .footer-social a:hover {text-decoration: none;opacity: .8} footer .nav-link {padding: 0 1rem .6rem 1rem;} footer .nav-link:hover {text-decoration: underline;} footer .livisto-websites .nav-link {padding: .3rem 0;} footer .livisto-websites .row {padding-top: 5px;text-align: left;} footer .livisto-websites a {text-transform: lowercase;} footer .btn-footer {background-color: #e2dfb8; color: #000;border-radius: 5px;border: 0;padding: 5px 10px;text-decoration: none;text-transform: uppercase;margin-bottom: 28px;display: inline-block;} footer .btn-footer:hover {background-color: #dbd59c; color: #000;} .byauupa {margin-top: 20px;} .copyright {margin-top: 38px;} @media (max-width: 968px) { .footer-social {margin-top: 25px;} } @media (max-width: 768px) { .byauupa {display: none;} .copyright {display: none;} .livisto-footer {display: block;margin: 0 auto;margin-bottom: 25px;} footer .row {padding-top: 5px;} } @media (max-width: 576px) { footer .livisto-websites {padding: 25px 0 0 30px;} } /* Home */ /* Home part1 - news&evemts */ .livisto-home-newsevents {/*padding-left: 0;padding-right: 0;*/} .livisto-home-newsevents .lhne-news {background: #e70044 url("/media/img/livisto-imago-home-wireframe.svg") top right no-repeat;/*display: flex;*/align-items: center;justify-content: left;padding-top: 15px;padding-bottom: 15px} .livisto-home-newsevents .lhne-events {background: #670048 url("/media/img/livisto-imago-home-wireframe.svg") top right no-repeat;/*display: flex;*/align-items: center;justify-content: left;padding-top: 15px;padding-bottom: 15px} .livisto-home-newsevents .lhne-label {display: flex;align-items: center;justify-content: left;margin-left: -15px;} .livisto-home-newsevents .lhne-content {display: flex;align-items: center;justify-content: left;} @media (max-width: 576px) { .livisto-home-newsevents .lhne-label {margin-bottom: -30px;margin-top: -15px;} } .livisto-home-newsevents .livisto-type-label .type {font-size: 25px} .livisto-home-newsevents .lhne-news .livisto-type-label {background-color: #e2dfb8;color: #000;} .livisto-home-newsevents .lhne-events .livisto-type-label {background-color: #e0e0e1;color: #000;} .livisto-home-newsevents .lhne-label a:hover {text-decoration: none;} .livisto-home-newsevents .lhne-news .lhne-label a:hover .livisto-type-label {color:#dd0049;} .livisto-home-newsevents .lhne-events .lhne-label a:hover .livisto-type-label .type {color:#630049;} .lhne-item {color:#fff;margin: 25px 0;display: block; } .lhne-item .lhne-date {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Medium";color:#000;font-size: 13px;} .lhne-item .lhne-title {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 24px;line-height: 26px;text-transform: uppercase;margin: 10px 0;} .livisto-home-newsevents .lhne-events .lhne-item .lhne-date {color: #e2dfb8;} .lhne-item:hover {text-decoration: none;color: #e2dfb8 } @media (min-width: 992px) and (max-width: 1190px){ .livisto-home-newsevents .livisto-type-label {width: 110px;} } /* Home part2 - pills */ .livisto-home-pills .livisto-home-pills-list {margin: 30px 0;} .livisto-home-pills .livisto-home-pills-list .livisto-home-pills-item {margin-bottom: 40px;display: block;min-height: 570px;color: #807e7e;} .livisto-home-pills .livisto-home-pills-list .livisto-home-pills-item:hover {color: #333;} .livisto-home-pills .livisto-home-pills-list .livisto-home-pills-item:hover {text-decoration: none;} .livisto-home-pills .livisto-home-pills-list .livisto-home-pills-item:hover .lne-subtitle {color: #e70044;} .livisto-home-pills .livisto-home-pills-list .livisto-home-pills-item-info {padding: 30px 15px 15px 15px;} @media (max-width: 768px) { .livisto-home-pills .livisto-home-pills-list .livisto-home-pills-item {min-height: auto;} } .livisto-home-pills .livisto-home-pills-item-header {min-height: 300px;width: 100%;display: flex;align-items: top;padding-top: 20px;background-size: cover} .livisto-home-pills .livisto-home-pills-item-header-noimage {min-height: 60px} .livisto-home-pills .lhp-date {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Medium";color:#000;font-size: 16px;} .livisto-home-pills .lhp-title {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 24px;line-height: 26px;text-transform: uppercase;color:#e70044;margin: 20px 0;} .livisto-home-pills .lhp-subtitle {font-family: "DINRoundWeb W01 Medium", "Chevin Pro Medium";color:#494949;font-size: 18px;line-height: 20px;margin: 20px 0;} .livisto-home-pills .livisto-type-label {margin-top: 240px;margin-bottom: -30px} .lhp-article .lhp-title, .lhp-article a {color: #5d0f4c} .lhp-tip .lhp-title, .lhp-tip a {color: #56565a} .lhp-related .lhp-title, .lhp-related a {color: #d70035} .lhp-product .lhp-title, .lhp-product a {color: #e70044} .lhp-in-practice .lhp-title, .lhp-in-practice a {color: #012e4b} .lhp-article .livisto-type-label {background-color: #5d0f4c} .lhp-tip .livisto-type-label {background-color: #56565a} .lhp-related .livisto-type-label {background-color: #d70035} .lhp-product .livisto-type-label {background-color: #e70044} .lhp-in-practice .livisto-type-label {background-color: #012e4b} /* Breadcrumb */ .breadcrumb {padding: 0.75rem 2rem;margin-bottom: 1rem;background-color: transparent;border-radius: none;font-family: Arial;font-size: 12px;} .breadcrumb-home {background: url("/media/img/livisto-imago.svg");width: 21px;height: 17px;display: inline-block;} .breadcrumb-item + .breadcrumb-item {padding-left: 0.3rem;} .breadcrumb-item + .breadcrumb-item::before {padding-right: 0.3rem;color: #4c4b4b;content: ">";} .breadcrumb-item + .breadcrumb-item:hover::before {text-decoration: underline;} .breadcrumb-item + .breadcrumb-item:hover::before {text-decoration: none;} .breadcrumb-item.active {color: #4c4b4b;} /* Select Region */ .select-region {background: url("/media/img/worldmap.svg") center center no-repeat;width: 110px;height: 44px;color:#e70044 !important} footer .select-region {background: url("/media/img/worldmap-white.svg") center center no-repeat;width: 110px;height: 44px;display: flex;align-items: center;text-transform: uppercase;justify-content: center;margin:0 auto;color:#fff !important;} /* Professional Acces */ .lvp-base {display: flex;justify-content: flex-end;width:100%;position: absolute;z-index: 40;} /*width:100%;z-index: 50;*/ .lvp {margin-top: -62px;z-index: 50;display: flex;justify-content: flex-end;} /*width:100%;*/ .livisto-professional-acces {color: #fff;display: flex;align-items: center;justify-content: flex-end;} .livisto-professional-acces-content {text-align: center;font-size: 10px;font-family: Arial;text-transform: uppercase;} .livisto-professional-acces-content a {color: #fff;display: block;} .livisto-professional-acces-content .fa-unlock-alt {font-size: 4em;display: block;} .livisto-professional-acces-content .fa-user-circle-o {font-size: 4em;display: block;} .livisto-professional-acces-content .fa-check-square {font-size: 3em;display: block;margin: 20px 0 0 50px;color: #a1002f} .livisto-professional-acces-content .fa-check-square:hover {opacity: 1;color: #fff} .state-1 {background: url("/media/img/bg-login-half-pill-sm.svg");width:336px;height:131px;background-repeat: no-repeat;padding-right: 20px;} .state-2 {background: url("/media/img/bg-login-half-pill-lg.svg");width:675px;height:258px;background-repeat: no-repeat;display: none;} .state-3 {background: url("/media/img/bg-login-half-pill-xs.svg");width:233px;height:84px;background-repeat: no-repeat;display: none;} .state-1 .livisto-professional-acces-content {width:160px;} .state-1 .livisto-professional-acces-content a {padding-right: 20px;} .state-2 .livisto-professional-acces-content {width:430px;font-size: 12px;} .state-2 .livisto-professional-acces-content a {display: inline-block;text-transform: none;padding: 0 10px;} .state-2 .livisto-professional-acces-content .fa-unlock-alt {font-size: 8em;display: inline-block;position: absolute;margin: 20px -65px;color: #b90036} .state-3 .livisto-professional-acces-content {width:145px;} .livisto-professional-acces .form-control {background-color: #a1002f;display: inline-block;} .livisto-professional-acces form {margin-top: 20px;display: inline-block;} .livisto-professional-acces .form-control { width: 180px; display: block; padding: 0.375rem 0.75rem; font-size: .7rem; line-height: 1.9; color: #fff; background-color: #a1002f; border: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; text-transform: uppercase; margin-left: 10px; } .livisto-professional-acces .form-control:focus {color: #fff;border-color: #fff;outline: 0;box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);} .livisto-professional-acces .form-control::-webkit-input-placeholder {color: #fff;} .livisto-professional-acces .form-control::-moz-placeholder {color: #fff;} .livisto-professional-acces .form-control:-ms-input-placeholder {color: #fff;} .livisto-professional-acces .form-control::-ms-input-placeholder {color: #fff;} .livisto-professional-acces .form-control::placeholder {color: #fff;} .livisto-professional-acces form .error {color: #000;border-color: #fff;outline: 0;box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.75);} /* Dialog box */ .modal-content {background-color: #e70044;border: 10px solid rgba(255,255,255,1);border-radius: 0;outline: 0;color:#fff;font-size: 14px;font-family: Arial;padding: 40px 20px;} .modal-header {padding: 1rem;border-bottom: 0px;background: url("/media/img/livisto-imago-white.svg") 15px top no-repeat;} .modal-body {line-height: 30px;} .modal-title {margin-bottom: 0;line-height: 1.5;font-size: 40px;padding-top: 40px;font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";} .modal-footer {justify-content: center;padding: 1rem;border-top: 0;} .modal-footer .btn-footer {background-color: #e2dfb8; color: #000;border-radius: 25px;border: 0;padding: 5px 25px;text-decoration: none;} .modal-footer .btn-footer:hover {background-color: #dbd59c; color: #000;} .modal-header .close {margin: -3rem -1rem -1rem auto;} button.close, button.close:hover{color:#fff;} @media (min-width: 576px){ .modal-dialog {max-width: 800px;} } /* Products Disclaimer */ .alert-dismissible .close {padding: 1.2rem 1.25rem;} .alert-warning {color: #fff;background-color: #e70044;border: 10px solid #f4f4f3;padding: 15px;border-radius: 0;margin-bottom: 0;font-family: Arial;} .alert-warning span {font-size: 20px;font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";} .alert-warning .alert-link {color: #fff;text-decoration: underline;font-weight: normal;} .livisto-product-alert {position: fixed;bottom: 0;width: 100%;font-size:14px;} .livisto-product-alert img {transform: scale(.5);vertical-align: middle;margin-top: -5px;} .livisto-product-alert .btn-footer {background-color: #e2dfb8; color: #000;border-radius: 5px;border: 0;padding: 5px 10px;text-decoration: none;text-transform: uppercase;float: right;} .livisto-product-alert .btn-footer:hover {background-color: #dbd59c; color: #000;} /* Products */ /* Search */ .livisto-product-search {padding: 20px 0} .livisto-product-search .form-control {color: #000;border: 1px solid #000;text-transform: uppercase;font-size: 11px;font-family: Arial;background-color: #f5f5f5;border-radius: 0.50rem;} .livisto-product-search .form-control:focus {border-color: #000;outline: 0;box-shadow: none} .livisto-product-search input.form-control {border-radius: 0;border:none;border-bottom: 1px dashed #000;} .livisto-product-search .fa-search {font-size: 1.5em;} .livisto-product-search .btn-light {color: #e70044;background-color: transparent;background-image: none;border:none;border-bottom: 1px dashed #000;border-radius: 0;} .livisto-product-search .btn-light:hover {color: #000;} .livisto-product-search .btn-light:focus, .livisto-product-search .btn-light.focus {box-shadow: none;} .livisto-product-search .btn-light:active:focus {color: #e70044;background-color: transparent;border-color: none;border-bottom: 1px dashed #000;} /* temporal para selects de formulario .form-label-group { position: relative; margin-bottom: 1rem; } .form-label-group > input, .form-label-group > label { padding: var(--input-padding-y) var(--input-padding-x); height: 40px; } .form-label-group > label { position: absolute; top: 0; left: 0; display: block; width: 100%; margin-bottom: 0; line-height: 1.5; color: #495057; border: 1px solid transparent; border-radius: .25rem; transition: all .1s ease-in-out; padding: 10px; } .form-label-group input::-webkit-input-placeholder { color: transparent; } .form-label-group input:-ms-input-placeholder { color: transparent; } .form-label-group input::-ms-input-placeholder { color: transparent; } .form-label-group input::-moz-placeholder { color: transparent; } .form-label-group input::placeholder { color: transparent; } .form-label-group input:not(:placeholder-shown) { padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3)); padding-bottom: calc(var(--input-padding-y) / 3); } .form-label-group input:not(:placeholder-shown) ~ label { padding-top: calc(var(--input-padding-y) / 3); padding-bottom: calc(var(--input-padding-y) / 3); font-size: 12px; color: #777; } .form-label-group > input{ padding: 15px 10px; top:50px; } */ /* ABC menu */ .livisto-search-products-content {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;justify-content: center;} .livisto-search-products li {float: left;} .livisto-search-products {padding: 0;margin: 25px -15px;list-style: none;/*display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;justify-content: center;*/font-size:14px;} .livisto-search-products .abc-link {padding: 0rem 0.5rem;line-height: 1.35;color: #dfdab4;background-color: #fff;border: 1px solid #eaeae8;font-size: 3em;font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";margin-left: -1px;} .livisto-search-products .abc-link:hover {z-index: 2;color: #e70044;text-decoration: none;background-color: #fff;border-color: #eaeae8;} .livisto-search-products li.active .abc-link {z-index: 1;color: #fff;background-color: #e70044;border-color: #eaeae8;} .livisto-search-products li.disabled .abc-link {color: #d9d9d9;pointer-events: none;cursor: auto;background-color: #fff;border-color: #eaeae8;} .livisto-search-products .abc-link span {display: inline-block;min-width: 20px;text-align: center;} @media (max-width: 768px) { .livisto-search-products .abc-link {font-size: 2em;line-height: 1.38;} } /* Products */ .livisto-product {padding: 25px;font-family: "DINRoundWeb W01 Regular", "Chevin Pro Medium";color:#807e7e;} .livisto-product-label {height:160px;color: #fff;border-top-right-radius: 80px;border-bottom-right-radius: 80px;max-width: 327px;display: inline-block;margin-bottom: 50px;display: flex;align-items: center} .livisto-product-label h2 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 53px;margin: 15px;line-height: .9em;text-transform: none;} .livisto-product-label h2 span {font-family: "DINRoundWeb W01 Regular", "Chevin Pro Medium";display: block;font-size: 34px;text-transform: none;} .livisto-product-label-isnotlivsito {height:auto;border:0;margin-bottom: 0px;} .livisto-product-label-isnotlivsito h2 {margin: 0px;} .livisto-product-panel {border:1px solid #d7d7d7;background-color: #f9f9f9;margin: 0 0 10px 0;display: flex;align-items: center} .lpp-bg-white {background-color: #fff;} .livisto-product-panel p {display: inline-block;} .livisto-type-label {height:70px;color: #fff;border-top-right-radius: 35px;border-bottom-right-radius: 35px;width: 140px;display: inline-block;display: flex;align-items: center;margin:20px 0;} .livisto-type-label .type {font-family: "DINRoundWeb W01 Bold";font-size: 21px;margin: 10px;line-height: .9em;text-transform: uppercase;} .livisto-type-label .type span {font-family: "DINRoundWeb W01 Medium", "Chevin Pro Medium";display: block;font-size: 14px;text-transform: none;} .livisto-type-label-sm {height:60px;color: #fff;border-top-right-radius: 35px;border-bottom-right-radius: 35px;width: 120px;display: inline-block;display: flex;align-items: center;margin:20px 0;} .livisto-type-label-sm .type {font-family: "DINRoundWeb W01 Bold";font-size: 21px;margin: 10px;line-height: .9em;text-transform: uppercase;} .livisto-type-label-sm .type span {font-family: "DINRoundWeb W01 Medium", "Chevin Pro Medium";display: block;font-size: 14px;text-transform: none;} a.livisto-product-panel-lnk:hover {text-decoration: none !important;} .lpp-type {width: 140px;margin-right: 5px;} .lpp-descp {padding: 15px 0 15px 5px;width: 70%;}/*100%*/ @media (max-width: 470px) { .livisto-type-label {width: 120px;} } .lpp-descp p {line-height: 25px;margin-bottom: 0px !important;} .lpp-related-item {border-bottom: 1px solid #d0d0d0;display: inline-block;width: 100%;} .lpp-related-item h6 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 21px;text-transform: uppercase;color:#494949;display: inline-block;margin-top: 15px;width: 68%;display: inline-block;} .lpp-related-item h6 span {font-size:14px;display: block;} .lpp-related-item-img {width: 30%;display: inline-block;float: right;margin-left: 5px;} .lpp-related-item img {} a.lpp-related-item:hover h6 {color:#e70044;} .nb {border-bottom: none;} @media (max-width: 470px) { .lpp-related-item-img {display: block;float: none;} } .product-family-x {background-color: #3b91bf} .livisto-article-type {background-color: #5d0f4c} .livisto-tip-type {background-color: #56565a} .livisto-related-type {background-color: #d70035} .livisto-product-type {background-color: #e70044} .livisto-in-practice-type {background-color: #012e4b} .livisto-product h3 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 40px;line-height: 40px;text-transform: uppercase;vertical-align: middle;color:#494949;margin-bottom: 17px;} .livisto-product h4 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 20px;line-height: 40px;text-transform: uppercase;vertical-align: middle;color:#494949;margin: 15px 0 40px 0;text-align: center} .livisto-product h5 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 20px;color:#000;line-height: 30px;} .livisto-product .btn-back {background-color: #ebebeb; color: #8c8c8c;border-radius: 15px;border: 0;padding: 5px 25px;text-decoration: none;} .livisto-product .btn-back:hover {background-color: #e70044; color: #fff;} .livisto-product .livisto-product-description {font-size: 14px;} .livisto-product .livisto-product-description span {color:#000;font-weight: bold;margin-top: 20px;display: block;} .livisto-product .livisto-product-description p {margin-bottom: 0} .livisto-product .livisto-product-description a {display: block;margin: 0 0 15px 0;font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";} .livisto-product .livisto-product-description a:hover {} .livisto-product .livisto-product-description .lpd-block {border-bottom: 1px solid #d2d2d2;padding-bottom: 20px;} .livisto-product .livisto-product-description .lpd-block .lpd-specie {margin: 20px 0 10px 0;display: inline-block;text-align: center;} .livisto-product .livisto-product-description .lpd-block .lpd-specie h6 {font-size: 14px;color: #494949;padding-top: 5px;} .livisto-product .livisto-product-description .lpd-block .lpd-specie img {width: 75px;} /* Products list*/ .livisto-product .livisto-product-list {margin: 30px 0;} @media (min-width: 576px) { .livisto-product .livisto-product-list .livisto-product-item {margin-bottom: 40px;display: block;} } .livisto-product .livisto-product-list .livisto-product-item:hover {text-decoration: none;} .livisto-product .livisto-product-list .livisto-product-item:hover .brand-name {color: #000;} .livisto-product .livisto-product-list .livisto-product-item-info {border-bottom: 1px solid #d2d2d2;padding: 0 0 20px 0 ;min-height: 200px;} @media (max-width: 768px) { .livisto-product .livisto-product-list .livisto-product-item-info {min-height: auto;} } .livisto-product .livisto-product-list .brand-name {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 32px;line-height: 35px;text-transform: uppercase;vertical-align: middle;color:#494949;margin-bottom: 5px;} .livisto-product .livisto-product-list .claim {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 20px;line-height: 20px;text-transform: uppercase;vertical-align: middle;color:#494949;margin: 5px 0 20px 0;text-align: left} .livisto-product .livisto-product-list .lpd-blockt-t1 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 16px;color:#000;line-height: 20px;margin: 10px 0 20px 0;} .livisto-product .livisto-product-list .lpd-block-t2 {font-size: 14px;color: #494949;line-height: 18px;padding-bottom: 20px;} .livisto-product .livisto-product-list .lpd-block-t2 span {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";} .livisto-product .livisto-product-list img {width: 100%;} /* News & Events */ .livisto-newsevents .livisto-newsevents-list {margin: 30px 0;} .livisto-newsevents .livisto-newsevents-list .livisto-newsevents-item {margin-bottom: 40px;display: block;border: 1px solid #d2d2d2;border-radius: 10px;min-height: 570px;} .livisto-newsevents .livisto-newsevents-list .livisto-newsevents-item:hover {text-decoration: none;} .livisto-newsevents .livisto-newsevents-list .livisto-newsevents-item:hover .lne-subtitle {color: #e70044;} .livisto-newsevents .livisto-newsevents-list .livisto-newsevents-item-info {padding: 15px;} @media (max-width: 768px) { .livisto-newsevents .livisto-newsevents-list .livisto-newsevents-item {min-height: auto;} } .livisto-newsevents .livisto-newsevents-item-header {min-height: 200px;width: 100%;border-top-left-radius: 10px;border-top-right-radius: 10px;display: flex;align-items: top;padding-top: 20px;background-size: cover} .livisto-newsevents .livisto-newsevents-item-header-noimage {min-height: 60px} /*.livisto-newsevents .livisto-newsevents-item-header:hover {transform: scale(1.01);transition: all .1s ease-in-out;}*/ .livisto-newsevents .lne-type {height:30px;color: #fff;border-top-right-radius: 15px;border-bottom-right-radius: 15px;min-width: 70px;display: inline-block;display: flex;align-items: center;padding: 10px;} .livisto-newsevents .lne-type span {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Medium";display: block;font-size: 11px;text-transform: none;} .livisto-newsevents .lne-date {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Medium";color:#000;font-size: 16px;} .livisto-newsevents .lne-title {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 26px;line-height: 26px;text-transform: uppercase;color:#e70044;margin: 20px 0;} .livisto-newsevents .lne-subtitle {font-family: "DINRoundWeb W01 Medium", "Chevin Pro Medium";color:#494949;font-size: 20px;line-height: 20px;margin: 20px 0;} .livisto-newsevents .lne-news .lne-type {background-color: #e70044;} .livisto-newsevents .lne-event .lne-type {background-color: #670048;} .livisto-newsevents .lne-news .lne-title {color:#e70044;} .livisto-newsevents .lne-event .lne-title {color:#670048;} .livisto-newsevents .lne-event {/*background-color: #f9f9f9;*/} .livisto-newsevents {padding: 0px 25px 25px 25px; } .livisto-newsevents h2 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 55px;line-height: 56px;text-transform: uppercase;vertical-align: middle;color:#e70044;margin: 25px 0;} @media (max-width: 576px) { .livisto-newsevents h2 {font-size: 38px;line-height: 40px;} } .livisto-newsevents h3 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 24px;vertical-align: middle;color:#494949;margin: 15px 0 40px 0;} .livisto-newsevents p {line-height: 20px;} .livisto-newsevents img {margin-top: 25px;} .livisto-newsevents .lne-date-int {font-family: "DINRoundWeb W01 Medium", "Chevin Pro Medium";color:#000;font-size: 24px;} /*.livisto-newsevents*/ .lne-legend {font-size: 12px;text-align: right} .livisto-newsevents .lne-btn {display: inline-block;width: 100%;text-align: center;} .livisto-newsevents .btn-back {background-color: #ebebeb; color: #8c8c8c;border-radius: 15px;border: 0;padding: 5px 25px;text-decoration: none;font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";} .livisto-newsevents .btn-back:hover {background-color: #e70044; color: #fff;} .pc-0 {background-color:#e70044;} .pc-11 {background-color:#F4F5F0;} .pc-137 {background-color:#FF9F37;} .pc-1505 {background-color:#FF8038;} .pc-172 {background-color:#FF674D;} .pc-206 {background-color:#D84465;} /**/ .pc-207 {background-color:#AF4C64;} .pc-209 {background-color:#825864;} .pc-2607 {background-color:#7A5896;} .pc-298 {background-color:#4CB4E7;} .pc-301 {background-color:#28628E;} .pc-3135 {background-color:#008EA6;} .pc-349 {background-color:#477258;} .pc-360 {background-color:#5DB860;} .pc-382 {background-color:#99C221;} .pc-730 {background-color:#A57E62;} .pc-7481 {background-color:#00BA6E;} /****** cookies*******/ #cookie-notice {display: none;font-size: 12px;height: auto;left: 0;line-height: 18px;min-width: 100%;position: fixed;text-align: center;z-index: 100000;} .cn-bottom {background-color: #000;bottom: 0;} .cookie-notice-container {border-top: 5px solid #dfdab4;height: 115px;padding: 10px;display: block;} span#cn-notice-text {color: #b4b5b6;display: block;font-size: 14px;padding: 10px 0 15px;} #cookie-notice .button {margin-left: 10px;} .cookie-notice-container a.button {background-color: #e70044;color:#fff;font-weight: bold;text-transform: uppercase;border-radius: 5px;border: none;padding: 8px 15px;} .cookie-notice-container a.button:hover {background-color: #c8a4be;color:#fff;text-decoration: none;} .cookie-notice-container a.cn-set-cookie {display: inline-block;} @media (max-width: 992px) { .cookie-notice-container {height: 150px;} } @media (max-width: 480px) { .cookie-notice-container {height: 190px;} } /****** button BACK *************/ .livisto-btn-back-block {display: block;width: 100%;text-align: right;margin-bottom: 30px;} .livisto-btn-back-block-center {display: block;width: 100%;text-align: center;margin-top: 50px;} .livisto-btn-back {background-color: #ebebeb; color: #8c8c8c;border-radius: 15px;border: 0;padding: 5px 25px;text-decoration: none;font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";} .livisto-btn-back:hover {background-color: #e70044; color: #fff;text-decoration: none;} /****** generic content ********/ .livisto-generic-content {padding: 0px 25px 25px 25px;position: relative; } .livisto-generic-content .row {margin-bottom: 50px;} .livisto-generic-content h2 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 55px;line-height: 56px;text-transform: uppercase;vertical-align: middle;color:#e70044;margin: 10px 0;} .livisto-generic-content h2.sm {font-size: 28px;margin: 5px 0 15px 0;line-height: 30px;} .livisto-generic-content h3 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 24px;vertical-align: middle;color:#494949;margin: 15px 0 40px 0;} .livisto-generic-content p {line-height: 24px;} .livisto-generic-content img {margin: 20px 0;width: 100%;} .livisto-generic-content img.nmt {margin-top: 5px;width: 100%;} .livisto-generic-content .lne-legend {font-size: 12px;text-align: right;margin-top: -20px;} .livisto-generic-content p a {color: #e70044} .livisto-generic-content .btn-livisto {/*margin-top: 20px;*/} .livisto-generic-content form {font-size: 13px;line-height: 23px; } .livisto-generic-content form span {font-family: Arial;font-size: 11px;text-transform: uppercase;} .livisto-generic-content form .form-error {color: #e70044} .livisto-generic-content .form-control {color: #000;border: 1px solid #000;text-transform: uppercase;font-size: 11px;font-family: Arial;background-color: #fff;border-radius: 0.4rem;} .livisto-generic-content .form-control:focus {border-color: #000;outline: 0;box-shadow: none} .livisto-generic-content input.form-control {height: 40px;}/*line-height: 24px;*/ /* .livisto-generic-content .lne-btn {display: block;width: 100%;text-align: right;} .livisto-generic-content .lne-btn {display: block;z-index: 100;position: absolute;right: 0} .livisto-generic-content .lne-btn-center {display: block;width: 100%;text-align: center;margin-top: 50px;} */ /* vertical menu */ .livisto-vertical-menu {margin-bottom: 25px;} .livisto-vertical-menu .nav-link {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 24px;color:#e70044;padding-left: 0;border-bottom: 1px solid #d7d7d7;} .livisto-vertical-menu .nav-link:hover {opacity: .75} .livisto-vertical-menu .active {/*border-bottom: none;*/color:#494949;} .livisto-vertical-menu ul ul .nav-link {font-size: 18px;/*margin-left: -7px;*/ padding-top: .3rem !important;padding-bottom: .3rem !important;} .livisto-vertical-menu ul ul ul .nav-link {font-size: 16px;color:#8d8c8c;border-bottom: none;/*margin-left: -35px;*/} .livisto-vertical-menu ul ul {margin-left: -7px;line-height: 30px;} .livisto-vertical-menu ul ul ul {margin-left: -27px;line-height: 16px} .livisto-vertical-menu ul ul ul .active {color:#494949;} .livisto-vertical-menu .pt-1, .livisto-vertical-menu .py-1 {padding-top: .05rem !important;} .livisto-vertical-menu .pb-1, .livisto-vertical-menu .py-1 {padding-bottom: .1rem!important;} /****** Along with you content ********/ .livisto-awy-content {padding: 0px 25px 25px 25px;position: relative;font-size: 16px;color:#646262;} .livisto-awy-content h2 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 55px;line-height: 56px;text-transform: uppercase;vertical-align: middle;color:#e70044;margin: 25px 0;} .livisto-awy-content h3 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 34px;margin-bottom: 15px} .livisto-awy-content h4 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 34px;color:#e70044;} .livisto-awy-content h5 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 50px;color:#fff;} .livisto-awy-content h5 span {color:#e70044;} .livisto-awy-content p {line-height: 30px;margin-bottom: 30px;} .livisto-awy-content cite {line-height: 30px;font-weight: bold;padding: 25px 0;} .livisto-awy-content .tit-value {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 40px;line-height: 56px;text-transform: uppercase;vertical-align: middle;color:#e70044;margin: 25px 0;} .livisto-awy-content .tit-awy {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 46px;line-height: 56px;vertical-align: middle;color:#e70044;margin: 25px 0;} .livisto-awy-content ul {list-style-type: none;} .livisto-awy-content .livisto-vertical-menu .active {border-bottom: 1px solid #d7d7d7;} .livisto-awy-content .livisto-vertical-menu .pt-0, .livisto-awy-content .livisto-vertical-menu .py-0 {padding-top: .3rem !important;padding-bottom: .3rem !important;} .livisto-awy-content .circle:before {content: ' \25CF';font-size: 40px;display: block;margin: 0 auto;text-align: center;} .livisto-awy-content .livisto-map-content {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";} .livisto-awy-content .content-red {color:#e70033;} .livisto-awy-content .content-purple {color:#5d245a;} .livisto-awy-content .content-grey {color:#5e4f4a;} .livisto-awy-content .livisto-map-area {font-size: 20px;line-height: 25px;margin-bottom: 10px;min-height: 50px;display: flex;align-items: flex-end;} @media (max-width: 768px) { .livisto-awy-content .livisto-map-area {font-size: 20px;line-height: 25px;margin-bottom: 10px;min-height: auto;display: flex;align-items: flex-end;} } /****** Livisto In-Practice ********/ .livisto-lip-content {padding: 0px 25px 25px 25px;position: relative;font-size: 16px;color:#646262;} .livisto-lip-content h2 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 55px;line-height: 56px;text-transform: uppercase;vertical-align: middle;color:#e70044;margin: 25px 0;} .livisto-lip-content h3 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 48px;margin-bottom: 15px;color: #e3dfb9;line-height: 40px;} .livisto-lip-content h4 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 34px;color:#e70044;margin: 40px 0 20px 0;} .livisto-lip-content h4 span {font-family: "DINRoundWeb W01 Medium", "Chevin Pro Medium";} .livisto-lip-content p {line-height: 30px;margin-bottom: 30px;} .livisto-lip-content ul {margin-bottom: 30px;} .livisto-lip-content ul li {color:#807e7e;list-style: none; } .livisto-lip-content ul li::before {color:#e70033;content: "\2022";padding-right: .5em; } .livisto-lip-content .btn-livisto {margin-top: 50px;} /******** Livisto Species index *********/ .livisto-species-index {margin-left: -30px;position: relative;font-size: 14px;color:#646262;margin-top: 25px;} .livisto-species-item {height: 250px;display: flex;align-items: center;} .lsi-cats {background: url(/media/img/bg/bg-species-cats.jpg);background-size: cover;background-position: center right;padding-right: 0px;padding-left: 0px;} .lsi-generic {background: url(/media/img/bg/bg-species-cats.jpg);background-size: cover;background-position: center right;padding-right: 0px;padding-left: 0px;} .lsi-cattle {background: url(/media/img/bg/bg-species-cattle.jpg);background-size: cover;padding-right: 0px;padding-left: 0px;} .lsi-dogs {background: url(/media/img/bg/bg-species-dogs.jpg);background-size: cover;background-position: top right;padding-right: 0px;padding-left: 0px;} .lsi-poultry {background: url(/media/img/bg/bg-species-poultry.jpg);background-size: cover;background-position: center left;padding-right: 0px;padding-left: 0px;} .lsi-horses {background: url(/media/img/bg/bg-species-horses.jpg);background-size: cover;background-position: center right;padding-right: 0px;padding-left: 0px;} .lsi-pigs {background: url(/media/img/bg/bg-species-pigs.jpg);background-size: cover;background-position: center left;padding-right: 0px;padding-left: 0px;} .lsi-others {background: url(../img/bg/bg-species-others.jpg);background-size: cover;background-position: center;padding-right: 0px;padding-left: 0px;} .lsi-sheepandgoats {background: url(/media/img/bg/bg-species-sheepandgoats.jpg);background-size: cover;background-position: center left;padding-right: 0px;padding-left: 0px;} .livisto-species-item .specie-type {margin: 0 0 10px 0;display: inline-block;text-align: center;} .livisto-species-item .specie-type h2 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 22px;color: #fff;padding-top: 5px;margin: 0;} .livisto-species-item .specie-type img {width: 115px;margin: 0;} .lsi-bg {display: block;height: 250px;display: flex;align-items: center;justify-content: center; } .lsi-cats .lsi-bg {background-color: #a80045;} .lsi-generic .lsi-bg {background-color: #e2ddba;} .lsi-cattle .lsi-bg {background-color: #e2ddba;} .lsi-dogs .lsi-bg {background-color: #e50047;} .lsi-poultry .lsi-bg {background-color: #640847;} .lsi-horses .lsi-bg {background-color: #023044;} .lsi-pigs .lsi-bg {background-color: #474847;} .lsi-others .lsi-bg {background-color: #9d9e9e;} .lsi-sheepandgoats .lsi-bg {background-color: #ececec;} .lsi-sheepandgoats .specie-type h2 {color: #a1a2a2} .livisto-species-item .lsi-bg {transition: all .5s ease-in-out;} .livisto-species-item:hover .lsi-bg {background: rgba(168,0,69,.7);transition: all .5s ease-in-out;} .lsi-cats:hover .lsi-bg {background: rgba(168,0,69,.8);} /*.lsi-generic:hover .lsi-bg {background: rgba(168,0,69,.8);} */ .lsi-cattle:hover .lsi-bg {background: rgba(226,221,186,.8);} .lsi-dogs:hover .lsi-bg {background: rgba(229,0,71,.8);} .lsi-poultry:hover .lsi-bg {background: rgba(100,8,71,.8);} .lsi-horses:hover .lsi-bg {background: rgba(2,48,68,.8);} .lsi-pigs:hover .lsi-bg {background: rgba(71,72,71,.8);} .lsi-others:hover .lsi-bg {background: rgba(157,158,158,.8);} .lsi-sheepandgoats:hover .lsi-bg {background: rgba(236,236,236,.9);} .livisto-species-item a {width: 100%;} .livisto-species-item a:hover {text-decoration: none !important;} /******** Livisto Species content ********/ .livisto-species-content {padding: 0px 25px 25px 25px;position: relative;font-size: 14px;color:#646262;} .livisto-species-content .specie-type {margin: 0 0 10px 0;display: inline-block;} .livisto-species-content .specie-type h2 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 50px;color: #3c3c3c;padding-top: 5px;margin: 0;text-transform: uppercase;} .livisto-species-content .specie-type img {width: 120px;margin: 0;} .livisto-species-content p {line-height: 24px;margin-bottom: 30px;font-size: 16px} .livisto-species-content p a {color: #e70044} .livisto-species-content .livisto-vertical-menu {margin-top: 55px;} @media (max-width: 768px) { .livisto-species-content .livisto-vertical-menu {margin-top: 0px;} } /******** Pagination **************/ .page-link {position: relative;display: block;padding: 0.5rem 0.75rem;margin-left: -1px;line-height: 1.25;color: #e70044;background-color: #fff;border: 1px solid #d7d7d7;} .page-item.disabled .page-link {color: #868e96;pointer-events: none;cursor: auto;background-color: #f9f9f9;border-color: #d7d7d7;} .page-item.active .page-link {z-index: 1;color: #fff;background-color: #e70044;border-color: #AEFF5E;} .page-link:focus, .page-link:hover {color: #fff;text-decoration: none;background-color: #e70044;border-color: #e70044;} /******** Livisto Along with you index *********/ .livisto-awy-index {margin-left: -30px;position: relative;font-size: 14px;color:#646262;margin-top: 0px;} .livisto-awy-index-item {height: 420px;display: flex;align-items: center;text-align: center;} .livisto-awy-index-item h2 {font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";font-size: 50px;color: #fff;padding-top: 5px;margin: 0;} .livisto-awy-index .awy-our-mission {background: url(/media/img/bg/bg-along-with-you-our-mission.jpg);background-size: cover;background-position: center;padding-right: 0px;padding-left: 0px;} .livisto-awy-index .awy-our-brand {background: url(/media/img/bg/bg-along-with-you-our-brand.jpg);background-size: cover;background-position: center;padding-right: 0px;padding-left: 0px;} .livisto-awy-index .awy-our-history {background: #ececec url(/media/img/bg/bg-along-with-you-our-history.png) center bottom no-repeat;padding-right: 0px;padding-left: 0px;} .livisto-awy-index .awy-our-values {background: #e70044 url(/media/img/bg/bg-along-with-you-our-values.jpg) center no-repeat;padding-right: 0px;padding-left: 0px;} .livisto-awy-index .awy-where-to-find-us {background: #e2dfb8 url(/media/img/bg/bg-along-with-you-where-to-find-us~1.svg) center no-repeat;padding-right: 0px;padding-left: 0px;} .livisto-awy-index .awy-our-history h2 {color: #e70044;font-size: 60px;margin-top: -100px} .livisto-awy-index .awy-our-values h2 {color: #3c3c3c;} .livisto-awy-index .awy-where-to-find-us h2 {color: #3c3c3c;} .livisto-awy-index a {width: 100%;display: block;} .livisto-awy-index a:hover {text-decoration: none !important;} .livisto-awy-index a:hover h2 {color: #e3dfb9} .livisto-awy-index .awy-our-values a:hover h2 {color: #e70044;} .livisto-awy-index .awy-where-to-find-us a:hover h2 {color: #e70044;} /******** Select Region *************/ .select-region-block {background-color: #e70044;height: 460px;border-bottom: 1px solid #fff;color: #fff;padding: 15px 10px 0 10px;font-family: "DINRoundWeb W01 Medium", "Chevin Pro Medium";overflow-y: hidden;position: absolute;z-index: 100} .select-region-block .sr-title {color: #e2dfb8;margin-top:5px;margin-bottom: 25px;font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";} .select-region-block .form-control {background-color: #e70044;height: 35px;border: 1px solid #fff;border-left: none;font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";color: #e2dfb8;font-size: 14px;} .select-region-block ul li {list-style: none;margin-bottom: 12px;} .select-region-block ul li.nmb {margin-bottom: 0px;} .select-region-block ul li a {color:#fff;} .select-region-block .btn {background-color: transparent;color: #fff !important;padding-top: 5px;text-transform: uppercase;font-size: 14px;font-family: "DINRoundWeb W01 Bold", "Chevin Pro Medium";color: #e2dfb8;} .select-region-block .btn:hover {background-color: #e2dfb8;color: #e70044 !important;} .select-region-block .input-group-text {padding: 0.375rem 0.1rem 0.375rem 0.75rem;margin-bottom: 0;font-size: 1rem;line-height: 1.3;color: #e2dfb8;background-color: transparent;border: 1px solid #fff;border-radius: 0.5rem;border-right: none;} .select-region-block .input-group-append {border:1px solid #fff;border-top-right-radius: 0.5rem;border-bottom-right-radius: 0.5rem;height: 35px;} .select-region-block .form-control:focus {color: #e2dfb8;border-color: #fff;outline: 0;box-shadow: none;} .select-region-block .form-control::-webkit-input-placeholder {color: #e2dfb8;} .select-region-block .form-control::-moz-placeholder {color: #e2dfb8;} .select-region-block .form-control:-ms-input-placeholder {color: #e2dfb8;} .select-region-block .form-control::-ms-input-placeholder {color: #e2dfb8;} .select-region-block .form-control::placeholder {color: #e2dfb8;} .select-region-block .select-region-search .input-group .input-group-prepend {border-radius: 5rem;border-right: 0} .select-region-block .select-region-countries {margin: 20px 0 0 0;height: 370px;overflow-y: scroll;overflow-x: hidden;padding-bottom: 10px} .select-region-block .select-region-countries span {color: #e2dfb8 !important;font-weight: bold;/*font-size: .8em;*/} .select-region-block ::-webkit-scrollbar {width: 8px;} .select-region-block ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius: 10px;border-radius: 10px;} .select-region-block ::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: rgba(255,255,255,0.8);-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5);} .select-region-block ::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,255,255,0.4);} .select-region-block ::-webkit-scrollbar-track {width: 8px;} .sr-b1 {font-size: 15px;font-family: "DINRoundWeb W01 Regular", "Chevin Pro Medium";} @media (max-width: 992px) { .sr-b2 {display: none;} } .sr-b3 {} @media (max-width: 576px) { .select-region-block {height: 400px;} .select-region-block .select-region-countries {height: 100px;} .select-region-block .sr-b3 ul {margin-left: -39px; } .select-region-block .sr-b3 ul li {margin-bottom: 0px; } .select-region-block .sr-title {margin-bottom: 5px} } .select-region-block #selectionmap {height: 370px;border-right: 1px solid #fff} /****** Livisto messages *****/ .livisto-message-info {width: 100%} .livisto-message-info i {color: #e3dfb9;font-size: 8em;} .lmi-description {color: #494949;font-size: 22px;font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";line-height: 24px;display: block;} .lmi-status {color: #e70044;font-size: 48px;font-family: "DINRoundWeb W01 Bold", "Chevin Pro Bold";line-height: 40px;margin-top: 10px;display: block;} .amcharts-chart-div circle { fill: rgb(255, 223, 184); stroke: rgb(255, 255, 255); fill-opacity: 1; stroke-width: 1; stroke-opacity: 0; transform: translate(16, 16); color:#fff !important; } /* .amcharts-chart-div path { fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); } */ /******** Sticky Menu ********/ .mobile-option{display: none;} .livisto-header{background-position: center;background-repeat: no-repeat;} .navbar{transition: background 0.5s, height 2s;} .navbar-fixed{position: fixed;top: 0;background: #e70044;z-index: 50;height: 60px;width: 100%;} .livisto-header{transition: background 0.5s;} .livisto-header-fixed{background: url(/media/img/livisto-logo-sticky.svg) center no-repeat;width: 85px;height: 50px;} .navbar-collapse{transition: margin-top 0.5s;} .navbar-expand-lg .navbar-collapse-fixed{margin-top: 0px;} .navbar-fixed .navbar-nav .nav-link.awy, .navbar-fixed .navbar-nav .nav-link.active, .navbar-fixed .navbar-nav .nav-link, .navbar-fixed .select-region{color: #fff!important;padding-top: 16px;padding-bottom: 15px;} .navbar-fixed .select-region {height: 56px;} .navbar-fixed .navbar-nav .nav-link{border-bottom: 3px solid transparent;} .navbar-fixed .navbar-nav .nav-link:hover, .navbar-fixed .navbar-nav .show .nav-link, .navbar-fixed .navbar-nav .active {border-bottom: 3px solid #e2dfb8;} .navbar-fixed .navbar-nav .select-region:hover{border-bottom: 3px solid transparent;} .lvp-fixed{position: fixed;top: 120px;z-index: 49;} /******** SUP Menu ********/ .navbar-expand-lg .navbar-sup{display: flex;position: absolute;right: 50px;top: 35px;/*width: 100%;*/justify-content: flex-end;} .navbar-search{border:1px solid #ddd;border-radius: 10px;} .navbar-lang{min-width: 95px;} .navbar-contact{min-width: 125px;} .navbar-contact a, .navbar-lang a{font-size: 12px;text-decoration: none;} .navbar-contact a:hover, .navbar-lang a:hover{color: #e70044;} .navbar-lang img{margin-right: 2px;} .navbar-contact img{margin-right: 2px;} .navbar-search{min-width: 345px;margin-right: 20px;} .livisto-main-menu .fa-search{color: #e5e1be;} .navbar-search button{border: none;background: none;padding: 0px 6px;} .navbar input[type=text] {padding: 2px 6px;border: none;margin-right: 16px;font-size: 12px;outline-color: transparent;vertical-align: text-top;width: 250px;background: transparent;} .navbar-lang .dropdown-menu{left: initial;right:-50px;padding: 0.5rem 2rem 2rem 2rem;} .navbar-social .fa{color: #e5e1be;padding: 0px 3px;font-size: 18px;vertical-align: sub;} .navbar-lang .dropdown-toggle::after{color: #e5e1be;} @media (max-width: 992px) { .navbar-expand-lg .navbar-sup{display: none;} .navbar-fixed{height: auto;} .navbar-fixed .navbar-toggler {border-color: rgba(255,255,255,1);margin-top: 0px;} .navbar-fixed .navbar-toggler-icon{filter: invert(1);} .navbar-fixed .livisto-header{margin: 0px 0px 0px 10px;} .livisto-main-menu .nav-link{color: #000!important;text-transform: uppercase;} .livisto-main-menu .select-region{width: 92%;background: transparent;} .livisto-main-menu .navbar-nav .nav-link{padding: 5px 0px;border-bottom: 0px;} .livisto-main-menu .navbar-nav .nav-link:hover, .livisto-main-menu .navbar-nav .show .nav-link, .livisto-main-menu .navbar-nav .active{border-bottom: 0px solid #d7d7d7;} .livisto-main-menu .navbar-nav .nav-link.active {color: #e70044!important;border-bottom: 0px solid #d7d7d7;} .navbar-fixed .navbar-nav .nav-link.active {color: #e5e1be!important;border-bottom: 1px solid #e5e1be;} .navbar-fixed .navbar-nav .nav-link:hover, .navbar-fixed .navbar-nav .show .nav-link, .navbar-fixed .navbar-nav .active{border-bottom: 0px solid #e5e1be;} .mobile-option{display: block;} .mobile-option a{font-weight: 100!important; font-size: 13px!important;} .mobile-social{margin-left: 15px;padding: 8px 0px;} .mobile-social a{margin-right: 10px;} .mobile-option .navbar-search{border: none;border-radius: 0px;} .mobile-option .navbar-search button{padding: 0px;} .mobile-option .navbar-search .fa{color: #000;} .mobile-option .navbar-search input[type=text]{font-size: 13px;vertical-align: initial;width: 80%;padding-left: 4px;} ::placeholder {color: #000;opacity: 1;} .navbar-fixed .mobile-option .navbar-search .fa{color: #fff;} .navbar-fixed ::placeholder {color: #fff;opacity: 1;} .navbar-fixed .navbar-search input{color: #fff;} /*.navbar-fixed .dropdown-menu{background: #e5e1be;margin-left: 15px;margin-right: 15px;}*/ .livisto-main-menu .dropdown-menu{padding-bottom: 8px;padding-top: 0px;} .navbar-fixed .mobile-social .fa{color: #fff;} .navbar-search{min-width: auto;} .livisto-contact-mobile{width: 18px;} } @media (max-width: 375px){ .livisto-main-menu .navbar-collapse li{max-width: 345px;} } @media (max-width: 320px){ .livisto-main-menu .navbar-collapse li{max-width: 285px;} } /*-- Rollover social menu --*/ .navbar-social .fa:hover{opacity: 0.7;} /*-- Rollover Map Awy --*/ .livisto-main-menu .select-region{min-height: 56px;} .livisto-main-menu .select-region:hover, .livisto-main-menu .awy:hover{color: #000!important;border-bottom: 3px solid #e70044!important;} /*--Sticky submenu --*/ .navbar-fixed{border-bottom: 1px solid #fff;} .navbar-fixed .navbar-nav .nav-link:hover{color: #000!important;} .navbar-fixed .navbar-nav .nav-link.active{color: #000!important;} .livisto-main-menu .navbar-collapse-fixed .dropdown-menu{background: #e70044;} .livisto-main-menu .navbar-collapse-fixed .dropdown-menu a{color: #fff;border-bottom: 1px solid #fff;} .livisto-main-menu .navbar-collapse-fixed .dropdown-menu a:hover{color: #000;} .navbar-fixed .select-region:hover, .navbar-fixed .awy:hover{border-bottom: 3px solid #e5e1be!important;} .navbar .fa{font-size: 18px;vertical-align: middle;color: #e5e1be;} @media (max-width: 992px){ .navbar-fixed .select-region:hover, .navbar-fixed .awy:hover{border-bottom: 0px solid #e5e1be!important;} .livisto-main-menu .select-region:hover, .livisto-main-menu .awy:hover{color: #e70044!important;border-bottom: 0px!important;} .livisto-main-menu .navbar-nav .nav-link.active{color: #000!important; border-bottom: 0px;} .livisto-main-menu .navbar-nav .nav-link:hover{color: #e70044!important;} .livisto-main-menu .select-region {max-height: 30px;min-height: auto;} .fa{font-size: 18px;} .livisto-header{margin-left: 15px;} .navbar-fixed .navbar-nav .nav-link.awy, .navbar-fixed .navbar-nav .nav-link.active, .navbar-fixed .navbar-nav .nav-link, .navbar-fixed .select-region{padding-bottom: 0px;} .navbar-fixed .navbar-nav .nav-link:hover{color: #000!important;border-bottom: 0px;} .navbar-fixed .navbar-nav .active {color: #fff!important;padding-top: 0px!important;} .livisto-main-menu{overflow-y: auto!important;max-height: 465px;} .livisto-main-menu::-webkit-scrollbar {display: none;} .navbar .fa{color: #000;} .navbar .mobile-social .fa:hover{color: #e70044;} .navbar-fixed .fa-globe{color: #fff;} .navbar-fixed .mobile-social .fa:hover{color: #000;} .navbar-fixed .livisto-contact-mobile{content:url("/media/img/livisto-contact-mobile-sticky.svg");} } /*-- Hover desktop menu --*/ .livisto-main-menu .dropdown-hover{color: #e70044!important;border-bottom: 3px solid #e70044!important;} .navbar-fixed .navbar-nav .dropdown-hover{color: #000!important;border-bottom: 3px solid #e5e1be!important;} .body-scroll{overflow-y: hidden!important;} /*-- Disable Login in Products --*/ @media (max-width: 992px){ div.lvp{display: none;} } /*-- Select Region --*/ .select-region-block{display: none;z-index: 49;} /*-- Legal, Cookies, Terms and Privacy --*/ .livisto-legal-content h3 {margin: 40px 0 15px 0!important;} /*-- Products Menu --*/ .lvp-base {width: auto;right: 15px;}/*width: 0%;*/ .navbar-products {border-bottom: 0px} /*-- Menu Responsive --*/ @media (max-width: 1156px){ .navbar-expand-lg .navbar-nav .nav-link{padding-left: 0px!important;padding-right: 0px!important;} } @media (max-width: 1074px){ .navbar-expand-lg .navbar-nav .nav-link{margin-right: 5px!important;white-space: nowrap;} .livisto-header {background-size: contain;} } /*-- Menu in 992px screen --*/ @media (max-width: 992px) and (min-width: 992px){ .livisto-header{width: 158px;} .livisto-header-fixed{width: 85px;} .navbar {position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;padding: .5rem 1rem;} .navbar-expand-lg .navbar-toggler {display: block;} .navbar-expand-lg .navbar-collapse {margin-top: 0px;width: 100%;display: block!important;} .collapse:not(.show) {display: none!important;} .navbar-nav {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column!important;padding-left: 0;margin-bottom: 0;list-style: none;} .ml-auto, .mx-auto {margin-left: 0px!important;} .navbar-fixed {position: fixed!important;} .navbar-expand-lg .navbar-nav .dropdown-menu {position: relative;} } @media (max-width: 767px){ .select-region-block {position: relative;} } @media (max-width: 576px){ .select-region-block .select-region-countries {height: 180px;} .select-region-block .sr-b3 ul li {width: 50%;float: left;} } /* tmp video */ a.ico-play {display:inline-block;width: 180px;height: 180px;background-image: url(../images/ico-play-video.gif);} .video-play {padding-top: 160px;} .video-livisto {text-align: center;margin-bottom: -5px;} .video-livisto video {margin:0;padding:0;width: auto;height: 400px} @media (max-width: 992px) { .video-livisto video {width: 100%;height: auto} } @media (max-width: 992px) { .video-play {padding-top: 70px;margin-bottom: 90px;} a.ico-play {transform: scale(.7);} } .video-livisto {display: block;} /* css 271218 */ /*.livisto-header-label {width: auto}*/ /* */ .navbar-contact {min-width: 175px;} .livisto-home-newsevents .livisto-type-label .type_GLOB_ES {font-size: 15px;} .livisto-home-newsevents .livisto-type-label .type_GLOB_EN {font-size: 15px;} footer .btn-footer {margin-bottom: 15px;} @media (min-width: 992px) { .livisto-header {margin: 0;margin-left:25px;padding: 0 80px;} } @media (max-width: 768px){ .livisto-generic-content h2 {font-size: 36px;line-height: 56px;} } @media (max-width: 1074px){ .navbar-expand-lg .navbar-nav .nav-link {margin-right: 5px!important;white-space: normal;} .livisto-header {background-size: initial;} } .livisto-main-menu .navbar-nav .nav-link {font-size: 15px;margin: 0 12px;} .select-region {width: auto;} @media (max-width: 1156px) { .navbar-expand-lg .navbar-nav .nav-link_GLOB_ES {padding-left: 15px !important;padding-right: 15px !important;} .navbar-expand-lg .navbar-nav .nav-link_GLOB_EN {padding-left: 15px !important;padding-right: 15px !important;} } /*-- Close Select Region --*/ .close-select-region {display: block;position: absolute;right: 25px;top: 24px;cursor: pointer;} @media (max-width: 991px){ .close-select-region {display: block;position: absolute;right: 25px;bottom: 15px;top:auto;cursor: pointer;} } /*-- END Close Select Region --*/ /*-- Lang Menu Dropdown --*/ .navbar-lang {cursor: pointer;min-width: 55px;margin-right: 40px;} .navbar-lang:hover a#langDropdown{color: #e70044;} .navbar-contact {min-width: 125px;} /*-- END Lang Menu Dropdown --*/