/* Basic
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
html {width: 100%;height: 100%;min-height: 100%;background-color: #fff;overflow-x: hidden;}
body {padding: 0;margin: 0;background-color: #fff;height: 100%;}

a {color: #ff6464;text-decoration: none;font-family: 'NeueHaasUnicaW1G-Regular';}
a:hover, a:focus {color: #002649; text-decoration: underline}
a:active {color: #002649}

.privacy-policy a {color: #002649;text-decoration: underline}
a.underline{text-decoration: underline}

.wrapper {width: 100%;max-width: 1600px; padding-right: 15px;padding-left: 15px;margin-right: auto; margin-left: auto;}
main, .topbarbg, footer, header, .search-section {max-width: 1600px;margin-left: auto;margin-right: auto;box-shadow: -2px 0 2px -2px rgba(153,153,153,.75),2px 0 2px -2px rgba(153,153,153,.75);}

/* Extra large devices and retina (extra large desktops, 1600px and up)*/
@media (min-width: 1600px) {
.wrapper {max-width: 1320px;}
.search-section{margin-top:-4px}
}

/* Typography
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.NeueHaasUnicaW1G-Bold {font-family: 'NeueHaasUnicaW1G-Bold';}
.NeueHaasUnicaW1G-Medium {font-family: 'NeueHaasUnicaW1G-Medium';}
.NeueHaasUnicaW1G-Light {font-family: 'NeueHaasUnicaW1G-Light';}
.NeueHaasUnicaW1GBold {font-family: 'NeueHaasUnicaW1G-Bold';}
.NeueHaasUnicaW1GBoldItalic {font-family: 'NeueHaasUnicaW1G-BoldItalic';}
.NeueHaasUnicaW1GItalic {font-family: 'NeueHaasUnicaW1G-Italic';}
.NeueHaasUnicaW1GLightIt {font-family: 'NeueHaasUnicaW1G-LightIt';}
.NeueHaasUnicaW1GMedium {font-family: 'NeueHaasUnicaW1G-Medium';}
.NeueHaasUnicaW1GMediumIt {font-family: 'NeueHaasUnicaW1G-MediumIt';}
.NeueHaasUnicaW1GLight {font-family: 'NeueHaasUnicaW1G-Light';}
.NeueHaasUnicaW1GRegular {font-family: 'NeueHaasUnicaW1G-Regular';}
.Nazare-Bold {font-family: 'Nazare-Bold';}
.Canela-Medium-Web {font-family: 'Canela Web';font-weight: 500;font-style: normal;font-stretch: normal;}
.Clattering {font-family: 'Clattering';}

html, body {font-family: 'NeueHaasUnicaW1G-Light', sans-serif;color: #002649;}
.light {font-family: 'NeueHaasUnicaW1G-Light', sans-serif;}
.regular {font-family: 'NeueHaasUnicaW1G-Regular', sans-serif;}
.semibold {font-family: 'NeueHaasUnicaW1G-Medium', sans-serif;}
.bold, strong {font-family: 'NeueHaasUnicaW1G-Bold', sans-serif;}
.italic {font-family: 'NeueHaasUnicaW1G-LightIt', sans-serif;}

.uppercase {text-transform: uppercase !important;}
.caption {text-align: right;font-family: 'NeueHaasUnicaW1G-LightIt', sans-serif;font-size: .875rem;padding: .25rem}

h1, h2, h3, .h1, .h2, .h3 {font-family: 'Canela Web', sans-serif;-webkit-hyphens: manual;-moz-hyphens: manual;-ms-hyphens: manual;hyphens: manual;}
h4, h5, .h1, .h2, .h3 {font-family: 'NeueHaasUnicaW1G-Medium', sans-serif;}

h1.intro-title {font-family: 'Clattering', sans-serif; color:#ff6464; margin-bottom: 2rem }
h3 {font-family: 'Canela Web', sans-serif;}
h5.bold {font-family: 'NeueHaasUnicaW1G-Bold', sans-serif;}
h6 {text-transform: uppercase; font-family: 'NeueHaasUnicaW1G-Bold', sans-serif;}

h1, .h1 {font-size: calc(2.075rem + 1.5vw);font-size:2rem;margin-bottom: 1rem}
h1.intro-title {font-size: 3.35rem;font-size: calc(2.675rem + 1.5vw);}
.lead {font-size: 1rem;}
.theme-header-row .lead {
    font-family: 'Canela Web', sans-serif;
    font-size: 1.25rem;
    margin-bottom: 2rem;
}

.lh-condensed {line-height: 1.25;}
.nowrap {white-space: nowrap}
.hyphenate{word-wrap: break-word;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {  
h1, .h1 {font-size: 2.65rem;}
h1.intro-title {font-size: 3.35rem;font-size: calc(2.675rem + 1.5vw);}
h2, .h2 {font-size: 2.45rem;font-family: 'Canela Web', sans-serif;}
h3, .h3 {font-size: 1.75rem;}
h3.card-title, h3.carousel-title,h3.news-title{font-size:  1.5rem}
h4, .h4 {font-size: 1.25rem}
h5, .h5 {font-size: 1.15rem}
.lead {font-size: 1.15rem;}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
h1, .h1 {font-size: 3rem;}    
h1.intro-title {font-size: 5rem;  }
h1.page-title {font-size: 3.529rem; margin-bottom:1rem}
h2, .h2 {font-size: 2.35rem;}  
h3.news-title{font-size:  1.75rem}
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
html {font-size: 17px;}
}

/* Extra large devices and retina (extra large desktops, 1600px and up)*/
@media (min-width: 1600px) {
html {font-size: 19px;}
h1.page-title {font-size: 2.5rem;}  
}

