#page-inside { width: 100% !important; background:#fff; margin-bottom:-20px;}
#page-inside h2 { line-height:normal;}
#bottom-navigation ul.root { box-sizing:content-box;}

#clvusa *, #clvusa ::after, #clvusa ::before {
  box-sizing: border-box;
}
@media (max-width: 959px) {
body, #header, #header-inside, #footer, #footer-inside {
    width: 100%;
}
}
#clvusa {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

#clvusa .clvusa-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
#clvusa .clvusa-col, #clvusa .clvusa-col-1, #clvusa .clvusa-col-10, #clvusa .clvusa-col-11, #clvusa .clvusa-col-12, #clvusa .clvusa-col-2, #clvusa .clvusa-col-3, #clvusa .clvusa-col-4, #clvusa .clvusa-col-5, #clvusa .clvusa-col-6, #clvusa .clvusa-col-7, #clvusa .clvusa-col-8, #clvusa .clvusa-col-9, #clvusa .clvusa-col-auto, #clvusa .clvusa-col-lg, #clvusa .clvusa-col-lg-1, #clvusa .clvusa-col-lg-10, #clvusa .clvusa-col-lg-11, #clvusa .clvusa-col-lg-12, #clvusa .clvusa-col-lg-2, #clvusa .clvusa-col-lg-3, #clvusa .clvusa-col-lg-4, #clvusa .clvusa-col-lg-5, #clvusa .clvusa-col-lg-6, #clvusa .clvusa-col-lg-7, #clvusa .clvusa-col-lg-8, #clvusa .clvusa-col-lg-9, #clvusa .clvusa-col-lg-auto, #clvusa .clvusa-col-md, #clvusa .clvusa-col-md-1, #clvusa .clvusa-col-md-10, #clvusa .clvusa-col-md-11, #clvusa .clvusa-col-md-12, #clvusa .clvusa-col-md-2, #clvusa .clvusa-col-md-3, #clvusa .clvusa-col-md-4, #clvusa .clvusa-col-md-5, #clvusa .clvusa-col-md-6, #clvusa .clvusa-col-md-7, #clvusa .clvusa-col-md-8, #clvusa .clvusa-col-md-9, #clvusa .clvusa-col-md-auto, #clvusa .clvusa-col-sm, #clvusa .clvusa-col-sm-1, #clvusa .clvusa-col-sm-10, #clvusa .clvusa-col-sm-11, #clvusa .clvusa-col-sm-12, #clvusa .clvusa-col-sm-2, #clvusa .clvusa-col-sm-3, #clvusa .clvusa-col-sm-4, #clvusa .clvusa-col-sm-5, #clvusa .clvusa-col-sm-6, #clvusa .clvusa-col-sm-7, #clvusa .clvusa-col-sm-8, #clvusa .clvusa-col-sm-9, #clvusa .clvusa-col-sm-auto, #clvusa .clvusa-col-xl, #clvusa .clvusa-col-xl-1, #clvusa .clvusa-col-xl-10, #clvusa .clvusa-col-xl-11, #clvusa .clvusa-col-xl-12, #clvusa .clvusa-col-xl-2, #clvusa .clvusa-col-xl-3, #clvusa .clvusa-col-xl-4, #clvusa .clvusa-col-xl-5, #clvusa .clvusa-col-xl-6, #clvusa .clvusa-col-xl-7, #clvusa .clvusa-col-xl-8, #clvusa .clvusa-col-xl-9, #clvusa .clvusa-col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
#clvusa .clvusa-col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
#clvusa .clvusa-col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
#clvusa .clvusa-col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
#clvusa .clvusa-col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
#clvusa .clvusa-col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
#clvusa .clvusa-col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
#clvusa .clvusa-col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
#clvusa .clvusa-col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
#clvusa .clvusa-col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
#clvusa .clvusa-col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
#clvusa .clvusa-col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
#clvusa .clvusa-col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 959px) {
  #clvusa .clvusa-col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#clvusa .clvusa-offset-1 {
  margin-left: 8.333333%;
}
#clvusa .clvusa-offset-2 {
  margin-left: 16.666667%;
}
#clvusa .clvusa-offset-3 {
  margin-left: 25%;
}
#clvusa .clvusa-offset-4 {
  margin-left: 33.333333%;
}
#clvusa .clvusa-offset-5 {
  margin-left: 41.666667%;
}
#clvusa .clvusa-offset-6 {
  margin-left: 50%;
}
#clvusa .clvusa-offset-7 {
  margin-left: 58.333333%;
}
#clvusa .clvusa-offset-8 {
  margin-left: 66.666667%;
}
#clvusa .clvusa-offset-9 {
  margin-left: 75%;
}
#clvusa .clvusa-offset-10 {
  margin-left: 83.333333%;
}
#clvusa .clvusa-offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 959px) {
  #clvusa .clvusa-offset-md-1 {
    margin-left: 8.333333%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-offset-md-2 {
    margin-left: 16.666667%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-offset-md-3 {
    margin-left: 25%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-offset-md-4 {
    margin-left: 33.333333%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-offset-md-5 {
    margin-left: 41.666667%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-offset-md-6 {
    margin-left: 50%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-offset-md-7 {
    margin-left: 58.333333%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-offset-md-8 {
    margin-left: 66.666667%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-offset-md-9 {
    margin-left: 75%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-offset-md-10 {
    margin-left: 83.333333%;
  }
}
@media (min-width: 959px) {
  #clvusa .clvusa-offset-md-11 {
    margin-left: 91.666667%;
  }
}
#clvusa .order-1 {
  order: 1;
}
#clvusa .order-2 {
  order: 2;
}
@media (min-width: 959px) {
  #clvusa .order-md-1 {
    order: 1;
  }
}
@media (min-width: 959px) {
  #clvusa .order-md-2 {
    order: 2;
  }
}

@font-face {
  font-family: "Sharp Grotesk Book 20";
  src: url("/Style%20Library/Fonts/Sharp-Grotesk-Web/SharpGroteskBook20.eot");
  src: url("/Style%20Library/Fonts/Sharp-Grotesk-Web/SharpGroteskBook20.eot?#iefix") format("embedded-opentype"), url("/Style%20Library/Fonts/Sharp-Grotesk-Web/SharpGroteskBook20.woff2") format("woff2"), url("/Style%20Library/Fonts/Sharp-Grotesk-Web/SharpGroteskBook20.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Sharp Grotesk Sm Bold";
  src: url("/Style%20Library/Fonts/Sharp-Grotesk-Web/SharpGroteskSmBold20.eot");
  src: url("/Style%20Library/Fonts/Sharp-Grotesk-Web/SharpGroteskSmBold20.eot?#iefix") format("embedded-opentype"), url("/Style%20Library/Fonts/Sharp-Grotesk-Web/SharpGroteskSmBold20.woff2") format("woff2"), url("/Style%20Library/Fonts/Sharp-Grotesk-Web/SharpGroteskSmBold20.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/****************************************** Portalova reseni *************************************************/

#clvusa .portals-intro {
  position: relative;
  display: block;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
}
@media (min-width: 961px) {
  #clvusa .portals-intro {
    height: calc(1 / 3850 * 100vw * 2304);
    background-image: url("/cz/PublishingImages/page-images/portals/intro-bg.jpg");
  }
}
@media (max-width: 960px) {
  #clvusa .portals-intro {
    margin-top: 60px !important;
  }
}
#clvusa .portals-intro .clvusa-top-bred {
  display: none;
}
@media (min-width: 1200px) {
  #clvusa .portals-intro .clvusa-top-bred {
    display: block;
    position: absolute;
    left: calc(1 / 1920 * 100vw * 395);
    top: calc(1 / 1920 * 100vw * 193);
  }
  #clvusa .portals-intro .clvusa-top-bred p {
    font-family: "Sharp Grotesk Book 20";
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.92;
    letter-spacing: 0.87px;
    color: #381457;
  }
}
#clvusa .portals-intro .clvusa-text-part {
  padding-right: 40px;
  padding-left: 40px;
}
@media (min-width: 961px) {
  #clvusa .portals-intro .clvusa-text-part {
    padding: 0px;
    width: calc(1 / 1920 * 100vw * 500);
    position: absolute;
    left: calc(1 / 1920 * 100vw * 392);
    top: calc(1 / 1920 * 100vw * 250);
  }
}
#clvusa .portals-intro .clvusa-text-part h1 {
  font-family: "Sharp Grotesk Book 20";
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #381457;
  /*&::after{
    display: block;
    content: "";
    width: 90px;
    height: 4px;
    margin-top: 30px;
    margin-bottom: 20px;
    background-color: $clvusa-violet;
  }*/
}
@media (min-width: 961px) {
  #clvusa .portals-intro .clvusa-text-part h1 {
    font-family: "Sharp Grotesk Book 20";
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    margin-bottom: 0px;
    /*&::after{
      display: block;
      content: "";
      width: 98px;
      height: 7px;
      margin-top: 38px;
      margin-bottom: 38px;
      background-color: $clvusa-violet;
    }*/
  }
}
@media (min-width: 961px) and (min-width: 1300px) {
  #clvusa .portals-intro .clvusa-text-part h1 {
    font-size: 55px;
  }
}
@media (min-width: 961px) and (min-width: 1600px) {
  #clvusa .portals-intro .clvusa-text-part h1 {
    font-size: 65px;
  }
}
@media (min-width: 961px) and (min-width: 1850px) {
  #clvusa .portals-intro .clvusa-text-part h1 {
    font-size: 80px;
  }
}
#clvusa .portals-intro .clvusa-text-part p {
  font-family: "Sharp Grotesk Book 20";
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: #381457;
}
@media (max-width: 960px) {
  #clvusa .portals-intro .clvusa-text-part p {
    margin-bottom: 28px;
  }
}
@media (min-width: 961px) {
  #clvusa .portals-intro .clvusa-text-part p {
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    max-width: 80%;
    margin-top: calc(1 / 1920 * 100vw * 81);
  }
}
@media (min-width: 961px) and (min-width: 1300px) {
  #clvusa .portals-intro .clvusa-text-part p {
    font-size: 15px;
  }
}
#clvusa .portals-intro .clvusa-img-part {
  padding-right: 40px;
  padding-left: 40px;
}
@media (min-width: 961px) {
  #clvusa .portals-intro .clvusa-img-part {
    padding: 0px;
    width: calc(1 / 1920 * 100vw * 702);
    position: absolute;
    left: calc(1 / 1920 * 100vw * 807);
    top: calc(1 / 1920 * 100vw * 255);
  }
}
#clvusa .portals-intro .clvusa-img-part img {
  width: 100%;
}
@media (max-width: 960px) {
  #clvusa .portals-intro .clvusa-img-part img {
    margin-bottom: 30px;
  }
}

