/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */
/*--------------------------------------------- */
/* NEW WEB CSS */

@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400&subset=latin,latin-ext');

/*@font-face {
  font-family: 'Fira Sans Light';
  font-style: normal;
  font-weight: 300;
  src: url('../0/Fonts/firasans/ttf/FiraSans-Light.ttf') format('truetype'),
  	   url('../0/Fonts/firasans/eot/FiraSans-Light.eot') format('embedded-opentype'),
  	   url('../0/Fonts/firasans/woff2/FiraSans-Light.woff2') format('woff2'),
  	   url('../0/Fonts/firasans/woff/FiraSans-Light.woff') format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fira Sans Light';
  font-style: normal;
  font-weight: 300;
  src: url('../0/Fonts/firasans/ttf/FiraSans-LightItalic.ttf') format('truetype'),
  	   url('../0/Fonts/firasans/eot/FiraSans-LightItalic.eot') format('embedded-opentype'),
  	   url('../0/Fonts/firasans/woff2/FiraSans-LightItalic.woff2') format('woff2'),
  	   url('../0/Fonts/firasans/woff/FiraSans-LightItalic.woff') format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../0/Fonts/firasans/ttf/FiraSans-Medium.ttf') format('truetype'),
  	   url('../0/Fonts/firasans/eot/FiraSans-Medium.eot') format('embedded-opentype'),
  	   url('../0/Fonts/firasans/woff2/FiraSans-Medium.woff2') format('woff2'),
  	   url('../0/Fonts/firasans/woff/FiraSans-Medium.woff') format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fira Sans Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../0/Fonts/firasans/ttf/FiraSans-MediumItalic.ttf') format('truetype'),
  	   url('../0/Fonts/firasans/eot/FiraSans-MediumItalic.eot') format('embedded-opentype'),
  	   url('../0/Fonts/firasans/woff2/FiraSans-MediumItalic.woff2') format('woff2'),
  	   url('../0/Fonts/firasans/woff/FiraSans-MediumItalic.woff') format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/

/*@font-face {
	font-family: 'MicrosoftYaHei';
	src: url('../0/MicrosoftYaHei-01.ttf') format('truetype'),
		 url('../0/MicrosoftYaHei-01.eot') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MicrosoftYaHeiLight';
	src: url('../0/MicrosoftYaHeiLight-01.ttf') format('truetype'),
		 url('../0/MicrosoftYaHeiLight-01.eot') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}*/

/*@font-face {
	font-family: 'MigrenaRegular';
	src: url('../0/Migrena_Grotesque-Regular-upravena.otf') format('opentype'),
		 url('../0/migrena_grotesque-regular-webfont.woff2') format('woff2'),
		 url('../0/migrena_grotesque-regular-webfont.woff') format('woff'),
		 url('../0/migrena_grotesque-regular-webfont.ttf') format('truetype'),
		 url('../0/migrena_grotesque-regular-webfont.svg#migrena_grotesqueregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MigrenaLight';
	src: url('../0/migrena_grotesque-light-webfont.woff2') format('woff2'),
		 url('../0/migrena_grotesque-light-webfont.woff') format('woff'),
		 url('../0/migrena_grotesque-light-webfont.ttf') format('truetype'),
		 url('../0/migrena_grotesque-light-webfont.svg#migrena_grotesquelight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MigrenaUltralight';
	src: url('../0/migrena_grotesque-ultralight-webfont.woff2') format('woff2'),
		 url('../0/migrena_grotesque-ultralight-webfont.woff') format('woff'),
		 url('../0/migrena_grotesque-ultralight-webfont.ttf') format('truetype'),
		 url('../0/migrena_grotesque-ultralight-webfont.svg#migrena_grotesqueultralight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MigrenaMedium';
	src: url('../0/migrena_grotesque-medium-webfont.woff2') format('woff2'),
		 url('../0/migrena_grotesque-medium-webfont.woff') format('woff'),
		 url('../0/migrena_grotesque-medium-webfont.ttf') format('truetype'),
		 url('../0/migrena_grotesque-medium-webfont.svg#migrena_grotesquemedium') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot');
    src: url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff') format('woff'), url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    font-size: 18px;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-download-alt:before {
    content: "\e025";
}

body {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 300;
    /*font-family: 'MicrosoftYaHeiLight', sans-serif, Arial;*/
    /*font-family: 'MigrenaLight', sans-serif, Arial;*/
    line-height: 150%;
}

.is-red {
    color: red;
}

.cryptedmail:after {
    content: attr(data-name) "@" attr(data-domain) "." attr(data-tld);
}


body, th, td, table, h1, h2, h3, h4, h5, h6, button,
.Head, .SubHead, .SubSubHead, textarea,
.Normal, .NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled,
a:link, a:visited, a:hover, input, .CommandButton {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 300;
    /*font-family: 'MicrosoftYaHeiLight', sans-serif, Arial;*/
    /*font-family: 'MigrenaLight', sans-serif, Arial;*/
}

div#siteWrapper * {
    box-sizing: border-box;
}

.navbar .brand,
.navbar a {
    transition: opacity 0.5s ease;
    opacity: 1;
}

    .navbar .brand:hover,
    .navbar a:hover {
        opacity: 0.6;
    }

p {
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
}

    p.bullet {
        padding: 0;
    }

    p.list {
        padding: 0px 0px 0px 0px;
    }

ul li {
    list-style-type: disc;
    padding: 0px 0px 0px 0px;
}

ol.alpha li {
    list-style: lower-alpha;
    margin: 0;
}

ol.decimal li {
    list-style: decimal;
}

ul ul li {
    list-style-type: circle;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
}

.col-md-12 {
    width: 100%;
}

.col-md-9 {
    width: 75%;
}

.col-md-6 {
    width: 50%;
}

.col-md-4 {
    width: 32%;
}

.col-md-3 {
    width: 25%;
}

.col-md-offset-2.kontakt-div {
    margin-left: 16.66666667%;
}

.col-md-offset-1.kontakt-div {
    margin-left: 8.33333333%;
}

.col-md-2.kontakt-div {
    float: left;
}

.col-md-2.kontakt-div {
    width: 16.66666667%;
}

.col-md-12,
.col-md-9,
.col-md-6,
.col-md-3,
.col-md-4,
.col-md-2 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
}

.btn-more {
    background: #eff6f6;
    padding: 7px 30px 7px 30px;
    transition: opacity 0.5s ease;
    opacity: 1;
    border-radius: 30px 30px 30px 30px;
    color: #009d99;
}

    .btn-more:hover {
        color: #009d99;
        opacity: 0.6;
    }

div.panel-heading.odsadenie {
    padding-bottom: 20px;
}

.clear {
    clear: both;
}

.collapse {
    padding: 0px 13px 0px 13px;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

#dnn_dnnLOGO_imgLogo {
    width: 173px;
    display: block;
}

#search {
    display: none;
}

div#userControls {
    padding-top: 90px;
    background-color: #009a98;
}

button {
    outline: none;
}

body a.schovaj {
    display: none;
}

div#siteHeadouter {
    position: fixed;
    top: 0px;
    height: 90px;
    text-align: center;
    width: 100%;
    z-index: 1000;
    padding: 23px 0px 0px 0px;
    background: #f3f3f3;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
}

@media (min-width: 980px) and (max-width: 1200px) {
    div#siteHeadouter {
        height: 130px;
    }

    .brand {
        margin-bottom: 10px;
    }
}

#footer {
    height: 80px;
    line-height: 80px;
    background: #f3f3f3;
    width: 100%;
}

#contentWrapper {
    min-height: calc(100vh - 173px);
}

/* zrusenie fix hlavicky pre admin mod */
#ControlBar_ControlPanel ~ div#siteWrapper div#siteHeadouter {
    position: relative;
}

#login .registerGroup {
    display: none;
}

#ControlBar_ControlPanel ~ div#siteWrapper div#login .registerGroup {
    display: block !important;
}

/* zobrazenie moznosti odhlasenia pre prihlaseneho pouzivatela */
#ControlBar_ControlPanel ~ div#siteWrapper div#userControls div#login {
    display: block;
}

/* zmena paddingu pre prihlaseneho pouzivatela - login panel */
#ControlBar_ControlPanel ~ div#siteWrapper div#userControls {
    padding-top: 0px;
}

/* nastavenie viditelnosti prihlasovania pod fix hlavicku */
/*#dnn_ctr_ModuleContent > div {
	padding-top: 0px;
}*/

/* PRIHLASENIE */
/* zmena struktury stranky */
div#dnn_leftPane {
    width: 50%;
    margin: 0;
}

div#dnn_sidebarPane {
    width: 50%;
    margin: 0;
}

.dnnLeft {
    width: 55%;
    max-width: 445px;
    display: inline-block;
    position: relative;
    margin-bottom: 0px;
}

#login .loginGroup a[title=Logout] {
    background: #eff6f6;
    padding: 7px 30px 7px 30px;
    transition: opacity 0.5s ease;
    opacity: 1;
    border-radius: 30px 30px 30px 30px;
    color: #009d99;
    /*zmeneny font*/
    /*font-size: 1.5em;*/
    font-size: 1.25em;
    height: 32px;
}

    #login .loginGroup a[title=Logout]:hover {
        color: #009d99;
        opacity: 0.6;
        text-shadow: none;
    }

.LoginPanel {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    /*zmeneny font*/
    /*font-size: 1.5em;*/
    font-size: 1.25em;
    padding: 20px 10px 10px 10px;
    float: none;
    border: 1px solid #009d99;
    width: 100%;
    max-width: 500px;
}

.dnnLoginService input[type="text"], .dnnLoginService input[type="password"] {
    font-size: 1em;
    width: 250px;
    margin-bottom: 20px;
}

.dnnFormItem > .dnnLabel {
    margin-top: 10px;
    width: 34%;
}

.dnnFormItem > label.dnnFormLabel {
    width: 31.5%;
}

a.dnnPrimaryAction {
    margin-right: 20px;
    background: #009d99;
    padding: 7px 30px 7px 30px;
    transition: opacity 0.5s ease;
    opacity: 1;
    border-radius: 30px 30px 30px 30px;
    color: #eff6f6;
    border: none;
    box-shadow: none;
    text-shadow: 1px 1px 1px black;
}

a.dnnSecondaryAction {
    background: #009d99;
    padding: 7px 30px 7px 30px;
    transition: opacity 0.5s ease;
    opacity: 1;
    border-radius: 30px 30px 30px 30px;
    color: #eff6f6;
    border: none;
    box-shadow: none;
    text-shadow: 1px 1px 1px black;
    margin-left: 15px;
}

    a.dnnSecondaryAction.password {
        margin-right: 15px;
    }

.dnnLoginActions {
    float: right;
}

a.dnnPrimaryAction:hover, a.dnnSecondaryAction:hover {
    color: #eff6f6;
    opacity: 0.6;
    border: none;
    background: #009d99;
}

.dnnFormItem > .dnnLoginRememberMe > .dnnCheckbox {
    margin: 6px 5px 20px 0px;
}

    .dnnFormItem > .dnnLoginRememberMe > .dnnCheckbox .mark img {
        margin-top: 4px;
    }

