:root {
    --bck:#edf0f5;
    --text:#393939;
    --blue: #004a96;
    --blueHover: #005cad;
    --shadow:#e1e8f0;
    --red:#ed1c24;
    --focusBtn:#f0f4f9;
    --focusBtnFocus:#e3ebf3;
    --cardBack:#f2f4f8;
    --cardHoverStart:#0f559c;
    --cardHoverEnd:#2060a3;
}
.onTablet{
    display: none;
}
a, a:visited, a:hover{
    color:var(--blue);
    text-decoration: underline;
}
html *{
    margin:0px;
    padding:0px;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
body{
    font-family: "Ubuntu Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    color:var(--text);
    animation:loading 0.5s cubic-bezier(.25,.46,.45,.94) 0.3s both;
    opacity:0.01;
}
@keyframes loading{
    0%{
        opacity:0.01;
    }
    100%{
        opacity:1
    }
}
@keyframes teckyanim{
    0%{
        opacity:0.01;
        margin-left: 0px;
    }
    100%{
        opacity:1
            margin-left: 8px;
    }
}
@keyframes teckyanim2{
    0%{
        opacity:0.01;
        margin-right: 0px;
    }
    100%{
        opacity:1
            margin-right: 8px;
    }
}
.page{
    width: 1196px;
    margin:auto;
    padding-top: 150px;
    max-width: 100%;
    ;
}
@media only screen and (max-width: 1250px) {
    .page{
        padding-left: 40px;
        padding-right: 40px;
    }
}
#mmenuBox{
    display: none;
}
.sekce{
    width:100%;
    max-width: 100%;
}
/*horni lista s menu---------------------------------------------------------------------------------------*/
#lista{
    z-index: 500;
    background-color: #FFF;
    position: fixed;
    width:100%;
    padding:20px;
    box-shadow: 0px 0px 79px -35px rgba(26,92,161,0.30);
    max-height:80px;
}
#headerBox{
    width:100%;
    max-width: 1250px;
    margin:auto;
    display:flex;
    align-items: center;
    justify-content: space-between;
}
#headerBox #logo{
    transition: all 0.3s ease;
    width:290px;
    max-width:290px;
    max-width:230px;
    cursor: pointer;
    user-select: none;
}
#headerBox #mMenu{
    display: none;
}
#headerBox #menu{
    margin-left: 60px;
}
#headerBox #menu a{
    float:left;
    font-weight:700;
    font-size: 17px;
    text-transform:uppercase;
    margin-right:35px;
    text-decoration: none;
    user-select: none;
    cursor: pointer;
}
#headerBox #menu a:hover{
    text-decoration: underline;
}
#headerBox #btnArea, #headerBox #menuArea{
    display:flex;
    align-items: center;
}
#headerBox #btnArea .btn{
    font-size: 17px;
    padding: 14px 25px;
    border-radius:30px;
    margin-left:20px;
    cursor:pointer;
    user-select: none;
    text-wrap:nowrap;
}
#headerBox #btnArea .btnLine{
    font-weight:700;
    border:2px solid var(--blue);
    color:var(--blue);
}
#headerBox #btnArea .btnLine:hover{
    text-decoration: underline;
    /*color:#fff;
    background-color: var(--blue);*/
}
#headerBox #btnArea .btnRed{
    border:2px solid var(--red);
    font-weight:400;
    color:#fff;
    background-color: var(--red);
    background-image: url('shop.svg');
    background-repeat: no-repeat;
    background-size: 24px;
    padding-right: 50px;
    background-position: calc(100% - 20px) 50%;
    shape-rendering: geometricPrecision;
    image-rendering: optimizeQuality;
}
#headerBox #btnArea .btnRed:hover{
    background-color: var(--blue);
    border:2px solid var(--blue);
}
/*COVER blok --------------------------------------------------------------------------------------------*/
#cover{
    display: flex;
    flex-direction:row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items:center;
    align-content: center;
    /*gap: 25px;*/
    padding-top: 30px;
    padding-bottom: 60px;
    width:100%;
    max-width: 100%;
}
/*nahrazeni gap - pro starsi prohlizece */
#cover > * {
    margin: 12.5px;
}
#cover > *:first-child {
    margin-left: 0;
}
#cover > *:last-child {
    margin-right: 0;
}
#cover .half{
    width:50%;
}
#cover .imgCover{
    text-align: center;
}
#cover h1{
    font-size:44px;
    color:var(--blue);
    font-weight: 200;
    margin-bottom: 30px;
}
#cover h1 b{
    font-weight: 700;
}
#cover p{
    color:var(--blue);
    font-weight: 300;
    font-size: 22px;
    margin-bottom: 60px;
}
#cover p #gotoClaim{
    cursor: pointer;
    user-select: none;
}
#cover a{
    color:var(--blue);
    font-weight: 300;
    font-size: 17px;
    white-space:nowrap;
    padding:30px 0px 30px 60px;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: 44px;
    float:left;
}
#cover a:hover{
    font-weight: 500;
}
#cover a#eshop{
    background-image: url('eshop_red.svg');
}
#cover a#dotaz{
    background-image: url('sendmail_red.svg');
    min-width: 200px;
}
/*ProcAMC-------- --------------------------------------------------------------------------------------------*/
#procAMC{
    display: flex;
    /*gap:20px;*/
    text-align: center;
}
/*nahrazeni gap - pro starsi prohlizece */
#procAMC > * {
    margin: 10px;
}
#procAMC > *:first-child {
    margin-left: 0;
}
#procAMC > *:last-child {
    margin-right: 0;
}
#procAMC .card{
    background-color: var(--cardBack);
    border-radius: 18px;
    padding:20px;
    transition: background-color 0.6s;
    align-self: stretch;
    padding-bottom: 40px;
}
#procAMC .imgCard{
    width:115px;
    height:115px;
    margin:20px auto;
    border-radius: 100%;
    background-size: cover;
    filter:grayscale(1) brightness(1.1);
    transition: filter 0.6s;
}
#procAMC .motiv_ok{
    background-image: url('amc-ikona-ok.png');
}
#procAMC .motiv_nfc{
    background-image: url('amc-ikona-nfc.png');
}
#procAMC .motiv_time{
    background-image: url('amc-ikona-time.png');
}
#procAMC .motiv_stojanek{
    background-image: url('amc-ikona-stojanek.png');
}
#procAMC h2{
    color:var(--blue);
    font-weight: 300;
    font-size: 22px;
    height:80px;
    margin-top:40px;
    transition: color 0.6s;
}
#procAMC p{
    color:var(--text);
    font-weight: 400;
    font-size: 17px;
    transition: color 0.6s;
    line-height: 1.3;
}
/*cardHoverStart*/
#procAMC .card:hover{
    background-color: var(--cardHoverEnd);
    background-color: var(--cardHoverStart);
}
#procAMC .card:hover .imgCard{
    width:115px;
    height:115px;
    margin:20px auto;
    border-radius: 100%;
    background-size: cover;
    filter:grayscale(0) brightness(1);
}
#procAMC .card:hover h2, #procAMC .card:hover p{
    color:#fff;
}
/*Uzitecne fce-------- --------------------------------------------------------------------------------------------*/
#preloader{
    width:1px;
    height:1px;
    overflow: hidden;
    user-select:none;
}
#fceAMC{
    border-radius: 18px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    height:1100px;
    box-shadow: var(--blue) 0px 250px 200px -400px;
    scroll-margin-top: 90px;
}
#fceAMC .swipeinfo, #fceAMC .swipeText{
    display: none;
}
#fceAMC h3{
    color:var(--blue);
    font-weight: 200;
    font-size: 44px;
    margin-top:95px;
    margin-bottom: 0px;
}
#fceAMC h3 b{
    font-weight: 700;
}
#fceAMC h4{
    color:var(--blue);
    font-weight: 300;
    font-size: 22px;
    height:80px;
    margin-top:25px;
}
#fceAMC h4 a{
    text-decoration-thickness: 1px;
    cursor: pointer;
}
#fceAMC .AMCmodule{
    margin-top: 38px;
}
#fceAMC a, #fceAMC a:visited, #fceAMC a:hover{
    color:var(--blue);
    text-decoration: underline;
}
#fceAMC #amc{
    width:100%;
    height:900px;
    background-image: url("amc-functions-1.png");
    background-repeat: no-repeat;
    background-position: calc(50% + 50px) 0px;
    transition: 0s;
}
#fceAMC #amc.function1{
    background-image: url("amc-functions-1.png");
}
#fceAMC #amc.function2{
    background-image: url("amc-functions-2.png");
}
#fceAMC #amc.function3{
    background-image: url("amc-functions-3.png");
}
#fceAMC #amc.function4{
    background-image: url("amc-functions-4.png");
}
#fceAMC #amc.function5{
    background-image: url("amc-functions-5.png");
}
#fceAMC #amc.function6{
    background-image: url("amc-functions-6.png");
}
#fceAMC #amc.function7{
    background-image: url("amc-functions-7.png");
}
#fceAMC #amc.function8{
    background-image: url("amc-functions-8.png");
}
#fceAMC #popisy_left{
    margin-top: -900px;
    height:900px;
    width:50%;
}
#fceAMC #popisy_left .animuj{
    animation:teckyanim 0.2s cubic-bezier(.25,.46,.45,.94) 0s both;
}
#fceAMC #popisy_right .animuj{
    animation:teckyanim2 0.2s cubic-bezier(.25,.46,.45,.94) 0s both;
}
#fceAMC #popisy_right{
    margin-top: -900px;
    height:900px;
    width:50%;
    float:right;
}
#fceAMC h2{
    font-weight: 300;
    font-size: 22px;
    color: var(--blue);
    margin:0;
    padding:0;
    border-bottom: 1px solid var(--blue);
    float:right;
    padding-top:20px;
    ;
}
#fceAMC #popisy_right h2{
    float:left;
}
#fceAMC .vlastnost{
    float:left;
    clear:left;
    min-height:150px;
    height:150px;
    margin-bottom: 32px;
    width: calc(100% - 100px);
    user-select: none;
}
#fceAMC #popisy_right .vlastnost {
    float:right;
    clear:right
}
#fceAMC .boxtext{
    border-radius: 18px;
    float:left;
    cursor: pointer;
    height:150px;
    width:230px;
    padding-left:20px;
    padding-right:20px;
}
#fceAMC #popisy_left .boxtext{
    background-image: linear-gradient(to left, rgba(207,220,235,0.15), transparent);
}
#fceAMC #popisy_right .boxtext{
    float:right;
    background-image: linear-gradient(to right, rgba(207,220,235,0.15), transparent);
}
#fceAMC p {
    padding-top: 10px;
    font-size: 16px;
    font-weight: 450;
    line-height: 1.3;
    color: var(--text);
}
#fceAMC #popisy_left p{
    float:right;
    clear:right;
    max-width: 200px;
    text-align: right;
}
#fceAMC #popisy_right p{
    float:left;
    clear:left;
    max-width: 200px;
    text-align: left;
}
#fceAMC .vlastnost.act .boxtext{
    background: none !important;
    /*background-color: #005cad !important;*/
    background-color: var(--blue) !important;
}
#fceAMC .vlastnost.act .boxtext * {
    color:#fff;
    border:0px;
}
#fceAMC .vlastnost.act .boxtext p {
    font-weight: 200;
}
#fceAMC .vlastnost.act .boxtext h2 {
    font-weight: 100;
}
#fceAMC #popisy_right .vlastnost.act .boxtext .kol {
    width:30px;
    height:30px;
    background-color: #fff;
    margin-left:-45px;
    border-radius: 100%;
    margin-top: 60px;
}
#fceAMC #popisy_left .vlastnost.act .boxtext .kol {
    width:30px;
    height:30px;
    background-color: #fff;
    border-radius: 100%;
    margin-top: 60px;
    margin-right: -45px;
    ;
    float:right;
    margin-bottom: -60px;
}
#fceAMC .vlastnost .pointer div{
    display:none;
}
#fceAMC .vlastnost.act .pointer div{
    display:block;
}
#fceAMC #popisy_left .pointer{
    height:150px;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: flex-start;
}
#fceAMC #popisy_left .pointer div {
    border-radius: 100%;
    margin-left: 8px;
    box-shadow: 0px 0px 8px 4px #fff;
}
#fceAMC #popisy_left .pointer div:nth-child(1){
    width:13px;
    height:13px;
    background-color:#074f99;
}
#fceAMC #popisy_left .pointer div:nth-child(2){
    width:8px;
    height:8px;
    background-color:#074f99;
    opacity: 0.8;
}
#fceAMC #popisy_left .pointer div:nth-child(3){
    width:8px;
    height:8px;
    background-color:#074f99;
    opacity: 0.6;
}
#fceAMC #popisy_left .pointer div:nth-child(4){
    width:8px;
    height:8px;
    background-color:#074f99;
    opacity: 0.4;
}
#fceAMC #popisy_left .pointer div:nth-child(5){
    width:8px;
    height:8px;
    background-color:#074f99;
    opacity: 0.3;
}
#fceAMC #popisy_left .pointer div:nth-child(6){
    width:8px;
    height:8px;
    background-color:#074f99;
    opacity: 0.1;
}
#fceAMC #popisy_right .pointer{
    height:150px;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: flex-start;
}
#fceAMC #popisy_right .pointer div {
    border-radius: 100%;
    margin-right: 8px;
    box-shadow: 0px 0px 8px 4px #fff;
}
#fceAMC #popisy_right .pointer div:nth-child(6){
    width:13px;
    height:13px;
    background-color:#074f99;
}
#fceAMC #popisy_right .pointer div:nth-child(5){
    width:8px;
    height:8px;
    background-color:#074f99;
    opacity: 0.8;
}
#fceAMC #popisy_right .pointer div:nth-child(4){
    width:8px;
    height:8px;
    background-color:#074f99;
    opacity: 0.6;
}
#fceAMC #popisy_right .pointer div:nth-child(3){
    width:8px;
    height:8px;
    background-color:#074f99;
    opacity: 0.4;
}
#fceAMC #popisy_right .pointer div:nth-child(2){
    width:8px;
    height:8px;
    background-color:#074f99;
    opacity: 0.3;
}
#fceAMC #popisy_right .pointer div:nth-child(1){
    width:8px;
    height:8px;
    background-color:#074f99;
    opacity: 0.1;
}
#fceAMC #popisy_right .pointer{
    height:150px;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: flex-end;
}
#fceAMC #prepinace{
    display: flex;
    justify-content: center;
    margin-top:-100px;
    margin-bottom: 100px;
    background-color: transparent;
}
#fceAMC #prepinace .prepinac{
    width:25px;
    height:25px;
    border-radius: 100%;
    border:7px solid #e9e9e8;
    cursor: pointer;
    margin:10px;
}
#fceAMC #prepinace .prepinac.act{
    border:7px solid var(--blue);
}
/* ---------------------------------------------------------------------------------------------- */
.page.trans{
    margin-top: -800px;
    padding-top: 0px;
}
#bckStin_podfce{
    /*background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 1) 100%);*/
    background: linear-gradient(0deg, rgba(241, 243, 247, 1) 0%, rgba(255, 255, 255, 1) 100%);
    margin-top: -700px;
    z-index: -10;
    position: relative;
    width:100%;
    height:1500px;
}
/* blok text - obraek napravo----------------------------------------------------------------------------*/
#textIMGright{
    display: flex;
    flex-direction:row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items:center;
    align-content: center;
    /*gap: 25px;*/
    padding-top: 65px;
    padding-bottom: 60px;
    width:100%;
    max-width: 100%;
}
/*nahrayeni gap*/
#textIMGright > * {
    margin: 12.5px;
}
#textIMGright > *:first-child {
    margin-left: 0;
}
#textIMGright > *:last-child {
    margin-right: 0;
}
#textIMGright .half{
    width:50%;
}
#textIMGright .img{
    text-align: center;
    height:412px;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 18px;
}
#textIMGright h2{
    font-size:44px;
    color:var(--blue);
    font-weight: 200;
    margin-bottom: 30px;
}
#textIMGright h2 b{
    font-weight: 700;
}
#textIMGright p{
    color:var(--text);
    font-weight: 400;
    font-size: 17px;
    margin-bottom: 60px;
    line-height: 1.3;
}
#textIMGright a{
    color:var(--blue);
    font-weight: 300;
    font-size: 17px;
    white-space:nowrap;
    padding:30px 0px 30px 60px;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: 44px;
    float:left;
}
#textIMGright a:hover{
    font-weight: 500;
}
#textIMGright a#eshop{
    background-image: url('eshop_red.svg');
}
#textIMGright a#dotaz{
    background-image: url('sendmail_red.svg');
    min-width: 200px;
}
/*-------------------------------------------------------------------------------------------------------*/
.page.opetBila{
    margin-top: 0px;
    padding-top: 0px;
    width:100%;
    background-color: #fff;
    background-image: url('sunmi-logo.svg');
    background-repeat: no-repeat;
    background-position: 50% 35px;
}
.page.inBila{
    padding:0px;
}
/* - --------------------------------hardware------------------------------------------------------*/
#hardware{
    padding-top:65px;
    padding-bottom:65px;
    scroll-margin-top: 90px;
}
#hardware h2{
    font-size:44px;
    color:var(--blue);
    font-weight: 200;
    margin-bottom: 30px;
}
#hardware h2 b{
    font-weight: 700;
}
#hardware h3{
    color:var(--blue);
    font-weight: 300;
    font-size: 22px;
    height:80px;
    margin-top:25px;
}
#hardware .hwBoxes{
    display:flex;
    margin-top: 50px;
    /*gap: 20px;*/
    justify-content: space-between;
    align-items: flex-start;
}
/*nahrazeni gap - pro starsi prohlizece */
#hardware .hwBoxes > * {
    margin: 10px;
}
#hardware .hwBoxes > *:first-child {
    margin-left: 0;
}
#hardware .hwBoxes > *:last-child {
    margin-right: 0;
}
#hardware .hwBoxes .hwbox{
    width:25%;
    padding-left:27px;
}
#hardware .hwBoxes .hwbox img.big{
    max-width: 80%;
}
#hardware .hwBoxes .hwbox .icon{
    width:150px;
    height:150px;
    border-radius: 15px;
    margin-top: 120px;
}
#hardware .hwBoxes .hwbox p{
    margin-top: 30px;
    font-size:17px;
    color:var(--text);
    font-weight: 350;
    max-width: 230px;
    height:170px;
    line-height: 1.3;
}
#hardware .hwBoxes .hwbox p b{
    color:var(--blue);
    font-weight: 700;
}
#hardware .hwBoxes .hwbox a{
    font-size:19px;
    color: var(--blue);
    font-weight: 300;
    border-radius: 35px;
    background-color: #fff;
    cursor: pointer;
    user-select: none;
    /*background-color: var(--focusBtn);*/
}
#hardware .hwBoxes .hwbox a.focus{
    background-color: var(--blue);
    color:#fff;
    font-weight: 200;
    text-decoration: none;
    padding:24px 35px;
}
#hardware .hwBoxes .hwbox a:hover{
    /*background-color: var(--focusBtnFocus);*/
}
#hardware .hwBoxes .hwbox a.focus:hover{
    text-decoration: underline;
    background-color: var(--blueHover);
}
#hardware .hwBoxes .hwbox:nth-child(1){
    padding:0px;
}
#hardware table{
    width:100%;
    border-spacing: 0px;
}
#hardware table td{
    width:25%;
    padding-left:33px;
    padding-top:23px;
    padding-bottom:23px;
}
#hardware table td:nth-child(1){
    width:50%;
    font-weight: 700;
    color:var(--blue);
}
#hardware .th{
    font-size:17px;
    color: var(--blue);
    font-weight: 700;
    padding:60px 0px 38px 33px
}
#hardware table tr:nth-child(even){
    background-color: #f7f9fc;
}
#hardware table tr:nth-child(even) td:nth-child(3){
    background: linear-gradient(to right, #ecf1f8, #f7f9fc);
}
#hardware .noicon{
    width:28px;
}
#hardware .yesicon{
    width:36px;
}
#hardware table tr td span{
    padding-left:10px;
    padding-right:10px;
    opacity:0.3;
}


