* {
    box-sizing: border-box;
    background-repeat: no-repeat;

    --border-grey-dark: 1px solid #d9d9d9;
    --border-grey: 1px solid #d9d9d9;
    --border-blue-light: 1px solid #DFE7ED;
    --color-lila-light: #93566d;
    --color-red: #CB035C;

    --nlp-blue: #00476b;
    --nlp-red: #d8005b;
    --nlp-green: #17b13dd1;
    --nlp-grey: #606060;
    --nlp-blue-grey: #c4c6ca;

    --grid-gap: 5%;
}


/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
    font-display: swap;
}

body {
    background-color: #ecf0f2;
    background-image: url(img3/nlp-theme-80-tan.svg);

    background-size: auto 55vh;
    background-attachment: fixed;
    background-position: top 20vh left;

    font: normal normal normal 16px/1.5 Arial;
    font-family: "Roboto", Arial, sans-serif;
    color: #000;
}

.centered,
.ImgAlignCenter {
    display: inline-block;
    margin: 1em auto;
}

.ImgAlignRight, .imgIcon {
    float: right;
    margin-left: 1em;
}

.ImgAlignLeft {
    float: left;
    margin-right: 1em;
}

.block {
    display: block;
}


/**/

h1,
h2 {
    color: #242424;
}

h2 {
    padding: .6em 0 .3em 0;
}

a {
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

img {
    max-width: 100%;
    height: auto;
}

strong em {
    font-style: normal;
    font-weight: normal;
    font-size: 2em;
    padding: .6em 1.2em;
    margin: 1em 0;
    display: block;
    text-align: center;
    background: url(img2/p.png);
}

button {
    cursor: pointer;
}

/** Global **/

.colholder {
    width: 100%;
    overflow: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.off,
.aural {
    display: none;
}

td.off {
    display: table-cell;
}

/** **/

.brd4 {
    border: 1px solid #dcdcdc;
    overflow: hidden;
}

.brd3 {
    border: 1px solid #dcdcdc;
    padding: 1em 5%;
}

/**
 *  Detail kurzu 
 */

.newmenu ul {
    border-top: var(--border-blue-light);
    border-right: var(--border-blue-light);
    margin: 1em 0 3em 0;
    padding: 0;
}

.newmenu li {
    list-style: none;
    overflow: hidden;
    border-bottom: 1px solid #dfe7ed;
    position: relative;
    padding-left: 3em;
    font-weight: bold;
}

.newmenu li span {

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4em;
    padding: .4em;
    background: #f5f5f5;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 110%;
}

.newmenu span.free_date {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='512px' height='512px' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z' fill='%23cacaca'/%3E%3C/svg%3E");
    background-size: auto 1em;
    background-repeat: no-repeat;
    background-position: center;
}

.newmenu li small {
    font-size: .7em;
}

.newmenu li em {

    display: block;
    color: #5B5B5B;
    font-style: normal;
    font-weight: normal;
    font-size: .8em;
}

.newmenu li a {
    color: #00476B;
    display: block;
    text-decoration: none;
    height: 100%;
    padding: .4em;
    min-height: 3.2em;
    padding-left: 2.4em;
    display: block;
}

.newmenu li a:hover {
    color: var(--nlp-red);
    background-color: #f5f5f5;
}

.newmenu li a:hover em,
.newmenu li a:hover span {
    background-color: var(--nlp-red);
    color: #fff;
}


.newmenu li.selected,
.newmenu li.selected span,
.newmenu li.selected a:hover,
.newmenu li.selected a:hover span,
.newmenu li.selected a:hover em {
    background-color: var(--nlp-blue);
}

.newmenu li.selected span,
.newmenu li.selected em,
.newmenu li.selected a {
    color: #fff;
}

.newmenu strong.header {
    display: block;
    font-size: 1.2em;
}

/** **/

.flex {
    display: flex;
    align-items: center;
}

.grid {
    grid-template-columns: 1fr 1fr;
    display: grid;
    grid-gap: 5%;
}

.grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1em;
}

.grid-1-3 {
    grid-template-columns: 1.2fr 3fr;
}

.grid-4 a {
    display: block;
    padding: 1em;
    text-align: center;
}

ul.grid-4 {
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.margin {
    margin: 2em 0;
}


.blue {
    color: var(--nlp-blue);
}

.red {
    color: var(--nlp-red);
}

.slim {
    padding-left: 5%;
    padding-right: 5%;
}

.dots {
    background-image: url(img3/dot-asset.jpg);
    background-size: 100% auto;
    background-position: center center;
}

ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.menu a {
    display: block;
}

img.full-width {
    width: 100%;
    height: auto;
}

/**
 *  Left menu themes
 */

.menu.theme-1 {
    border-right: var(--border-grey-dark);
}

.menu.theme-1 li {

    background-color: #f5f5f5;
    margin-bottom: 2px;
}

.menu.theme-1 a {
    padding: .4em 1em;
}

.menu.theme-1 .selected a {
    background-color: var(--nlp-blue);
    color: #fff;
}

/** **/

.menu.theme-2 a {
    padding: 1em;
    background-color: #fff;
    border: 1px solid var(--nlp-blue-grey);
    border-radius: .2em;
}

.menu.theme-2 a:hover {
    background-color: var(--nlp-red);
    border-color: var(--nlp-red);
    color: #fff;
    text-decoration: none;
}

.menu.theme-2 li.selected a {
    background-color: var(--nlp-grey);
    border-color: var(--nlp-grey);
    color: #fff;
}

/** **/

#header2 {
    padding: 1em 0;
    position: relative;
}

#header2in {
    gap: 4em;
    padding-left: 1.6em;
}