#clvusa .portals-architect {
  position: relative;
  display: block;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
}
@media (min-width: 961px) {
  #clvusa .portals-architect {
    margin-top: -1px;
    height: calc(1 / 3850 * 100vw * 2088);
    background-image: url("/cz/PublishingImages/page-images/portals/architect-bg.jpg");
  }
}
#clvusa .portals-architect .clvusa-text-part {
  padding-right: 40px;
  padding-left: 40px;
}
@media (min-width: 961px) {
  #clvusa .portals-architect .clvusa-text-part {
    padding: 0px;
    order: 2;
    width: calc(1 / 1920 * 100vw * 778);
    position: absolute;
    left: calc(1 / 1920 * 100vw * 780);
    top: calc(1 / 1920 * 100vw * 212);
  }
}
#clvusa .portals-architect .clvusa-text-part h2 {
  font-family: "Sharp Grotesk Book 20";
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #381457;
  /*&::after{
    display: block;
    content: "";
    width: 90px;
    height: 4px;
    margin-top: 30px;
    margin-bottom: 20px;
    background-color: $clvusa-violet;
  }*/
}
@media (max-width: 960px) {
  #clvusa .portals-architect .clvusa-text-part h2 {
    max-width: 70%;
  }
}
@media (min-width: 961px) {
  #clvusa .portals-architect .clvusa-text-part h2 {
    font-family: "Sharp Grotesk Book 20";
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #381457;
    margin-bottom: 0px;
    /*&::after{
      display: block;
      content: "";
      width: 98px;
      height: 7px;
      margin-top: 38px;
      margin-bottom: 38px;
      background-color: $clvusa-violet;
    }*/
  }
}
@media (min-width: 961px) and (min-width: 1300px) {
  #clvusa .portals-architect .clvusa-text-part h2 {
    font-size: 55px;
  }
}
@media (min-width: 961px) and (min-width: 1600px) {
  #clvusa .portals-architect .clvusa-text-part h2 {
    font-size: 65px;
  }
}
@media (min-width: 961px) and (min-width: 1850px) {
  #clvusa .portals-architect .clvusa-text-part h2 {
    font-size: 80px;
  }
}
#clvusa .portals-architect .clvusa-text-part p {
  font-family: "Sharp Grotesk Book 20";
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: #381457;
}
@media (max-width: 960px) {
  #clvusa .portals-architect .clvusa-text-part p {
    margin-bottom: 28px;
  }
}
@media (min-width: 961px) {
  #clvusa .portals-architect .clvusa-text-part p {
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    max-width: 460px;
    margin-top: calc(1 / 1920 * 100vw * 81);
  }
}
@media (min-width: 961px) and (min-width: 1300px) {
  #clvusa .portals-architect .clvusa-text-part p {
    font-size: 15px;
  }
}
#clvusa .portals-architect .clvusa-img-part {
  padding-right: 40px;
  padding-left: 40px;
}
@media (min-width: 961px) {
  #clvusa .portals-architect .clvusa-img-part {
    order: 1;
    padding: 0px;
    width: calc(1 / 1920 * 100vw * 663);
    position: absolute;
    left: calc(1 / 1920 * 100vw * 100);
    top: calc(1 / 1920 * 100vw * 164);
  }
}
#clvusa .portals-architect .clvusa-img-part img {
  width: 100%;
}
@media (max-width: 960px) {
  #clvusa .portals-architect .clvusa-img-part img {
    margin-bottom: 30px;
  }
}