#login .registerGroup a, #login .loginGroup a {
    display: block;
    position: relative;
    height: 32px;
    min-width: 12px;
    padding: 7px 15px 0 15px;
    color: white;
    font-size: 1.7em;
    vertical-align: middle;
}

#login .registerGroup, #login .loginGroup {
    padding: 10px;
    border-right: none;
}

    #login .registerGroup li {
        padding-left: 10px;
    }

#login .userNotifications {
    border: none;
}

div.login_text p {
    text-align: center;
    /*zmeneny font*/
    /*font-size: 1.5em;*/
    font-size: 1.25em;
    padding-top: 20px;
    line-height: 25px;
}

.dnnFormMessage {
    /*zmeneny font*/
    /*font-size: 1.5em;*/
    font-size: 1.25em;
    padding: 10px 10px;
    margin: 20px auto 0px auto;
    background: #92dee3;
    border: 1px solid #009d99;
    line-height: 20px;
    max-width: 1050px;
}

/*---------------------------------*/
/* REGISTRACIA */
/* zmena struktury stranky */

.dnnFormPopup .ui-dialog-titlebar {
    border-bottom: none;
}

#Body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.dnnFormPopup.ui-draggable.ui-resizable {
    top: 20px !important;
}

.dnnFormPopup .ui-dialog-titlebar span#ui-id-1 {
    display: none;
}

.dnnFormPopup #iPopUp {
    min-height: 300px !important;
    max-height: 1000px !important;
}

div.dnnRegistrationForm {
    width: 100%;
    min-width: 200px;
}

    div.dnnRegistrationForm div.dnnCaptcha {
        margin: 18px auto 0px auto;
        width: 100%;
    }

#dnn_ctr_Register_actionsRow {
    padding-top: 0px;
    display: inline-block;
}

#dnn_ctr_Register_captchaRow > div.dnnLeft > div {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dnnSocialRegistration {
    display: none;
}

div.container_register {
    /*zmeneny font*/
    /*font-size: 1.5em;*/
    font-size: 1.25em;
    margin: 0 auto;
    max-width: 1050px;
    padding-top: 20px;
}

    div.container_register p {
        text-align: center;
        line-height: 25px;
    }

div.register_user_form {
    /*zmeneny font*/
    /*font-size: 1.5em;*/
    font-size: 1.25em;
    float: none;
    margin: 0px auto 20px auto;
    width: 100%;
    max-width: 700px;
    text-align: center;
    border: 1px solid #009d99;
    padding-top: 20px;
}

    div.register_user_form .dnnFormItem > .dnnLabel {
        margin-top: 10px;
        width: 40%;
    }

    div.register_user_form .dnnFormItem .password-strength-container input {
        width: 100% !important;
    }

    div.register_user_form .dnnFormItem input[type="text"],
    div.register_user_form .dnnFormItem input[type="password"],
    div.register_user_form .dnnFormItem input[type="email"],
    div.register_user_form .dnnFormItem input[type="tel"],
    div.register_user_form .dnnFormItem select,
    div.register_user_form .dnnFormItem textarea {
        width: 50%;
        font-size: 1em;
    }

    div.register_user_form .password-strength-container {
        width: 50%;
        max-width: 445px;
        display: inline-block;
        position: relative;
    }

#dnn_ctr_Register_captchaRow > div.dnnLeft > input[type="text"] {
    width: 180px;
}

div.dnnRegistrationForm .dnnForm {
    float: none;
    width: 100%;
}

#dnn_ctr_Login_Login_DNN_liRegister {
    margin-right: 20px;
}

div.edeskreader_padding .col-md-2.tlacidlo,
div.edeskreader_padding .col-md-3.tlacidlo,
div.edeskreader_padding .col-md-4.tlacidlo,
div.edeskreader_padding .col-md-6.tlacidlo {
    text-align: center;
}

    div.edeskreader_padding .col-md-2.tlacidlo.zarovnaj {
        text-align: left;
    }

div.edeskreader_padding.dconvert {
    padding-top: 40px;
}

div.edeskreader_padding.dpdfsigner {
    padding-top: 40px;
}

div.dbulksigner_padding {
    padding-bottom: 40px;
}

.dbulksigner-table {
    margin-bottom: 35px;
    width: 67%;
}

    .dbulksigner-table .icon-col {
        width: 10%;
    }

    .dbulksigner-table .icon {
        text-align: center;
    }

        .dbulksigner-table .icon .fa-times {
            color: red;
        }

        .dbulksigner-table .icon .fa-check {
            color: green;
        }

    .dbulksigner-table th {
        font-weight: bold;
    }

    .dbulksigner-table, .dbulksigner-table tr, .dbulksigner-table th, .dbulksigner-table td {
        border: 1px solid black;
        border-collapse: collapse;
        padding: 5px;
    }

        .dbulksigner-table thead {
            background-color: #009a98;
            color: white;
        }

span.dnnFormMessage.dnnFormError.dnnCaptcha {
    bottom: 18px !important;
    right: -9.5% !important;
}

.dnnFormItem span.dnnFormMessage.dnnFormError {
    font-size: 1em;
    bottom: 35%;
    right: -27%;
    width: 230px;
}

    .dnnFormItem span.dnnFormMessage.dnnFormError:after {
        bottom: 7px;
        left: -17px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid red;
    }

.dnnFormItem input[type="checkbox"] + span, .dnnFormItem input[type="radio"] + span {
    margin: 10px 5px 6px 5px;
}

#dnn_ctr_Register_userForm > div.dnnFormItem.dnnFormShort:last-child > span:nth-child(4),
#dnn_ctr_Register_userForm > div.dnnFormItem.dnnFormShort:nth-last-child(2) > span:nth-child(4) {
    padding-right: 80px;
}

#dnn_ctr_Register_userForm > div.dnnFormItem.dnnFormShort:nth-last-child(2) > div.dnnLabel > div.dnnTooltip > div.dnnFormHelpContent {
    width: 447px;
}

#dnn_ctr_Register_userForm > div.dnnFormItem.dnnFormShort:nth-last-child(2) > div.dnnLabel {
    margin-bottom: 10px;
}

.password-strength-container .meter label {
    text-transform: none !important;
    top: 8px !important;
}

.password-strength-container .password-strength-tooltip, .confirm-password-tooltip {
    bottom: 78px !important;
}

.password-strength-container .meter.visible {
    height: 30px !important;
}

/* Registracia prebehla uspesne */
#dnn_ctl03_dnnSkinMessage.dnnFormMessage.dnnFormWarning {
    background-color: #92dee3;
    border-color: #009d99;
}

/*---------------------------------*/
/* ZABUDNUTE HESLO */
/* zmena struktury stranky */

.dnnSendPasswordContent {
    margin: 30px auto 0px auto;
    width: 100%;
    /*zmeneny font*/
    /*font-size: 1.5em;*/
    font-size: 1.25em;
    border: 1px solid #009d99;
    padding-top: 20px;
    max-width: 550px;
    text-align: center;
}

    .dnnSendPasswordContent input[type=text] {
        width: 57%;
        font-size: 1em;
    }

#dnn_ctr_SendPassword_divCaptcha > div.dnnLeft > input[type="text"] {
    width: 180px;
}

#dnn_ctr_SendPassword_divCaptcha > div.dnnLeft > div {
    padding-top: 10px;
    padding-bottom: 10px;
}

#dnn_ctr_ModuleContent > div > div > ul {
    margin-left: auto;
    margin-right: auto;
    width: 26.8%;
    /*zmeneny font*/
    /*font-size: 1.5em;*/
    font-size: 1.25em;
}

#dnn_ctr_SendPassword_divCaptcha > div.dnnLeft > span {
    bottom: 14.2%;
    right: -30%;
}

.dnnSendPasswordContent ul.dnnActions {
    display: inline-block;
}

    .dnnSendPasswordContent ul.dnnActions li {
        margin-right: 0px;
    }

/* nastavenie marginu pre tlacidlo Zavriet na koncovej obrazovke pri obnoveni hesla */
.dnnSendPassword #dnn_ctr_SendPassword_liCancel {
    margin-left: 28.5%;
}

/* zrusenie marginu pre tlacidlo Zavriet ktore nasleduje priamo za tlacidlom Obnovit heslo na prvej obrazovke obnovy hesla */
.dnnSendPassword #dnn_ctr_SendPassword_liSend + #dnn_ctr_SendPassword_liCancel {
    margin-left: 0;
}

.dnnTooltip {
    right: -26% !important;
}

/*---------------------------------*/
/* RESET HESLA */
/* zmena struktury stranky */

.dnnPasswordResetContent {
    margin: 40px auto 0px auto;
    /*zmeneny font*/
    /*font-size: 1.5em;*/
    font-size: 1.25em;
    padding-right: 0px;
    float: none;
    width: 28.224%;
}

    .dnnPasswordResetContent input[type=text] {
        width: 100%;
    }

.dnnPasswordReset .dnnPasswordResetContent #dnn_ctr_PasswordReset_cmdChangePassword {
    margin-right: 49.9px;
}

.dnnFormItem span.dnnFormMessage.reset_heslo {
    right: 0%;
    left: 103%;
}

/*---------------------------------*/
/* COOKIE BAR */

#cookie_bar.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999999;
}

#cookie_bar {
    background: #3d3d3d;
    color: #eeeeee;
    width: 100%;
    /*zmeneny font*/
    /*font-size: 1.5em;*/
    font-size: 1.25em;
}

    #cookie_bar #dnn_txtCookieText {
        padding: 3px 0;
        line-height: 27px;
    }

    #cookie_bar p {
        padding: 8px;
    }

    #cookie_bar .cookie_bar_policy {
        color: #ffffff;
        display: inline-block;
        text-decoration: underline;
        padding: 0 6px;
    }

    #cookie_bar .cookie_button {
        background: #eff6f6;
        padding: 4px 30px 4px 30px;
        transition: opacity 0.4s ease;
        opacity: 1;
        border-radius: 30px 30px 30px 30px;
        color: #009d99;
        float: right;
        cursor: pointer;
        margin: 0px 0px 8px 5px;
    }

        #cookie_bar .cookie_button:hover {
            color: #009d99;
            opacity: 0.6;
        }

.slider {
    overflow-y: hidden;
    max-height: 600px;
    transition-property: all;
    transition-duration: 1.2s;
    transition-timing-function: cubic-bezier(0,0,0.58,1);
    transition-delay: 0s;
}

    .slider.closed {
        max-height: 0;
    }

/*---------------------------------*/
/* ================= HLAVICKY ================== */
div#header {
    width: 100%;
    /*height: 690px;*/
    /*margin-top: 90px;*/
    background-image: url(../0/bg-header2.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    position: relative;
}

    div#header .container {
        padding: 15% 0% 15% 1%;
    }

        div#header .container .slogan2 {
            /*zmeneny font*/
            /*font-size: 2.6vw;*/
            font-size: 2.1vw;
            text-align: left;
            line-height: normal;
            color: #009a98;
            width: auto;
            height: auto;
            display: block;
            align-items: center;
            justify-content: center;
            background: none;
        }

        div#header .container .slogan {
            color: #ffffff;
            background: rgba(0,86,77,0.7);
            border-radius: 20px 20px 20px 20px;
            font-weight: 300;
            padding: 60px 50px 60px 50px;
            font-size: 2.5em;
        }

    div#header .scroll-icon {
        position: absolute;
        width: 70px;
        height: 70px;
        bottom: -35px;
        left: 48.5%;
    }

    div#header.subheader {
        /*margin-top: 70px;*/
        background-image: none;
        /*padding: 25px 0px 25px 0px;*/
        height: 130px;
        /*margin-bottom: 20px;*/
    }

