:root {
 --steelbl: #1e437f;
 --techgr: #9dadad;
 --ltorange: #ff9400;
 --sgray: #aabcc6;
}

html {
 background-color: var(--steelbl) !important;
 transition: 1s;
 background-size: cover !important;
 background-repeat: no-repeat;
}

.container .row .col-sm-9.col-xs-12.col-print-12 {
 padding-left: 10%;
 padding-right: 10%;
}

* {
 transition: 200ms;
}

.product-details .col-xs-6.col-sm-8.col-sm-push-4.purchase.text-right.hidden-xs{
 width: 50px;
 left: 0px;
 right: 0px;
 float: right;
}

.product-details .col-xs-12.col-sm-4.col-sm-pull-8.balance {
 width: calc(100% - 50px);
 left: 0px;
 display: flex;
 flex-direction: row;
}

.product-details .col-xs-12.col-sm-4.col-sm-pull-8.balance .balance-text-highlight {
 text-decoration: none;
 cursor: default;
}

.product-details .col-xs-12.col-sm-4.col-sm-pull-8.balance .balance-text-highlight p span{
 min-height: 30px;
 position: relative;
 top: 7px;
}

.greenDot, .yellowDot {
 margin-right: 5px;
 color: green;
 font-size: 30px;
 line-height: 30px;
 position: relative;
 bottom: -6px;
}

.yellowDot {
 color: yellow;
}

.product-small>.box>.row>.col-xs-5.balance {
 width: calc(100% - 50px);
 min-height: 30px;
 display: flex;
 

}

.product-small>.box>.row>.col-xs-7.text-right {
 width: 50px;
 min-height: 30px;
}

.fullWidthSection:nth-child(odd) {
 background-image: url("/files/general/file/landing-banner.jpg");
}

.fullWidthSection .columnWrapper {
 display: flex;
 flex-direction: row;
}

.fullWidthSection .columnWrapper .leftColumn {
 width: 49%;
 margin: 1%;
 margin-left: 0%;
}

.fullWidthSection .columnWrapper .rightColumn {
 width: 48%;
 margin: 1%;
}

.landingNav.pans .landingNavItems.pans .landingNavItem.pans {
 width: 44%;
 margin: 3%;
 height: auto;
}

.landingNav.pans .landingNavItems.pans .landingNavItem.pans .landingNavItemTitle {
 height: 50px;
}

.landingNav.pans .landingNavItems.pans .landingNavItem.pans .landingNavItemTitle h2 {
 line-height: 50px;
}

.news img:nth-child(1) {
 width: 70%;
 height: auto;
 margin-left: 15%;
}

.container .row .col-xs-12 .container {
 font-size: 16px;
}

.container>.row>.col-xs-12 {
 padding-left: 0px;
 padding-right: 0px;
}

.landingNav {
 background-image: url("/files/general/file/landing-banner.jpg");
 background-size: cover;
 background-position: center;
 text-align: center;
}

.landingNav .landingNavItems {
 display: flex;
 flex-direction: row;
}

.landingNav .landingNavItems .landingNavItem {
 width: 27%;
 margin: 3%;
 height: 400px;
}

.landingNav .landingNavItems .landingNavItem .landingNavItemImage {
 height:0px;
 width: 80%;
 margin-left: 10%;
 margin-right: 10%;
 padding-top: 320px;
 background-position-y: bottom;
 background-position-x: center; 
 background-size: contain;
 background-repeat: no-repeat;
}

.landingNav .landingNavItems .landingNavItem .landingNavItemTitle {
background-image: url("/files/general/file/orange-stripe.png");
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 padding: 0px;
 width: 100%;
 height: 36px;;
}

.landingNav .landingNavItems .landingNavItem .landingNavItemTitle h2{
 font-size: 25px;
 line-height: 36px;
 color: white;
 margin-top: -4px;
}

.landingNav .landingNavItems .landingNavItem p{
 color: black;
}

.landingBlurb {
 text-align: center;
}

