@font-face {
    font-family: sofia-pro;
    src: url("/fonts/SofiaProRegular.otf") format("opentype");
}

@font-face {
    font-family: sofia-pro;
    font-weight: bold;
    src: url("/fonts/SofiaProBold.otf") format("opentype");
}

body {font-size:x-large;font-family:sofia-pro,sans-serif;margin:0;}

h1 {margin:3em 0 0; font-weight:bolder;font-size:270%;position:relative;z-index:20;text-align:center;color:white;}
h2 {font-size:200%; font-weight:bold;margin-top:1em;margin-bottom:1em;color:#302e2e;font-variant-caps: all-small-caps;}
ul {margin:0; padding:0;color:#302e2e;;}
li {list-style-type: none; margin:0; padding:0;color:#302e2e;}
p {line-height:1.5;color:#302e2e;}

form {
    margin: 3em 0 60px 50px;
    width:760px;
    float:left;
}
input {
    float:left;
    width:320px;
    height:50px;
    border:none;
    border-radius:30px;
    padding:0 20px;
    font-weight:bold;
    font-size:large;
    color:#302e2e;;
}

textarea {
    float:left;
    clear:both;
    border:none;
    border-radius:30px;
    width:720px;
    height:100px;
    margin-top:15px;
    padding:20px;
    font-weight:bold;
    font-size:x-large;
    color:#7A7777;
}

label {
    float:left;
    clear:right;
    font-size:large;
    margin-top:1em;
    margin-left:1em;
    max-width: 630px;
}

.head { position:fixed; top: 0; left: 0; width:100%; height:65px; z-index:60;}
.head img {margin-top:5px;height:55px;width:auto;}
/* .head-scrolled {height:65px;background:#2d3081;box-shadow: 0 0 5px #474747;} */
.head-scrolled {height:65px;background:#213da2;box-shadow: 0 0 5px #474747;background-image: linear-gradient(to top right, #0061FF, #2d3081);}
.head-scrolled .menubox {margin:0 auto;}
.head-scrolled .menubox img {margin-top:5px;height:55px;width:auto;}
.head-scrolled .menubox .menu {margin-top:20px;}

.menubox {width:100%;max-width:1280px;margin:0 auto;height:100%;}
.menubox img:hover {cursor: pointer;}
.menu {float:right;margin-top:20px;margin-right:0;font-size:large;height:45px;}
.menu li {float: left; margin:0px; margin-right:2vw;color: white;}
.menu li:hover {cursor: pointer;}
.menu a {color:white;text-decoration:none;}

.dropdown {float:left;height:100%;}
.lang .dropdown:nth-last-child(2) {border-right: white 2px solid; height: auto;}


.menu_item {color: white; float:left; border: none; margin:0px; margin-right:2vw;}
.menu_item .button {padding:10px 30px !important;}
#menu_language_cz {margin-right:0.5vw;}
#menu_language_en {margin-left:0.5vw;}

.dropdown-content-out {
    --marginAll: calc(100%-1280);
    --marginRight: calc(var(--marginAll) / 2);
    background:none; 
    display:none; 
    position:absolute; 
    z-index: 60; 
    top:50px; 
    right:calc(var(--marginRight) + 10vw); 
    padding-top:10px;
}

.dropdown-content {
    background-color: #ffffff;
    padding:10px;
    box-shadow: 0 0 5px #474747;
    border-radius:20px;
    position:inherit;
    width:330px;
}

.dropdown-content-out:hover {display: block ruby;}

.dropdown li {color:#0057FF;font-weight: normal;font-size:large;padding:0.3em 0 0.3em 10px;cursor: pointer;float:left;clear:both;width:98%;border-radius:10px;}
.dropdown li:hover {background-color: #e2e2e2;}

.menu_item:hover {cursor: pointer;}
.dropdown:hover .dropdown-content-out {display:block;}



.active { border-bottom:2px solid white; }
.active_lang { border-bottom:2px solid white; }

.button {background-color: #a5c84b; border-radius:50px;padding:20px 35px; color:white;text-decoration: none;}
.button:hover {cursor: pointer;}

.main {
    height:600px !important;
    background-color:#0061FF;
    background-image: linear-gradient(to top right, #0061FF, #2d3081);
}

.main img {
    float:right;
    margin:7em 13%;
    width:76%;
}

.main .button {
    padding: 15px 40px !important;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: middle;
    border-top: 7px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }

.container {
    width: 100%;
    height:auto;
}

.subpage {
    background: none !important;
    padding-top: 100px;
}

.subpage ul {
    margin-left:60px;
    clear:left;
}

.subpage li {
    list-style-type:initial;
}

.subpage p {
    float:left;
}

.subpage h3 {
    clear:left;
}

.subpage p:has(+ul) {
    margin-top:0;
}

.nav_left {position:absolute;top:400px;left:calc(50% - 640px - 7vw);}
.nav_right {position:absolute;top:400px;right:calc(50% - 640px - 7vw);}
.nav_close {position:absolute;right:calc(50% - 640px - 7vw);;}

#urls {
    list-style-type:none;
}

.picture {
    width:500px;
    margin-top:100px;
    margin-right:100px;
    float:left;
    margin-bottom:1em;
}
.picture:hover {
    cursor: pointer;
}

.picture-static {
    width:350px;
    margin-top:100px;
    margin-right:100px;
    margin-bottom:50px;
    float:left;
}

.picture_mobile {
    width:400px;
    margin-top:80px;
    margin-right:100px;
    float:left;
}

.row {
    clear:both;
    float:left;
    height:auto;
    min-height:500px;
    width:100%;
}

.rowpad {
    padding-bottom: 10vh;
}

.endrow {
    height:170px !important;
    min-height:170px !important;
}

.endrow img {
    margin:10px 2px;
    width:50px;
}

.endrow p {
    float:none !important;
}

.endrow .inner  {height:auto;}

.bg-grey {
    background-color:#e6e6e6 !important;
}

.bg-gradient { background: linear-gradient(white 85%, #e6e6e6 15%); }

.blue {
    color:#2d3081;
}

.center {
    text-align:center;
}

.inner {
    max-width:1280px;
    width:100%;
    margin:0 auto;
    height:100%;
    position: relative;
}

.box {
    height:100%;
    width:100%;
    float:left;
}

.right {float:right;}

.w5 {width:50%;}

.w3 {width:33%;}

.w7 {width:67%;}

.h745 {height:745px;}

.h900 {height:900px;}

.bold {font-weight: bold;}

.large {font-size:xx-large;}

.small {font-size:medium;}

.top_0 {margin-top:0;}

.top_50 {margin-top:50px;}

.top_100 {margin-top:100px;}

.top_150 {margin-top:150px;}

.top_175 {margin-top:175px !important;}

.top_2em {margin-top:2em;}

.bottom_0 {margin-bottom:0;}

.bottom_2em {margin-bottom:2em;}

.padtop_100 {padding-top:100px;}

.ref_top_30 {margin-top:30px !important;}

.invisible {visibility:hidden !important;}
.visible {visibility:visible !important;}

.invisible_full {visibility:hidden !important;}

.clear {clear:both;}

.prop {padding:0;margin-top:60px;font-size:1rem;font-weight: bold;width:100%;}
.prop li {padding: 30px 0 0; background-color:white; border-radius: 50px;margin-bottom:25px;height:45px;width:400px; text-align:center;float:left;}
.prop_first {margin-left:180px !important;margin-right:120px !important;}
.prop_second {margin-left:100px !important;margin-right:280px !important;}
.prop_third {margin-left:30px !important;margin-right:420px !important;}
.prop_twoline {padding:17px 0 8px !important;}
.prop_item:hover {cursor:pointer;}
.prop li {background-image: url('/img/right_sm.png'); background-repeat: no-repeat; background-position:96% center;}
.prop_left {clear:both;background-image: url('/img/left_sm.png') !important; background-position:4% center !important;}
.prop_center {margin-left:440px !important;}

.g_carousel {clear:both; width:100%;margin:50px auto 0; overflow:hidden; }
.carousel { width: 998px; margin:0 141px; }
.c_left { width:100px; float:left; }
.c_left img { margin-top:200px; margin-right:40px; cursor:pointer; }
.c_right { width:100px; float:left;}
.c_right img { margin-top:200px; margin-left:40px; cursor:pointer; }
.c_slideshow_container { width:798px; position:relative; float:left; clear:none;}
.c_slideshow_container img { width:798px;}

.c_slide { display:none; }
.fade { animation-name:fade; animation-duration:1.5s; }

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

.m_carousel { width:100%; margin-bottom:50px; margin-top:50px;}
.m_carousel .c_left { width:60px; float:left; }
.m_carousel .c_left img { margin: 300px 0 0 0;}
.m_carousel .c_right { width:60px; float:left; }
.m_carousel .c_right img {margin: 300px 0 0 0; }
.m_slideshow_container { width:480px; position:relative; float:left; clear:none; margin-bottom:60px;}

.m_slide { display:none; }
.m_slide img { width:100%; }

.pr_list {font-size:large;background-color:white; width:1050px; height:510px; text-align:center; margin:50px 115px 50px 120px; border-radius:40px;float:left; box-shadow: 0px 5px 10px 0px lightgrey;}
.pr_list img {margin:-57px 468px;float:left;width:105px;height:105px;}
.pr_list h3 {margin-top:60px;clear:both;float:left;width:100%;}
.pr_list p {font-weight: bold;}
.pr_list hr {margin:0 150px;}
.pr_list .button {width:180px;background-color: #aecf55; border-radius:30px;padding:10px 40px; font-weight:bold;font-size:1.5rem;color:white;text-decoration: none;margin:100px 395px 0;}
.p_sm {font-size:0.8em;margin-top:25px;clear:both;}
.enlarge_list {min-height:355px;margin-bottom:55px;}


.ref_one {float:left; width:195px; height:195px; margin-left:60px;margin-top:30px;}
.ref_first {margin-left:0;}
.ref_one img {width:195px;height:auto;margin:auto;}

#sub_h {text-align:center;color:white;font-size:90%;}
#contactus {display:block;margin:2em auto;text-align:center;font-size:100%;color:white; text-decoration: none;}
#contactus:hover {cursor: pointer;}
#video video {width:680px; height:363px; margin:60px 0 50px 150px; background-color: black; border-radius: 30px;}
#video iframe {width:680px; height:383px; margin:50px 0 50px 150px; background-color: black; border-radius: 30px;}
#more_videos {color:white; text-decoration: none;}
#more_videos .button {padding:10px 35px;}
.video-left {float:left;}
.video-right {float:right;}
.video-left video {width:680px; height:363px; margin:60px 0 50px 0px; background-color: black; border-radius: 30px;}
#desktop {float:left;margin-right:15%;margin-top:0;}
#features {background:url('/img/prop.png') no-repeat;background-position: center top 420px;}
#features .prop li {list-style-type: none;}
#features ul {margin-left:0;}

#enfeatures {background:url('/img/prop.png') no-repeat;background-position: center top 325px;}
#enfeatures .prop li {list-style-type: none;}
#enfeatures ul {margin-left:0;}

#us_img {float:right;margin:120px 60px 120px 0;width:550px;}
#f_name {width:720px;}
#f_mail {margin-top:15px;clear:both;}
#f_phone {margin-top:15px;margin-left:40px;}
#f_send {margin-top:1em;float:right; clear:right; background-color:#2d3081;color:white;border-radius:30px;text-decoration:none;padding:10px 50px 10px 50px;font-size:large;}
#f_send:hover {cursor: pointer;}
#f_address {width:0;height:0;}
#f_alert {float: left;clear: both;font-size: medium;margin-top: 2em;margin-left: 3em;color: red;}
.f_checkbox {width:1em;height:1em;float:left;clear:both;margin-top:1em;}
#formular {margin-top:0;margin-left:0;}

.subpage_text {
    float: left;
    width: 600px;
}

.subpage_text li {
    margin: 0.5em 0 0;
}

#payroll_ul li {margin-top:0.5em;}

#terms {padding-bottom:50px;}

.grey_bg {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:990;
    background-color:rgba(0, 0, 0, 0.2);
}

.popup {
    position: fixed;
    top: 20vh;
    left: 38vW;
    background-color: white;
    border-radius: 1vw;
    width: 24vw;
    height: 60vh;
    box-shadow: 0px 5px 10px 0px grey;
}

.message {height:40vh;text-align:center;}
#message_content {padding-top:15vh;}

.popup img {
    float:right;
    margin:-20px -20px 0 0;
    position:relative;
    z-index:991;
}

#popup_content {
    overflow: scroll;
    height:50vh;
}

#popup_content ul {
    margin: 0 4vw;
}

#popup_content li {
    list-style-type:initial;
    font-size:large;
}

#popup_left {
    position:fixed;
    top:45vh;
    left:34vw;
}

#popup_right {
    position:fixed;
    top:45vh;
    left:64vw;
}

.popup_arrow:hover {cursor:pointer;}

.popup img:hover {
    cursor: pointer;
}

.popup p {
    font-size:large;
    margin:1em 2vw 0;
}

.popup_head {
    background-color: #0061FF;
    border-radius:1vw 1vw 0 0;
    margin:1% 1% 0 1%;
    height:5vh;
    width: 98%;
    padding-top:3vh;
    position:relative;
}

.popup_head h3 {
    text-align:center;
    margin:0;
    color:white;
    font-size:large;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:70%;
}

#full_bg {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:990;
/*    display: none; */
}

#demo_bg {
    display:none;
}

.demo_form {
    position: fixed;
    width: 800px;
    margin: 5% auto; /* Only centers horizontally not vertically! */
    left: 0;
    right: 0;
    top:0;
    max-height: 90%;
}

.demo_board {width:100%;height:90%;overflow:scroll;}

.demo_form p {
    margin:30px 40px 0;
    font-size:medium;
}

#demo {
    margin:20px 20px 20px;
    width:auto;
}

#demo input {
    border:1px solid lightgrey;
    height:50px;
    width:290px;
    margin-top:1em;
    margin-left:20px;
    margin-right:20px;
    float:left;
}

#demo label {font-size:medium;}

#demo span {margin-top:1em;}

.demo_mobile {display:none;}

#d_alert {float:left;clear:both;}
#d_send {margin-top:1em;margin-right:20px;float:right; clear:right; background-color:#2d3081;color:white;border-radius:30px;text-decoration:none;padding:10px 50px 10px 50px;font-size:large;}
#d_send:hover {cursor: pointer;}
#d_address {width:0 !important;height:0 !important;border:none !important;}
.d_checkbox {width:1em !important;height:1em !important;float:left;clear:both;margin-top:1em;font-size:medium;}

#g_carousel_close {
    position:fixed;
    top:0.5vh;
    left:88.5vw;
    z-index:999;
}

#g_carousel_left {
    position: fixed;
    top:45vh;
    left:6vw;
    z-index:998;
}