div.subheader h1 {
    margin: 0px 0px 0px 0px;
    font-size: 3em;
    color: #009a98;
    font-weight: 100;
}

div#header.subheader .container {
    display: flex;
    align-items: center;
    padding: 0px 15px 0px 15px;
    border-bottom: 1px solid #e9e9e9;
    height: 100px;
}

/* ================= HLAVICKY ================== */
/* ============================================= */
/* ================ NAVIGACIA ================== */
#navdttg {
    float: right;
}

    #navdttg ul {
        float: right;
        position: relative;
        padding-top: 10px;
        margin: 0;
    }

        #navdttg ul li {
            display: inline-block;
            position: relative;
            border-right: 1px solid #dadada;
        }

            #navdttg ul li:last-child {
                border-right: 0px solid #dadada;
            }

            #navdttg ul li a {
                font-family: 'Fira Sans', sans-serif;
                font-weight: 400;
                /*font-family: 'MicrosoftYaHei', sans-serif, Arial;*/
                /*font-family: 'MigrenaRegular', sans-serif, Arial;*/
                /*zmeneny font*/
                /*font-size: 1.77em;*/
                font-size: 1.5em;
                padding: 7px 22px 7px 20px;
                color: #494949;
                margin: 0px 2px 0px 0px;
            }

                #navdttg ul li a:hover {
                    color: #009a98;
                }

        #navdttg ul ul {
            position: absolute;
            left: 0px;
            padding: 10px 20px 10px 20px;
            background: #f3f3f3;
            visibility: hidden;
            opacity: 0;
            transform: translateY(-0.3em);
            z-index: -1;
            transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.3s;
            border-radius: 10px 10px 10px 10px;
            box-shadow: none;
            border: none;
        }

            #navdttg ul ul li {
                border-right: 0px solid #dadada;
            }

            #navdttg ul ul a {
                padding: 12px 0px 12px 0px;
                /*zmeneny font*/
                /*font-size: 1.45em;*/
                font-size: 1.3em;
                text-transform: none;
                text-align: left;
                background-color: #f3f3f3;
                line-height: 100%;
                border-bottom: 1px solid #dddddd;
                white-space: normal;
                width: 200px;
            }

            #navdttg ul ul li:last-child a {
                border-bottom: 0px solid #dddddd;
            }

            #navdttg ul ul a:hover {
                color: #009a98;
                opacity: 1;
            }

            #navdttg ul ul ul {
                top: 0px;
                left: 100%;
            }

        #navdttg ul li:hover > ul {
            visibility: visible;
            opacity: 1;
            z-index: 1;
            transform: translateY(0%);
            transition-delay: 0.3s, 0s, 0.3s;
        }

.dropdown-menu {
    display: block;
}
/* ============================================= */
/* ================ NAVIGACIA ================== */
/* =================== SUB ==================== */
#contentsub {
    padding: 0px 0px 60px 0px;
    /*zmeneny font*/
    /*font-size: 1.5em;*/
    font-size: 1.25em;
    line-height: 150%;
}

    #contentsub h2, #contentsub h3, #contentsub h4, #contentsub h5, #contentsub h6 {
        text-align: left;
    }

    #contentsub h2 {
        /*zmeneny font*/
        /*font-size: 1.7em;*/
        font-size: 1.4em;
        padding-bottom: 10px;
        color: #009a98;
        font-weight: 100;
    }

    #contentsub h3 {
        /*zmeneny font*/
        /*font-size: 1.5em;*/
        font-size: 1.25em;
        padding-bottom: 20px;
        color: #009a98;
        margin: 0;
        font-weight: 100;
    }

    #contentsub h4 {
        /*zmeneny font*/
        /*font-size: 1.3em;*/
        font-size: 1.08em;
        padding-bottom: 20px;
        color: #009a98;
        margin: 0;
        font-weight: 100;
        font-style: italic;
    }

    #contentsub div.col-md-6.stred {
        text-align: center;
    }

    #contentsub div.col-md-4.stred {
        text-align: center;
    }

    #contentsub ul, #contentsub ol, #contentsub p.padding-left {
        padding: 0px 0px 20px 50px;
        margin: 0px 0px 0px 0px;
    }

        #contentsub ul ul, #contentsub ul ul ul {
            padding: 0px 0px 0px 50px;
        }

#dbulk-signer-funkcna-specifikacia ul {
    padding: 0px 0px 20px 20px;
}

#contentsub a, #contentsub a:link, #contentsub a:visited, #contentsub a:active {
    color: #009d99;
}

/* ==================== SUB ===================== */
/* =================== O NAS ==================== */
section#about {
    padding: 100px 0px 100px 0px;
}

    section#about.menu {
        padding: 50px 0px 0px 0px;
        min-height: calc(100vh - 171px);
    }

    section#about h2 {
        /*zmeneny font*/
        /*font-size: 3.4em;*/
        font-size: 2.6em;
        padding-bottom: 50px;
        font-weight: 100;
        color: #009a98;
        text-align: center;
        font-family: 'Fira Sans', sans-serif;
        font-weight: 300;
        /*font-family: 'MicrosoftYaHeiLight', sans-serif, Arial;*/
        /*font-family: 'MigrenaUltralight', sans-serif, Arial;*/
    }

    section#about .about-left {
        padding-right: 40px;
        line-height: 150%;
        /*zmeneny font*/
        /*font-size: 1.5em;*/
        font-size: 1.25em;
    }

    section#about p {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 30px 0px;
    }

    section#about div.col-md-6.vedenie {
        /*zmeneny font*/
        /*font-size: 1.5em;*/
        font-size: 1.25em;
        text-align: right;
        padding-bottom: 20px;
        margin-left: -40px;
    }

    section#about div.col-md-6.partneri {
        /*zmeneny font*/
        /*font-size: 1.5em;*/
        font-size: 1.25em;
        text-align: left;
        margin-left: 40px;
    }

    section#about .linkedInLogo-o-nas {
        display: inline;
        height: 77px;
        margin-bottom: 3px;
    }

/* ==================== O NAS ===================== */
/* ================================================= */
/* ==================== VEDENIE ==================== */
div#people .people {
    margin-bottom: 20px;
    margin-top: 20px;
}

    div#people .people .people-pic {
        width: 100%;
        height: auto;
    }

    div#people .people h3 {
        /*zmeneny font*/
        /*font-size: 1.2em;*/
        font-size: 1em;
        padding: 15px 0px 10px 0px;
    }

    div#people .people h4 {
        font-style: normal;
        height: 60px;
        font-size: 1.1em;
        padding: 0px 0px 0px 0px;
        color: #3c3c3c;
    }

/*-------------O NAS NEW-----------------------------*/
html {
    scroll-behavior: smooth;
}

section#about.menu p, section#about.menu .politika-ol {
    font-size: 15px;
    line-height: 140%;
    color: #4B465C;
}

section#about.menu h3 {
    color: #009A98;
    font-weight: 300;
    font-size: 36px;
    margin-bottom: 50px;
}

section#about.menu h4 {
    color: #009A98;
    font-weight: 300;
    font-size: 32px;
    margin-bottom: 50px;
}

section#about.menu h5 {
    color: #009A98;
    font-weight: 400;
    font-size: 24px;
}

#sub-menu-o-nas {
    display: flex;
    justify-content: flex-end;
    border-bottom: solid 1px #F3F3F3;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #FFF;
    position: fixed;
    width: 100%;
}

    #sub-menu-o-nas ul {
        display: flex;
        flex-direction: row;
        gap: 10px;
        margin: 0;
        width: 1170px;
        margin-right: auto;
        margin-left: auto;
        justify-content: flex-end;
    }

        #sub-menu-o-nas ul li {
            list-style-type: none;
            padding: 7px 15px;
            align-self: center;
        }

            #sub-menu-o-nas ul li a {
                font-size: 13px;
                font-weight: 300;
                color: #494949;
            }

                #sub-menu-o-nas ul li a:hover {
                    color: #009a98;
                }

section#about.menu {
    padding-top: 0 !important;
}

@media (min-width: 980px) and (max-width: 1200px) {
    #sub-menu-o-nas {
        top: 130px;
    }

    section#about.menu {
        padding-top: 41px !important;
    }
}

section#about.menu .section {
    scroll-margin-top: 120px;
}

section#about.menu #o-nas-section {
    scroll-margin-top: 250px;
}

section#about.menu .container {
    padding-top: 122px;
}

section#about.menu .section {
    padding-top: 40px;
    padding-bottom: 40px;
}

section#about.menu .dozorna-rada.section {
    padding-bottom: 80px;
}

section#about.menu .partneri.section {
    padding-top: 80px;
    padding-bottom: 80px;
}


section#about.menu .container:before, section#about.menu .container:after, section#about.menu .row:before, section#about.menu .row:after {
    content: none;
}

section#about.menu .container h2 {
    font-size: 36px;
    padding-bottom: 20px;
    border-bottom: solid 1px #DADADA;
    margin-bottom: 0;
}

section#about.menu .o-nas-desc-wrapper {
    margin-top: 60px;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    gap: 40px;
    padding-top: 0;
    padding-bottom: 40px;
}

    section#about.menu .o-nas-desc-wrapper .about-half {
        flex: 1;
    }

    section#about.menu .o-nas-desc-wrapper .about-right img {
        margin-top: 85px;
    }

section#about.menu .photo-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    column-gap: 30px;
    row-gap: 50px;
}

    section#about.menu .photo-container .vedenie-img {
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        max-width: 360px;
    }

    section#about.menu .photo-container .img-img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto 10px;
        width: 100%;
        height: 360px;
        max-height: 360px;
        object-fit: cover;
        object-position: top;
        display: block;
    }

    section#about.menu .photo-container .img-name {
        font-size: 21px;
        color: #009A98;
        font-weight: 500;
    }

    section#about.menu .photo-container .img-title {
        font-size: 12px;
        color: #4B465C;
        font-weight: 400;
        text-transform: uppercase;
    }

section#about.menu .partneri {
    background-color: #E9F4F5;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

    section#about.menu .partneri h3 {
        text-align: center;
    }

    section#about.menu .partneri .partneri-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 20px;
        row-gap: 40px;
        width: 1140px;
        margin: 0 auto;
    }

@media (max-width: 1140px) {
    section#about.menu .partneri .partneri-wrapper {
        width: 100%;
    }
}

section#about.menu .partneri .partneri-wrapper .partner-img {
    border-radius: 15px;
    background-color: #FFF;
    flex: 0 0 calc((100% - 5 * 40px) / 6);
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 170px;
    max-height: 120px;
    width: 170px;
    height: 120px;
    min-width: 170px;
    min-height: 120px;
}
    section#about.menu .partneri .partneri-wrapper .partner-img:hover {
        box-shadow: 0 0 2px 0 #009A98;
    }

    section#about.menu .partneri .partneri-wrapper .partner-img img {
        max-width: 110px;
        max-height: 60px;
    }