#clvusa .portals-designer {
  position: relative;
  display: block;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
}
@media (min-width: 961px) {
  #clvusa .portals-designer {
    margin-top: -1px;
    height: calc(1 / 3850 * 100vw * 2098);
    background-image: url("/cz/PublishingImages/page-images/portals/designer-bg.jpg");
  }
}
#clvusa .portals-designer .clvusa-text-part {
  padding-right: 40px;
  padding-left: 40px;
}
@media (min-width: 961px) {
  #clvusa .portals-designer .clvusa-text-part {
    padding: 0px;
    width: calc(1 / 1920 * 100vw * 615);
    position: absolute;
    left: calc(1 / 1920 * 100vw * 380);
    top: calc(1 / 1920 * 100vw * 320);
  }
}
#clvusa .portals-designer .clvusa-text-part h2 {
  font-family: "Sharp Grotesk Book 20";
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #381457;
  /*&::after{
    display: block;
    content: "";
    width: 90px;
    height: 4px;
    margin-top: 30px;
    margin-bottom: 20px;
    background-color: $clvusa-violet;
  }*/
}
@media (min-width: 961px) {
  #clvusa .portals-designer .clvusa-text-part h2 {
    font-family: "Sharp Grotesk Book 20";
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #381457;
    margin-bottom: 0px;
    /*&::after{
      display: block;
      content: "";
      width: 98px;
      height: 7px;
      margin-top: 38px;
      margin-bottom: 38px;
      background-color: $clvusa-violet;
    }*/
  }
}
@media (min-width: 961px) and (min-width: 1300px) {
  #clvusa .portals-designer .clvusa-text-part h2 {
    font-size: 55px;
  }
}
@media (min-width: 961px) and (min-width: 1600px) {
  #clvusa .portals-designer .clvusa-text-part h2 {
    font-size: 65px;
  }
}
@media (min-width: 961px) and (min-width: 1850px) {
  #clvusa .portals-designer .clvusa-text-part h2 {
    font-size: 80px;
  }
}
#clvusa .portals-designer .clvusa-text-part p {
  font-family: "Sharp Grotesk Book 20";
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: #381457;
}
@media (max-width: 960px) {
  #clvusa .portals-designer .clvusa-text-part p {
    margin-bottom: 28px;
  }
}
@media (min-width: 961px) {
  #clvusa .portals-designer .clvusa-text-part p {
    font-family: "Sharp Grotesk Book 20";
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #381457;
    max-width: 80%;
    margin-top: calc(1 / 1920 * 100vw * 81);
  }
}
@media (min-width: 961px) and (min-width: 1300px) {
  #clvusa .portals-designer .clvusa-text-part p {
    font-size: 15px;
  }
}
#clvusa .portals-designer .clvusa-img-part {
  padding-right: 40px;
  padding-left: 40px;
}
@media (min-width: 961px) {
  #clvusa .portals-designer .clvusa-img-part {
    order: 1;
    padding: 0px;
    width: calc(1 / 1920 * 100vw * 810);
    position: absolute;
    left: calc(1 / 1920 * 100vw * 989);
    top: calc(1 / 1920 * 100vw * 269);
  }
}
#clvusa .portals-designer .clvusa-img-part img {
  width: 100%;
}
@media (max-width: 960px) {
  #clvusa .portals-designer .clvusa-img-part img {
    margin-bottom: 30px;
  }
}