.landingBlurb .landingBlurbDivider {
 background-image: url("/files/general/file/gray-stripe.png");
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 height: 12px;
 margin-top: 40px;
 margin-bottom: 20px;
}

.landingBlurb h1 {
 font-size: 50px;
 font-weight: bold;
}

.landingBlurb #madeInSweden {
 font-weight: bold;
 font-size: 18px;
}

.container .row .col-xs-12 .container a {
 color: var(--sgray);
}

.contactImagesWrapper {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
}

.contactImagesWrapper .contactImage {
 width:31%;
 margin: 1%;
}

.contactImagesWrapper .contactImage p:nth-of-type(1){
 margin-bottom: 0px;
}

.docuWrapper {
 min-height: 50vh;
}

.container .row .col-xs-12 .container .docuWrapper a {
 color: black;
}

.docuSearch .docuSearchBar {
 display: flex;
 flex-direction: row;
}

.docuSearch .docuSearchBar input.input-sm {
 width: 400px;
}

.docuSearch .docuSearchBar button.btn.btn-sm.btn-default span.glyphicon.glyphicon-search {
 color: black;
}

#showDoc ul.documents {
 list-style-type: none;
 padding: 0px;
 margin: 0px;
}

.productCategory {
 margin-bottom: 20vh;
}

.container h1, .container h2, .container h3 {
 color: var(--sgray);
}

.custom-sub-navbar .produkterSubMenu {
 position: absolute;
 background: transparent;
}

.custom-sub-navbar .produkterSubMenu .hidden-xs {
 display: none !important;
}

.custom-sub-navbar .produkterSubMenu>li {
 box-shadow: 0px 6px 5px;
 border-right: 1px solid black;
 border-left: 1px solid black;
 margin-right: 1px;
 margin-left: 1px;
}

.custom-sub-navbar .produkterSubMenu li .visible-xs {
 display: inline !important;
 top: 40px;
}

.custom-sub-navbar .produkterSubMenu ul li a {
 position: relative;
 left: 5px;
}

.custom-sub-navbar .produkterSubMenu ul ul li a{
 left: 15px;
 color: #888;
}

.custom-sub-navbar .produkterSubMenu li {
 background: white;
 position: relative;
 width: 232px;
 border-bottom: 1px solid black;
}


.productCategory .catBG{
 background-color: black;
 background-image: url("/files/general/file/gourmet-banner.jpg");
 background-size: cover;
 background-position: left;
 width: 70%;
 margin-left: 15%;
 margin-right: 15%;
 height: 50vh;
display: flex;
 justify-content: center;
 align-items: center;
}

.productCategory .catBG .catDesc{
 background: white;
 box-shadow: 0px 0px 10px;
 border-radius: 3px;
 padding: 3%;
 width: calc(50%/7*10);
 position: relative;
 right: calc(25%/7*10);
}

.productCategory:nth-child(even) .catBG .catDesc{
 right: 0;
 left: calc(25%/7*10);
}

.productCategory .catBG .catDesc h5{
 font-size: 24px;
}

.productCategory .catBG .catDesc .links a{
 margin: 1%;
 padding: 1%;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
 object-fit:cover;
}

.top-bar-search-wrapper > .form-control.input-sm {
 border-radius: 0px;
 border-width: 2px;
 border-color: black;
}

.navbar.custom-main-navbar .navbar-right li:hover {
  background: var(--sgray);
}

.productDescriptionContainer {
 display: flex;
 flex-direction: column;
 width: 100%;
}

.additional-info.hidden-xs {
 width: 160%;
}

.descs {
 display: flex;
 flex-direction: row;
}

.infos {
 padding: 10px;
 margin: 10px;
 width: 100%;
}

.desc {
 color: #000;
 margin: 10px;
 padding: 10px;
 cursor: pointer;
}

.desc .glyphicon {
 margin-right: 3px;
}

.desc:hover {
 transition: 200ms;
 text-decoration-line: underline;
}

