﻿<style>

/* Zoznam s kvačkami odsadené/neodsadené, svetlé/tmavé pozadie */

.sk-zoznam li {
  background: url("/content/dam/sk/slsp/common/icons/ico-tick.svg") no-repeat 0px 0px;
  padding-left: 40px;
  text-indent: 0px !important;
  padding-bottom: 1.2em !important;
  margin-bottom: 0px !important;
}

.sk-zoznam li:before {
  content: "";
  width: 0px !important;
  height: 0px !important;
  margin: 0px !important;
  display: none !important;
  vertical-align: initial;
}

.sk-zoznam-nm li {
  background: url("/content/dam/sk/slsp/common/icons/ico-tick.svg") no-repeat 0px 0px;
  padding-left: 40px;
  text-indent: 0px !important;
  padding-bottom: 1.2em !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}

.sk-zoznam-nm li:before {
  content: "";
  width: 0px !important;
  height: 0px !important;
  margin: 0px !important;
  display: none !important;
  vertical-align: initial;
}

.sk-zoznam-dark li {
  background: url("/content/dam/sk/slsp/common/icons/ico-tick-dark.svg") no-repeat 0px 0px;
  padding-left: 40px;
  text-indent: 0px !important;
  padding-bottom: 1.2em !important;
  margin-bottom: 0px !important;
}

.sk-zoznam-dark li:before {
  content: "";
  width: 0px !important;
  height: 0px !important;
  margin: 0px !important;
  display: none !important;
  vertical-align: initial;
}

.sk-zoznam-dark-nm li {
  background: url("/content/dam/sk/slsp/common/icons/ico-tick-dark.svg") no-repeat 0px 0px;
  padding-left: 40px;
  text-indent: 0px !important;
  padding-bottom: 1.2em !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}

.sk-zoznam-dark-nm li:before {
  content: "";
  width: 0px !important;
  height: 0px !important;
  margin: 0px !important;
  display: none !important;
  vertical-align: initial;
}

ul.sk-zoznam, ul.sk-zoznam-nm, ul.sk-zoznam-dark, ul.sk-zoznam-dark-nm {
    margin: 2.6rem 0 1.4rem !important;
}

/* Kvačky v modrých oblých boxoch */


#sk-zoznam-blueborder .col-md-12 .text-image__content {
    border-radius: 4px;
    flex: 1;
    margin: 10px auto 10px auto;
    background:#bde4f9;
}

#sk-zoznam-blueborder .col-md-12 .text-image__content ul.sk-zoznam-dark-nm {
    margin-bottom:1.0rem;
}

/* Zoznam benefity pri H3 nadpisoch */

#sk-benefity-h3 .text-image__content {
	background: url(/content/dam/sk/slsp/common/icons/ico-tick-dark.svg) no-repeat 0px 26px;
    padding-left: 42px;
	margin-top:0px;
}

/* Heroimage Section with Headline s Text with image - okraj nad nadpisom a pod linkou */

#sk-heroimage h1, #sk-heroimage-mobil h1 {
    margin-top: 2.6rem !important;
}

#sk-heroimage .link-container, #sk-heroimage-mobil .link-container {
    margin-bottom: 1.6rem;
}

/* Schovanie sekcie na mobile */

   @media screen and (min-width: 768px) {
   #sk-desktop-1, #sk-desktop-2, #sk-desktop-3, #sk-desktop-4, #sk-desktop-5 {display: none;}
   #sk-desktop-small-1, #sk-desktop-small-2, #sk-desktop-small-3, #sk-desktop-small-4, #sk-desktop-small-5 {display: none;}
   #sk-tablet-1, #sk-tablet-2, #sk-tablet-3, #sk-tablet-4, #sk-tablet-5 {display: block;}
   #sk-mobil-1, #sk-mobil-2, #sk-mobil-3, #sk-mobil-4, #sk-mobil-5, #sk-mobil-6, #sk-mobil-7, #sk-mobil-8, #sk-mobil-9, #sk-mobil-10, #sk-mobil-11, #sk-mobil-12, #sk-mobil-13, #sk-mobil-14, #sk-mobil-15, #sk-mobil-16, #sk-mobil-17, #sk-mobil-18, #sk-mobil-19, #sk-mobil-20 {display: none;}
   }
   @media screen and (min-width: 1024px) {
   #sk-desktop-1, #sk-desktop-2, #sk-desktop-3, #sk-desktop-4, #sk-desktop-5 {display: none;}
   #sk-desktop-small-1, #sk-desktop-small-2, #sk-desktop-small-3, #sk-desktop-small-4, #sk-desktop-small-5 {display: block;}
   #sk-tablet-1, #sk-tablet-2, #sk-tablet-3, #sk-tablet-4, #sk-tablet-5 {display: none;}
   #sk-mobil-1, #sk-mobil-2, #sk-mobil-3, #sk-mobil-4, #sk-mobil-5, #sk-mobil-6, #sk-mobil-7, #sk-mobil-8, #sk-mobil-9, #sk-mobil-10, #sk-mobil-11, #sk-mobil-12, #sk-mobil-13, #sk-mobil-14, #sk-mobil-15, #sk-mobil-16, #sk-mobil-17, #sk-mobil-18, #sk-mobil-19, #sk-mobil-20 {display: none;}
   }
   @media screen and (min-width: 1440px) {
   #sk-desktop-1, #sk-desktop-2, #sk-desktop-3, #sk-desktop-4, #sk-desktop-5 {display: block;}
   #sk-desktop-small-1, #sk-desktop-small-2, #sk-desktop-small-3, #sk-desktop-small-4, #sk-desktop-small-5 {display: none;}
   #sk-tablet-1, #sk-tablet-2, #sk-tablet-3, #sk-tablet-4, #sk-tablet-5 {display: none;}
   #sk-mobil-1, #sk-mobil-2, #sk-mobil-3, #sk-mobil-4, #sk-mobil-5, #sk-mobil-6, #sk-mobil-7, #sk-mobil-8, #sk-mobil-9, #sk-mobil-10, #sk-mobil-11, #sk-mobil-12, #sk-mobil-13, #sk-mobil-14, #sk-mobil-15, #sk-mobil-16, #sk-mobil-17, #sk-mobil-18, #sk-mobil-19, #sk-mobil-20 {display: none;}
   }	
   @media screen and (max-device-width: 767px) {
   #sk-desktop-1, #sk-desktop-2, #sk-desktop-3, #sk-desktop-4, #sk-desktop-5 {display: none;}
   #sk-desktop-small-1, #sk-desktop-small-2, #sk-desktop-small-3, #sk-desktop-small-4, #sk-desktop-small-5 {display: none;}
   #sk-tablet-1, #sk-tablet-2, #sk-tablet-3, #sk-tablet-4, #sk-tablet-5 {display: none;}
   #sk-mobil-1, #sk-mobil-2, #sk-mobil-3, #sk-mobil-4, #sk-mobil-5, #sk-mobil-6, #sk-mobil-7, #sk-mobil-8, #sk-mobil-9, #sk-mobil-10, #sk-mobil-11, #sk-mobil-12, #sk-mobil-13, #sk-mobil-14, #sk-mobil-15, #sk-mobil-16, #sk-mobil-17, #sk-mobil-18, #sk-mobil-19, #sk-mobil-20 {display: block;}
   }
   
   @media screen and (min-width: 768px) {
   .sk-desktop {display: block;}
   .sk-mobil {display: none;}
   }
   @media screen and (max-device-width: 767px) {
   .sk-desktop {display: none;}
   .sk-mobil {display: block;}
   }