#clvusa .portals-solution-architect {
  position: relative;
  display: block;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
}
@media (min-width: 961px) {
  #clvusa .portals-solution-architect {
    margin-top: -1px;
    height: calc(1 / 3850 * 100vw * 4310);
    background-image: url("/cz/PublishingImages/page-images/portals/solution-bg.jpg");
  }
}
#clvusa .portals-solution-architect .clvusa-text-part {
  padding-right: 40px;
  padding-left: 40px;
}
@media (min-width: 961px) {
  #clvusa .portals-solution-architect .clvusa-text-part {
    padding: 0px;
    width: calc(1 / 1920 * 100vw * 650);
    position: absolute;
    left: calc(1 / 1920 * 100vw * 924);
    top: calc(1 / 1920 * 100vw * 686);
  }
}
#clvusa .portals-solution-architect .clvusa-text-part h2 {
  font-family: "Sharp Grotesk Book 20";
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #381457;
}
#clvusa .portals-solution-architect .clvusa-text-part h2::after {
  display: block;
  content: "";
  width: 90px;
  height: 4px;
  margin-top: 30px;
  margin-bottom: 20px;
  background-color: #381457;
}
@media (max-width: 960px) {
  #clvusa .portals-solution-architect .clvusa-text-part h2 {
    width: 70%;
  }
}
@media (min-width: 961px) {
  #clvusa .portals-solution-architect .clvusa-text-part h2 {
    font-family: "Sharp Grotesk Book 20";
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #381457;
    margin-bottom: 0px;
  }
}
@media (min-width: 961px) and (min-width: 1300px) {
  #clvusa .portals-solution-architect .clvusa-text-part h2 {
    font-size: 55px;
  }
}
@media (min-width: 961px) and (min-width: 1600px) {
  #clvusa .portals-solution-architect .clvusa-text-part h2 {
    font-size: 65px;
  }
}
@media (min-width: 961px) and (min-width: 1850px) {
  #clvusa .portals-solution-architect .clvusa-text-part h2 {
    font-size: 80px;
  }
}
@media (min-width: 961px) {
  #clvusa .portals-solution-architect .clvusa-text-part h2::after {
    display: block;
    content: "";
    width: 98px;
    height: 7px;
    margin-top: 38px;
    margin-bottom: 38px;
    background-color: #381457;
  }
}
#clvusa .portals-solution-architect .clvusa-text-part p {
  font-family: "Sharp Grotesk Book 20";
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: #381457;
}
@media (max-width: 960px) {
  #clvusa .portals-solution-architect .clvusa-text-part p {
    margin-bottom: 28px;
  }
}
@media (min-width: 961px) {
  #clvusa .portals-solution-architect .clvusa-text-part p {
    font-family: "Sharp Grotesk Book 20";
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #381457;
    max-width: 60%;
  }
}
@media (min-width: 961px) and (min-width: 1300px) {
  #clvusa .portals-solution-architect .clvusa-text-part p {
    font-size: 15px;
  }
}
#clvusa .portals-solution-architect .clvusa-img-part {
  padding-right: 40px;
  padding-left: 40px;
}
@media (min-width: 961px) {
  #clvusa .portals-solution-architect .clvusa-img-part {
    order: 1;
    padding: 0px;
    width: calc(1 / 1920 * 100vw * 645);
    position: absolute;
    left: calc(1 / 1920 * 100vw * 159);
    top: calc(1 / 1920 * 100vw * 686);
  }
}
#clvusa .portals-solution-architect .clvusa-img-part img {
  width: 100%;
}
@media (max-width: 960px) {
  #clvusa .portals-solution-architect .clvusa-img-part img {
    margin-bottom: 30px;
  }
}