/* Colors
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.blue-bg {background-color: #002649 !important}
.red-bg {background-color: #ff6464 !important}
.yellow-bg {background-color: #f4cf67 !important}
.turq-bg {background-color: #9cfff8 !important}
.white-bg {background-color: #ffffff !important}
.pale-blue-bg {background-color: #f5fffe !important}
.pale-turq-bg {background-color: rgba(156, 255, 248, .5)!important}
.pale-bg {background-color: rgba(235, 235, 235, .6)!important}

.blue-color {color: #002649 !important}
.red-color {color: #ff6464 !important}
.yellow-color {color: #f4cf67 !important}
.turq-color {color: #9cfff8 !important}
.white-color {color: #ffffff !important}

.red-fill{fill:#FF6464;}
.white-fill{fill:#FFFFFF;}
.yellow-fill{fill:#f4cf67;}
.turq-fill{fill:#9cfff8;}
.blue-fill{fill:#002649;}

.max-heat{background-color: #ff6464 !important; color:#fff !important}

/* Buttons
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn {border-radius: 0; font-family: 'NeueHaasUnicaW1G-Medium';}

.btn-primary {background-color:#ff6464;border-color:#ff6464;color:#fff!important;}
.btn-primary:hover,.btn-primary:focus {background-color:#ff6464!important;border-color:#ff6464!important;filter: brightness(120%);outline:none!important;cursor:pointer; text-decoration: none}
.btn-primary:active,.btn-primary.active,.btn-primary.active:focus {background-color:#ff6464!important;border-color:#ff6464!important;box-shadow:none}
.btn-primary.disabled, .btn-primary:disabled {color: #9b9c9d !important;background-color: #f5f5f5;border-color: #eaeaea;opacity: 1}

.btn-primary.with-border, .btn-primary:hover.with-border,.btn-primary:focus.with-border{border-color:#fff !important;}

.btn-dark {background-color:#002649;border-color:#002649;color:#fff!important}
.btn-dark:hover,
.btn-dark:focus {background-color:#002649!important;border-color:#002649!important;filter: brightness(125%);outline:none!important;cursor:pointer;text-decoration: none}
.btn-dark:active,.btn-dark.active,.btn-dark.active:focus {background-color:#002649!important;border-color:#002649!important;box-shadow:none}

/*.btn-outline {background-color:#fff;border-color:#002649;color:#ff6464!important}
.btn-outline:hover,
.btn-outline:focus {background-color:#ff6464!important;border-color:#002649!important;filter: brightness(120%);color:#fff !important; outline:none!important;cursor:pointer;text-decoration: none}
.btn-outline:active,.btn-outline.active,.btn-outline.active:focus {background-color:#FF6464!important;border-color:#002649!important;box-shadow:none}*/

