/*
* CSS SBLCore - Jiří Pelikán
*/

.card-tabs > .card-header {
    padding: 0;
    border-bottom: 0;
    font-weight: 600 !important;
}


.dxbl-btn-white {
    --dxbl-btn-bg: #fff !important;
}

.dxbl-grid-header-content > span {
    display: contents;
}

/*!
 * Circled Font by Roger White - https://www.fontsc.com/font/circled
 * License - Public Domain (Free for Commercial Use)
 */
:root, :host {
  --fa-font-circled: normal 400 1em/2 "Circled"; }

@font-face {
  font-family: 'Circled';
  font-style: normal;
  font-size: 150%;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/circled.woff2") format("woff2"), url("../webfonts/circled.ttf") format("truetype"); }

.fac2,
.fa-circled {
  font-family: 'Circled';
  font-style: normal;
  font-size: 150%;
  font-weight: 400; }


/*!
 * Circle Font by PhotoshopSupply - https://www.photoshopsupply.com/fonts/circle-font
 * License - Free for personal and commercial use with attribution. - https://www.photoshopsupply.com/license
 */
:root, :host {
  --fa-font-circleps: normal 400 1em/4 "Circle PS"; }

@font-face {
  font-family: 'Circle PS';
  font-style: normal;
  font-weight: 400;
  font-size: 250%;
  font-display: block;
  src: url("../webfonts/circle-ps.woff2") format("woff2"), url("../webfonts/circle-ps.ttf") format("truetype"); }

.fac,
.fa-circle {
  font-family: 'Circle PS';
  font-style: normal;
  font-size: 250%;
  font-weight: 400; }

/*!
 * Circle Font by PhotoshopSupply - https://www.photoshopsupply.com/fonts/circle-font
 * License - Free for personal and commercial use with attribution. - https://www.photoshopsupply.com/license
 */
:root, :host {
  --fa-font-circleoutlineps: normal 400 1em/4 "Circle Outline PS"; }

@font-face {
  font-family: 'Circle Outline PS';
  font-style: normal;
  font-weight: 400;
  font-size: 250%;
  font-display: block;
  src: url("../webfonts/circle-outline-ps.woff2") format("woff2"), url("../webfonts/circle-outline-ps.ttf") format("truetype"); }

.faco,
.fa-circleoutline {
  font-family: 'Circle Outline PS';
  font-style: normal;
  font-size: 250%;
  font-weight: 400; }


.back-img-1 {
    background-image: url(../img/as-485382079.jpg) !important;
}

.back-img-2 {
    background-image: url(../img/as_400791575.jpg) !important;
}
.back-img-3 {
    background-image: url(../img/back3.png) !important;
    background-repeat:repeat !important;
    background-size:auto !important;
    background-attachment: fixed;
}
.back-img-4 {
    background-image: url(../img/back2blue2.png) !important;
    background-repeat:repeat !important;
    background-size:auto !important;
    background-attachment: fixed;
}

.back-img-5 {
    background-image: url(../img/Pozadi2.svg) !important;
    background-position: right !important;
    background-size:cover !important;
    background-attachment: fixed;
}
@media (max-width: 400px) {
    .back-img-5 {
        background-image: none !important;
    }
}


.back-img-6 {
    background-image: url(../img/Pozadi1920.png) !important;
    background-position: right !important;
    background-attachment: fixed;
}

.font-montserrat {
    font-family: 'Montserrat' !important;
}

.max-width-1000 {
    max-width:1000px !important;
}

.max-width-950 {
    max-width:950px !important;
}

.max-width-900 {
    max-width:900px !important;
}

.max-width-850 {
    max-width:850px !important;
}

.max-width-800 {
    max-width:800px !important;
}

.max-width-750 {
    max-width:750px !important;
}

.max-width-700 {
    max-width:700px !important;
}
.max-width-650 {
    max-width:650px !important;
}
.max-width-600 {
    max-width:600px !important;
}
.max-width-550 {
    max-width:550px !important;
}
.max-width-500 {
    max-width:500px !important;
}

.fs-7 {
    font-size:0.8125rem !important;
}

.validation-message {
    font-size:0.8125rem !important;
}

/*.dxbs-checkbox-label {
    font-size:0.8125rem !important;
}
*/

@media (max-width: 767.98px){
    .w768m0 {
        padding: 0 !important;
    }
    .w768p075rem {
        padding: 0.75rem !important;
    }
}

@media (max-width: 999.98px){
    .w1000m0 {
        padding: 0 !important;
    }
    .w1000p075rem {
        padding: 0.75rem !important;
    }
}


.item-template {
    display: flex;
    align-items: center;
}
.tag-template {
    display: flex;
    align-items: center;
    padding: 0.125em 0.5em 0.125em 0;
    position: relative;
    border-width: thin;
    border-color: gainsboro;
    border-style: solid;
    border-radius: 0.18rem;
    padding-left: 0.4rem;
}
.tag-template:before {
    content: " ";
    position: absolute;
    pointer-events: none;
}
.item-template-image,
.tag-template-image {
    margin-right: 0.5em;
    border-style: solid;
    border-width: thin;
    border-color: lightgray;
}
.item-template-image {
    height: 1.8rem;
}
.tag-template-image {
    height: 1.1rem;
}
.item-template-descr {
    opacity: 0.65;
    display: block;
    font-size: 0.75em;
}
.tag-template-close-btn {
    border: 0 !important;
    border-radius: 3rem !important;
    box-shadow: none !important;
    font-weight: 600;
    padding: 0 !important;
    width: 16px;
    height: 16px;
    margin: 0 0 0 0.5em;
    opacity: 0.5;
}
.tag-template-close-btn:hover {
    opacity: 0.75;
}

.combobox-item-template {
    display: flex;
    align-items: center;
}
.combobox-item-template > img {
    height: 1.1rem;
    border-style: solid;
    border-width: thin;
    border-color: lightgray;
}
img + .combobox-item-template-text {
    margin-left: 1rem;
}
.combobox-item-template-text {
    display: flex;
    flex-flow: column;
}
.combobox-item-template-employee-phone {
    opacity: 0.65;
}


.i8-desc {
 line-height:20px;
 margin-top:16px;
 max-width:470px;
 text-align:center
}
.i8-periods {
 grid-gap:24px;
 display:grid;
 grid-template:1fr/repeat(2,1fr);
 margin:1rem 0;
}
.i8-period {
 border:1px solid #00000020;
 border-radius:8px;
 display:flex;
 flex-direction:column;
 padding:24px 32px;
 background:#f0f5fa;
}
.i8-period.is-green {
 background:#e7f9eb;
}
.i8-period-title {
 align-items:center;
 display:flex;
 font-size:1.125rem;
 font-weight:700;
 line-height:24px;
}
.i8-period-title span {
 margin-right:8px
}
.i8-price-text {
 color:#00000080;
}
.i8-price-text .i8-price {
  color: #1a1a1a;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 32px;
  margin-right: 4px;
}
.i8-price-text .i8-price-old {
    text-decoration: line-through;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 32px;
  margin-right: 4px;
}
.i8-price-sum
{
    font-weight: 700;
    font-size: 1.09rem;
}
.i8-checkmark-icon {
 height: 16px;
 margin-right: 6px;
 width: 16px
}
.i8-benefits {
 list-style-type:none;
 margin: 0rem 1rem 1.5rem;
 padding: 0
}
.i8-benefit {
 align-items:center;
 display:flex
}
.i8-benefit:not(:first-child) {
 margin-top:8px
}
.i8-buy-btn {
 --button-background:#00000020;
 margin-top:auto
}
.i8-buy-btn.is-subscribed {
 background:#00000020;
 color:#00000080;
 pointer-events:none
}
.i8-trial-hint {
 font-size:0.75rem;
 line-height:16px;
 margin-top:12px;
 text-align:center
}
@media(max-width:767px) {
 .i8-periods {
  grid-template:repeat(2,1fr)/1fr;
  margin-top:24px
 }
 .i8-period {
  padding:24px
 }
 .i8-benefits {
  margin-bottom:48px
 }
}