section#about.menu .systemy-manazerstva, section#about.menu .certifikaty, section#about.menu .poslanie, section#about.menu .vizia, section#about.menu .politika {
    padding-top: 80px;
    width: 840px;
    margin: 0 auto;
}

section#about.menu .certifikaty, section#about.menu .poslanie, section#about.menu .vizia, section#about.menu .politika {
    padding-top: 40px;
    padding-bottom: 40px;
}

    section#about.menu .certifikaty h5, section#about.menu .poslanie h5, section#about.menu .vizia h5, section#about.menu .politika h5 {
        margin-bottom: 40px;
    }

section#about.menu .certifikaty-wrapper {
    display: flex;
    justify-content: space-between;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

    section#about.menu .certifikaty-wrapper .cert {
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
        padding: 20px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        -webkit-align-items: center;
        align-items: center;
        gap: 10px;
    }


        section#about.menu .certifikaty-wrapper .cert:hover {
            box-shadow: 0 0 2px 0 #009A98;
        }

        section#about.menu .certifikaty-wrapper .cert .cert-name {
            font-size: 14px;
            font-weight: 600;
            color: #231F20;
        }

        section#about.menu .certifikaty-wrapper .cert .cert-down {
            font-size: 12px;
            font-weight: 400;
            color: #4B465C;
        }

section#about.menu .politika-ol li {
    line-height: 140%;
    font-size: 15px;
    margin-bottom: 20px;
}

    section#about.menu .politika-ol li::marker {
        font-weight: 700;
    }

section#about.menu .podpis {
    margin-top: 40px;
    margin-bottom: 40px;
    float: right;
    line-height: 140%;
    text-align: right;
}


@media (max-width: 979px) {
    section#about.menu .systemy-manazerstva, section#about.menu .certifikaty, section#about.menu .poslanie, section#about.menu .vizia, section#about.menu .politika {
        width: 100%;
    }

    section#about.menu .o-nas-desc-wrapper {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    section#about.menu .photo-container {
        grid-template-columns: repeat(2, minmax(200px, 1fr));
    }
}


@media (max-width: 768px) {
    section#about.menu .section {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    section#about.menu .photo-container {
        grid-template-columns: repeat(2, minmax(200px, 1fr));
    }

    section#about.menu .partneri {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

        section#about.menu .partneri .partneri-wrapper {
            width: 100%;
        }

    section#about.menu .certifikaty-wrapper {
        flex-wrap: wrap;
        row-gap: 40px;
    }
}