#g_carousel_right {
    position: fixed;
    top:45vh;
    left:92vw;
    z-index:998;
}


.g_carousel_arrow:hover {cursor:pointer;}

#g_carousel_close:hover {cursor:pointer;}

#lcdframe {
    position: fixed;
    top:2vh;
    left:10vw;
    z-index: 998;
    width: 80vw;
    height: 45vw;
    background-color: #e6e6e6;
    border-radius:2vw;
    box-shadow: 0px 15px 20px 0px grey;
    background-size: contain;
    background-repeat: no-repeat no-repeat;
    background-position: center 2vh;
}

#lcdframe span {
    float:right;
    margin-top:5px;
    margin-right:1.5%;
    font-weight:bold;
}

#lcdframe span :hover{
    cursor:pointer;
}

#lcdframe div{
    width:96%;
    height:93%;
    margin:2%;
    border-radius:1vw;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
}

#lcdframe img{
    width:100%;
    height:100%;
    margin:0;
    border-radius:1vw;
    z-index:-2;
    position:relative;
}

.contact {font-size:large;clear:both;margin-top:0;padding-right:25px;margin-bottom:3em;}
.contact a {text-decoration:none;color:#7A7777;}
.subpage .contact {margin-bottom:0;}
.subpage .contact:last-of-type {margin-bottom:1em;}
.portrait {margin-bottom:1em;}

#ekonomika_pic {margin-bottom:2em;}


@media (max-width: 1900px), (orientation:portrait) {
    body {zoom:0.9;}
}


@media (max-width: 1600px), (orientation:portrait) {
    body {zoom:0.7;}
}

@-moz-document url-prefix() {
    @media (max-width: 1900px), (orientation:portrait) {
        body {zoom:1;}
    }
    
    
    @media (max-width: 1600px), (orientation:portrait) {
        body {zoom:1;}
    }
}

@media (max-width: 1280px), (orientation:portrait) {

body{font-size:230%;}
h1{margin:1em 0 0.5em;}
h2 {margin:1em 3%;text-align:center;}
h3 {margin:1em 3%;font-size:150%;}
p {margin:1em 3%; text-align:justify;color: #302e2e;font-size:130%;}
li {margin:0.2em 3%;font-size:130%;}
label {font-size: x-large;margin-top:0.6em;max-width: 70%;}
.f_checkbox {margin-right:2em;margin-top:1em;}

.head {min-height:65px;height:auto;}
.head-scrolled {visibility:hidden;min-height:65px;height:auto;}
.head-scrolled .menubox img {margin-top:20px; height:80px;}
.head img {margin-top:20px; height:100px;}
#menu {display:none;}
.menu {margin-top:40px;}
.lang {font-size:150%;}
.lang .dropdown:nth-last-child(2) {border-right: white 5px solid;}
.active_lang {border-bottom: 5px solid white;}


.menubox {margin: 10px auto;}
#menu_language_en {margin-left:1vw;}
#menu_language_cz {margin-right:1vw;}
.main{
    height:auto !important;
}

.mobile-hidden {display:none;}

.main img{
    margin:7em 13% 3em;    
}
#contactus {margin:2em auto 2em;}
.container {
   background:url('/img/background_mobile.png') no-repeat; background-position: center top;background-size:cover;
}

.endrow img {
    margin: 10px 1em;
    width: 2em;
}

.w5 {width:100%;}
.w3 {width:100%;}
.w7 {width:100%;}
.h745 {height:auto;}
.h900 {height:auto;}

.row{padding-bottom: 2em;}

#desktop {margin:3em 20%;}

.prop li, .prop_first, .prop_second, .prop_third {width:90%; margin-left:5% !important; margin-right:5% !important;font-size:250%;height:75px;padding-top:50px;}
#features {background:none;}

.prop li {background-image: url('/img/right.png'); background-repeat: no-repeat; background-position:98% center;}
.prop_left {background-image: url('/img/right.png') !important; background-position:98% center !important;}


.g_carousel {margin-top:50px; width:100%;}
.bg-gradient { background:none; background-color:white;}
.carousel {margin:0;width:100%;}
.c_left {width:15%;}
.c_left img {width:40%;margin-left:30%;margin-top:20vw;}
.c_right {width:15%;}
.c_right img {width:40%;margin-left:30%;margin-top:20vw;}
.c_slideshow_container {width:70%;}
.c_slide img {width:100%;}
.m_slideshow_container {width:70%;}
.m_carousel .c_left {width:15%;}
.m_carousel .c_left img {width:40%;margin-left:30%;margin-top:50vw;}
.m_carousel .c_right {width:15%;}
.m_carousel .c_right img {width:40%;margin-left:30%;margin-top:50vw;}

.picture {width:70%;margin-left:15%;margin-bottom: 2em;}
.picture-static {width:70%;margin-left:15%;margin-bottom: 2em;}
.picture_mobile {margin-bottom: 2em;margin-left:30%;width:40%;}

.pr_list {width:78%; min-height:20em;height:auto;margin:10vw 10% 10vw;padding:0 2%;}
.pr_list img {width:10vw;margin:-6vw 42%;height:10vw;}
.pr_list h3 {font-size:250%;margin-top:8vw;}
.pr_list p {margin:4vw 0 4vw !important;clear:both;float:left;width:100%;font-size:220%;}
.pr_list hr {width:80%;margin:0 10%;}
.pr_list .button {width:60%;margin:9vw 15% 0; float:left;clear:both;font-size:220%;}
.p_sm {font-size:180%;}
.enlarge_list {min-height:25em; height:auto; margin-bottom:2em;}
#m_list {clear:both;}
.subpage_nav {display:none;}

.invisible_full {visibility:visible !important;}

#more_videos {margin-left:3%;}

#video video {
    margin:100px 5% 30px;
    width:90%;
    height:auto;
}

.video-left video {
    margin:100px 5% 30px;
    width:90%;
    height:auto;
}

#us_img {
    width:70%;
    margin:120px 15% 5vw;
}

.top_150 {margin-top:50px;}
.top_175 {margin-top:11vw !important;}

.ref_one {float:left; width:40%; height:auto; margin:10vw 5% 0;clear:right;}
.ref_first {margin-left:5%;}
.ref_one img {width:60%;height:auto;margin-left:20%;}


form {
    width:100%;
    margin:0;
    font-size:xx-large;
}

input {
    width:80%;
    margin:2vw 10%;
    font-size:120%;
    height:2em;
}

textarea {
    width:80%;
    margin:2vw 7%;
    font-size:120%;
    height:5em;
}

label {
    font-size:120%;
}

#f_name, #f_mail, #f_phone {
    width:80%;
    margin:2vw 7%;
}