.desc:hover .glyphicon {
 color: #aabcc6;
}

.desc.active {
 text-decoration-line: underline;
}
.desc.active .glyphicon {
 color: #aabcc6;
}

.info {
 width: 100%;
 color: #000;
}

#info2 div{
 display: flex;
 flex-direction: row;
 font-size: 11px;
 border-bottom: 1px solid black;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-top: 10px;
}

#info2 div dt {
 width: 50%;
}

#info2 div dd {
 width: 50%;
}
#info3 {
 list-style-type: none;
}

.product-small .box h5 {
 white-space: normal;
 text-overflow: clip;
}

a.visible-xs-block.menu-dropdown {
 display: none !important;
}

.produkterSubMenu li {
 position:relative;
 display:block;
 padding-top: 10px;
 padding-bottom: 10px;
}

.produkterSubMenu li a {
 padding-top:10px;
 padding-bottom:10px;
 line-height:20px;
 color: #000000;
}

.produkterSubMenu li a:hover,.ProdukterSubMenu li a:focus,.produkterSubMenu li.active a{
 color:#000000; 
 background:#9dadad;
}

.produkterSubMenu ul.menu-expanded {
 display: block !important;
 margin-top: 10px;

}

.produkterSubMenu ul.menu-collapsed {
 display: none !important;
}

.produkterSubMenu span.expander {
 margin-right: 10px;
}

.btn.btn-default.js-more-results-button {
 border-color: black;
 background-color: black;
}

body > .container {
 width: 100%;
}

.breadcrumb {
 display: none;
}

.breadcrumb.flex-grow-1.breadcrumb-pipe-content.justify-content-center {
 display: flex;
}

.swiper-slide > img {
 height: 100px;
}

.glyphicon.glyphicon-search {
 color: #ffffff;
}

.navbar.custom-main-navbar .navbar-right .dropdown .glyphicon {
}

.navbar-under .nav-container ul li a:hover {
 color: #aabcc6 !important;
 text-decoration-line: underline !important;
}

.navbar.navbar-under>.nav-container>ul>li.active>a {
 color: #aabcc6 !important;
 text-decoration-line: underline !important;
}

.navbar.custom-main-navbar .navbar-nav > li > a {
}

.swiper-zoom-container>img {
 max-height: 500px !important;
}

.cookie-notification {
 padding-top: 10px;
 z-index: 11111111;
}

.cookie-notification .text-right a {
 padding: 15px;
 color: white !important;
 background-color: var(--steelbl);
 text-decoration: none !important;
 border-radius: 3px;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
 .cookie-notification .text-right a {
  padding: 5px;
 }

 .contactImagesWrapper .contactImage {
  width: 48%;
  margin: 1%;
  margin-top: 5vh;
 }

 .landingNav .landingNavItems .landingNavItem {
  width: 31%;
  margin: 1%;
 }

 .landingNav .landingNavItems .landingNavItem .landingNavItemTitle {
  margin-top: -7px;
 }
}

nav.navbar-static-top {
 border-width: 0 0 0;

}

footer .container .row p {
 color: white;
}


#startHeader {
  display: inline;
 background: white;
 background-repeat: no-repeat;
 height: calc(100vh - 100px);
 padding-top: 20px;
} 

.content {
min-width: 0;
}

.content section .container, #XSafeContainer {
 flex-direction: row;
 align-items: stretch;
 display: flex;
 justify-content: center;
}

#banner {
 height:30vh;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: top;
 background-image: url("/files/general/file/default-banner.jpg");
} 

#produkterIsmaskiner {
 padding-bottom: 10%;
}

#produkterIsmaskiner h1 {
 margin-bottom: 30px;
}

#XSafeContainer {
 background: black;
 padding: 10px;
 border-radius: 5px;
 box-shadow: 0px 0px 15px;
}

#XSafeContainer img{
 min-width:50%;
 display:block;
 margin: auto;
}
#XSafeContainer .section {
 display: flex;
 justify-content: center;
 align-items: center;
}
#XSafeContainer > .section {
 min-width:50%;
}