@media (max-width: 630px) {

    section#about.menu .photo-container {
        grid-template-columns: repeat(1, minmax(200px, 1fr));
        justify-items: center;
    }
}

    @media (max-width: 485px) {

        section#about.menu .photo-container {
            grid-template-columns: repeat(1, minmax(200px, 1fr));
        }

        section#about.menu .partneri {
            margin-left: 0;
            margin-right: 0;
            width: 100%;
        }

            section#about.menu .partneri .partneri-wrapper {
                width: 100%;
            }

        section#about.menu .certifikaty-wrapper {
            flex-wrap: wrap;
            row-gap: 40px;
        }
    }
    /*=============KARIERA ==============================*/
    section#career a {
        text-decoration: underline;
    }

    section#career div#header.subheader {
        margin-top: 24px;
        height: 110px;
    }

    section#career h2 {
        color: #009a98;
        font-size: 36px;
        font-style: normal;
        font-weight: 300;
        line-height: 50px;
        padding: 0px 15px 30px 15px;
        border-bottom: 1px solid #e9e9e9;
        text-align: left;
    }

    section#career h3 {
        padding-bottom: 20px;
        color: #009a98;
        font-size: 21px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    section#career .img-div {
        display: flex;
        padding: 0px 32px;
        flex-direction: column;
        align-items: center;
        min-width: 262px;
    }

        section#career .img-div .roundedImage {
            border-radius: 50%;
            margin-bottom: 16px;
            overflow: hidden;
            height: 120px;
            width: 120px;
        }

        section#career .img-div image {
            flex-shrink: 0;
        }

        section#career .img-div .caption-1 {
            color: #444;
            text-align: center;
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            padding-bottom: 0;
        }

        section#career .img-div .caption-2 {
            color: #444;
            text-align: center;
            font-family: Fira Sans;
            font-size: 15px;
            font-style: normal;
            font-weight: 300;
            line-height: 140%;
        }

    section#career .quote {
        display: flex;
        width: 960px;
        padding: 32px 32px 32px 48px;
        align-items: center;
        background: #F3F3F3;
        border: none;
        margin-bottom: 48px;
    }

        section#career .quote .quote-text {
            margin-right: 48px;
        }

        section#career .quote p {
            color: #444;
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: 180%;
        }

    section#career .ponuka {
        border-bottom: 1px solid #e9e9e9;
        margin-bottom: 24px;
    }

        section#career .ponuka .ponuka-header {
            color: #444;
            font-size: 21px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        section#career .ponuka .ponuka-description {
            color: #444;
            font-size: 15px;
            font-style: normal;
            font-weight: 300;
            line-height: 140%;
        }

        section#career .ponuka .zistit-viac {
            color: #444;
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
        }

    section#career .last-p {
        color: #444;
        font-family: Fira Sans;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
    }
    /* ==================== VEDENIE ==================== */
    /* ================================================= */
    /* =================== PARTNERI ==================== */
    div #partners .partner {
        margin-top: 20px;
        border: 1px solid #e9e9e9;
        border-radius: 20px;
        padding: 30px;
    }

    div#partners .col-sm-12:nth-child(even) .partner {
        background-color: #f7f7f7;
    }

    div#partners .partner .partner-logo {
        width: 15%;
        float: left;
    }

        div#partners .partner .partner-logo img {
            width: 100%;
            height: auto;
            padding-bottom: 0px;
        }

    div#partners .partner .partner-text {
        width: 85%;
        height: auto;
        float: left;
        padding-left: 50px;
    }

        div#partners .partner .partner-text p {
            padding: 0px 0px 0px 0px;
        }

        div#partners .partner .partner-text ul {
            list-style-position: inside;
        }

    /* =================== PARTNERI ==================== */
    /* ================================================= */
    /* =================== PRODUKTY ==================== */
    section#products {
        text-align: center;
        background-color: #e9f4f5;
    }

        section#products.menu .container:before, section#products.menu .container:after {
            content: none;
        }

        section#products.menu .container {
            max-width: 840px;
            margin: 0 auto;
            padding: 80px 0;
            display: flex;
            -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
            gap: 50px;
        }

        section#products.menu h2 {
            font-size: 36px;
            font-weight: 300;
            color: #009A98;
        }

        section#products.menu .section-perex {
            font-size: 15px;
            font-weight: 400;
            line-height: 140%;
            color: #4B465C;
        }

            section#products.menu .section-perex p {
                text-align: center;
            }

        /*---SLUZBY-----*/

        section#products.menu .sluzby-items {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
        }

            section#products.menu .sluzby-items a {
                background-color: #FFF;
                padding: 24px 20px;
                -moz-border-radius: 15px;
                -webkit-border-radius: 15px;
                border-radius: 15px;
                display: flex;
                flex-direction: column;
                gap: 20px;
                -webkit-justify-content: center;
                justify-content: center;
                box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
                align-items: center;
                max-height: 176px;
                min-height: 176px;
                height: 176px;
                max-width: 260px;
                min-width: 260px;
                width: 260px;
            }

                section#products.menu .sluzby-items a:hover {
                    box-shadow: 0 0 2px 0 #009A98;
                }

                section#products.menu .sluzby-items a span {
                    color: #009A98;
                    font-size: 42px;
                }

                section#products.menu .sluzby-items a div h3 {
                    color: #4B465C;
                    font-size: 15px;
                    font-weight: 400;
                    line-height: 140%;
                    margin-bottom: 5px;
                }

                section#products.menu .sluzby-items a div span {
                    color: #4B465C;
                    font-size: 12px;
                    line-height: 140%;
                }


                section#products.menu .sluzby-items a img {
                    max-height: 44px;
                    max-width: 40px;
                }


    /*-----LOKALNE REGISTRE------------*/
    .d_register {
        padding-top: 80px;
        padding-bottom: 80px;
        font-size: 15px;
        line-height: 22px;
        color: #444444;
    }

        .d_register .container {
            width: 940px;
        }


            .d_register .container:before, .d_register .container:after {
                content: none;
            }

        .d_register h1 {
            font-size: 36px;
            font-weight: 300;
            padding-bottom: 20px;
            color: #009A98;
            margin: 0;
            border-bottom: solid 1px #DADADA;
        }

        .d_register .d_register_section {
            margin-top: 40px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

            .d_register .d_register_section .bulletin-div {
                display: flex;
                flex-direction: column;
                gap: 5px;
            }

            .d_register .d_register_section ul, .d_register .d_register_section ol {
                padding-left: 28px;
                margin-bottom: 0;
            }

                .d_register .d_register_section ul li {
                    padding-left: 10px;
                }

                .d_register .d_register_section ol li {
                    margin-bottom: 0;
                }

            .d_register .d_register_section h2 {
                font-size: 21px;
                line-height: 21px;
                font-weight: 500;
                color: #009A98;
                margin: 0;
            }

            .d_register .d_register_section h3 {
                font-size: 21px;
                line-height: 21px;
                color: #009A98;
                margin: 0;
            }

            .d_register .d_register_section p {
                padding-bottom: 2.5px;
            }

        .d_register .image-wrapper {
            max-width: 78.9%;
            width: 78.9%;
            margin: 0 auto;
            margin-top: 20px;
        }

        .d_register img {
            max-width: 100%;
            height: auto;
            display: block;
        }


    @media (min-width: 1200px) {
        .d_register .container {
            width: 1170px;
        }
    }

    @media (min-width: 768px) and (max-width: 979px) {
        .d_register .container {
            width: 724px;
        }

        .d_register .image-wrapper {
            max-width: 95%;
            width: 95%;
        }
    }

    @media (max-width: 767px) {
        .d_register .container {
            width: auto;
        }

        .d_register .image-wrapper {
            max-width: 95%;
            width: 95%;
        }
    }
    /*====================================*/
    div.parrentitem span.fa {
        font-size: 3.3em;
    }

    .col-md-3.mobil {
        display: none !important;
    }

    /*.col-md-3.desktop {
	display: inline-block;
}*/


    .parrentitem {
        border-radius: 30px 30px 30px 30px;
        -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.1);
        -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.1);
        box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.1);
    }

        .parrentitem .odkaz {
            border-radius: 30px 30px 0px 0px;
            background: #ffffff;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
        }

            .parrentitem .odkaz:hover {
                opacity: 0.6;
            }

    section#products div.element-to-hide {
        visibility: hidden;
    }

    div.panel-heading span.indicator {
        margin-right: 7px;
        font-size: 15px;
    }

    #contentsub ul.break {
        word-wrap: break-word;
    }

    div.panel-group .col-md-12 {
        padding-bottom: 30px;
    }

    .item .podmenu {
        margin: 0;
    }

    div.list-blocks button.podmenu {
        height: 50px;
        width: 100%;
        border-radius: 0px 0px 30px 30px;
        border: none;
        background-color: #009e9a;
        padding: 0;
    }

    div.edeskreader {
        color: #009d99;
        padding-top: 40px;
        padding-bottom: 40px;
    }

        div.edeskreader .col-md-4 span, div.dpdf_signer .col-md-6 span {
            font-size: 3em;
            padding-right: 10px;
            float: left;
        }

    div.dpdf_signer .col-md-6.uprava {
        color: #009d99;
        padding-right: 30px;
    }

    div.edeskreader .col-md-4 p {
        padding-right: 40px;
        text-align: left;
    }

    div.edeskreader_padding,
    div.edeskreader_padding .col-md-3,
    div.edeskreader_padding .col-md-4,
    div.edeskreader_padding .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
    }

        div.edeskreader_padding .col-md-6.oddelovac {
            border-left: 3px dashed #009d99;
            padding-right: 0px;
            padding-left: 30px;
        }

        div.edeskreader_padding .col-md-6.medzera {
            padding-right: 20px;
        }

        div.edeskreader_padding .col-md-6.medzera2 {
            padding-left: 20px;
        }

    div.edeskreader_spec_produkt_obr {
        float: left;
        width: 50%;
        margin-top: -20px;
        padding-bottom: 20px;
        padding-left: 154.5px;
    }

    p.dpdf_signer_spec_produkt_img {
        float: left;
        width: 35%;
        padding-left: 80px;
    }

    div.edeskreader_spec_produkt_text {
        float: right;
        width: 50%;
        padding-bottom: 55px;
        padding-top: 20px;
    }

    div.dconvert_spec_produkt_obr {
        float: right;
        width: 35%;
        margin-top: -80px;
    }

    div.dconvert_spec_produkt_text {
        float: left;
        width: 50%;
        padding-bottom: 20px;
        padding-top: 10px;
    }

    div.container p.edeskreader_text, div.container div.dconvert_text {
        float: left;
        padding-right: 30px;
        width: 77%;
    }

    div.dpdf_signer_text {
        float: right;
        width: 77%;
    }

    div.container p.edeskreader_img, div.container p.dconvert_img {
        float: right;
        width: 23%;
    }

    div.container p.dpdf_signer_img {
        float: left;
        width: 16%;
    }

    div.upozornenia {
        border: 1px solid red;
        border-radius: 15px;
        padding: 20px;
        background-color: #FFF0F0;
        margin-bottom: 20px;
    }

    /* TABULKA EDESK READER*/
    table.edeskreader {
        border-collapse: collapse;
        width: 100%;
    }

        table.edeskreader th {
            border: 1px solid #dddddd;
            text-align: left;
            padding: 8px 0px 8px 10px;
        }

        table.edeskreader thead {
            background: #f3f3f3;
        }

        table.edeskreader tbody td p {
            padding: 10px 0 10px 10px;
        }

        table.edeskreader tbody td {
            border: 1px solid #dddddd;
        }

        table.edeskreader hr {
            border: solid #009d99;
            border-width: 1px 0 0;
        }
    /* --------------------------- */
    /* TABULKA D.CONVERT */
    table.dconvert, table.dconvert_specka {
        border-collapse: collapse;
        width: 100%;
    }

        table.dconvert_specka th {
            color: white;
        }

        table.dconvert th, table.dconvert_specka th {
            border: 1px solid #dddddd;
            text-align: left;
            padding: 8px 0px 8px 10px;
        }

        table.dconvert thead {
            background: #f3f3f3;
        }

        table.dconvert_specka thead {
            background: #009d98;
        }

        table.dconvert tbody td p, table.dconvert_specka tbody td p {
            padding: 10px 0 10px 10px;
        }

        table.dconvert tbody td, table.dconvert_specka tbody td {
            border: 1px solid #dddddd;
        }

        table.dconvert hr {
            border: solid #009d99;
            border-width: 1px 0 0;
        }


    /*kep release notes*/
    div.container div.kep_zmena {
        border-bottom: 1px solid #e9e9e9;
        margin-bottom: 30px;
    }

        div.container div.kep_zmena h2 {
            font-size: 1.7em !important;
            text-decoration: underline;
        }

        div.container div.kep_zmena h3 {
            font-size: 1.5em !important;
        }

        div.container div.kep_zmena h4 {
            font-size: 1.2em !important;
        }

        div.container div.kep_zmena p {
            text-decoration: underline;
        }




    #footer {
        line-height: 25px;
        height: 140px;
    }

        #footer .container {
            padding-top: 15px;
            padding-bottom: 25px;
        }

        #footer #copyright {
            font-size: 13px;
        }

    /* --------------------------- */
    /* ================================================= */
    /* ==================== SLUZBY ===================== */
    section#services {
        text-align: center;
        background-color: #e9f4f5;
    }

        section#services.menu .container:before, section#services.menu .container:after {
            content: none;
        }

        section#services.menu .container {
            max-width: 840px;
            margin: 0 auto;
            padding: 80px 0;
            display: flex;
            -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
            gap: 50px;
        }

        section#services.menu h2 {
            font-size: 36px;
            font-weight: 300;
            color: #009A98;
        }

        section#services.menu .section-perex {
            font-size: 15px;
            font-weight: 400;
            line-height: 140%;
            color: #4B465C;
        }

            section#services.menu .section-perex p {
                text-align: center;
            }

        section#services.menu .sluzby-items {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
        }

            section#services.menu .sluzby-items a {
                background-color: #FFF;
                padding: 24px 20px;
                -moz-border-radius: 15px;
                -webkit-border-radius: 15px;
                border-radius: 15px;
                display: flex;
                flex-direction: column;
                gap: 15px;
                -webkit-justify-content: center;
                justify-content: center;
                box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
                align-items: center;
                max-height: 152px;
                min-height: 152px;
                height: 152px;
                max-width: 266px;
                min-width: 266px;
                width: 266px;
            }

                section#services.menu .sluzby-items a:hover {
                    box-shadow: 0 0 2px 0 #009A98;
                }

                section#services.menu .sluzby-items a h3 {
                    color: #4B465C;
                    font-size: 13px;
                    font-weight: 300;
                    line-height: 140%;
                }

                section#services.menu .sluzby-items a span {
                    color: #009A98;
                    font-size: 42px;
                }

                section#services.menu .sluzby-items a img {
                    max-height: 42px;
                    max-width: 36px;
                }
    /* ================================================= */
    /* =================== PROJEKTY ==================== */
    section#projects {
        text-align: center;
        background-image: url(../0/bg-services.jpg);
        background-position: center center;
        background-size: cover;
        background-color: #e8f4f4;
        padding: 100px 0px 100px 0px;
    }

        section#projects.menu {
            padding: 50px 0px 50px 0px;
            min-height: calc(100vh - 171px);
        }

        section#projects h2 {
            /*zmeneny font*/
            /*font-size: 3.4em;*/
            font-size: 2.6em;
            padding-bottom: 50px;
            font-weight: 100;
            color: #009a98;
            text-align: center;
            font-family: 'Fira Sans', sans-serif;
            font-weight: 300;
            /*font-family: 'MicrosoftYaHeiLight', sans-serif, Arial;*/
            /*font-family: 'MigrenaUltralight', sans-serif, Arial;*/
        }

        /* text pre dlazdice*/
        section#projects h3 {
            font-size: 1.5em;
            color: #00564d;
            padding: 15px 0px 15px 0px;
            margin: 0;
            font-weight: 300;
            font-family: 'Fira Sans', sans-serif;
            font-weight: 300;
            /*font-family: 'MicrosoftYaHeiLight', sans-serif, Arial;*/
            /*font-family: 'MigrenaLight', sans-serif, Arial;*/
        }

        section#projects .section-perex {
            padding: 0px 30px 30px 30px;
            /*zmeneny font*/
            /*font-size: 1.5em;*/
            font-size: 1.25em;
            line-height: 150%;
        }

        section#projects .col-centered {
            width: 24%;
            float: none;
            display: inline-block;
            vertical-align: top;
        }

        section#projects div.item span.fa {
            /*zmeneny font*/
            /*font-size: 3.3em;*/
            font-size: 2.75em;
        }

        section#projects .item {
            margin: 0px 0px 30px 0px;
            padding: 30px 20px 45px 20px;
            height: 150px;
            background: #ffffff;
            color: #009e9a;
            border-radius: 30px 30px 30px 30px;
            -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.1);
            -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.1);
            box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.1);
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
        }

            section#projects .item:hover {
                opacity: 0.6;
            }

        section#projects div.element-to-hide {
            visibility: hidden;
        }

    .col-md-12.projects_bet, .col-md-12.projects_bet .col-md-6 {
        padding: 0;
    }

        .col-md-12.projects_bet .col-md-6.logo_eu {
            padding-top: 40px;
        }

            .col-md-12.projects_bet .col-md-6.logo_eu p {
                width: 320px;
                font-size: 0.98em;
                text-align: center;
                font-family: Verdana, Arial, Calibri, Garamond, Trebuchet;
            }

        .col-md-12.projects_bet .col-md-6.logo_opvai {
            padding-top: 63px;
            text-align: right;
        }

    /* =================== FOOTER ==================== */
    section#contact {
        padding: 100px 0px 0px 0px;
    }

        section#contact.home-menu {
            padding: 100px 0px 0px 0px;
            background-image: url(../0/bg-services.jpg);
            background-position: center center;
            background-size: cover;
            background-color: #e8f4f4;
        }


        section#contact.menu {
            padding: 0px 0px 0px 0px;
            /* height: calc(100vh - 171px); */
        }

    #contact > .container,
    #contact > .container > .row,
    #map {
        height: 100%;
    }


    section#contact .col-middle img {
        border-radius: 10px 10px 10px 10px;
    }

    section#contact h3 {
        font-size: 1.8em;
        color: #009a98;
        font-family: 'Fira Sans', sans-serif;
        font-weight: 300;
        /*font-family: 'MicrosoftYaHeiLight', sans-serif, Arial;*/
        /*font-family: 'MigrenaLight', sans-serif, Arial;*/
        line-height: 150%;
    }

    section#contact .gdpr h3 {
        font-size: 1.8em;
        color: #666;
        font-family: 'Fira Sans', sans-serif;
        font-weight: 500;
        /*font-family: 'MicrosoftYaHeiLight', sans-serif, Arial;*/
        /*font-family: 'MigrenaLight', sans-serif, Arial;*/
        line-height: 150%;
    }

    section#contact h3.is-gray {
        color: #666;
    }

    section#contact strong.is-gray {
        color: #666;
    }

    section#contact p {
        padding: 0px 0px 0px 0px;
        /*zmeneny font*/
        /*font-size: 1.5em;*/
        font-size: 1.25em;
        line-height: 150%;
    }


        section#contact p.par-tech {
            max-width: 400px;
        }

        section#contact p.address {
            margin-top: 12px;
        }

        section#contact p.download {
            margin-top: 12px;
        }

    section#contact span {
        color: #009a98;
        /*zmeneny font*/
        /*font-size: 1em;*/
        font-size: 0.8em;
        margin-right: 10px;
    }

        section#contact span.glyphicon {
            color: #666;
            /*zmeneny font*/
            /*font-size: 1em;*/
            font-size: 0.8em;
            margin-right: 10px;
        }

    section#contact p strong {
        color: #009a98;
        font-weight: 400;
    }

    section#contact div.paragraph {
        margin-bottom: 48px;
    }

    section#contact div .servis-paragraph {
        margin-bottom: 36px;
    }

    section#contact .col-md-4.col-middle {
        margin-right: -50px;
        padding-left: 0px;
    }

    section#contact .col-md-4.col-right {
        padding-left: 0px;
        width: 39.4%;
    }

    section#contact span.fa-phone {
        margin-right: 14px;
    }

    section .contacts-column {
        float: left;
        width: 50%;
        height: 100%;
    }

    section#contact.home-menu {
        min-height: auto;
    }

        section#contact.home-menu .contact-home {
            padding-bottom: 136px;
        }

    section .contacts-column-right {
        padding-left: 104px;
    }

    section .contacts-column-left {
        padding-left: 30%;
    }


    section .col-md-4.col-md-4-left > div {
        padding-left: 20%;
        width: 80%;
    }

    section .col-md-4.col-md-4-right > div {
        float: left;
        padding-left: 10%;
        width: 80%;
    }

    section .col-md-4.col-md-4-middle > div {
        padding-left: 30%;
        width: 80%;
    }

    section .contacts-column-right div {
        margin-top: 48px;
    }

    section .contacts-column-left div {
        margin-top: 48px;
    }

    section#contact .contact-home {
        margin-top: 60px;
    }

        section#contact .contact-home p {
            margin-bottom: 24px;
            margin-top: 24px;
        }

        section#contact .contact-home div {
            margin-top: 60px;
        }

    section#contact .servis-row {
        margin-bottom: 36px;
    }

    section#contact .row:after {
        content: "";
        display: table;
        clear: both;
    }

    section#contact .container {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }


    section#contact img {
        width: auto;
        padding-bottom: 12px;
    }

        section#contact img#ditecLogo {
            height: 37.5px;
        }

        section#contact img#ditecCommerceLogo {
            height: 40.5px;
        }

    section#contact a.download {
        display: inline-block;
        /*width:420px;*/
        /*width:470px;*/
        font-size: 90%;
        /*font-weight: bold;*/
        /*padding: 4px 8px 4px 8px;*/
        /*background-color: #eeeeee;*/
        /*color: #000;*/
        /*line-height: 200%;*/
    }

    section#contact .contact-home .mobil-show {
        display: none;
    }

    section#contact a.download-commerce {
        padding-right: 16px;
        width: auto;
    }

    section#contact .middle-column {
        width: 33%;
        margin: 0 auto;
        max-width: 560px;
        margin-top: 48px;
    }


    section#contact .wide-middle-column {
        width: 66%;
        margin: 0 auto;
        max-width: 560px;
        margin-top: 48px;
        display: flex;
        flex-wrap: wrap;
        gap: 25px;
    }

        section#contact .wide-middle-column.tiles {
            margin-top: 0;
        }

    @media (max-width: 880px) {
        section#contact .wide-middle-column {
            width: 90%;
            max-width: 90%;
        }
    }

    section#contact .middle-column .paragraph p, section#contact .middle-column .paragraph h3 {
        padding: 0 16px 0 16px;
        text-align: left;
    }

    section#contact .tile {
        border-color: #E0E0E0;
        border-style: solid;
        border-width: 1px;
        display: inline-block;
        flex: 0 0 calc(50% - 25px);
        padding-bottom: 20px;
        /*margin: 10px 0px 0px 0px;*/
    }

    @media (max-width: 768px) {

        section#contact .wide-middle-column {
            margin: 0 auto;
            max-width: 90%;
            width: 90%;
            margin-top: 48px;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            gap: 25px;
            align-items: center;
        }

        section#contact .tile {
            width: 100%;
            max-width: 100%;
        }
    }


    section#contact .tile p {
        text-align: center;
    }

        section#contact .tile p span.red {
            color: #ff6567;
            display: inline-block;
            margin-left: 15px;
            margin-right: 15px;
            font-weight: 500;
        }

            section#contact .tile p span.red a {
                color: #ff6567;
                font-weight: 500;
                text-decoration: underline;
            }

                section#contact .tile p span.red a:hover {
                    color: #3B96B6;
                    font-weight: 500;
                    text-decoration: underline;
                }

    section#contact p.tile-header {
        color: #333;
        font-weight: 400;
        padding: 30px 0 5px 0;
    }

    .DnnModule-793, .DnnModule-796, .DnnModule-795 {
        border-bottom-style: solid;
        border-bottom-color: #efefef;
        border-bottom-width: 1px;
    }

    /* =================== GDPR ==================== */
    section#GDPR {
        padding: 100px 0px 0px 0px;
        background-image: url(../0/bg-footer.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        text-align: center;
    }

        section#GDPR.menu {
            padding: 50px 0px 0px 0px;
        }

        section#GDPR.site {
            min-height: calc(100vh - 171px);
        }

            section#GDPR.site .container {
                padding-top: 30px;
            }

    section#GDPR {
        font-family: 'Fira Sans', sans-serif;
        font-weight: 400;
        /*font-family: 'MicrosoftYaHei', sans-serif, Arial;*/
        /*font-family: 'MigrenaRegular', sans-serif, Arial;*/
    }

        section#GDPR h3 {
            font-size: 1.8em;
            padding-bottom: 25px;
            color: #009a98;
            font-family: 'Fira Sans', sans-serif;
            font-weight: 400;
            /*font-family: 'MicrosoftYaHei', sans-serif, Arial;*/
            /*font-family: 'MigrenaRegular', sans-serif, Arial;*/
        }

        section#GDPR p {
            padding: 0px 0px 0px 0px;
            /*zmeneny font*/
            /*font-size: 1.5em;*/
            font-size: 1.25em;
            line-height: 150%;
        }

        section#GDPR span {
            color: #009a98;
            /*zmeneny font*/
            /*font-size: 1em;*/
            font-size: 0.8em;
            margin-right: 10px;
            margin-bottom: 15px;
        }

        section#GDPR p strong {
            color: #009a98;
            font-weight: 400;
        }


        section#GDPR span.fa-phone {
            margin-right: 14px;
        }

        section#GDPR .row {
            padding-bottom: 80px;
        }

        section#GDPR .centerAlign {
            margin: auto;
            width: 19%;
        }


    /* ================================================= */
    /* =================== MAPA ======================== */
    div#map.contacts-column {
        padding: 0px 0px 0px 0px;
        height: 830px;
    }

    div#map iframe {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -webkit-backface-visibility: hidden; /* Fix for transition flickering */
        backface-visibility: hidden;
    }

    div#map:hover iframe {
        -webkit-filter: none;
        filter: none;
    }

    div#map iframe.clicked {
        pointer-events: auto;
    }


    /*=============KARIERA==============*/

    .is-bold {
        font-weight: bold;
    }

    section#kariera {
        padding: 50px 0px 50px 0px;
    }

        section#kariera h3 {
            font-size: 1.8em;
            color: #009a98;
            font-family: 'Fira Sans', sans-serif;
            font-weight: 300;
            /*font-family: 'MicrosoftYaHeiLight', sans-serif, Arial;*/
            /*font-family: 'MigrenaLight', sans-serif, Arial;*/
            line-height: 150%;
        }

        section#kariera p, section#kariera li {
            padding: 0px 0px 0px 0px;
            /*zmeneny font*/
            /*font-size: 1.5em;*/
            font-size: 1.25em;
            line-height: 150%;
        }

            section#kariera p.address {
                margin-top: 12px;
            }

            section#kariera p.download {
                margin-top: 12px;
            }

        section#kariera span.glyphicon {
            color: #666;
            /*zmeneny font*/
            /*font-size: 1em;*/
            font-size: 0.8em;
            margin-right: 10px;
        }

        section#kariera span.fa-phone {
            margin-right: 14px;
        }

        section#kariera .kariera-home {
            margin-top: 60px;
        }

            section#kariera .kariera-home p {
                margin-bottom: 24px;
                margin-top: 24px;
            }

            section#kariera .kariera-home div {
                margin-top: 60px;
            }

        section#kariera .row:after {
            content: "";
            display: table;
            clear: both;
        }

        section#kariera .container {
            margin: auto;
            width: 50%;
        }

        section#kariera .is-gray {
            padding-left: 15px;
        }



    p.aktualna-informacia {
        border: 1px solid #009a98;
        padding: 10px;
        margin-bottom: 20px;
    }

    p.d-convert-upozornenie {
        border: 1px solid #ff6567;
        padding: 10px;
        margin-bottom: 20px;
    }

    .red-underline {
        color: red;
        text-decoration: underline;
    }

    .dconvert-navod-img {
        margin-top: 20px;
        width: 380px;
    }

    .dconvert_text ol > li {
        list-style-type: decimal;
    }

    .dconvert_text ol ol li {
        list-style-type: lower-alpha;
    }


    .dconvert_text ul > li {
        list-style: square outside !important;
    }

    .faq img {
        margin-bottom: 20px;
    }

    .basic_faq li {
        margin-bottom: 20px;
    }

    .basic_faq h3, .basic_faq h4 {
        padding-bottom: 10px !important;
    }

    .dpdf-navod-img {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 450px;
    }

    .opportunity-award h3 {
        font-weight: bold;
    }

    .opportunity-award .img {
        margin-bottom: 50px;
    }


    .opportunity-award .description {
        font-size: 1.5em !important;
    }

    .opportunity-award .description-i {
        font-size: 1.5em !important;
        color: #3B96B6;
        font-style: italic;
    }

    .opportunity-award .poznamka {
        font-size: 0.8em !important;
    }

    .opportunity-award .bold {
        font-weight: bold !important;
    }

    .opportunity-award .download-links {
        margin-top: 25px;
        margin-bottom: 75px;
    }

        .opportunity-award .download-links a {
            font-size: 1.25em;
            text-decoration: underline;
        }
		
		.itapa img{
			max-width: 49%
		}


    /* ================================================= */
    /* ------------------------------------------------- */
    /* fadeInLeft Animation */
    div.fadeInLeft {
        -webkit-animation-name: fadeInLeft; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
        visibility: visible;
        animation-duration: 2s;
        animation-name: fadeInLeft;
        animation-iteration-count: 1;
    }

    @-webkit-keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    /* ------------------------------------------------- */
    /* bounceInLeft Animation */
    div.bounceInLeft {
        -webkit-animation-name: bounceInLeft; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
        /*-webkit-animation-delay: 0.5s;*/ /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
        visibility: visible;
        animation-duration: 2s;
        /*animation-delay: 0.5s;*/
        animation-name: bounceInLeft;
        animation-iteration-count: 1;
    }

    @-webkit-keyframes bounceInLeft {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
        }

        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }

        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
        }

        to {
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes bounceInLeft {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
        }

        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }

        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
        }

        to {
            -webkit-transform: none;
            transform: none;
        }
    }
    /* ------------------------------------------------- */
    /* bounceInRight Animation */
    div.bounceInRight {
        -webkit-animation-name: bounceInRight; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
        /*-webkit-animation-delay: 0.5s;*/ /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
        visibility: visible;
        animation-duration: 2s;
        /*animation-delay: 0.5s;*/
        animation-name: bounceInRight;
        animation-iteration-count: 1;
    }

    @-webkit-keyframes bounceInRight {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        from {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
        }

        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }

        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
        }

        to {
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes bounceInRight {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        from {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
        }

        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }

        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
        }

        to {
            -webkit-transform: none;
            transform: none;
        }
    }
    /* ------------------------------------------------- */
    /* zoomInDown Animation */
    section#products div.zoomInDown,
    section#services div.zoomInDown,
    section#projects div.zoomInDown,
    div.windows.zoomInDown {
        -webkit-animation-name: zoomInDown; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
        visibility: visible;
        animation-duration: 2s;
        animation-name: zoomInDown;
        animation-iteration-count: 1;
    }

    div.zoomInDown.delay_1 {
        -webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
        animation-delay: 0s;
    }

    div.zoomInDown.delay_2 {
        -webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
        animation-delay: 0s;
    }

    div.zoomInDown.delay_3 {
        -webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
        animation-delay: 0s;
    }

    @-webkit-keyframes zoomInDown {
        from {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
    }

    @keyframes zoomInDown {
        from {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
    }

    /* SLAJDOVANIE */

    /*--------------------------------------------- */
    /* Verzia 1 - slajd zhora */
    div.aplikacieKep.animatedown, div.windows.animatedown,
    div.mac.animatedown, div.linux-x86.animatedown,
    div.linux-x86_64.animatedown {
        -webkit-animation: slide-down 1.3s ease-out;
        -moz-animation: slide-down 1.3s ease-out;
    }

    div.aplikacieKep.animateup, div.windows.animateup,
    div.mac.animateup, div.linux-x86.animateup,
    div.linux-x86_64.animateup {
        -webkit-animation: slide-up 1.3s ease-out;
        -moz-animation: slide-up 1.3s ease-out;
    }

    @-webkit-keyframes slide-down {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20%);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }

    @-moz-keyframes slide-down {
        0% {
            opacity: 0;
            -moz-transform: translateY(-20%);
        }

        100% {
            opacity: 1;
            -moz-transform: translateY(0);
        }
    }

    /*----------------------------------------------*/

    @-webkit-keyframes slide-up {
        100% {
            opacity: 0;
            -webkit-transform: translateY(-20%);
        }

        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }

    @-moz-keyframes slide-up {
        100% {
            opacity: 0;
            -moz-transform: translateY(-20%);
        }

        0% {
            opacity: 1;
            -moz-transform: translateY(0);
        }
    }

    /*----------------------------------------------*/
    /* Verzia 2 - slajd sprava */
    div.system-require-net, div.system-require-java, div.system-require-mac,
    div.system-require-linux86, div.system-require-linux86_64, div.system-require-verzie3,
    div.system-require-verzie4-java, div.system-require-verzie4-net {
        padding-top: 63px;
    }

        div.system-require-net.animatedown, div.system-require-java.animatedown,
        div.system-require-mac.animatedown, div.system-require-linux86.animatedown,
        div.system-require-linux86_64.animatedown, div.system-require-verzie3.animatedown,
        div.system-require-verzie4-java.animatedown, div.system-require-verzie4-net.animatedown {
            -webkit-animation: slidein 1.3s ease-out;
            -moz-animation: slidein 1.3s ease-out;
        }

        div.system-require-net.animateup, div.system-require-java.animateup,
        div.system-require-mac.animateup, div.system-require-linux86.animateup,
        div.system-require-linux86_64.animateup, div.system-require-verzie3.animateup,
        div.system-require-verzie4-java.animateup, div.system-require-verzie4-net.animateup {
            -webkit-animation: slideout 1.3s ease-out;
            -moz-animation: slideout 1.3s ease-out;
        }

    @keyframes slidein {
        from {
            margin-left: 100%;
            width: 300%;
        }

        to {
            margin-left: 0%;
            width: 100%;
        }
    }
    /*-----------------------------*/
    @keyframes slideout {
        from {
            margin-left: 0%;
            width: 100%;
        }

        to {
            margin-left: 135%;
            width: 300%;
        }
    }


    /*==================================================
=            Media Queries                         =
==================================================*/
    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1199px) {
        div#header {
            height: auto;
            max-width: 100%;
        }

        div.col-md-12.edeskreader_padding .col-md-2, div.col-md-12.edeskreader_padding .col-md-3 {
            width: 100%;
            padding-bottom: 30px;
        }

        div.edeskreader_padding .col-md-2.tlacidlo.zarovnaj {
            text-align: center;
        }

        div#header .container .slogan2 {
            margin-left: 30px;
            font-size: 35px;
        }

        section#about.menu {
            padding: 50px 0px 50px 0px;
        }

        section#products.menu, section#projects.menu {
            padding: 50px 0px 40px 0px;
        }

        section#services.menu {
            padding: 50px 0px 40px 0px;
        }

        section#products .col-centered, section#projects .col-centered {
            width: 100%;
        }

        section#services .col-centered {
            width: 100%;
        }

        section#contact .col-md-4 {
            width: 30%;
            padding-right: 30px;
        }

            section#contact .col-md-4.col-middle {
                margin-right: 0px;
                padding-left: 15px;
            }

        section .contacts-column-left {
            padding-left: 15%;
        }

        section#contact .col-md-4.col-right {
            padding-left: 15px;
            width: 37.8%;
        }

        section#contact .col-md-4 p {
            text-align: left;
        }


        section#GDPR .col-md-4 {
            width: 30%;
            padding-right: 30px;
        }

            section#GDPR .col-md-4 p {
                text-align: left;
            }

        section#GDPR .centerAlign {
            margin: auto;
            width: 30%;
        }

        div#header .scroll-icon {
            left: 47.5%;
        }

        div.panel-group .col-md-4.col-left,
        div.panel-group .col-md-4.col-middle {
            width: 30%;
        }

        div.panel-group .col-md-4.col-right {
            width: 40%;
        }

        .col-md-3.mobil {
            display: inline-block !important;
        }

        .col-md-3.desktop {
            display: none !important;
        }

        .parrentitem.podmenu {
            margin: 0px 0px 30px 0px;
            padding: 0;
            height: auto;
        }

            .parrentitem.podmenu div.odkaz span.fa {
                width: 100%;
                padding-top: 30px;
                color: #009e9a;
            }

        div.parrentitem.podmenu button span.fa {
            color: white;
        }

        .dnnFormMessage.dnnFormValidationSummary {
            width: 880px;
        }

        section#contact .middle-column {
            width: 80%;
        }

        .aktuality .col-md-4 {
            width: 100%;
        }

        .aktuality img {
            width: 100%;
        }
    }

    @media (min-width: 768px) and (max-width: 979px) {
        #siteHeadouter > .container, #contentWrapper > .container {
            width: 80%;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 979px) {
        .navbar .btn-navbar {
            /*display: none;*/
        }

        .navbar .btn-navbar {
            color: #494949 !important;
            background: none !important;
            font-size: 1.5em;
        }

            .navbar .btn-navbar:hover,
            .navbar .btn-navbar:active {
                background: none;
            }

        #navdttg {
            width: 100% !important;
            max-width: 100%;
            background-color: #f3f3f3;
            padding-bottom: 10px;
        }

            #navdttg > ul {
                height: auto;
                max-height: 100vh;
                overflow-y: auto;
            }

            #navdttg ul li {
                display: inline-block;
                width: 100%;
                border: none;
                padding: 10px !important;
            }

                #navdttg ul li a {
                    border: none !important;
                }

        .nav > li > a .caret.hidden-desktop, .nav > li > a .caret.hidden-desktop:hover {
            /*display: none !important;*/
            background-image: url(Images/glyphicons-halflings.png);
            background-color: transparent;
        }

        .nav > li > ul li:hover {
            background: #f3f3f3;
        }

        .col-md-6 {
            width: 100%;
        }

        div#people div.col-md-3 {
            width: 33.3333%;
        }

        section#about div#about-right {
            text-align: center;
        }

        section#about .about-left {
            padding-right: 0px;
        }

        img.img-responsive {
            padding-bottom: 20px;
        }

        section#about div.col-md-6.vedenie {
            /*zmeneny font*/
            /*font-size: 1.5em;*/
            font-size: 1.25em;
            text-align: center;
            padding-top: 20px;
            padding-bottom: 40px;
            margin-left: 0px;
        }

        section#about div.col-md-6.partneri {
            /*zmeneny font*/
            /*font-size: 1.5em;*/
            font-size: 1.25em;
            text-align: center;
            margin-left: 0px;
        }

        div.col-md-6.produktyDKEP {
            padding-top: 40px;
        }

        div#header .scroll-icon {
            left: 46.5%;
        }

        div.panel-group .col-md-12 {
            padding: 0px 0px 30px 0px;
        }

        div.panel-group .col-md-4 {
            padding: 0px 0px 0px 0px;
        }

        div.edeskreader_padding .col-md-6.oddelovac {
            border-left: none;
            padding-left: 0px;
        }

        div.edeskreader,
        div.edeskreader_padding .col-md-6.medzera,
        div.edeskreader_padding .col-md-6.medzera2 {
            padding-left: 0px;
            padding-right: 0px;
        }

            div.edeskreader .col-md-4, div.edeskreader_padding .col-md-4 {
                width: 100%;
            }

                div.edeskreader_padding .col-md-4.tlacidlo {
                    padding-bottom: 40px;
                }

                div.edeskreader .col-md-4 p {
                    padding-top: 15px;
                    padding-right: 0px;
                }

        div.container p.edeskreader_text,
        div.container div.dconvert_text,
        div.container div.dpdf_signer_text {
            float: none;
            padding-right: 0px;
            width: 100%;
        }

        div.container p.edeskreader_img,
        div.container p.dconvert_img,
        div.container p.dpdf_signer_img,
        div.container p.dpdf_signer_spec_produkt_img {
            float: none;
            width: 100%;
            text-align: center;
        }

        div.container p.dpdf_signer_spec_produkt_img {
            padding-left: 0px;
        }

            div.container p.dpdf_signer_img img,
            div.container p.dpdf_signer_spec_produkt_img img {
                width: 50%;
            }

        div.dpdf_signer .col-md-6.uprava {
            padding-right: 0px;
        }

        div.edeskreader_spec_produkt_obr, div.dconvert_spec_produkt_obr {
            float: none;
            width: 100%;
            margin-top: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            text-align: center;
        }

        div.edeskreader_spec_produkt_text, div.dconvert_spec_produkt_text {
            float: none;
            width: 100%;
            padding-bottom: 0px;
            padding-top: 20px;
        }

        /* ================================================= */
        /* ------------------------------------------------- */
        body a.schovaj {
            display: block;
        }

        #return-to-top {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background: #009e9a;
            width: 50px;
            height: 50px;
            display: block;
            text-decoration: none;
            -webkit-border-radius: 35px;
            -moz-border-radius: 35px;
            border-radius: 35px;
            display: none;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            z-index: 1000;
        }

            #return-to-top span {
                color: #fff;
                position: relative;
                left: 13.3px;
                top: 10px;
                font-size: 25px;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

            #return-to-top:hover {
                background: #00564d;
            }

        .dnnFormMessage.dnnFormValidationSummary {
            width: 664px;
        }


        .col-md-offset-2.kontakt-div {
            margin-left: 30%;
        }

        .col-md-offset-1.kontakt-div {
            margin-left: 30%;
        }

        .col-md-2.kontakt-div {
            float: left;
        }

        .col-md-2.kontakt-div {
            width: 40%;
        }
    }

    @media only screen and (max-width : 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        section#contact .contact-home .contacts-column {
            width: calc(100% - 200px) !important;
        }
    }



    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        #contentsub ul, #contentsub ol {
            padding: 0px 0px 20px 30px;
        }

            #contentsub ul ul, #contentsub ul ul ul {
                padding: 0px 0px 0px 20px;
            }

        div#header .container .slogan2 {
            margin-left: 40px;
            font-size: 27px;
        }

        section#contact .col-md-4 {
            width: 100%;
            padding-right: 15px;
            padding-left: 30px;
            padding-bottom: 30px;
        }

        section#contact .middle-column {
            width: 100%;
        }

        section#contact .row {
            padding-bottom: 10px;
            display: flex;
            flex-direction: column;
        }

        div#map.contacts-column {
            order: 2;
        }

        section .contacts-column {
            width: 100%;
        }

        section .contacts-column-right {
            margin-bottom: 36px;
            padding-left: 15px;
            padding-right: 15px;
        }

        section#contact .contact-home {
            margin-top: auto;
        }

        section#contact.home-menu .contact-home {
            padding-bottom: 48px;
        }

        section#contact .contact-home .contacts-column {
            margin: auto;
            width: auto;
        }

        section#contact .contact-home .contacts-column-left {
            padding: 0px;
        }

        section#contact .contact-home .contacts-column-right {
            padding: 0px;
        }

        section#contact .contact-home p {
            margin-bottom: 12px;
            margin-top: 12px;
        }

        section#contact .contact-home .mobil-hide {
            display: none;
        }

        section#contact .contact-home .mobil-show {
            display: inline;
            font-size: 1.25em;
        }

        section#contact .contacts-column.mobil-show {
            display: inline;
            font-size: 100%;
            min-width: 257px;
        }

        section#contact .contact-home .mobil-show.btns {
            margin-left: auto;
            margin-right: auto;
            margin-top: 24px;
        }

            section#contact .contact-home .mobil-show.btns div {
                margin-top: 36px;
                text-align: center;
            }

        section#contact .tile-left, section#contact .tile-right {
            margin-left: 0;
        }

        section#GDPR .col-md-4 {
            width: 100%;
            padding-right: 15px;
            padding-left: 30px;
            padding-bottom: 30px;
        }

        section#GDPR .row {
            padding-bottom: 10px;
        }

        section#GDPR .centerAlign {
            margin: auto;
            width: auto;
            padding-left: 30px;
        }

        section#about h2 {
            padding-bottom: 0px;
        }

        /* zmensenie padingu na titulke */
        section#about.mobil {
            padding: 50px 0px 50px 0px;
        }

        section#products.mobil, section#projects.mobil {
            padding: 50px 0px 50px 0px;
        }

        section#services.mobil {
            padding: 50px 0px 50px 0px;
        }

        section#contact.mobil {
            padding: 50px 0px 0px 0px;
        }

        section#products h2, section#projects h2 {
            padding-bottom: 0px;
        }

        section#products .section-perex, section#projects .section-perex {
            padding: 0px 30px 0px 30px;
        }

        section#services h2 {
            padding-bottom: 0px;
        }

        section#services .section-perex {
            padding: 0px 30px 0px 30px;
        }

        div#people div.col-md-3 {
            width: 50%;
        }

        section#contact .col-md-4.col-middle {
            margin-right: 0px;
            padding-left: 30px;
        }

        section#contact .col-md-4.col-right {
            padding-left: 30px;
            width: 100%;
        }

        div#partners .partner .partner-logo {
            width: 100%;
            text-align: center;
        }

            div#partners .partner .partner-logo img {
                width: 30%;
                height: auto;
                padding-bottom: 20px;
            }

        div#partners .partner .partner-text {
            width: 100%;
            padding-left: 0px;
        }

        #contentsub div.col-md-12.mobil, #contentsub div.col-md-6.mobil {
            padding-left: 0px;
            padding-right: 0px;
        }

        div#header .scroll-icon {
            left: 45.5%;
        }

        div.subheader h1 {
            font-size: 5vw;
        }

        div.panel-group .col-md-4.col-left,
        div.panel-group .col-md-4.col-middle,
        div.panel-group .col-md-4.col-right {
            width: 100%;
            padding: 0px 0px 30px 0px;
        }


        div.panel-group .col-md-12 {
            padding: 0;
        }

        table.edeskreader, table.dconvert {
            width: 100%;
        }

            table.edeskreader, table.edeskreader thead, table.edeskreader tbody, table.edeskreader th, table.edeskreader td, table.edeskreader tr,
            table.dconvert, table.dconvert thead, table.dconvert tbody, table.dconvert th, table.dconvert td, table.dconvert tr {
                display: block;
            }

                table.edeskreader thead tr, table.dconvert thead tr {
                    position: absolute;
                    top: -9999px;
                    left: -9999px;
                }

                table.edeskreader tr, table.dconvert tr {
                    border: 1px solid #ccc;
                }

                table.edeskreader td, table.dconvert td {
                    border-bottom: 1px solid #eee;
                    position: relative;
                    padding-left: 50%;
                }

                    table.edeskreader td p.last_item, table.edeskreader td p.last_item_prirucka,
                    table.dconvert td p.last_item, table.dconvert td p.last_item_prirucka {
                        padding: 0;
                    }

                    table.edeskreader td:before, table.dconvert td:before {
                        position: absolute;
                        left: 12px;
                        width: 45%;
                        white-space: nowrap;
                        content: attr(data-column);
                        color: #000;
                        font-weight: bold;
                    }

        .dnnFormMessage.dnnFormValidationSummary {
            width: auto;
            margin: 10px;
        }

        #siteHeadouter > .container, #contentWrapper > .container {
            width: 90%;
            padding-left: 0%;
            padding-right: 0%;
        }

        div#siteHeadouter {
            height: 65px;
            padding: 13px 0px 0px 0px;
        }

        .navbar .brand {
            margin-top: 0px;
        }

        img#dnn_dnnLOGOmobi_imgLogo {
            max-width: 80%;
        }

        div#userControls {
            padding-top: 65px;
        }

        .col-md-offset-2.kontakt-div {
            margin: auto !important;
            padding: 0px 0px 30px 0px;
        }

        .col-md-offset-1.kontakt-div {
            margin: auto;
            padding: 0px 0px 30px 0px;
        }

        .col-md-2.kontakt-div {
            float: left;
        }

        .col-md-2.kontakt-div {
            width: 80%;
        }

        section#contact .contact-home div {
            margin-top: 36px;
        }
    }

    @media only screen and (max-width : 577px) {
        div.edeskreader .col-md-4:nth-child(1) p {
            padding-top: 0px;
        }

        div.edeskreader .col-md-4:nth-child(2) span {
            padding-bottom: 20px;
        }

        table.edeskreader td, table.dconvert td {
            padding-left: 38%;
        }

            table.edeskreader td:before, table.dconvert td:before {
                width: 35%;
            }
    }

    @media only screen and (max-width : 538px) {
        div.edeskreader .col-md-4:nth-child(3) p {
            padding-top: 0px;
        }
    }

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {
        div#header .container .slogan2 {
            margin-left: 20px;
            font-size: 20px;
        }

        #contentsub div.col-md-12.mobil,
        div.panel-heading a.btn-more,
        div.panel-heading span.indicator {
            font-size: 4.3vw;
        }

        #contentsub a.btn-more {
            padding: 7px 20px 7px 20px;
        }

        div#header .scroll-icon {
            left: 43.5%;
        }

        div.subheader h1 {
            font-size: 6.5vw;
        }

        .collapse {
            padding: 0px 0px 0px 0px;
        }

        .col-md-3.mobil .collapse .col-md-3 {
            padding-left: 3px;
            padding-right: 3px;
        }

        .dnnLabel {
            width: 100%;
            text-align: left;
            padding-bottom: 10px;
        }

        .dnnFormItem > label.dnnFormLabel {
            display: inline;
            margin: 0;
        }

        a.dnnSecondaryAction {
            float: right;
            margin-left: 0px;
        }

        .dnnActions {
            padding-top: 0px;
        }

        a.dnnSecondaryAction.password {
            margin-right: 0px;
        }

        .dnnLoginActions {
            float: none;
            width: 100%;
        }

        #dnn_ctr_Login_Login_DNN_liPassword {
            float: right;
            margin-right: 0px;
        }

        .LoginPanel, .dnnSendPasswordContent, div.register_user_form {
            padding: 10px 20px 0px 20px;
        }

            .dnnSendPasswordContent ul.dnnActions {
                padding-bottom: 0px;
            }

            .dnnFormItem > .dnnLabel, .dnnSendPasswordContent input[type=text], .dnnLeft, .dnnLoginService input[type="text"],
            .dnnLoginService input[type="password"], div.register_user_form .dnnFormItem > .dnnLabel,
            div.register_user_form .dnnFormItem input[type="text"], div.register_user_form .dnnFormItem input[type="password"],
            div.register_user_form .dnnFormItem input[type="email"], div.register_user_form .dnnFormItem input[type="tel"],
            div.register_user_form .dnnFormItem select, div.register_user_form .dnnFormItem textarea,
            div.register_user_form .password-strength-container {
                width: 100%;
            }

        a.dnnFormHelp {
            position: relative;
        }

        a.dnnFormHelp, .dnnForm .dnnFormItem a.dnnFormHelp, .dnnTooltip label a.dnnFormHelp, .dnnTooltip {
            display: none;
        }

        #dnn_ctr_Register_userForm > div.dnnFormItem.dnnFormShort:nth-last-child(2) > div.dnnLabel,
        #dnn_ctr_Register_userForm > div.dnnFormItem.dnnFormShort:nth-last-child(1) > div.dnnLabel {
            margin-bottom: 0px;
            padding-bottom: 0px;
        }

        .dnnFormItem input[type="checkbox"] + span, .dnnFormItem input[type="radio"] + span {
            margin: 10px 5px 11px 5px;
        }

        div.dnnRegistrationForm div.dnnCaptcha {
            margin: 0;
        }
    }

    @media only screen and (max-width : 450px) {
        table.edeskreader td, table.dconvert td {
            padding-left: 32%;
        }

            table.edeskreader td:before, table.dconvert td:before {
                white-space: pre-wrap;
                width: 28%;
            }
    }

    @media only screen and (max-width : 424px) {
        table.edeskreader td p.last_item_prirucka, table.dconvert td p.last_item_prirucka {
            padding: 0px 0px 30px 0px;
        }
    }

    @media only screen and (max-width : 400px) {
        #dnn_ctr_Login_Login_DNN_liPassword {
            float: left;
        }
    }