#hardware .nomob{
    display:table-cell;
}
#hardware .mob{
    display:none;
}

/* - --------------------------------prislusenstvi------------------------------------------------------*/
#doplnky {
    padding-top:25px;
    padding-bottom:25px;
    scroll-margin-top: 90px;
}
#doplnky h2{
    font-size:44px;
    color:var(--blue);
    font-weight: 200;
    margin-bottom: 30px;
}
#doplnky h2 b{
    font-weight: 700;
}
#doplnky h3{
    color:var(--blue);
    font-weight: 300;
    font-size: 22px;
    height:80px;
    margin-top:25px;
}
#doplnky .dopBoxes{
    display:flex;
    margin-top: 30px;
    /*gap: 20px;*/
    justify-content: space-between;
    align-items: flex-start;
}
/*nahrazeni gap - pro starsi prohlizece */
#doplnky .dopBoxes > * {
    margin: 10px;
}
#doplnky .dopBoxes > *:first-child {
    margin-left: 0;
}
#doplnky .dopBoxes > *:last-child {
    margin-right: 0;
}
#doplnky .dopBoxes .dopbox{
    width:25%;
    text-align: center;
}
#doplnky .dopBoxes .dopbox img.big{
    max-width: 80%;
}
#doplnky .dopBoxes .dopbox .icon{
    height:200px;
}
#doplnky .dopBoxes .dopbox .iconmini
{
    height: 150px;
    margin-top: 25px;
    margin-bottom: 25px;
}
#doplnky .dopBoxes .dopbox h4{
    margin-top: 30px;
    font-size:22px;
    font-weight: 500;
    color:var(--blue);
}
#doplnky .dopBoxes .dopbox p{
    margin-top: 30px;
    font-size:17px;
    color:var(--text);
    font-weight: 350;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    min-height:120px;
    line-height: 1.3;
}
#doplnky .dopBoxes .dopbox p b{
    color:var(--blue);
    font-weight: 700;
}
#doplnky .dopBoxes .dopbox .centr{
    display: flex;
    justify-content: center;
}
#doplnky .dopBoxes .dopbox a{
    font-size:19px;
    color: var(--blue);
    font-weight: 500;
    text-decoration: none;
    border-radius: 45px;
    background-color: #fff;
    cursor: pointer;
    user-select: none;
    border:2px solid var(--blue);
    padding:20px 35px;
    float:left;
    min-width: 155px;
}
#doplnky .dopBoxes .dopbox a:hover{
    background-color: var(--blueHover);
    border:2px solid var(--blueHover);
    color:#fff;
}
#doplnky .dopBoxes .dopbox a.focus:hover{
    text-decoration: underline;
    background-color: var(--blueHover);
}
/*-----------------------------kje stazeni---------------------------*/
#download {
    padding-top:25px;
    padding-bottom:65px;
    scroll-margin-top: 90px;
}
#download h2{
    font-size:44px;
    color:var(--blue);
    font-weight: 200;
    margin-bottom: 30px;
}
#download h2 b{
    font-weight: 700;
}
#download h3{
    color:var(--blue);
    font-weight: 300;
    font-size: 22px;
    height:80px;
    margin-top:25px;
}
#download .verze{
    display: flex;
    align-items: center;
    float: left;
    padding-right: 20px;
    line-height: 1.3;
}
#download .down{
    width:47px;
    float:left;
    margin-right: 10px;
}
#download p{
    clear:left;
}
#download .disclamer{
    padding-top: 40px;
    font-style: italic;
}
#download .disclamer2{
    padding-top: 42px;
    font-style: italic;
    opacity: 1;
    color:var(--blue);
    padding-bottom: 0px;
}
/*----------------------paticka---------------------------*/
#footer{
    background-color: var(--blue);
    margin-top: -40px;
    width:100%;
}
#footer #footerin{
    color:#fff;
    width: 1196px;
    margin:auto;
    padding-top: 65px;
    padding-bottom: 150px;
    background-image: url('footerbck.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 100px) 0%;
    display:flex;
    justify-content: space-between;
    flex-direction:row;
    align-items: flex-start;
}
#footer #footerin .sloupec{
    font-size:14px;
    font-weight: 300;
    line-height:2.2;
}
#footer #footerin .sloupec .topline{
    height:100px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
}
#footer #footerin .sloupec .topline img{
    width:65px;
    user-select: none;
    opacity: 0.8;
}
#footer #footerin .sloupec .topline .love{
    width:28px;
    float:left;
    margin-right: 5px;
}
#footer #footerin .sloupec .topline span{
    Width:28px;
}
#footer #footerin .sloupec .ico{
    width:22px;
    margin-right: 10px;
    float:left;
}
#footer #footerin .sloupec a, #footer #footerin .sloupec a:visited, #footer #footerin .sloupec a:active{
    color:#fff;
    background-repeat: no-repeat;
    opacity:0.8;
}
#footer #footerin .sloupec a:hover{
    opacity: 1;
}
#footer #footerin .sloupec .www{
    font-weight: 100;
}
#footer #footerin .sloupec .www b{
    font-weight: 800;
}
#footer #footerin .sloupec .mail{
    padding:2px;
    padding-left:30px;
    background-image: url('footer_mail_white.svg');
}
#footer #footerin .sloupec .call{
    padding:2px;
    padding-left:30px;
    background-image: url('footer_phone_white.svg');
    opacity: 1;
    text-decoration: none;
}
#footer #footerin .sloupec .mailRight{
    padding:2px;
    padding-right:30px;
    background-image: url('footer_mail_white.svg');
    background-position: 100%;
}
#footer #footerin .sloupec .callRight{
    padding:2px;
    padding-right:30px;
    background-image: url('footer_phone_white.svg');
    opacity: 1;
    text-decoration: none;
    background-position: 100%;
}
#footer #footerin .sloupec:nth-child(1),
.sloupec:nth-child(5)
{
    width:25%
}
#footer #footerin .sloupec:nth-child(5){
    text-align: right;
}
@media only screen and (max-width: 1250px) {
    #footer #footerin {
        padding-left: 40px;
        padding-right: 40px;
    }
}
#mmenuBox{display: none;}