/** **/

#footer,
#contenido {
    max-width: 1440px;
    margin: 0 auto;
}

#cntbody {
    background: #fff;
    padding: 1em;
}


/** 
 * MAIN menu
 */

#topMenu {
    padding: 0 1.6em;
    gap: 1.8em;
}

#topMenu a {
    display: block;
    padding: .4em .2em;
    position: relative;
    font-weight: bold;
}

#topMenu a#mnuBlog {
    background-color: rgb(0 0 0 / 5%);
    padding-left: .6em;
    padding-right: .6em;
    border-radius: .4em;
    box-shadow: inset -1px -1px 2px 0px #0000001c;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

#topMenu a#mnuBlog.selected,
#topMenu a#mnuBlog:hover {
    background-color: var(--nlp-red);
    border-color: var(--nlp-red);
    color: #fff;

}

#topMenu a.selected::after,
#topMenu a:hover::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--nlp-red);
    transition: all .3s ease-in-out;
    box-shadow: 0px 4px 5px #00000085;
    ;
}

#topMenu a#mnuBlog::after,
#topMenu a#mnuBlog:hover::after {
    display: none;
}


#topMenu a:nth-child(2) {
    color: #395b95;
    background: -webkit-linear-gradient(180deg, var(--nlp-blue), var(--nlp-red));

    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#topMenu a:hover {
    border-color: var(--nlp-red);
    text-decoration: none;
}

#topMenu .selected #green_blink,
#topMenu a:hover #green_blink {
    display: none;
}

#green_blink {
    background-color: var(--nlp-green);
    border-radius: 1em;
    width: .4em;
    height: .4em;
    position: absolute;
    bottom: -3px;
    left: 50%;
    animation-name: blink;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}

/**
 * SOCIAL
 */

#ns__social {
    position: absolute;
    top: 1.6em;
    right: 0;
}

#iconLI {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230077B5' fill-rule='evenodd' d='M20.45175,20.45025 L16.89225,20.45025 L16.89225,14.88075 C16.89225,13.5525 16.86975,11.844 15.04275,11.844 C13.191,11.844 12.90825,13.2915 12.90825,14.7855 L12.90825,20.45025 L9.3525,20.45025 L9.3525,8.997 L12.765,8.997 L12.765,10.563 L12.81375,10.563 C13.2885,9.66225 14.4495,8.71275 16.18125,8.71275 C19.78575,8.71275 20.45175,11.08425 20.45175,14.169 L20.45175,20.45025 Z M5.33925,7.4325 C4.1955,7.4325 3.27375,6.50775 3.27375,5.36775 C3.27375,4.2285 4.1955,3.30375 5.33925,3.30375 C6.47775,3.30375 7.4025,4.2285 7.4025,5.36775 C7.4025,6.50775 6.47775,7.4325 5.33925,7.4325 L5.33925,7.4325 Z M7.11975,20.45025 L3.5565,20.45025 L3.5565,8.997 L7.11975,8.997 L7.11975,20.45025 Z M23.00025,0 L1.0005,0 C0.44775,0 0,0.44775 0,0.99975 L0,22.9995 C0,23.55225 0.44775,24 1.0005,24 L23.00025,24 C23.55225,24 24,23.55225 24,22.9995 L24,0.99975 C24,0.44775 23.55225,0 23.00025,0 L23.00025,0 Z'/%3E%3C/svg%3E");
}