#XSafeContainer .section .section {
 flex-direction: column;
 color: white;
 margin:auto;
 text-align: center;
}

@media screen and (max-width: 800px) {
 .content section .container, #XSafeContainer {
  flex-direction: column;
 }
 #XSafeContainer > .section{
  min-width:0%;
 }
 #XSafeContainer img{
  min-width:0%;
  max-height: 30vh;
 }
 .hideOnMobile {
  display: none !important;
 }
}

.content section .left, .content section .left {
 display: flex;
 justify-content: center;
 align-items: center;
 flex: 1;
 padding: 1rem;
}

.content section .insideText{
 background: white;
 border-radius: 3px;
 padding: 1rem;
 box-shadow: 0px 0px 30px;
 z-index: 1;
}

.content section .insideText h1{
 text-align: center;
}

.content section img {
 max-height: 50vh;
 border-radius: 3px;
 display:block;
 margin: auto;
 z-index: 0;
}

.bgcolor {
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}

.bgimg {
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}

#blikund {
 background-image: url("/files/general/file/BliKund.jpg");
}

#blikund .insideText {
 margin: auto;
 max-width: 30vw;
}

#XSafe .container{
 background: black;
}


.fadeup {
 transform: translateY(50px);
 opacity: 1; /* Should be 0 but due to html not updating correctly breaking things, currently changed to 1 */
 transition-property: transform, opacity;
 transition-duration: 0.8s;
 transition-timing-function: ease-in;
}

.fadein {
 opacity: 1; /* Should be 0 but due to html not updating correctly breaking things, currently changed to 1 */
 transition-property: opacity;
 transition-duration: 0.8s;
 transition-timing-function: ease-in;
}

.in-view {
 transform: none;
 opacity: 1;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 .fadeup {
  transform: none;
  opacity: 1;
 }

 .fadein {
  opacity: 1;
 }

 #XSafeContainer .section .section h1 {
  display: none;
 }
 
 #XSafeContainer .section .section {
 flex-direction: row;
 }
}

#site-logo {
 max-width: 208px;
 max-height: 45px;
}


#site-menu {
  background: transparent;
  overflow: visible !important;;
  background-color: transparent !important;
  border: none !important;
}

#site-menu li {
  padding-top: 10px;
}


@media screen and (min-width: 768px) {

 #site-logo {
  margin-top: 25px;
  margin-left: 15px;
  max-width: 208px;
  max-height: 45px;
 }

 .navbar-right .produkterSubMenu>ul {
  position: absolute;
  top: 50px;
  left: 0px;
  background: white;
  z-index: 100;
  padding: 10px;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  width: 110%;
 }
 .navbar-right .produkterSubMenu>ul>li {
  padding: 0px 0px 0px 0px;
 }

 .navbar-right .produkterSubMenu>ul>li>a {
  display: block;
  width: 100%;
  padding: 10px;
 }

 .navbar-right .produkterSubMenu>ul:nth-child(2) {
  display: none;
 }
}

@media screen and (min-width: 768px) and (max-width: 797px) {
 nav.navbar-nav.navbar-right {
  margin-right: 0;
 }
}

@media screen and (min-width: 992px) and (max-width: 1017px) {
 nav.navbar-nav.navbar-right {
  margin-right: 0;
 }

}

 body > footer.footer {
  height: auto !important;
  bottom: auto;
 }