.portals-mine-carousel {
  position: relative;
  display: block;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
}
@media (min-width: 961px) {
  .portals-mine-carousel {
    margin-top: -1px;
    height: calc(1 / 3850 * 100vw * 4310);
    background-image: url("/cz/PublishingImages/page-images/portals/solution-bg.jpg");
  }
}
.portals-mine-carousel #clvusa-img-carousel {
  width: 100%;
  list-style: none;
  padding: 40px;
}
@media (max-width: 960px) {
  .portals-mine-carousel #clvusa-img-carousel {
    padding-bottom: 10px;
  }
}
@media (min-width: 961px) {
  .portals-mine-carousel #clvusa-img-carousel {
    position: absolute;
    width: calc(1 / 1920 * 100vw * 760);
    left: calc(1 / 1920 * 100vw * 580);
    top: calc(1 / 1920 * 100vw * 640);
  }
}
.portals-mine-carousel #clvusa-img-carousel li {
  display: none;
}
.portals-mine-carousel #clvusa-img-carousel li .carousel-img-item {
  width: 100%;
  -webkit-box-shadow: 0px 30px 50px -35px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 30px 50px -35px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 30px 50px -35px rgba(0, 0, 0, 0.75);
}
.portals-mine-carousel #clvusa-img-carousel li p {
  font-family: "Sharp Grotesk Book 20";
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: #381457;
  margin-top: 25px;
}
@media (min-width: 961px) {
  .portals-mine-carousel #clvusa-img-carousel li p {
    margin-top: calc(1 / 1920 * 100vw * 30);
  }
}
.portals-mine-carousel #clvusa-img-carousel li.active {
  display: block;
}
.portals-mine-carousel #clvusa-img-carousel-nav {
  list-style: none;
  padding: 40px;
  display: flex;
  justify-content: center;
}
@media (max-width: 960px) {
  .portals-mine-carousel #clvusa-img-carousel-nav {
    padding-top: 0px;
    margin-top: -15px;
  }
}
@media (min-width: 961px) {
  .portals-mine-carousel #clvusa-img-carousel-nav {
    position: absolute;
    width: calc(1 / 1920 * 100vw * 760);
    left: calc(1 / 1920 * 100vw * 580);
    top: calc(1 / 1920 * 100vw * 1257);
  }
}
.portals-mine-carousel #clvusa-img-carousel-nav .clvusa-img-carousel-nav-item {
  width: 9px;
  height: 9px;
  margin: 13px;
  border-radius: 20px;
  background-color: #9d9d9d;
  cursor: pointer;
}
.portals-mine-carousel #clvusa-img-carousel-nav .clvusa-img-carousel-nav-item.active {
  background-color: #381457;
}