#fbGroup a,
#iconFB {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 48 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Icons' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Color-' transform='translate(-200.000000, -160.000000)' fill='%234460A0'%3E%3Cpath d='M225.638355,208 L202.649232,208 C201.185673,208 200,206.813592 200,205.350603 L200,162.649211 C200,161.18585 201.185859,160 202.649232,160 L245.350955,160 C246.813955,160 248,161.18585 248,162.649211 L248,205.350603 C248,206.813778 246.813769,208 245.350955,208 L233.119305,208 L233.119305,189.411755 L239.358521,189.411755 L240.292755,182.167586 L233.119305,182.167586 L233.119305,177.542641 C233.119305,175.445287 233.701712,174.01601 236.70929,174.01601 L240.545311,174.014333 L240.545311,167.535091 C239.881886,167.446808 237.604784,167.24957 234.955552,167.24957 C229.424834,167.24957 225.638355,170.625526 225.638355,176.825209 L225.638355,182.167586 L219.383122,182.167586 L219.383122,189.411755 L225.638355,189.411755 L225.638355,208 L225.638355,208 Z' id='Facebook'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#header2 .icon {
    text-indent: -6667px;
    width: 2em;
    height: 2em;
    background-size: auto 100%;
    display: inline-block;
}

/** **/

#slidee {
    margin: 0;
    padding: 0;
    overflow: hidden;
    max-height: 20em;
}

#slidee li {
    display: inline-block;
    margin-right: 1em;
}

#slidee li a {
    display: block;
}

.scrollbar {
    width: 100%;
    height: .6em;
    margin: .4em 0 1em 0;
    background-color: #f5f5f5;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid #cacaca;
    box-sizing: border-box;
}

.scrollbar .handle {
    width: 6em;
    height: 100%;
    background-color: var(--nlp-red);
    border-radius: 8px;
}

/** **/

/**
 *  ASSETS
 */

.topHeader {
    font-size: 1.2em;
    margin: 0 0 1em 0;
    padding: 0.2em 0 0.8em 0;
    border-bottom: 1px solid #eceff4;
    background-image: url(img3/asset-45457-100.webp);
    background-image: url(img3/head-asset.svg);
    background-size: 100%;
    text-shadow: 0px 0px 2px #fff;
}

.topHeader strong {
    font-size: 1.4em;
}

.topHeader.big {
    font-size: 1.8em;
    background: none;
    border: none;
    padding: .6em;
}

.dots {
    background-image: url(img3/dot-asset-1600.jpg);
    background-position: center;
}

/** **/

#ns__intro {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5%;
    align-items: center;
    font-size: 1.1em;

    background-image: url(img3/dot-asset-1600.jpg);
    background-size: 60% auto;
    background-position: right top;
}

#ns__intro .blue {
    color: var(--nlp-blue);
}

/** **/

#newKurzy {
    margin-bottom: 3em;
}

/** **/

#lblMoto strong {
    font-size: 1.8em;
}

#lblIntro p {
    text-align: justify;
    line-height: 180%;
}

/** **/

#ns__seznameni {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3%;
    align-items: center;
    padding-bottom: 1em;
    margin-bottom: 2em;
}

/*
#ns__seznameni img {
    width: 100%;
}
*/


.listSeznameni {
    list-style: none;
    line-height: 200%;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

.listSeznameni li {
    padding: .1em 1em;
}

.listSeznameni#ptype li {
    border-right: 1px solid var(--nlp-blue);
    padding-right: 2em;
}

.listSeznameni#ltype li {
    border-left: 1px solid var(--nlp-blue);
    padding-left: 2em;
}

#ptype {
    text-align: right;
}