@media screen and (max-width: 992px) {
 body > footer.footer {
  height: auto !important;
  bottom: auto;
 }

 footer.footer .fusion-row .fusion-column.col-lg-3.col-md-3.col-sm-3 .footer-logo {
  display: none;
 }

 footer.footer .fusion-row .fusion-column.col-lg-3.col-md-3.col-sm-3 {
  max-width: 80%;
 }

}
@media screen and (max-width: 768px) {

 body > footer.footer {
  height: auto !important;
  bottom: auto;
 }

 .footer-logo img {
  max-width: 230px;
  margin-left: 40px;
 }

 .container .row .col-sm-9.col-xs-12.col-print-12 {
  padding-left: 20px;
  padding-right: 20px;
 }

 .breadcrumb {
  display: block;
 }

.desc {
  width: 33%;
  font-size: 30px;
 }
 .productCategory .catBG {
  height: 30vh;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 45vh;
  align-items: end;
  justify-content: center;
  box-shadow: 0px 0px 3px;
  border: radius: 3px;
 }
  .productCategory .catBG .catDesc {
  min-height: 40vh;
  left: 0px;
  right: 0px;
  top: 30vh;
  width: 100%;
  box-shadow: 0px 3px 3px;
  border: radius: 3px;
 }
 .productCategory:nth-child(2n) .catBG .catDesc {
  left: 0px;
 } 

 .productCategory .catBG .catDesc .links .link {
  margin: 1%;
  padding: 4%;
 }

 .productCategory .catBG {
  margin-bottom: 50vh;
 }
 
 .contactImagesWrapper .contactImage {
  width: 80%;
  margin: 10%;
  margin-bottom: 5vh;
  margin-top: 5vh;
 }
 
 .landingNav .landingNavItems, .landingNav.pans .landingNavItems.pans {
  flex-direction: column;
 }
 .landingNav.pans .landingNavItems.pans .landingNavItem.pans {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
 }

 .landingNav .landingNavItems .landingNavItem {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
 }

 .landingNav .landingNavItems .landingNavItem .landingNavItemTitle {
  margin-top: -10px;
 }
}

@media screen and (min-width: 992px) {

 .row > .hidden-print.col-sm-3.col-xs-12 {
  width: 210px !important;
 }

 body > footer.footer {
  height: 220px !important;
  bottom: auto;
 }
 footer .fusion-row > .fusion-columns.fusion-columns-4.fusion-widget-area {
  display: inline-flex;
 }
}

#print-footer {
 display: none;
}

@media print {
 .fusion-footer {
  display: none;
 }
 #top-link {
  display: none;
 }
 #print-footer {
  display: block;
  margin: 55px;
 }
}

footer li {
 list-style-type: none;
}

.footer-logo {
 margin-top: 20px;
}

.footer-cert img {
 max-width: 120px;
}

.footer-social li a img {
 max-width: 30px;
}

footer a {
 color: white;
}

footer a:hover {
 color: white;
}

.infoBox {
 position: relative;
 visibility: visible;
 background-color: white;
 width: 100%;
 transform: none;
 border-radius: 3px;
 filter: drop-shadow(0px 0px 5px);
 padding: 15px;
 z-index: 1;
 transition:transform 0.4s ease-in, visibility 0.4s linear,opacity 0.4s ease-in,width 0.4s ease-in,height 0.4s ease-in;
}

.infoBox.hidden {
 opacity: 0;
 visibility: hidden;
 transform: translateY(50px);
 overflow: hidden;
 display: block !important;
}

.infoBox.hidden.first3 {
 transform: translateY(-50px);
}

.tempBackground {
 position: absolute;
 width: calc(100% - 15px);
 height: 621.2px;
 opacity: 1;
 visibility: visible;
 left: 0px;
 top: 0px;
 background-color: black;
 background: url(https://www.scotsman-ice.it/site/assets/files/1270/banner_products_gourmet.jpg);
 z-index: 1;
 background-size: cover;
 margin-right: 15px;
 transition:transform 0.4s ease-in, visibility 0.4s linear,opacity 0.4s ease-in,width 0.4s ease-in,height 0.4s ease-in;
}

.tempBackground.hidden {
 opacity: 0;
 visibility: hidden;
 display: block !important;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  margin-left: calc(50% - 48px);
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
  background: black;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
  background: black;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
  background: black;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
  background: black;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
  background: black;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
  background: black;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
  background: black;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
  background: black;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}