#f_send {
    margin:5vw 36%;
    height:5vw;
    padding-top:3vw;
    font-size:x-large;
    font-weight:bold;
    width:20%;
    text-align: center;
}

.m_center {
    position:relative;
    max-width:280px;
    margin:1em auto;
}

.popup {
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
}

.message {height: 60vh;text-align:center;}
#message_content {padding-top:25vh;}

#popup_left {
    position:fixed;
    top:55vh;
    left:5vw;
    display:none;
}

#popup_right {
    top:55vh;
    left:92vw;
    display:none;
}

#popup_content {
    height:70vh;
}

#popup_content ul {
    margin: 0 6vw;
}

#popup_content li {
    font-size:xx-large;
}

.popup p {
    font-size:xx-large;
    text-align: center;
    font-weight:bold;
}

.popup_head h3 {
    font-size:xx-large;
}

.contact {font-size:120%;text-align:center;}
.contact a {font-size:120%;}

.portrait {margin-left:25%;width:50%;}

#popup_close {
    display:none;
}

.bottom_2em {margin-bottom:1em;}

.subpage_text {width:100%;}
.subpage_text li {margin:0.5em 3%;}

.subpage p:has(+ul) {
    margin-top: 0;
    width: 94%;
}

#demo_bg {
    position:fixed;
    clear:both;
    float:left;
    width:100%;
    height:100%;
    z-index:100;
    background-color:#2d3081;
}