/*
#lnkSeznameni:after {
    background: #fff;
    border: 1px solid #c4c6ca;
    content: "";
    display: block;
    height: 100%;
    left: -1px;
    position: absolute;
    width: 100%;
}
*/

/** **/

#pnl_Sluzby {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2em;
}

div.pnl_Sx {
    background-color: rgb(255 255 255 / 75%);
    padding-bottom: 1em;
    border: 1px solid #fff;
    border-bottom: 1px solid rgb(0 0 0 / 15%);
    border-right: 1px solid rgb(0 0 0 / 12%);
    border-radius: 3px;
}

div.pnl_Sx ul {
    list-style: none;
    text-align: center;
    margin: 1em 1.6em;
    padding: 0;
}

div.pnl_Sx a {
    display: block;
    padding: .3em 0;
    border-bottom: 1px solid rgb(0 0 0 / 15%);
}

div.pnl_Sx a:hover {
    text-decoration: none;
    color: #ec20bd;
}

div.pnl_Sx ul li:last-child a {
    border-bottom: none;
}


h1#lblAkademie {
    font-size: 1.6em;
    padding: 1em;
}

#lblNabKurzy {
    text-align: center;
    font-size: 2.4em;
    padding: 1em 0 0 0;
}

#lblKurzyNabInfo {
    font-size: 1.6em;
}

/*
#nsKurzyStart #nsKontaktTop {
    padding-bottom: 0;
}
*/
#nsKurzyStart .grid-4 img {
    width: 100%;
}

.nsKurzyGroup {
    margin-bottom: 1em;
}

.nsKurzyGroup h2 {
    margin: 0;
    padding: 1em;
    font-size: 1.8em;
    background-image: url(img3/dot-asset.jpg);
    background-size: 100% auto;
    background-position: center center;
}

.nsKurzyGroup .grid-4 {
    padding: 1em;
    gap: 1.6em;
}

.nsKurzyGroup .grid-4 p {
    padding: 0 1.6em;
    text-align: center;
}

.nsKurzyGroup .grid-4 div {
    border: 1px solid #e6dcdc;
    position: relative;
    padding-bottom: 4em;
}

.nsKurzyGroup .grid-4 a.lblMore {
    display: block;
    position: absolute;
    bottom: 1em;
    left: 10%;
    right: 10%;
    text-align: center;
    background-color: #515277;
    color: #fff;
    padding: .4em 0;
    border-radius: 1.2em;
}

.nsKurzyGroup .grid-4 a.lblMore:hover {
    background-color: var(--nlp-red);
    text-decoration: none;
}

#ns__kurzInfoList {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: var(--grid-gap);
    margin-bottom: 3em;
}

#nsChapterMap {
    gap: 1em;
    margin-bottom: 2em;
}

#nsChapterMap a {
    border: 1px solid grey;
}

#nsChapterMap a:hover {
    border-color: var(--nlp-red);
}

#nsChapterMap li.selected a {
    border: 1px solid var(--nlp-red);
    background-color: var(--nlp-red);
    color: #fff;
}

#nsKurzyInfo ul.side {
    margin: 0;
    padding: 0;
    list-style: none;
}

#nsKurzyInfo ul.side li {
    border-bottom: 1px solid grey;
}

#nsKurzyInfo ul.side li.selected a {
    background-color: #4c616c;
    color: #fff;
}

#nsKurzyInfo ul.side a {
    display: block;
    padding: .5em .6em;
}

#ns__kurzInfoList .PubRdr h1 {
    text-align: center;
    font-size: 2.4em;
}

/**
 * footer 
 */

footer {

    margin-top: 1em;
    background-image: url(img3/foot-asset.png);
    background-image: url(img3/foot-asset.svg);
    background-size: 100% auto;
    background-position: top left;
    background-repeat: no-repeat;
}

#footer {
    display: grid;
    grid-template-columns: 4fr 1.4fr;
}

#footText {
    padding-left: 1em;
}

#foot-oop {
    list-style: none;
    margin: 1em 0;
    padding: 0 0 0 3em;

    background-image: url(img2/nlp-theme-80-cross.svg);
    background-image: url(img2/asterisk-svgrepo-com.svg);

    background-size: auto 2em;
    background-position: left center;

}