/* Schovanie sekcie na mobile - bodky pod carouselom */

#sk-mobil-1 .slider-control-bottomcenter, #sk-mobil-2 .slider-control-bottomcenter, #sk-mobil-3 .slider-control-bottomcenter, #sk-mobil-4 .slider-control-bottomcenter, #sk-mobil-5 .slider-control-bottomcenter, #sk-mobil-6 .slider-control-bottomcenter, #sk-mobil-7 .slider-control-bottomcenter, #sk-mobil-8 .slider-control-bottomcenter, #sk-mobil-9 .slider-control-bottomcenter, #sk-mobil-10 .slider-control-bottomcenter, #sk-mobil-11 .slider-control-bottomcenter, #sk-mobil-12 .slider-control-bottomcenter, #sk-mobil-13 .slider-control-bottomcenter, #sk-mobil-14 .slider-control-bottomcenter, #sk-mobil-15 .slider-control-bottomcenter, #sk-mobil-16 .slider-control-bottomcenter, #sk-mobil-17 .slider-control-bottomcenter, #sk-mobil-18 .slider-control-bottomcenter, #sk-mobil-19 .slider-control-bottomcenter, #sk-mobil-20 .slider-control-bottomcenter {
     position: relative !important;
     bottom: 0rem !important;
     left: 0% !important;
     transform: translateX(0%) !important;
}

/* Medzera na mobile */

@media screen and (min-width: 426px) {
.sk-mobile-break { display: none; }
}

/* Oranzovy majak */

#sk-hp-alert-orange .textWithImage {
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	border-radius:6px;
}

#sk-hp-alert-orange .columns__inner {
  max-width: 117rem;
}
#sk-hp-alert-orange .text-image__content {
  padding: 70px 20px 20px 20px;
  background: #f6fbfd;
  position: relative;
  border-radius: 3px;
}

#sk-hp-alert-orange .text-image__content .orange{
  color:#FF7900;
}

#sk-hp-alert-orange .text-image__content:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  background: #FF7900;
  border-radius: 5px 5px 0 0;
}


#sk-hp-alert-orange .text-image__content:after {
  content: '';
  position: absolute;
  top: 10px;
  z-index: 2;
  left: 50%;
  width: 28px;
  height: 26px;
  background: url("/content/dam/sk/slsp/common/icons/alert.svg") no-repeat 0;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
#sk-hp-alert-orange .text-image__content p .red {
  display: block;
}
#sk-hp-alert-orange .legal-copy a {
  display: block;
}

@media (min-width: 600px) {
  #sk-hp-alert-orange .text-image__content {
    padding: 13px 20px 13px 72px;
    background: #f6fbfd;
    position: relative;
    border-radius: 3px;
  }
  #sk-hp-alert-orange .text-image__content:before {
    rigth: auto;
    bottom: 0;
    height: auto;
    width: 55px;
    background: #FF7900;
    border-radius: 5px 0 0 5px;
  }
  #sk-hp-alert-orange .text-image__content:after {
    top: 50%;
    left: 14px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@media (min-width: 768px) {
  #sk-hp-alert-orange .text-image__content .mw-full {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  #sk-hp-alert-orange .legal-copy {
    font-size: 1.4rem;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #sk-hp-alert-orange .legal-copy a {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-left: 20px;
  }
}
@media (min-width: 990px) {
  #sk-hp-alert-orange .text-image__content p {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #sk-hp-alert-orange .text-image__content p .orange {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-right: 30px;
  }
}

</style>