.clvusa-tripple-block {
  position: relative;
  display: block;
}
@media (min-width: 961px) {
  .clvusa-tripple-block {
    height: calc(1 / 1920 * 100vw * 1510);
    margin-top: calc(1 / 1920 * 100vw * (-355));
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  .clvusa-tripple-block {
    height: calc(1 / 1920 * 100vw * 2474);
  }
}
@media (min-width: 961px) and (max-width: 1200px) and (min-width: 1101px) {
  .clvusa-tripple-block {
    height: calc(1 / 1920 * 100vw * 2074);
  }
}
@media (min-width: 961px) and (max-width: 1300px) and (min-width: 1201px) {
  .clvusa-tripple-block {
    height: calc(1 / 1920 * 100vw * 1705);
  }
}
@media (min-width: 961px) and (max-width: 1400px) and (min-width: 1301px) {
  .clvusa-tripple-block {
    height: calc(1 / 1920 * 100vw * 1800);
  }
}
#clvusa .clvusa-tripple-block h3 {
  font-family: "Sharp Grotesk Book 20";
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #381457;
  margin-bottom: 6px;
}
@media (min-width: 961px) {
#clvusa .clvusa-tripple-block h3 {
    margin-bottom: 35px;
  }
}
@media (min-width: 961px) and (min-width: 1300px) {
#clvusa .clvusa-tripple-block h3 {
    font-size: 35px;
  }
}
@media (min-width: 961px) and (min-width: 1600px) {
#clvusa .clvusa-tripple-block h3 {
    font-size: 40px;
  }
}
@media (min-width: 961px) and (min-width: 1850px) {
#clvusa .clvusa-tripple-block h3 {
    font-size: 45px;
  }
}
#clvusa .clvusa-tripple-block p {
  font-family: "Sharp Grotesk Book 20";
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #381457;
}
@media (min-width: 1300px) {
#clvusa .clvusa-tripple-block p {
    font-size: 13px;
    max-width: 80%;
  }
}
@media (min-width: 1600px) {
#clvusa .clvusa-tripple-block p {
    font-size: 14px;
  }
}
@media (min-width: 1850px) {
#clvusa .clvusa-tripple-block p {
    font-size: 15px;
  }
}
#clvusa .clvusa-tripple-block .clvusa-vizualizace {
  padding-right: 40px;
  padding-left: 40px;
  width: 100%;
  background-image: url("/cz/PublishingImages/page-images/portals/clvusa-partner.png");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: calc(1 / 320 * 100vw * 180);
}
@media (min-width: 961px) {
#clvusa .clvusa-tripple-block .clvusa-vizualizace {
    padding-right: 57px;
    padding-left: 72px;
    position: absolute;
    overflow-y: visible;
    top: 0px;
    width: calc(1 / 1920 * 100vw * 555);
    left: calc(1 / 1920 * 100vw * 975);
    padding-top: calc(1 / 1920 * 100vw * 250);
    }