#foot-oop a {
    display: block;
    background-color: var(--nlp-red);
    color: #fff;
    padding: .3em 2.6em .3em 1em;
    margin-bottom: 4px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23fff' width='800px' height='800px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 5.222V0h2v5.193l1.107-1.107L11.52 5.5 7.986 9.036 4.45 5.5l1.414-1.414L7 5.222zM16 11v5H0v-5h2v3h12v-3h2z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: auto 1em;
    background-position: top .6em right .6em;
}

#footLink {
    margin: 0 0 2em 0;
    padding: .8em 0 .8em 2.4em;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 7.28595 22 4.92893 20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355ZM9.5 8.75C7.70507 8.75 6.25 10.2051 6.25 12C6.25 13.7949 7.70507 15.25 9.5 15.25C11.2949 15.25 12.75 13.7949 12.75 12C12.75 11.5858 13.0858 11.25 13.5 11.25C13.9142 11.25 14.25 11.5858 14.25 12C14.25 14.6234 12.1234 16.75 9.5 16.75C6.87665 16.75 4.75 14.6234 4.75 12C4.75 9.37665 6.87665 7.25 9.5 7.25C9.91421 7.25 10.25 7.58579 10.25 8C10.25 8.41421 9.91421 8.75 9.5 8.75ZM17.75 12C17.75 13.7949 16.2949 15.25 14.5 15.25C14.0858 15.25 13.75 15.5858 13.75 16C13.75 16.4142 14.0858 16.75 14.5 16.75C17.1234 16.75 19.25 14.6234 19.25 12C19.25 9.37665 17.1234 7.25 14.5 7.25C11.8766 7.25 9.75 9.37665 9.75 12C9.75 12.4142 10.0858 12.75 10.5 12.75C10.9142 12.75 11.25 12.4142 11.25 12C11.25 10.2051 12.7051 8.75 14.5 8.75C16.2949 8.75 17.75 10.2051 17.75 12Z' fill='%231C274C'/%3E%3C/svg%3E");
    background-size: auto 1.8em;
    background-position: left center;
}

/**
 *  Kontakt
 */

#nsKontakt {
    grid-template-columns: 1.2fr 1fr;
}

#nsKontakt .asset {
    background-image: url(img3/asset-577-100.webp);
    background-position: right bottom;
    background-size: 90% auto;
    border: 1px solid #e0e7ef;
    border-bottom: 1px solid #d9e2eb;
}

#nsKontakt .large {
    font-size: 1.2em;
    line-height: 180%;
    box-shadow: 4px 5px 5px rgb(0 0 0 / 4%);
}

#nsKontakt.detail {
    grid-template-columns: 3fr 1fr;
    padding: 0 3%;
}

#nsKontaktTeam h2 {
    margin: 0 0 1em 0;
    padding: 1em 0 0 0;
    border-top: 2px solid var(--nlp-red);
}

#nsKontaktTeam .dots {
    background-size: 140%;
}

/** **/

#nsMapa.grid {
    grid-template-columns: 2fr 1fr;
}

#nsMapa a {
    display: block;
}

#nsMapa img {
    width: 100%;
    height: auto;
    border-radius: .4em;
}

/** **/

#listTeam {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: .6em;
}



.btnTerminy {
    display: inline-block;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: .4em 1.6em;
    background-color: var(--nlp-red);
    border-radius: 1em;
    color: #fff;
    font-size: 1.2em;
    margin-top: 2em;


    outline: 2px solid rgb(216 0 91 / 23%);
    text-shadow: 1px 1px 7px rgb(0 0 0 / 35%);
    outline-offset: 2px;
}

#fbGroup {
    margin-top: 4em;
    padding: 1em 0;
    border-top: 2px solid var(--nlp-blue);
    text-align: left;
}

#fbGroup a {
    display: block;
    padding-left: 3em;
    background-size: auto 2em;
    background-position: left top .2em;
}

/**
 * 
 */

#ns__kurz_detail {
    grid-template-columns: 1fr 2.6fr;
}

#lblKurzTop {
    font-size: 2.2em;
    padding: 0em 0 .4em 0;
    background: -webkit-linear-gradient(90deg, var(--nlp-red), var(--nlp-blue));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

#nsTopKInfo {
    justify-content: center;
    gap: 5%;
    font-size: 1.4em;
}