.btn-outline-dark {background-color:#fff;border-color:#002649;color:#002649!important}
.btn-outline-dark:hover,
.btn-outline-dark:focus {background-color:#002649!important;border-color:#002649!important;filter: brightness(125%);outline:none!important;cursor:pointer;text-decoration: none}
.btn-outline-dark:active,.btn-outline-dark.active,.btn-outline-dark.active:focus {background-color:#FF6464!important;border-color:#002649!important;box-shadow:none}

.btn-outline-primary {background-color:#fff;border-color:#FF6464;color:#FF6464!important}
.btn-outline-primary:hover,
.btn-outline-primary:focus {background-color:#FF6464!important;border-color:#FF6464!important; color: #fff !important; outline:none!important;cursor:pointer;text-decoration: none}
.btn-outline-primary:active,.btn-outline-primary.active,.btn-outline-primary.active:focus {background-color:#FF6464!important;border-color:#FF6464!important;box-shadow:none}

.btn-link {background-color:transparent;border-color:transparent;color:#ff6464!important;font-family: 'NeueHaasUnicaW1G-Medium', sans-serif;text-decoration: none}
.btn-link:hover,
.btn-link:focus {background-color:transparent!important;border-color:transparent!important;filter: brightness(120%);outline:none!important;cursor:pointer}
.btn-link:active,.btn-link.active,.btn-link.active:focus {background-color:transparent!important;border-color:transparent!important;box-shadow:none}

.btn-warning {background-color:#f4cf67;border-color:#f4cf67;color:#002649!important;font-family: 'NeueHaasUnicaW1G-Regular';}
.btn-warning:hover,.btn-warning:focus {background-color:#9cfff8!important;border-color:#9cfff8!important;outline:none!important;cursor:pointer;text-decoration: none}
.btn-warning:active,.btn-warning.active,.btn-warning.active:focus {background-color:#f4cf67!important;border-color:#f4cf67!important;box-shadow:none}

.link-arrow{ margin-left: .25rem;width:.75rem;margin-bottom: .05rem}

.input-group-text {background-color: #002649;border-color: #002649;color: #fff;}

.btn-check:checked + .btn-primary{color: #fff;background-color: #002649;border-color: #002649;}
.btn-remove {position: relative; bottom:.1rem; display: inline;margin-left: .6rem}
.btn-remove:hover,.btn-remove:focus {opacity: .75; cursor: pointer}

.btn-group .btn-primary{border:1px solid #fff !important}

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active
{color: #fff !important;background-color: #FF6464;border-color: #FF6464;}

.btn-close {opacity: 1; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23002649'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");}


/* Form styles
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.form-control,.div.dataTables_wrapper div.dataTables_filter input {border-color:#002649; color:#002649;border-radius: .1rem}
.form-control:focus, .form-select:focus{border-color: #002649;  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(156, 255, 248, 0.5);}

.form-control.amount{max-width: 2.75rem; padding:0 0 0 .5rem; font-size: .8rem}

div.dataTables_wrapper div.dataTables_filter input:focus{border-color: #002649;  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(156, 255, 248, 0.5);outline:none; }

.form-label {margin-bottom: .25rem;font-size: .875rem;line-height:1.25}
.form-select { line-height: 1.5;color: #002649;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23002649' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right .5rem center;border: 1px solid #002649;border-radius: .1rem;}

.form-check-input {border-color:#002649;}
.form-check-input[type="checkbox"] {border-radius: .1em;}
.form-check-input:checked {background-color: #002649;border-color: #002649;}
.form-check-input:focus {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(156, 255, 248, 0.5);}
.form-check-label{line-height: 1.7;}

.form-select {line-height: 1.5;color: #002649;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23002649' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right .4rem center;padding: .375rem 2rem .375rem .75rem;}

.comparison-check{padding-left: 1.75em;}
.comparison-checkbox, .form-check-lg {width: 1.2rem; height: 1.2rem;margin-top:.1rem}
.comparison-check .comparison-checkbox{margin-left: -1.75em;}
.comparison-check .form-check-label{line-height: 1.6;}
.comparison-check .form-check-label:hover,.comparison-check .form-check-label:focus  {cursor: pointer}

.form-group-sm .form-check {padding-left: 1.25rem}
.form-group-sm .form-check-input {width: .875rem; height: .875rem; margin-left: -1.25rem}
.form-group-sm .form-check-label {font-size: .875rem}

input.datepicker {background-image: url(../img/icons/icon-calendar-blue.svg);background-size: .875rem;background-position: -webkit-calc(0% + .6rem) 50%;background-position: calc(0% + .6rem) 50%;background-repeat: no-repeat;padding-left: 2rem;}

input.datepicker.is-invalid {background-image: url(../img/icons/icon-calendar-blue.svg);background-size: .875rem;background-position: -webkit-calc(0% + .6rem) 50%;background-position: calc(0% + .6rem) 50%;background-repeat: no-repeat;padding-left: 2rem;background-color: #fceeef;border-color:#DC3545}

.form-control.is-invalid{background-color: #fceeef;
border-color:#DC3545;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");}

.form-check-input[type="checkbox"]:indeterminate {
  background-color: #ff6464;
  border-color: #ff6464;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}


.alert-danger{background-color: #fceeef;background-color: #fff; border-color:#DC3545; color:#DC3545;padding: .5rem 1rem}
.alert-light{background-color: #fff; border-color:rgba(153,153,153,.5);color:#002649; font-size: .925rem;padding: .5rem 1rem }
.alert .btn-close {position: absolute;top: 0;right: 0;z-index: 2;padding: 1rem 1rem;}



/* Table
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.table {color: #002649;border-color: #002649;--bs-table-hover-color: #002649;--bs-table-hover-bg: #f9f9f9;}
thead th {color:#002649;font-family: 'NeueHaasUnicaW1G-Medium', sans-serif;font-weight: normal;}
tbody td {color:#002649;font-family: 'NeueHaasUnicaW1G-Light', sans-serif;font-weight: normal;}
.table th, table td {color:#002649 !important}


/* Page intro & theme intro
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-intro {position: relative;   background-color: #ff6464;}
.page-header-row {min-height: 30vh}
.theme-header-row  {min-height: 50vh}
.desktop-logo img {width: 280px}

/* iPad potrait*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
 /*.theme-intro {height: 40vh;}*/
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){     
/*.theme-intro {height: 85vh; background-repeat: no-repeat, no-repeat;background-position: 90% 50%, center 40%;background-size: 50%, 100% auto;-webkit-background-size:50%, cover;-moz-background-size:50%, cover;-o-background-size:50%, cover;background-size:50%, cover;} */
}  

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  
.page-header-row {min-height: 400px}
.theme-header-row {min-height: 700px}    
.desktop-logo img {width: 300px}    
}

/* Extra large devices and retina (extra large desktops, 1920px and up)*/
@media (min-width: 1600px) {
.page-header-row {min-height: 440px} 
.theme-header-row {min-height: 700px}     
.desktop-logo img {width: 330px;max-height: 55px;}
/*.theme-intro{max-height: 760px}*/
}

/* Landscape mobile devices)*/
@media screen and (orientation:landscape)
and (min-device-width: 319px) 
and (max-device-width: 820px) {
/*.theme-intro {min-height: 450px}*/
}

/* Breadcrumbs
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.content-teaser {padding:2rem} 
.content-teaser .wrapper {border-bottom: 1px solid #002649}
.content-teaser .wrapper:last-child {border-bottom: none;}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
 .content-teaser {width:  70%;margin-left: auto;margin-right: auto }    
}

/* Large devices (desktops, 992px and up)*/
@media (max-width: 992px){ 
.content-teaser.mobile-padding-0 {padding-top:0} 
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){ 
 .content-teaser {width:  100%}       
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
.content-teaser {padding:1.25rem 5rem} 
} 

/* Breadcrumbs
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.breadcrumbs {padding-top:.25rem; padding-left: 1rem;position: relative; z-index: 10}
.site-home{height: .875rem; position: relative; bottom: .1rem}
.slash {height: .7rem; opacity:.75}
.breadcrumbs a {font-size: .875rem; text-decoration:none !important}
.breadcrumbs a:hover,.breadcrumbs a:focus {opacity: .75}
.breadcrumbs .list-inline-item {margin-right: .25rem; }

.breadcrumbs-sm {font-size: .875rem }
.breadcrumbs-sm .slash {height: .5rem;}
.breadcrumbs-sm .site-home{height: .7rem;}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){ 
.breadcrumbs {padding-top: .5rem; padding-left: 1.25rem;}
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
.breadcrumbs {padding-left: 2rem;}
}  


/* Filters
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.filter {background-color: #fff; color:#002649;margin:.35rem .175rem; border-radius: 50rem;font-family: 'NeueHaasUnicaW1G-Medium', sans-serif;font-weight: 400; padding:.5rem 1rem; font-size: .925rem;}
.filter:hover,.filter:focus {background-color: rgba(255,255,255,.75); background-color: #f4cf67;text-decoration: none}
.filter.active {background-color: #002649;color:#fff}
.search-filter {padding:.5rem .75rem .375rem 1rem; background:#9cfff8; color:#002649;margin:.35rem .175rem; border-radius: 50rem;font-family: 'NeueHaasUnicaW1G-Regular', sans-serif;font-weight: 400;font-size: .925rem;}

/* Tags
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.tags  {}
.tag {background-color:#f5f5f5; color:#002649;margin:0 .15rem .15rem; border-radius: 50rem;font-family: 'NeueHaasUnicaW1G-Medium', sans-serif;font-weight: 400;line-height: 1.25;font-size: .825rem;
    padding: 0.25rem 0.65rem 0.15rem }
a.tag {background-color: #f4cf67; color:#002649;}
a.tag:hover,.tag:focus {background-color:  #9cfff8; text-decoration: none}
.tag {background-color:#f5f5f5; color:#002649;margin:0 .15rem .15rem; border-radius: 50rem;font-family: 'NeueHaasUnicaW1G-Medium', sans-serif;font-weight: 400;line-height: 1.25;font-size: .825rem;
    padding: 0.25rem 0.65rem 0.15rem }

/* Footer
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
footer a {color:#fff}
footer a:hover,footer a:focus {color:#9cfff8}
a .follow-us-icon:hover, a .follow-us-icon:focus {opacity: .7}
.with-margin-bottom {margin-bottom:2rem}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){ 

.footer-logo {width: 16rem}
.follow-us-icon {height: 1.5rem; padding-right:.25rem}
.share-icon {height: 1.8rem; }
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
.footer-logo {width: 20rem}
}

/* IE specific style
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
.col{display:table}
}

/* Autocomplete
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.autocomplete-suggestions {background: #fff;-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
box-shadow: 0 0 4px 0 rgba(0,0,0,.1);}
.autocomplete-suggestions { font-size: 0.875rem; margin-top: 1px; cursor: pointer; overflow: auto; border: 1px solid rgba(0,38,73,.15); border-radius: 0px;min-width:80vw !important; max-height:400px !important }
.autocomplete-suggestion { padding: 0.5rem 1rem; overflow: hidden;border-bottom: 1px solid rgba(0,38,73,.15);color:#002649}
.autocomplete-suggestion .searchResultName {font-family: 'NeueHaasUnicaW1G-Medium', sans-serif;color:#ff6464; font-size: 1.15rem;line-height:1.15; margin:.5rem 0}

.autocomplete-suggestion .searchProductHighLight {margin-top:0.5rem;margin-bottom: .5rem}
.autocomplete-suggestion .searchProductHighLight em { background-color: rgba(156, 255, 248,.5);padding: .15rem;color: #002649;font-style: normal;}
.autocomplete-suggestion .searchResultTags {margin-top:0.75rem; margin-bottom: .5rem}
.autocomplete-suggestion .searchResultTags .tag {background-color:#eee; color:#002649;margin:0 .15rem .15rem; border-radius: 50rem;font-family: 'NeueHaasUnicaW1G-Regular', sans-serif;font-weight: 400;line-height: 1.25;font-size: .75rem;padding: 0.25rem 0.65rem 0.15rem;font-style: normal; }
.autocomplete-searchResultTotal {padding:0.3rem 1rem; background-color:#f4cf67;color:#002649;font-family: 'NeueHaasUnicaW1G-Regular', sans-serif;}
.autocomplete-searchResultTotal a {float:right; position:relative; margin-right:.5rem;color:#002649}
.autocomplete-searchResultTotal a::after {content: '';background: url('/img/icons/icon-arrow-right-blue.svg');position: absolute;height: .75rem;width: .75rem;top: .2rem;right: -1.15rem;}
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: rgba(0,38,73,.025);}
.autocomplete-suggestions strong { font-family: 'NeueHaasUnicaW1G-Medium' }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-family: 'NeueHaasUnicaW1G-Medium'; font-size: 16px; }

.autocomplete-suggestion.most-popular {padding: 0.3rem 1rem .3rem;}
.autocomplete-suggestion.most-popular .searchResultName  {color:  #ff6464;font-size: 1.15rem;line-height: 1.15;margin:.5rem 0}
.autocomplete-suggestion.most-popular .searchProductHighLight {margin-top: 0;}
.search-slash{height: .5rem;opacity: .5;margin: 0 .25rem;}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.autocomplete-suggestions {min-width:600px !important;  }   
}  

/* Addsearch
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.addsearch-text {padding: .5rem;font-family: 'NeueHaasUnicaW1G-LightIt', sans-serif; border: 1px solid rgba(156, 255, 248,.5);background: rgba(156, 255, 248, .25);line-height: 1.35;}
.addsearch-searchfield input[type="search"] {background-image:  url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDAyNjQ5O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIzLjM4LDIwLjU4bC00LjY0LTQuNjRjMy4xNC00LjcsMS44OC0xMS4wNi0yLjgzLTE0LjJTNC44Ny0wLjEzLDEuNzMsNC41N3MtMS44OCwxMS4wNiwyLjgzLDE0LjIKCWMzLjQ0LDIuMyw3LjkzLDIuMywxMS4zNywwbDQuNjQsNC42M2MwLjc4LDAuNzcsMi4wNCwwLjc3LDIuODIsMGMwLjc5LTAuNzcsMC44My0yLjAxLDAuMDctMi44CglDMjMuNDMsMjAuNTksMjMuNDIsMjAuNTcsMjMuMzgsMjAuNTh6IE0xMC4yNCwzLjAzYzQsMCw3LjIzLDMuMjQsNy4yMyw3LjIzcy0zLjI0LDcuMjMtNy4yMyw3LjIzcy03LjIzLTMuMjQtNy4yMy03LjIzCglDMy4wMSw2LjI3LDYuMjUsMy4wNCwxMC4yNCwzLjAzeiIvPgo8L3N2Zz4K');background-size: 1.4rem;background-position: -webkit-calc(100% - 1.4rem) 50%;background-position: calc(100% - 1rem) 50%;border-top-left-radius: 0;border-bottom-left-radius: 0;background-repeat: no-repeat;}
.addsearch-searchfield .form-select{border-top-right-radius: 0;border-bottom-right-radius: 0;border-right-width: 0;line-height: 1.2; max-height: 2rem;}
.addsearch-searchfield .form-control.active, .addsearch-searchfield.mobile-addsearch .form-select.active, .form-control.active,.form-select.active{border-color: #002649;  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(156, 255, 248);background-color: rgba(156, 255, 248, .5)}
.addsearch-searchfield.mobile-addsearch input[type="search"], .addsearch-searchfield.mobile-addsearch .form-select {border-radius:50rem;border-right-width: 1px;line-height: 1.5; max-height: none;}
.search-info-text {position: absolute;top: 1px;right: 1px;background: #ff6464;display: block;padding: .375rem .75rem;z-index: 900;}
.search-info-text a {color:#fff !important; font-family:'NeueHaasUnicaW1G-Regular', sans-serif; }

/* DropDown
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.dropdown {width: 100%;margin-bottom:.5rem;font-family: "NeueHaasUnicaW1G-Light", sans-serif; font-size: 1rem}
@media (min-width: 778px) {
.dropdown {width: 300px;margin-bottom:0}
}

.dropdown__switch:checked + .dropdown__options-filter .dropdown__select, .kmt__switch:checked + .dropdown__options-filter .dropdown__select {transform: scaleY(1);}
.dropdown__switch:checked + .dropdown__options-filter .dropdown__filter:after, .kmt__switch:checked + .dropdown__options-filter .dropdown__filter:after {transform: rotate(-135deg);}
.dropdown__options-filter {width: 100%;cursor: pointer;}
.dropdown__filter, .kmt__filter {position: relative;display: flex;padding: .375rem 2.25rem .375rem .75rem;background-color: #002649;background-color: #fff; color: #002649;border: 1px solid #002649;transition: 0.3s;list-style: none;margin: 0}
.dropdown__filter:focus,.kmt__filter:focus {border: 1px solid #002649;outline: none;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(156, 255, 248, 0.5);background: #002649; color: #fff}
.dropdown__filter::after,.kmt__filter::after {position: absolute;top: 45%;right: 20px;content: "";width: 10px;height: 10px;border-right: 2px solid #002649;border-bottom: 2px solid #002649;transform: rotate(45deg) translateX(-45%);transition: 0.2s ease-in-out;}
.dropdown__select {position: absolute;top: 100%;left: 0;width: 100%;margin-top: 5px;overflow: hidden;box-shadow: 0 5px 10px 0 rgba(152, 152, 152, 0.6);transform: scaleY(0);transform-origin: top;font-weight: 400;color:#002649;transition: 0.2s ease-in-out;list-style: none;padding-left: 0;z-index: 100;}
.dropdown__select-option {font-size: .925rem; padding: .25rem .75rem;background-color: #fff;/*border-bottom: 1px solid #d6d6d6;*/display: flex;transition: 0.3s;}
.dropdown__select-option:last-of-type {border-bottom: 0;}
.dropdown__select-option:hover {background-color: #f9f9f9;}
.dropdown-title{font-size: .875rem;padding:.1rem 1rem .125rem;font-family: 'NeueHaasUnicaW1G-bold', sans-serif;font-weight: 600; border-top:1px solid rgba(0, 0, 0, 0.176); padding-top:.5rem; margin-top:.2rem}  
.dropdown-title:first-child{border: none; padding-top:.1rem;margin-top:0} 

.kmt-menu .dropdown-item:hover,.dropdown-item:focus  {text-decoration: none;}
.kmt-menu  {border-radius: 0;border: none;box-shadow: 0px 0px 0px 1px rgba(153,153,153,.35);max-width: 400px}
.kmt-menu .dropdown-item{padding-top: .1em; padding-bottom: .1rem; font-size:.925rem; white-space: normal; min-width: 400px;}
.kmt-link{position: relative;width: auto;}
.kmt-toggle{margin-right: 1rem}
.kmt-toggle::after {position: absolute;top: 45%;right: 20px;content: "";width: 10px;height: 10px;border-right: 2px solid #002649;border-bottom: 2px solid #002649;border-top:none; border-left:none; transform: rotate(45deg) translateX(-45%);transition: 0.2s ease-in-out;}
.kmt-toggle.active::after {border-color:#ff6464}

.tooltip-inner {opacity: 1 !important;max-width: 20rem;line-height: 1.25;padding: .75rem;}


/* Desktop menu
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.nav-link.active, .nav .show > .nav-link {color: #ff6464;}
.nav-link {color:#002649;padding-bottom: .3rem; font-family: 'Canela Web', sans-serif; font-size: 1rem;font-weight: 500;padding-left:.5rem; padding-right: .5rem}
.nav-link:focus, .nav-link:hover {color: #ff6464}
.border-start {border-color: rgba(153,153,153,.5)!important}
.border-white {border-color: #ffffff !important}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
 .nav-link {padding-left: 1rem; padding-right: 1rem; font-size: 1.1rem}   
}

/* KMT section content
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.kmt-content-section ul {padding-left: 0}
.kmt-content-section ul li {list-style: none; line-height: 1.25; margin-bottom: .5rem}

.kmt-content-section h3{padding-left: .5rem}
.kmt-content-section .list-group-flush{margin-bottom: 1rem}

.kmt-content-section .list-group-item {padding: .25rem .5rem; border-bottom: none}
.kmt-content-section .list-group-item-action {color: #ff6464; font-family: 'NeueHaasUnicaW1G-Regular', sans-serif;}
.kmt-content-section .list-group-item-action:hover {text-decoration: underline;color:#002649;background: #fff }
.table-intro {position: relative}

/* Editable content
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-content .lead {font-family: 'Canela Web', sans-serif;font-size: 1.25rem;}
.page-content h2,.page-content h2 strong {font-family: 'NeueHaasUnicaW1G-Bold', sans-serif; font-size: 1.5rem; margin:1.5rem 0 1rem}
.page-content h3, .page-content h3 strong {font-family: 'NeueHaasUnicaW1G-Bold', sans-serif; font-size: 1.25rem; margin:1.5rem 0 1rem}
.page-content h4, .page-content h4 strong  {font-family: 'NeueHaasUnicaW1G-Bold', sans-serif;font-size: 1.15rem; margin:1.5rem 0 1rem}
.page-content h5,  .page-content h5 strong {font-family: 'NeueHaasUnicaW1G-Bold', sans-serif;font-size: 1rem; margin:1.5rem 0 1rem}

.page-content hr {background-color: #002649; opacity:.15}
.page-content a {font-family: 'NeueHaasUnicaW1G-Regular', sans-serif;}
.page-content iframe {margin: 0 auto; max-width: 100%;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.page-content iframe h2, .article-content iframe h3 {font-size:2rem !important}

.page-content img {max-width: 100%; height: auto; margin-bottom: 1rem}

.mceNonEditable.embeditem {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; margin-top:1rem; margin-bottom:.5rem}

blockquote,.blockquote  {position: relative;display: inline-block;transition-duration: 0.3s;font-family: 'Canela Web', sans-serif;line-height: 1.5;padding: 1rem;margin:1rem auto;text-align: center; width:100%}
blockquote::before {content: "";position: absolute;top: 0;left: 0; right: 0;margin-left: auto;margin-right: auto;border-top: 1px solid #002649;height: 1px;width: 32%;}
blockquote::after {content: "";position: absolute;bottom: 0;left: 0; right: 0;margin-left: auto;margin-right: auto;border-bottom: 1px solid #002649;height: 1px;width: 32%;}
blockquote .caption {font-size:1rem}
.page-content table{line-height:1.25;table-layout: fixed;}
.page-content table ul,.article-content table p {margin-bottom:0}
.page-content table td, .article-content table th, .article-content h1.page-title{
word-wrap: break-word;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){ 
.page-content table{table-layout: unset}    
.page-content table td, .article-content table th, .article-content h1.page-title{
word-wrap: break-word;overflow-wrap: break-word;-webkit-hyphens: manual;-moz-hyphens: manual;hyphens: manual;}
}    

 /* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.page-teaser .lead {font-size: 1.2941rem;}
blockquote, .blockquote  {margin: 2.941rem auto;font-size: 1.35rem; padding: 2rem 2.941rem; width:100%;}
}    

/* Intro section page intro
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.shape1  {position: absolute; bottom: 0; left: .25rem;width: 5rem;}
.shape2  {position: absolute; top: 0; right:.25rem;width: 4rem;}
.shape3  {position: absolute;right:0; bottom: 1rem; width: 4rem }
.read-more.white-color::after {content: '';background: url('/img/icons/icon-arrow-right-white.svg');position: absolute;height: .75rem;width: .75rem;top: .025rem;right: -1.15rem;}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.shape1  {width: 10rem;left: .5rem}
.shape2  {width: 8rem;right: 5%}
.shape3  { width: 8rem;bottom: 5% }      
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {   
.shape1  {width: 14%;}
.shape2  {width: 10rem;right: 8%}
.shape3  {bottom: 5%;max-height: 35rem }
}  

/* Search result & Seach Filters
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.search-item-magazine p em {background-color: rgba(156, 255, 248,.5);padding: 0.15rem;font-style: normal;}
.search-item {transition: all .15s ease-in-out;background-color:#fff;color:inherit;margin-bottom:.5rem; border-top: 1px solid #002649}
.search-item-header,.search-item-date-time,.search-item-location{font-size:.925rem}

.extra-keyword,.extra-keyword-minus{position: relative; padding-left: 1rem}
.extra-keyword::before{content:""; background: url('../img/icons/icon_add-lg-blue.svg');position: absolute;height: 1rem;width: 1rem;top: -.15rem;left: -.35rem;}
.extra-keyword-minus::before{content:""; background: url('../img/icons/icon_remove-lg-blue.svg');position: absolute;height: 1rem;width: 1rem;top:-.15rem;left: -.35rem;}  

.accordion-item {border-color:rgba(0, 38, 73, .35) }
.accordion-body {padding: .2rem 1rem .65rem; }

.accordion-button {padding: .5rem 1rem; font-family: 'NeueHaasUnicaW1G-Medium', sans-serif;color:  #002649;background-color: rgba(156, 255, 248, .35);background-color: #fff }
.accordion-button:hover,.accordion-button:focus, .accordion-button:active {box-shadow: none !important }
.accordion-button:not(.collapsed) {color: #fff;background-color: #ff6464;box-shadow: none;color:  #002649; background: #fff}
.accordion-button::after {flex-shrink: 0;content: "";background: url('../img/icons/icon_add-lg-blue.svg');background-repeat: no-repeat;position: absolute;top: 25%;right: .75rem;width: 1rem;height: 1rem;transition: 0.2s ease-in-out;}
.accordion-button:not(.collapsed)::after {background: url('../img/icons/icon_remove-lg-blue.svg');}

.search-header {position: relative}
.search-header-text {position: relative; z-index: 10; padding: 2rem 1rem 6rem}

.search-item, .search-item-header,.search-result-wrapper {max-width: 95%;margin-left: auto;margin-right: auto;}

#search-filters-wrapper {width: 100%; width: 100vw;}
.searchfilter-header {display: flex;align-items: center;justify-content: space-between;padding: .5rem}
.searchfilter-header h5 {font-size: 1.05rem; font-family:'NeueHaasUnicaW1G-Bold', sans-serif; letter-spacing: .01rem;}
.search-info-area h5 {font-size: 1.05rem; letter-spacing: .01rem;}
.open-searchfilters{display: none;transition: 0.2s ease-in-out;}
.mobile-searchfilters{display: none !important;}
.mobile-searchfilters.collapsed{display: inline-block !important;}
.mag-description p{font-family:'NeueHaasUnicaW1G-Regular', sans-serif; }
.show-more-link{color:#002649; text-decoration: underline}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
#search-filters-wrapper {width: 300px;}
}  

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){   
#search-filters {height: 100%}
.filter-col{position: relative; /*min-width: 3rem;*/ min-height: 10rem; margin-top: 1rem;box-shadow: -2px 0 2px -2px rgba(153,153,153,.75),2px 0 2px -2px rgba(153,153,153,.75),0 -2px 2px -2px rgba(153,153,153,0.75);}    
#search-filters-wrapper {width: 300px;min-height: 50vh}  
.search-item-comparison, .search-result-label{flex-grow: .5;flex-shrink: 1;flex-basis: 0%;}
.search-item-magazine, .search-result-select{flex-grow: 4;flex-shrink: 1;flex-basis: 0%;}      
.search-page-wrapper{max-width: 100%; margin-left: auto; margin-right: auto;padding: 0;}  
.search-item, .search-item-header {max-width: 800px;}
.search-result-wrapper{max-width: 80%;}
.open-searchfilters.collapsed{display:inline-block;position: absolute;position: absolute;left: 0;top: 16rem;-webkit-transform: rotate(-90deg);transform-origin: 0 0;white-space: nowrap;width: 15rem}
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
.search-header-row {min-height: 35vh; min-height: 440px}  
.search-item, .search-item-header {max-width: 1100px;}
.search-result-wrapper{max-width: 90%;}    
}

 /* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
#search-filters-wrapper {width: 380px;} 
.search-info-area .page-title{font-size: 2rem;}
.search-result-wrapper{max-width: 1300px;}  
} 

/* Card
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.mag-card{background: #fff; border-radius: 0; border: none;height: 100% !important;max-width: 300px; margin-left: auto; margin-right: auto }
.mag-card .card-body {padding:1rem 1.25rem }
.mag-card .card-footer {border-color: rgba(153,153,153,.25);}
.mag-name a{font-size: 1.15rem;font-family:'NeueHaasUnicaW1G-Medium', sans-serif;margin-bottom: .25rem}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .mag-card{max-width: 100%; }
    .mag-card .card-body, .mag-card .card-body ul {font-size: .925rem;}
    .mag-card .card-body ul li {line-height: 1.4}
    .mag-name {margin-bottom: .25rem}
}

/* Media tabs
 –––––––––––––––––––––––––––––––––––––––––––––––––– */  
.mediatabs-header h2{font-family:'NeueHaasUnicaW1G-Bold', sans-serif;}
.mediatabs-list .nav-link {font-family:'NeueHaasUnicaW1G-Bold', sans-serif;font-size: 1.15rem;border-radius: 0}
.mediatabs-list .nav-link.active, .mediatabs-list .nav .show > .nav-link{background-color: #ff6464; border-radius: 0}
.media-filter{display: inline-block;padding: 0.5rem 1.25rem 0.375rem 1rem;/*background: #9cfff8;*/background: #fff; margin: 0.35rem 0.175rem;border-radius: .25rem;;border: 1px solid #002649;}
.media-filter a{margin-left: .5rem; /*color: #002649;*/font-family: 'NeueHaasUnicaW1G-Medium', sans-serif;}
.mediacard-list-header h3 {margin-top: 1rem;font-family:'NeueHaasUnicaW1G-Bold', sans-serif;} 

.media-filter.active {background: #ff6464; /*box-shadow: #ff6464 0px 0px 0px 3px;*/ border-color: #ff6464;}
.media-filter.active a {color: #fff}

.media-filter.active .form-check-input:checked[type="checkbox"] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23002649' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");background-color: #fff;
  border-color: #002649;}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){  
.mediatabs-header h2{font-size: 1.75rem; padding: .5rem 0 .3rem; margin-bottom: 0}
.mediacard-list-header h3 {font-size: 1.5rem;} 
.mediatabs-list .nav-link {font-size: 1.5rem}
.mediatabs-list .nav-link.active, .mediatabs-list .nav .show > .nav-link{padding-left: 1.25rem; padding-right: 1.25rem}
}

/* Vertailun piilottaminen mobiilista
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Medium devices (tablets, 768px and up)*/
@media (max-width: 767px) {  
.comparison-check, .comparison-checkbox {display: none !important}
.media-filter {padding:.5rem 1rem .3rem}  
.media-filter a {margin:0}
}

/* Magazine intro
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.magazine-intro {position: relative;  background-color: #ff6464;}
.magazine-header-img {height: auto; max-height: auto; width: auto; max-width: 100%}
.magazine-intro-content {position: relative;}
.magazine-cover{text-align: center;}
.cover-img{height: auto; max-height: 400px; width: auto; max-width: 300px}
.magazine-tags .tag{margin:0 .15rem .3rem} 
.magazine-info h6 {margin-top:.5rem} 

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
.magazine-cover{position: absolute; top: -200px; right: -50px}
.magazine-info  {margin-right: 320px}  
.cover-img {border:1rem solid #fff}          
}    
    
/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {   
.magazine-cover{position: absolute; right: -100px}  
.cover-img{ max-width: 100%}
}

/* Magazine menu
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.magazine-menu {background-color: #ff6464;}
.magazine-menu .nav-link {font-family:'NeueHaasUnicaW1G-Medium', sans-serif;font-size: 1rem;border-radius: 0; color: #fff;}
.magazine-menu .nav-link:focus, .magazine-menu .nav-link:hover {color: #fff;background-color: #ff6464;filter: brightness(120%);text-decoration: none}
.magazine-menu .nav-link.active, .magazine-menu .nav .show > .nav-link{background-color: #002649;border-radius: 0;border-color: inherit}
.magazine-menu.box-shadow {box-shadow: 0 -2px 0 0 #fff;}



/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
.comparison-link,.comparison-link:hover, .comparison-link:hover{border-left:1px solid #fff}   
.menu-btns,.magazine-menu { align-items: center }    
.comparison-mag {display: inline-block;padding: 0.35rem .75rem 0.25rem 2.35rem;background: #ff6464;margin: auto 0.175rem;border-radius: 0;border:1px solid #fff; color: #fff; font-family: 'NeueHaasUnicaW1G-Medium', sans-serif;margin-bottom: .125rem; margin-top: 0 !important}
.comparison-mag:hover,.comparison-mag:focus {filter: brightness(120%);cursor: pointer}
.comparison-mag.active,.comparison-mag.active:hover,.comparison-mag.active:focus {filter: none;cursor: pointer;background:#002649 } 
.thead-sticky {position:-webkit-sticky; position:sticky; top:60px;box-shadow: 0 2px 3px -1px rgba(0, 38, 73, .35);}
}  

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  
.magazine-menu {height: 70px; max-height: 70px;}
.magazine-menu .nav-link {padding: 1.15rem 0 .85rem; height: 70px; font-size: 1.1rem; line-height: 1.5;} 
.comparison-menu .nav-link{font-size: 1rem;}
.thead-sticky { top:70px;} 
.menu-btns button {margin: auto 0.175rem; border: 1px solid #fff !important;padding: 0.35rem .75rem 0.25rem;position: relative;top: 1px}
.comparison-mag {margin-bottom: .125rem; margin-top: .25rem !important} 
}

/* Magazine content section
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.magazine-content-section {padding: 30px 0 }
.magazine-content-section p{margin-bottom: 0}
.magazine-content-section .list-group-flush{color:#002649}
.magazine-content-section .social-list {max-width: 23rem}
.magazine-content-section .list-group-item {padding: .25rem .5rem;border-color: rgba(153,153,153,.5) !important;}
.magazine-url {white-space: pre-wrap; font-family: inherit; text-decoration: underline; color:#002649 }
.amchart-placeholder {background: #fff;padding: 5rem 2rem;text-align: center;}
.magazinetabs-header {margin-top:50px}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  
.magazine-content-section {padding: 50px 0 100px }
.magazinetabs-header {margin-top:70px }
.with-border-left, .with-border-left:hover {border-left: 1px solid #002649}
}

/* Magazine tables
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.social-table{max-width: 26rem; border-top: 1px solid}
.social-table thead tr, .social-table tbody tr{border-left: 1px solid; border-right: 1px solid}
.social-table thead tr, .social-table tbody tr{border-left: 1px solid; border-right: 1px solid}
.social-table tfoot tr td {border:none; background: transparent; text-align: right; font-family: 'NeueHaasUnicaW1G-LightIt', sans-serif;font-size: .875rem }
.social-table th:first-child,.social-table td:first-child {padding-left: .5rem}
.social-table th:last-child,.social-table td:last-child {padding-right: .5rem; text-align: right}

.timetable-table th, .timetable-table td {text-align: center; }
.timetable-table th:first-child,.timetable-table td:first-child {white-space: nowrap}
.timetable-table th:last-child,.timetable-table td:last-child {text-align: left;}
.prices-table th, .prices-table td {text-align: center; color: #002649}
.prices-table th:nth-child(2),.prices-table td:nth-child(2) {text-align: left; padding-left: 1rem}
.prices-table th:nth-child(3),.prices-table th:nth-child(4),.prices-table th:nth-child(5),.prices-table td::nth-child(3),.prices-table td:nth-child(4),.prices-table td:nth-child(5) {white-space: nowrap}
.prices-table th:nth-child(6),.prices-table td:nth-child(6) {max-width:200px; text-align:left}
.prices-table tfoot tr, .kmt-table tfoot tr, .comparison-table tfoot tr {border:none;}
.prices-table tfoot tr td,.kmt-table tfoot tr td, .comparison-table tfoot tr td {border:none; background: transparent; text-align: right; font-family: 'NeueHaasUnicaW1G-LightIt', sans-serif;font-size: .875rem }
.pricecounter-table{font-size: .875rem;margin-bottom: 0}
.pricecounter-table th,.pricecounter-table td {background-color: transparent;}
.kmt-table {text-align: center; font-size: .925rem; line-height: 1;text-wrap: balance;}
.comparison-table {text-align: center; font-size: .875rem; line-height: 1.25;text-wrap: balance;}
.kmt-table tbody tr th{font-family: 'NeueHaasUnicaW1G-Medium', sans-serif;font-weight: 400; font-size: .925rem;line-height: 1.25 }
.comparison-table tbody tr th  {font-family: 'NeueHaasUnicaW1G-Medium', sans-serif;font-weight: 400; font-size: .875rem;vertical-align: top;}

.kmt-table tbody tr:hover *, .table-hover > tbody > tr:hover > * { --bs-table-bg-state: rgba(156, 255, 248, .2);--bs-table-bg-state: #f5f5f5 }
.comparison-table tbody tr:hover *, .table-hover > tbody > tr:hover > * { --bs-table-bg-state: rgba(156, 255, 248, .2);--bs-table-bg-state: #f5f5f5 }

.comparison-table tbody tr.selected *, .table-hover > tbody > tr.selected > * { --bs-table-bg-state: #f5f5f5;--bs-table-bg-state: rgba(244, 207, 103, .75); }

.comparison-table th {vertical-align: middle;}
.comparison-table td  {vertical-align: middle;}

.table-heading {font-size: .875rem;  font-family: 'NeueHaasUnicaW1G-Bold', sans-serif; text-transform: uppercase; white-space: normal !important; text-align: left}
.table-sub-heading, .table-sub-heading:hover {background-color: #f5f5f5 !important;  text-align: left}

th.disabled, td.disabled{color: #9b9c9d !important}
.thead-icon{position: relative; bottom: .1rem}

.kmt-info-head tr th {background-color: #002649; color: #fff!important }

.thead-flex {display: flex;flex-wrap: wrap;justify-content: space-around;} 
.thead-item{display: flex;width: calc(50% - .5rem);width: auto; margin: .25rem .25rem;flex-direction: column !important;text-align: center;} 
.thead-infoheader{margin-top: .15rem;margin-bottom: .25rem;font-family: 'NeueHaasUnicaW1G-Regular', sans-serif;font-weight: 400;} 
.thead-infonumber{margin-top: auto;font-weight: 600;}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){   
 .thead-item{width: calc(15% - .5rem);margin: 0 .5rem; width: auto}    /*1124*/
.kmt-menu-header{font-family: 'NeueHaasUnicaW1G-bold', sans-serif;font-weight: 600;font-size: .875rem;;white-space: normal;padding:.1rem 1rem }
}    


/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  
.kmt-table {table-layout: fixed;}    
.kmt-table thead tr th, .nowrap-lg {white-space: nowrap}
}

/* Magazine editable-content
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.editable-content p {margin-bottom: 1rem}
.editable-content p:last-child {margin-bottom: 0}

#yhteystiedot a{color:#002649;font-family: 'NeueHaasUnicaW1G-Light';font-family: inherit; text-decoration: underline; color:#002649}
#yhteystiedot h6{margin-top:.5rem}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  
#mag-contact h6{margin-top:1.5rem}
}

/* KMT tabs
 –––––––––––––––––––––––––––––––––––––––––––––––––– */  
.kmt-tabs-list .nav-link {font-family:'NeueHaasUnicaW1G-Medium', sans-serif;font-size: 1rem;border-radius: 0}
.kmt-tabs-list .nav-link.active, .mkmt-tabs-list .nav .show > .nav-link{background-color: #ff6464; border-radius: 0}


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){  
.kmt-tabs-list .nav-link {font-size: 1rem}
.kmt-tabs-list .nav-link.active, .kmt-tabs-list .nav .show > .nav-link{padding-left: 1rem; padding-right: 1rem}
}

/* Report-flex 
 –––––––––––––––––––––––––––––––––––––––––––––––––– */ 
.report-flex {display: flex;flex-wrap: wrap;justify-content: space-between;}
.report-item{display: flex;width: calc(50% - .5rem);margin: .25rem .25rem;flex-direction: column !important;background: #f4cf67;text-align: center;}
.report-title{margin-top: .75rem;margin-bottom: .15rem;letter-spacing: .025rem;font-family: 'NeueHaasUnicaW1G-Regular', sans-serif;font-weight: 400;}
.report-number{font-size: 1.5rem;margin-top: auto;margin-bottom: 1rem;font-family: 'Canela Web', sans-serif; font-weight: 600;}
.report-number span{font-family: 'NeueHaasUnicaW1G-Regular', sans-serif;font-size: 1rem;margin-left: .5rem; font-weight: 400;}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){   
 .report-item{width: calc(25% - .7rem);margin: 0 .35rem;}       
}    

/* AmCharts 
 –––––––––––––––––––––––––––––––––––––––––––––––––– */ 
.amchart-wrapper {border: 1px solid rgba(153,153,153,.3)}
.amchart-wrapper.custom-margin{margin:.5rem; max-width: calc(100% - 1rem);}
.amchart-title{margin-bottom: 0; background: #002649; padding: .35rem .75rem .15rem; color:#fff; display: inline-block; margin-top:-1px; /*letter-spacing: .015rem;*/ text-transform: none;}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  
.amchart-wrapper.custom-margin{margin:1rem .5rem 1rem .5rem}
}

.amchart-donut.with-legend {width: 100%;height: 440px;}
/*#legendwrapper {width: 100%;height: 440px;overflow-y:scroll;}*/
#legenddiv {width: 100%;height: 440px;padding-left: 3rem}
.amchart-bar, .amchart-donut {width: 100%;height: 360px;}
.amchart-linechart {width: 100%;height: 400px;}

/* Comparison 
 –––––––––––––––––––––––––––––––––––––––––––––––––– */ 
.comparison-header {position: relative; z-index: 10; padding: 2rem 1rem 4rem}
.select-data-header {border-bottom: 1px solid;padding-bottom: 0.25rem;margin-bottom: .5rem;}

/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {  
#comparison-list-btn {display:none !important}
}

/* Loader
 –––––––––––––––––––––––––––––––––––––––––––––––––– */ 
@keyframes loader {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg); }
}

.loader {width: 8rem;height: 8rem;position: absolute;top: 10%;left: calc(50% - 5rem);z-index: 100;}
.loader:after {content: " ";display: block;width: 10em;height: 10rem;margin: 0 auto;border-radius: 50%;border-top: 2rem solid rgba(239, 240, 240, 0.5);border-right: 2rem solid rgba(239, 240, 240, 0.5);border-bottom: 2rem solid rgba(239, 240, 240, 0.5);border-left: 2rem solid #9cfff8;animation: loader 1.2s linear infinite;animation: loader 1.1s infinite linear;}
.btnloader {display: inline-block;width: 1.15rem;height: 1.15rem;position: relative;top:.2rem;right:.4rem;}
.btnloader:after {content: " ";display: block;width: 1.15rem;height: 1.15rem;margin: 0;border-radius: 50%;border-top: 3px solid rgba(255, 255, 255, 0.2);border-right: 3px solid rgba(255, 255, 255, 0.2);border-bottom: 3px solid rgba(255, 255, 255, 0.2);border-left: 3px solid #ffffff;animation:  loader  1.2s linear infinite; animation:  loader  1.1s infinite linear;}


/* Print styles
 –––––––––––––––––––––––––––––––––––––––––––––––––– */ 
@media print {
body{ -webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;}
.page-intro,.theme-intro {background-image:none!important; background-color:#fff !important}
.page-header.white-color,.comparison-header, .red-bg.white-color{color: #002649 !important;}
.magazine-content-section.turq-bg/*,.comparison-header.red-bg*/{background-color:#fff!important}
.theme-header-row,.page-header-row,.search-header-row{min-height:auto !important;}
.media-filter.active a, .media-filter a {color: #002649 !important;background-color:#fff!important;}
.media-filter,.media-filter.active {border-color: #002649 !important;background-color:#fff!important}
.amchart-wrapper {break-inside: avoid;}
ul.nav-pills li {display: block;}
.tab-content > .tab-pane {display: block !important; opacity: 1 !important;}
.addsearch-text {border-color: #eee;background: #f5f5f5;}
}

.selected {width: 19px;height: 19px;bottom: 0;vertical-align: middle;accent-color: #ff6464;border-radius: 50%;}