#demo_close {
    margin: 20px;
    height:4dvh;
}

.demo_form {
    position: sticky;
    clear:both;
    float:left;
    width: 100%;
    height: 100%;
    overflow:hidden;
}

.demo_board {width:100%;height:97%;overflow-y: scroll;}

.demo_form p {
    font-size:130%;
}

#demo {
    margin:20px 0 40px;
    width:auto;
}

#demo input {
    border:1px solid lightgrey;
    height:1.5em;
    width:90%;
    margin: 1em 2% 0;
    float:left;
    clear:both;
    font-size:120%;
    padding:0.2em 0.5em 0.2em 0.5em;
}

#demo label {
    font-size:90%;
}

.d_checkbox {
    margin-top: 0.5em !important;
}

#d_send {
    margin:5vw 36%;
    height:5vw;
    padding-top:3vw;
    font-size:x-large;
    font-weight:bold;
    width:20%;
    text-align: center;
}

.demo_mobile {
    display:block;
    float:right;
    clear:none;
    margin-top:40px;
    font-size:150%;
    width:20%;
    margin-right:20%;
}

.mobile_top_1em {margin-top:1em !important;}
.mobile_clear_both {clear:both;}

#full_bg {background-color:black;}
#g_carousel_close {display:none;}
#g_carousel_arrow {display:none;}