/** **/

#kurzPrice {
    padding: 1em 1.6em;
    background-color: #f5f5f5;
    color: grey;
}

#kurzPrice strong {
    color: #000;
    font-size: 1.2em;
}

#tbl_KurzSet th {
    text-align: right;
    padding-right: 1em;
    font-weight: normal;
}


/**
 *  Kurzy - FORM
 */

.thm__gry2,
.thm__gry1 {
    background-color: #f5f5f5;
}

.elem-col h2 {
    padding: 0 2em 0 0;
    text-align: right;
    border-right: 2px solid rgb(0 0 0 / 35%);
}

#tblSttmnt {
    border: var(--border-grey-dark);
    padding-left: 1em;
}

#nsMessagePlace {
    background-color: rgb(193 52 251 / 33%);
}

.ns_btnHolder {
    text-align: center;
    padding: 0;
    margin: 3em 0;
}

.btnKurzObjednavka,
button#btnSubmitMain {
    background-color: #d8005b;
    background: -webkit-linear-gradient(180deg, var(--nlp-blue), var(--nlp-red));
    border: 0;

    color: #fff;
    font-size: 1.4em;
    min-width: 50%;
    padding: .8em 1em;
    font-weight: bold;

    border-radius: .4em;
    outline: 2px solid rgb(216 0 91 / 23%);
    outline-offset: 2px;
    display: inline-block;
}

.btnKurzObjednavka {
    font-weight: normal;
    font-size: 1.2em;
}

#frmMain {
    padding: 0 5%;
}

#frmMain input[type="text"] {
    font-size: 1.6em;
}

.frmRow {
    padding: 1em 0;
}

.frmRow p label {
    top: 0.6em;
}

#lblAkcniCenaDo strong {
    margin-bottom: 0;
}

h2.center.blue {
    font-size: 1.8em;

}

.kurzDetail {
    border-top: 2px dotted #c4c4c4;
    border-bottom: 2px dotted #c4c4c4;
    padding: 0 3%;
}

#nsObjSent {
    padding: 1em 0;
}

#nsOdeslaniTop {
    font-size: 1.2em;
    max-width: 800px;
    margin: 0 auto;
    border-bottom: 2px solid var(--nlp-red);
}

#nsOdeslaniTop h1 {
    background: -webkit-linear-gradient(90deg, var(--nlp-red), var(--nlp-blue));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/**
 *  B L O G
 */

#ns__clanky h1 {
    text-align: center;
    font-size: 3em;
    padding: .8em 5% 1em 5%;
    margin: 0 0 1em 0;
    background-image: url(img3/dot-asset-1600.jpg);
    background-position: center top;
    background-size: 100%;
    position: relative;
    text-wrap: balance;
}

#ns__clanky h1::after,
#ns__clanky h1::before {
    content: "";
    position: absolute;
    height: 4px;
    bottom: 0;
    border-radius: 4px;
    animation-fill-mode: forwards;
    width: 5%;
}

#ns__clanky h1::after {
    left: 0;
    background-color: var(--nlp-blue);
    animation: bluel 3s ease-out forwards;
}

#ns__clanky h1::before {
    right: 0;
    background-color: var(--nlp-red);

    bottom: 8px;
    animation: bluer 3s ease-out forwards;
}


@keyframes bluer {
    100% {
        right: 44%;
        width: 33%;
    }
}

@keyframes bluel {
    100% {
        left: 40%;
        width: 36%;
    }
}

#ns__clanky {
    padding-bottom: 4em;
    padding-right: 5%;
}

#ns__clanky .PubRdr p,
#ns__clanky .PubRdr ul,
#ns__clanky .PubRdr ol {
    line-height: 200%;

}

#ns__clanky .PubRdr p {
    text-align: justify;
}

/**
 *  404
 */

#ns__404 {
    text-align: center;
    font-size: 3em;
}

#ns__404 strong {
    display: block;
}

#ns__404 img {
    display: inline-block;
    max-width: 80%;
}

/**
 *  ebooky
 */

#nsEbooks {
    font-size: 1.4em;
    border-bottom: 3px solid #f5f5f5;
    padding-bottom: 2em;
    margin-bottom: 2em;
}