#clvusa .clvusa-tripple-block .clvusa-vizualizace p {
    max-width: 100%;
  }
}
#clvusa .clvusa-tripple-block .clvusa-partner {
  padding-right: 40px;
  padding-left: 40px;
  width: 100%;
  background-image: url("/cz/PublishingImages/page-images/portals/clvusa-technologie.jpg");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: calc(1 / 320 * 100vw * 180);
}
@media (min-width: 961px) {
#clvusa .clvusa-tripple-block .clvusa-partner {
    padding-right: 57px;
    padding-left: 40px;
    position: absolute;
    overflow-y: visible;
    width: calc(1 / 1920 * 100vw * 555);
    left: calc(1 / 1920 * 100vw * 325);
    top: calc(1 / 1920 * 100vw * 250);
    padding-top: calc(1 / 1920 * 100vw * 358);
  }
}
#clvusa .clvusa-tripple-block .clvusa-technologie {
  padding-right: 40px;
  padding-left: 40px;
  width: 100%;
  background-image: url("/cz/PublishingImages/page-images/portals/clvusa-vizualizace.png");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: calc(1 / 320 * 100vw * 180);
}
@media (min-width: 961px) {
#clvusa .clvusa-tripple-block .clvusa-technologie {
    padding-right: 5px;
    padding-left: 72px;
    position: absolute;
    overflow-y: visible;
    width: calc(1 / 1920 * 100vw * 555);
    left: calc(1 / 1920 * 100vw * 975);
    top: calc(1 / 1920 * 100vw * 728);
    padding-top: calc(1 / 1920 * 100vw * 314);
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  #clvusa .clvusa-tripple-block .clvusa-technologie {
    top: calc(1 / 1920 * 100vw * 1310);
  }
}
@media (min-width: 961px) and (max-width: 1200px) and (min-width: 1101px) {
  #clvusa .clvusa-tripple-block .clvusa-technologie {
    top: calc(1 / 1920 * 100vw * 1010);
  }
}
@media (min-width: 961px) and (max-width: 1400px) and (min-width: 1201px) {
  #clvusa .clvusa-tripple-block .clvusa-technologie {
    top: calc(1 / 1920 * 100vw * 859);
  }
}
#clvusa .portals-kontakt {
  position: relative;
  display: block;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
}
@media (max-width: 960px) {
#clvusa .portals-kontakt {
    margin-top: 60px;
  }
}
@media (min-width: 961px) {
#clvusa .portals-kontakt {
    height: calc(1 / 3850 * 100vw * 2580);
    background-image: url("/cz/PublishingImages/page-images/portals/kontakt-bg.jpg");
    padding-top: calc(1 / 1920 * 100vw * 417);
  }
}
#clvusa .portals-kontakt h4 {
  padding-right: 40px;
  padding-left: 40px;
  font-family: "Sharp Grotesk Book 20";
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #381457;
}
@media (min-width: 961px) {
#clvusa .portals-kontakt h4 {
    font-size: 30px;
    margin: 0 auto;
    margin-bottom: 20px;
    max-width: calc(1/ 1920 * 100vw * 636.5);
    padding-left: calc(1 / 1920 * 100vw * 54.4);
  }
}
@media (min-width: 961px) and (min-width: 1300px) {
#clvusa .portals-kontakt h4 {
    font-size: 55px;
  }
}
@media (min-width: 961px) and (min-width: 1600px) {
#clvusa .portals-kontakt h4 {
    font-size: 65px;
  }
}
@media (min-width: 961px) and (min-width: 1850px) {
#clvusa .portals-kontakt h4 {
    font-size: 80px;
  }
}
#clvusa .portals-kontakt p {
  padding-left: 40px;
  padding-right: 40px;
  font-family: "Sharp Grotesk Book 20";
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #381457;
}
@media (min-width: 961px) {
#clvusa .portals-kontakt p {
    margin: 0 auto;
    padding-right: 85px;
    max-width: calc(1 / 1920 * 100vw * 636.5);
    padding-left: calc(1 / 1920 * 100vw * 54.4);
  }
}
@media (min-width: 961px) and (min-width: 1300px) {
#clvusa .portals-kontakt p {
    font-size: 15px;
  }
}
#clvusa .portals-kontakt p a {
  color: #381457;
  text-decoration: underline;
}
#clvusa .portals-kontakt .clvusa-screen {
  width: 100%;
}
@media (min-width: 961px) {
#clvusa .portals-kontakt .clvusa-screen {
    position: relative;
    display: block;
    width: calc(1 / 1920 * 100vw * 656.9);
    margin: 0 auto;
    margin-bottom: calc(1 / 1920 * 100vw * 111);
  }
}

.logos-section {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: center;
  align-items: center;
}
@media (min-width: 961px) {
  .logos-section {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 120px;
    margin-top: calc(1 / 1920 * 100vw * (-250));
  }
}
.logos-section img {
  margin: 15px 30px;
  height: auto;
}
.logos-section .lbebw {
  width: 72px;
}
.logos-section .citibank {
  width: 72px;
}
.logos-section .generali {
  width: 88px;
}
.logos-section .dhl {
  width: 98px;
}
.logos-section .otwo {
  width: 30px;
}
.logos-section .minolta {
  width: 65px;
}
.logos-section .skoda {
  width: 102px;
}
.logos-section .vodafone {
  width: 50px;
}
.logos-section .raifka {
  width: 98px;
}
.logos-section .orange {
  width: 34px;
}
.logos-section .tmobile {
  width: 46px;
}
.logos-section .ing {
  width: 90px;
}
.logos-section .nn {
  width: 66px;
}