#cc-main ::-webkit-scrollbar,#cc-main ::-webkit-scrollbar-thumb,#cc-main ::-webkit-scrollbar-track{all:revert}
#cc-main ::-webkit-scrollbar-thumb{-webkit-background-clip:padding-box;background-clip:padding-box;background:var(--cc-toggle-readonly-bg);border:.25rem solid var(--cc-bg);border-radius:1rem}
#cc-main ::-webkit-scrollbar-thumb:hover{background:var(--cc-toggle-off-bg)}
#cc-main ::-webkit-scrollbar{background:transparent;width:12px}
#cc-main{--cc-modal-margin:.5em}
#cc-main .cm{max-width:none!important;width:auto!important}
#cc-main .cm__body{flex-direction:column!important;padding:0!important}
#cc-main .cm__btns,#cc-main .cm__desc,#cc-main .cm__links,#cc-main .cm__title{padding-left:1.1rem!important;padding-right:1.1rem!important}
#cc-main .cm__btns{border-left:none!important;border-top:1px solid var(--cc-separator-border-color)!important;flex-direction:column!important;max-width:none!important;min-width:auto!important}
#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin:.375rem 0 0!important}
#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}
#cc-main .cm__btn-group{display:flex!important;flex-direction:column!important;min-width:auto!important}
#cc-main .cm__btn{flex:auto!important}
#cc-main .cm__link-group{justify-content:center!important}
#cc-main .cm--flip .cm__btn-group,#cc-main .cm--flip .cm__btns{flex-direction:column-reverse!important}
#cc-main .pm{border-radius:0;bottom:0;height:auto;left:0;max-height:100%;max-width:none!important;right:0;top:0;transform:translateY(1.6em)}
#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:.9em!important}
#cc-main .pm__badge{display:none}
#cc-main .pm__section-table,#cc-main .pm__table-body,#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th,#cc-main .pm__table-tr{display:block}
#cc-main .pm__table-head{display:none}
#cc-main .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}
#cc-main .pm__table-td{display:flex;justify-content:space-between}
#cc-main .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}
#cc-main .pm__table-td>div{flex:3}
#cc-main .pm__btn-group,#cc-main .pm__footer{flex-direction:column!important}
#cc-main .pm__btn-group{display:flex!important}
#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin:.375rem 0 0!important}
#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}
#cc-main .pm--flip .pm__btn-group,#cc-main .pm--flip .pm__footer{flex-direction:column-reverse!important}
.show--preferences #cc-main .cc--anim .pm{transform:translateY(0)!important}

#cc-main {
    font-family: sofia-pro;
    font-size:130%;
}

#cc-main .cm__btn, #cc-main .pm__btn{
    margin-bottom:1em;
}

#cc-main .cm__btn-group, #cc-main .pm__btn-group {
    margin-bottom:1em;
}

}
@media (prefers-reduced-motion){#cc-main{--cc-modal-transition-duration:0s}}

#cc-main {
    --cc-btn-primary-bg: #0061ff;
    --cc-btn-primary-color: var(--cc-bg);
    --cc-btn-primary-hover-bg: #213657;
    --cc-btn-primary-hover-color: #fff;

    --cc-btn-secondary-bg: #dfe7f9;
    --cc-btn-secondary-color: var(--cc-secondary-color);
    --cc-btn-secondary-hover-bg: #c6d1ea;
    --cc-btn-secondary-hover-color: #000;
}

#cc-main .pm__title {color:#2d3081;}
#cc-main .cm__title {color:#2d3081;}
#cc-main .pm__section-title {color:#2d3081;}