#nsEbooks img.full-width {
    width: auto;
}

#nsEbookHld {

    justify-content: center;
    align-items: flex-end;
    gap: 5%;
}

#nsEbookHld strong {
    margin: 1em 0;
}

#nsEbookHld a.btn {
    display: inline-block;
    border-radius: 4px;
    padding: .5em 1em;
    border: 1px solid #c4c4c4;
}

#nsEbookHld a.btn:hover {
    border-color: #ec20bd;
    color: #ec20bd;
    text-decoration: none;
}

/**
 */

#lblZaplneno {
    border-top: 2px dotted #c4c4c4;
    margin-top: 2em;
}

#lblZaplneno img {
    max-width: 50%;
    height: auto;
}

#lblZaplneno strong {
    font-size: 2em;
}

#lblZaplneno a {
    display: block;
    font-size: 1.8em;
    padding: .4em 1em;
}

#loading.loading {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin:auto;background:%23fff;display:block;' width='100px' height='100px' preserveAspectRatio='xMidYMid'%3E%3Cg transform='rotate(0 50 50)'%3E%3Crect x='47' y='24' rx='3' ry='6' width='6' height='12' fill='%23fe718d'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.9166666666666666s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(30 50 50)'%3E%3Crect x='47' y='24' rx='3' ry='6' width='6' height='12' fill='%23fe718d'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.8333333333333334s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(60 50 50)'%3E%3Crect x='47' y='24' rx='3' ry='6' width='6' height='12' fill='%23fe718d'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.75s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(90 50 50)'%3E%3Crect x='47' y='24' rx='3' ry='6' width='6' height='12' fill='%23fe718d'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.6666666666666666s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(120 50 50)'%3E%3Crect x='47' y='24' rx='3' ry='6' width='6' height='12' fill='%23fe718d'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.5833333333333334s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(150 50 50)'%3E%3Crect x='47' y='24' rx='3' ry='6' width='6' height='12' fill='%23fe718d'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.5s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(180 50 50)'%3E%3Crect x='47' y='24' rx='3' ry='6' width='6' height='12' fill='%23fe718d'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.4166666666666667s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(210 50 50)'%3E%3Crect x='47' y='24' rx='3' ry='6' width='6' height='12' fill='%23fe718d'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.3333333333333333s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(240 50 50)'%3E%3Crect x='47' y='24' rx='3' ry='6' width='6' height='12' fill='%23fe718d'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.25s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(270 50 50)'%3E%3Crect x='47' y='24' rx='3' ry='6' width='6' height='12' fill='%23fe718d'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.16666666666666666s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(300 50 50)'%3E%3Crect x='47' y='24' rx='3' ry='6' width='6' height='12' fill='%23fe718d'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.08333333333333333s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(330 50 50)'%3E%3Crect x='47' y='24' rx='3' ry='6' width='6' height='12' fill='%23fe718d'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='0s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
    height: 8em;
    background-size: 10em;
}

#pnlLektori p {
    height: 3em;
    overflow: hidden;
}

#pnlLektori img {
    float: left;
    margin-right: 1em;
    width: 3em;
}

/** **/

#pnlSleva {
    border-top: 2px solid #e5cfe7;
    padding: 1em 0 1em 0;
    text-align: center;
    font-size: 1.7em;
}

#pnlSleva em {
    color: green;
    font-style: normal;
}

/** **/

#newKurzy2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1em 1em;
}

#newKurzy2 div {
    border: var(--border-grey-dark);
    border-radius: 1em;
    overflow: hidden;
    box-shadow: 3px 4px 4px rgb(0 0 0 / 8%);
}

#newKurzy2 a {
    display: block;
}

/**
 *  Media queries
 */

@media screen and (max-width: 1280px) {
    body {
        font: normal normal normal 14px/1.5 Arial;
        font-family: "Roboto", Arial, sans-serif;
    }

    #footer,
    #contenido {
        max-width: 96%;
    }
}

@media screen and (max-width: 1024px) {

    #nsMapa,
    #nsKontakt.detail {
        padding: 0 .6em;
    }

    #frmMain {
        padding: 0;
    }
}

@media screen and (max-width: 980px) {
    .grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .elem-col h2 {
        text-align: center;
        padding-right: 0;
    }
}