/**
* -------- OBECNE ------------
*/
header {
    height: 99px;
}


body	{
    background-color:		white;
    padding:					0px;
    margin:						0px;
    color:							#233b44;
    width:							100%;
    font-family: Helvetica, Arial;
    font-size: 14px;
    line-height: 18px;
    overflow-y: overlay;

}

h1,h2,h3,h4,h5,h6,p {
    margin: 0;
    padding: 0;
    line-height: 1.28571428;
}


i.my-caret {
    border: solid #4a90e2;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 9px;
    margin-bottom: 4px;
}

i.my-caret-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

i.my-caret-up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.after-clr:after {
    content: '';
    clear: both;
    float: none;
    display: block;
}

.owl-dot {
    border: none;
    background: none;
}

.white-block {
    border: 1px solid #e7e7e7;
    background: white;
    border-radius: 4px;
}

legend {
    text-transform: none;
    color: #4a98e2;
    border: none;
    font-size: 16px;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

.mb-20{
    margin-bottom: 20px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.top-line {
    border-top: 1px solid #e7e7e7;
}

.center {
    text-align: center;
}


/**
* -------- OBECNE KONEC------------
*/


/**
* -------- HLAVICKA ------------
*/

body.public {
    /*width: 780px;*/
    /*margin: 0 auto;*/
}

body.public header {
    height: auto;

}

body.public::after {
    content: '';
    clear: both;
    display: block;
}

body.public #header_background,
body.public #header,
body.public #header .header-content {
    float: left;
    height: auto;
    width: 360px;
    position: static;  
}

body.public #header_background {
    width: 375px;
}

body.public #header .header-content {
    padding: 60px 30px; 
    background: #555;
}

body.public #header {
    margin-left: 15px;
}

body.public #header #header-logo {
    width: 300px;
    text-align: center;
}

body.public #header div#menu ul.menuLevel0 li.level0 {
    width: 300px;
    border-bottom: 1px solid #777;
    margin: 0;
    text-align: left;
    padding: 10px 0 5px;
}

body.public #header div#menu ul.menuLevel0 li.level0 a {
    text-transform: uppercase;
    color: white;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}

/*body.public #content {*/
/*    float: left;*/
/*    width: 780px;*/
/*    !*margin-left: 15px;*!*/
/*    border-top: 4px solid #4488f7;*/
/*}*/

body.public #content {
    width: 100vw;
}

#header {
    width: 100%;
    margin: 0px auto;
    background-color: transparent;
    height: 60px;
    position: fixed;
}

#header_background {
    width: 100%;
    position: fixed;
    height: 60px;
    z-index: 1000;
    background-color: white;
    transition: box-shadow 1s;
}

#header_background.scrolled {
    box-shadow: 0 1px 6px #e7e7e7;
}

#header_background.fullheight {
    position: relative; 
}

#header .header-content{
    width: 1440px;
    margin: 0px auto;
}

#header #header-logo {
    float:left;
    line-height: 1;
}

#header #header-logo a {
    padding-top: 15px;
    display: block;
    color: white;
}

#header .header-menu {
    float: left;
}

#header .header-buttons {
    float: right;
}

#header .header-buttons a {
    padding: 9px;
    margin-right: 10px;
    margin-top: 13px;
}

#header .header-langs {
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    padding-bottom: 8px;
}

#header .header-private-langs {
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    padding-top: 20px;
    padding-left: 50px;
    float: left;
}

#header .header-langs a {
    margin-right: 2px;
}

#header .header-langs button {
    border: none;
}

#header .header-langs span {
    font-size: 14px;
}

.heder_icon, .heder-icon-wrap {
    width: 40px;
    height: 40px; 
    border-radius: 100%;
    text-align: center;
    position: relative;
    float:left;
    left: -12px;
    margin-left: 15px;
}

.heder_icon {
    overflow: hidden;
}

.heder_icon img{
    height: 38px;
    width: 38px;
    position: relative;
    top: -1px;
}

#header  .user_menu .fa.fa-user {
    border-radius: 100%;
    color: white;
    font-size: 24px;
    height: 40px;
    width: 40px;
    left: -13px;
    background: rgba(217, 225, 235, 0.7) none repeat scroll 0 0;
    position: relative;
    margin-left: 15px;
    padding-top: 5px;
    border: 2px solid #FFF;
}

#header .user_menu div.user_name {
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
}

#header_search_form{
    background: transparent;
    border: 1px solid #FFF;
    border-radius: 15px;
    height: 40px;
    width: 248px;
    display:block;
    float:left;
    margin-top: 15px;
    margin-left: 20px;
    -webkit-transition: all 0.5s;
}

.fullheight #header_search_form,
.scrolled #header_search_form{
    background: #99c54e;
    border: 1px solid #7eac30;

}

#header_search_form #header_search_input{
    background: transparent;
    border: none;
    color: #FFF;
    width: 218px;
    height: 38px;
    padding: 0px 5px 0px 10px;
}

#header_search_form .header_search_btn{
    cursor: pointer;
}

#header_search_form #submit-header_search{
    display: none;
    position: absolute;
    top: -1000px;

}

#header #find_btn {
    background: url(../img/search.png) no-repeat center;
    width: 15px;
    height: 20px;
    margin-top: 20px;
    margin-left: 60px;
    float: left;
}

/**
* ------------- HLAVICKA KONEC -----------
*/


/**
* -------- FOOTER -------------
*/

#footer {
    background-color: #233b44;
    padding: 70px 0;
    color: white;
}

#footer .footer-content  {
    max-width: 1180px;
    margin: 0 auto;  
    width: 100%;
}

#footer .footer-content address {
    color: white;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    margin-top: 20px;
}

#footer .footer-top {
    padding-bottom: 37px;
    border-bottom: 1px solid #476B6C;
}

#footer .footer-bottom h4 {
    font-family: 'Sagona-SemiBold';
    font-size: 14px;
    margin: 0;
    padding: 0;
}

#footer .footer-bottom p {
    font-size: 14px;
    line-height: 18px;
}

#footer .footer-menu {
    margin-left: 130px;
}

#footer .footer-logo,
#footer .footer-menu, 
#footer .footer-social {
    float: left;
}

#footer .footer-menu:after {
    clear: both;
    content: '';
    display: block;
}

#footer .footer-menu {
    text-align: center;
}

#footer .footer-menu ul {
    padding: 0;
    margin: 0 auto;
    float: none;
    display: inline-block;
    text-align: left;
}

#footer .footer-menu ul:after {
    clear: both;
    content: '';
    display: block;  
}

#footer .footer-menu ul li {
    float: left;
    list-style-type: none;
    padding: 0;
}


#footer .footer-menu ul.menuLevel0 > li {
    padding-left: 40px;
}

#footer .footer-menu ul.menuLevel0 li a,
#footer .footer-menu ul.menuLevel0 li span {
    color: white;
}

#footer .footer-menu ul.menuLevel0 > li > a,
#footer .footer-menu ul.menuLevel0 > li > span {
    color: white;
    font-family: 'Sagona-SemiBold';
    font-size: 14px;
}

#footer .footer-menu ul.menuLevel0 > li > ul {
    margin-top: 12px;
}

#footer .footer-menu ul.menuLevel0 > li > ul,
#footer .footer-menu ul.menuLevel0 > li > ul li {
    display: block;
    float: none;
}

#footer .footer-menu ul.menuLevel0 > li > ul li {
    line-height: 17px;
    margin-bottom: 5px;
}

#footer .footer-social {
    float: right;
}

#footer .footer-social .social-btns a {
    padding-left: 19px;  
}

#footer .footer-social .social-contact {
    margin-top: 40px;
}

#footer .footer-social .social-contact p a {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Sagona-SemiBold'; 
    padding-bottom: 6px;
    margin: 0;
    color: white;
}

#footer .footer-bottom {
    padding-top: 40px;
}

#footer .footer-fb {
    display: block;
    margin: 25px 0 20px;
}

#footer .footer-allrights {
    font-size: 11px;
    font-family: roboto-light;
    color: #bcbcbc;
}

@media (max-width: 520px) {
    #footer .footer-menu ul li {
        float: none;
    }
}

/**
* -------- FOOTER KONEC -------------
*/

.content_admin{
    padding-bottom: 50px;
}

.popup_window.content_admin{
    padding-bottom: 0px;
}

/**
* -------- HOMEPAGE ------------
*/

.content-width {
    max-width: 1180px;
    margin: 0 auto;
}

.content-width-full {
    width: 1180px;
    margin: 0 auto;
}

.page-block {
    padding-bottom: 80px;
}

.page-line {
    border-top: 1px solid #e7e7e7; 
    padding-top: 80px;  
}

.grey-bg {
    background-color: #f6f6f6;
}

.lighter-grey-bg {
    background-color: #fafafa;
}

.gradient-bg {
    background-image: linear-gradient(to top, #ffffff 0%, #f6f6f6 100%);
}

h2 {
    color: #233b44;
    font-family: 'Sagona-SemiBold';
    font-size: 34px;
    line-height: 44px;
    padding-top: 80px;
    padding-bottom: 60px;
    text-align: center;
}

.page-line h2 {
    padding-top: 0;
}

h3 {
    font-size: 18px;
    line-height: 24px;
    font-family: 'Sagona-SemiBold';
    color: #233b44;
}

.editPage {
    position: absolute;
    z-index: 1;
    margin-top: -20px;
    color: black;
}
.editPage a{
    color: black !important;
    font-size: 13px !important;
    font-family: 'Sagona-Book' !important;
}

.page_content p {
    color: #233b44;
}

.page_content h1,
.main-header-title {
    text-align: center;
    font-size: 33px;
    font-family: 'Sagona-SemiBold';
    padding: 58px 0 0px;
    margin: 0;  
}

.main-header-title{
    text-align: center;
    margin: 0px auto;
}

.user .empty_result{
    text-align: center;
    color: #999;
    margin-bottom: 20px;
    background-color: #fdfdfd;
}

.user .form_block h2{
    padding-bottom: 15px;
}

#home h2:after,
#onas h2:after,
.styled-content h1:after,
.styled h1:after,
h2.admin:after {
    width: 100px;
    background-color: #233b44;
    height: 1px;
    content: "";
    display: inline-block;
    position: relative;
    top: -10px;
    left: 30px;
}

#home h2:before,
#onas h2:before,
.styled-content h1:before,
.styled h1:before,
h2.admin:before {
    width: 100px;
    background-color: #233b44;
    height: 1px;
    content: "";
    display: inline-block;
    position: relative;
    top: -10px;
    right: 30px;
}

/**
* -------- HOMEPAGE KONEC ------------
*/

/**
* -------- KONTAKT ------------
*/

#contact #banner-bg {
    max-height: 400px;
    color: white;
}

#contact #banner-bg .banner-contact {
    margin-top: 20px;
    height: 100px;
    background: url(../img/svoboda.png) no-repeat left center;
    padding-left: 120px;
}

#contact #banner-bg .banner-contact .kontakt-name {
    padding-top: 10px;
    font-size: 16px;
    line-height: 1;
    font-family: 'Sagona-SemiBold';
}

#contact #banner-bg .banner-contact p {
    color: white;
    max-width: none;
}

#contact #banner-bg .kontakt-udaje {
    margin-top: 40px;
    height: 28px;
}

#contact #banner-bg .kontakt-udaje .phone {
    padding-left: 38px;
    background: url(../img/phone.png) no-repeat left center;
    font-size: 18px;
    font-family: 'Sagona-SemiBold';
    line-height: 1;
    float: left;
    margin-right: 50px;
    height: 28px;
}

#contact #banner-bg .kontakt-udaje .email {
    padding-left: 45px;
    background: url(../img/post.png) no-repeat left center;
    font-size: 18px;
    font-family: 'Sagona-SemiBold';
    line-height: 1;
    float: left;
    height: 28px;
}

#contact #banner-bg .kontakt-udaje p {
    line-height: 1.28571428;
    margin: 0;
}

#contact #banner-bg .kontakt-udaje a {
    color: white;
    font-family: 'Sagona-SemiBold';
    font-size: 18px;
}

#contact h1 {
    color: white;
}

#contact .contact-block {
    padding-bottom: 47px; 
}

#contact .contact-block .contact,
#contact .contact-block .write-us {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

#contact .contact-block h2 {
    text-align: left;
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 33px;
}

#contact .contact-block h2:before,
#contact .contact-block h2:after {
    display: none;
}

#contact .contact-block .contact > p {
    padding-top: 10px;
}

#contact .contact-block h3 {
    padding-top: 40px;
}

#contact .contact-block .contact-form {
    border: none;
    padding: 0;
    width: 550px;
    box-shadow: none;
    margin: 0;
}

#contact .contact-block .contact-form .contact-agree {
    margin-top: 25px;
    text-align: left;
    margin-left: 93px;
    margin-bottom: 0;
    max-width: 330px;
}

#contact .contact-block .contact-form #submit-kontakt {
    position: relative;
    left: 214px;
    top: -27px;
}

#contact .contact-block #contactMap {
    width: 550px;
    height: 250px;
    border-radius: 4px;
    margin-top: 14px;
}

#contact .email_send,
.newsletter_send {
    background-color: #00c292;
    color: white;
    padding: 10px;
    margin-bottom: 20px;
}

.newsletter_send {
    margin-bottom: 40px;
}

.newsletter_send * {
    color: white !important;
}

/**
* -------- KONTAKT KONEC ------------
*/

/**
* -------- BUTTONY ------------
*/
.btn {
    border-radius: 4px;
    padding: 14px 15px 13px;
    line-height: 1;
    color: white;
    font-size: 14px;
}

.btn:hover {
    color: white;
}

.btn.btn-dark {
    background-color: #233b44;
}

.btn.btn-grey {
    background-color: #aaaaaa
}

.btn.btn-thin {
    padding: 9px;
}

.btn.btn-blue, .btn.btn-submit, .btn.btn-primary {
    background-color: #4a98e2;
}

.btn.btn-submit, .btn.btn-primary {
    padding: 9px 10px 8px 10px;
}

.btn.btn-green {
    background-color: #00c292;
}

.btn.btn-white {
    background-color: white;
    border: 1px solid #e7e7e7;
    color: #233b44;
}

.btn.btn-white:hover {
    color: #233b44;
}

.btn.btn-transparent {
    background: transparent;
    border: 1px solid white;
}

.btn.btn-transparent:hover {
    background: white;
    color: #233b44;
}

.btn-show-more,
.btn-show-more-search{
    background: none;
    color: #7fae31;
    text-transform: uppercase;
    font-family: roboto-bold;
    font-size: 13px;
    border: 2px solid #7fae31;
    border-radius: 15px;
    height: 44px;
    display: inline-block;
    text-align: center;
    padding: 0 15px;
    line-height: 42px;
}

.btn.btn-primary.delete_btn{
    background-color: #FCFCFC;
    border-color: #DDDDDD;
    color: #000;
}

.btn.btn-primary.btn-lang {
    width: 54px;
    margin: 0 5px;
}

.btn.btn-primary.btn-submit.red{
    background-color: #c64343;
    border: none;
}

.btn.btn-primary.btn-submit.red:hover{
    background-color: #c64343;
}

.btn.btn-primary.btn-submit.green{
    background-color: #77a032;
    border: none;
}
.btn.btn-primary.btn-submit.green:hover{
    background-color: #77a032;
}

.btn.reservation-btn.btn-header {
    /* Tomáš Bielik 29.9.2020 */
    display: block;
    margin: 0 15px 0 0;
    /*
    display: inline-block;
    margin-top: 10px;
    margin-left: 15px;
    */
}
/*
.btn.reservation-btn.btn-header:last-child {
    margin-left: 30px;
}
*/
.header-btns-wrap {
    width: auto;
    margin: 0 auto;
}

/**
* -------- BUTTONY KONEC ------------
*/

/**
* -------- LOGIN ------------
*/

.login  {
    padding: 80px 0;
    position: relative;
    background-color: white;
}

.login .bgr {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f6f6f6;
    z-index: -1;  
}

.login .form-block {
    max-width: 420px;
    box-shadow: 4px 9px 40px #d7d7d7;
}

.login h1,
.login .form-block h2 {
    padding-top: 20px;
    padding-bottom: 30px;
    font-size: 30px;
}

.login a {
    color: #4a90e2;
    text-decoration: underline;  
}

.login .form-block .b_form {
    padding-top: 20px;
}

.login .b_form .panel-heading {
    display: none;
}

.login .form-block .b_form #submit-login,
.login .form-block .b_form #submit-forgot_passwd,
.login .form-block .b_form #submit-registration {
    width: 120px;
}

.login .form-block .b_form #submit-registration {
    margin-top: 50px;
    margin-bottom: 10px
}

.login .forgot-passwd {
    text-align: left;
    width: 420px;
    margin: 10px auto 0;
}

.login .forgot-passwd a {
    color: #4a90e2;
    text-decoration: underline;
}

.login .text-right .btn.btn-submit {
    width: 100%;
    margin-top: 0;
}

.login .panel {
    margin-bottom: 0;
    border: none;
}

.registration .sex .bootstrap-select.btn-group .btn .filter-option{
    padding-left: 43px;
}

.form-bottom-block.login {
    padding: 20px 0;
}

.login .register {
    text-align: left;
}

.login #submit-login,
.login #submit-registration {
    margin-top: 10px;
}

.registration-width {
    max-width: 1480px;
    margin: 0 auto;
}

.registration {
    padding: 0;
    background: none;
}

.registration .page-block {
    padding-top: 80px;
}

.registration .registration-left,
.registration .registration-right {
    float: left;
}

.registration .registration-right h1 {
    padding-bottom: 30px;
}

.registration .registration-left {
    width: 680px;
}

.registration .registration-right {
    width: 800px;
}

/*
.registration .registration-left.investor {
  width: 560px;
}

.registration .registration-right.investor {
  width: 920px;
}*/

.registration .step .step-img {
    width: 270px;
    text-align: center;
}

.registration .step .step-img img {
    max-width: 270px;
    margin-top: 10px;
    max-height: 180px;
}

.registration .step .step-content > div {
    height: 178px;
}

.registration .step .step-content-left .step-img {
    float: right;
}

.registration .step .step-content-left .step-text { 
    width: 530px;
    padding-left: 100px;
}

/*
.registration .registration-right.investor .step .step-content-left .step-text { 
  width: 650px;
}*/

.registration .step .step-content-right .step-img,
.registration .step .step-content-right .step-text {
    float: left;
}

.registration .step .step-content-right .step-text {
    float: left;
    width: 490px;
    padding-left: 105px;
    margin-left: 20px;
}

/*
.registration .registration-right.investor .step .step-content-right .step-text { 
  width: 610px;
}*/

.registration .step .step-text p {
    font-size: 13px;
}

.registration .step h2 {
    font-size: 18px;
    line-height: 22px;
    padding: 0;
    padding-bottom: 10px;
    padding-top: 40px;
    text-align: left;
}

/*
.registration .registration-right.investor .step h2 {
  padding-top: 30px;
}*/

/*
.registration .registration-left.investor .form-block {
  margin-top: 80px;
}*/

.registration .step1 .step-text {
    background: url(../img/jaktofunguje/1.png) no-repeat left center;
    background-size: auto 130px;
}

.registration .step2 .step-text {
    background: url(../img/jaktofunguje/2.png) no-repeat left center;
    background-size: auto 130px;
}

.registration .step3 .step-text {
    background: url(../img/jaktofunguje/3.png) no-repeat left center;
    background-size: auto 130px;
}

.registration .step4 .step-text {
    background: url(../img/jaktofunguje/4.png) no-repeat left center;
    background-size: auto 130px;
}

.registration .step5 .step-text {
    background: url(../img/jaktofunguje/5.png) no-repeat left center;
    background-size: auto 130px;
}

.registration .step6 .step-text {
    background: url(../img/jaktofunguje/6.png) no-repeat left center;
    background-size: auto 130px;
}

.registration-right.investor .step4 > div,
.registration-right.investor .step5 > div {
    height: 200px;
}

.registration-right.investor .step6 > div {
    height: 220px;
}

.registration .registration-right.investor .step4 .step-content > div,
.registration .registration-right.investor .step5 .step-content > div {
    height: 200px;
}

.registration .registration-right.investor .step6 .step-content > div {
    height: 220px;
}

.registration .step .gradient-block {
    position: absolute;
    width: 60%;
    left: 40%;
    height: 178px;
    background-image: linear-gradient(90deg, #f6f6f6 0%, #ffffff 20%);
    z-index: -1;
}

#fb_login{
    display:block;
    width: 219px;
    padding: 0;
    padding-left: 75px;
    text-align: left;
    background: url(../img/form/facebook.png) no-repeat left 10px center;
    background-color: white;
    border: 2px solid #3b5998;
    border-radius: 5px;
    color: #3b5998;
    float: left;
    height: 70px;
    line-height: 1.2;
    margin-top: 0;
    font-size: 15px;
    position: relative;
    margin-bottom: 25px;
    cursor: pointer;
    font-family: roboto-light;
}

#fb_login .fb_content{
    position: absolute;
    top: calc(50% - 10px);
}

#fb_login .fb_content .bold{
    font-family: roboto-bold, Arial;
}

#google_login{
    float: left;
    display:block;
    width: 219px;
    padding: 13px 0;
    padding-left: 75px;
    text-align: left;
    background: url(../img/form/google.png) no-repeat left 10px center;
    background-color:  white;
    border: 2px solid #db4437;
    color: #db4437;
    height: 70px;
    border-radius: 5px;
    margin-left: 10px;
    box-sizing: border-box;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 15px;
    font-family: roboto-light;
}

#google_login > span,
#google_login > span > span {
    display: block;
}

.login .btn.btn-primary.btn-submit { 
    width: 100%;
}

.login .captcha{
    width: 160px;
    float:left;
}

.login .recaptcha{
    float: left;
    border: 1px solid #DFDFDF;
    margin: 0;
    margin-top: 24px;
    position: relative;
}

.login #captcha_refresh{
    position: absolute;
    top: 8px;
    left: -22px;
}

/**
* ------------- LOGIN KONEC ---------------
*/

/**
* ------------- UNIVERZALNI STYLY ---------
*/

.styled {
    counter-reset: h2-counter;
}

.styled-content h1,
.styled h1 {
    color: #233b44;
    font-family: 'Sagona-SemiBold';
    font-size: 34px;
    line-height: 44px;
    padding-top: 80px;
    padding-bottom: 60px;
    text-align: center;
}

.styled h1 {
    padding-bottom: 0;
}

.styled h2 {
    text-align: left;
    font-size: 30px;
    padding-top: 0px;
    padding-bottom: 10px;
    color: #233b44;

}

#ochrana_udaju .styled h2 {
    padding-top: 70px;
}

#ochrana_udaju .styled h2:before {
    content: counter(h2-counter);
    counter-increment: h2-counter;
    color: white;
    font-size: 22px;
    border-radius: 100%;
    background-color: #00c292;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    margin-right: 15px;
    font-family: 'Sagona-Book';
    position: relative;
    top: -4px;
}

.styled h3 {
    font-family: 'Sagona-SemiBold';
    line-height: 20px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 15px;
    color: #233b44;
}

.styled a {
    color: #00c292;
    text-decoration: underline;
}

.styled a.btn {
    color: white;
    text-decoration: none;
}

.styled .tabbed {
    margin-left: 35px;
}

.styled .tabbed ul {
    margin-left: 20px;
}

.styled .tabbed .p-big {
    font-size: 20px;
    font-family: 'Sagona-SemiBold';
    line-height: 24px;
    padding-top: 35px;
    padding-bottom: 15px;
}

.styled .tabbed h3 {
    margin-left: 20px;
}

.styled ul {
    padding: 0;
    margin: 0;
    margin-left: 55px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.styled ul li {
    list-style-type: none;
    position: relative;
    padding-left: 30px;
    line-height: 2.2;
}

.styled ul li p {
    line-height: 2.2;
}

.styled ul > li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #00c292;
    position: absolute;
    left: 6px;
    top: 12px;
}

.styled ul li ul {
    margin: 0;
}

.styled ul li ul li::before {
    display: none;
}

.styled ul li ul li {
    margin-left: 40px;
    padding-left: 15px;
    list-style-image: url(../img/li2.png);

}

/**
* ------------- UNIVERZALNI STYLY KONEC ---------
*/

/**
* ------------- POPUP ----------------
*/

#personal_data_popup,
#agree_popup{
    display:none;
    max-width: 820px;
    width: calc(100vw - 40px);
    min-width: 300px;
    max-height: 640px;
    height:  calc(100vh - 150px);
    min-height: 300px;
    border-radius: 4px;
}

#personal_data_popup .content,
#agree_popup .content{
    height: 100%;
    padding: 0px;
    border-radius: 8px;
}

#personal_data_popup iframe,
#agree_popup iframe {
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: white;
    border-radius: 4px;
}

.popup-content {
    padding: 30px;
}

.popup-content h1 {
    font-size: 30px;
    line-height: 38px;
    font-family: 'Sagona-SemiBold';
    padding-top: 20px;
    padding-bottom: 60px;
    text-align: center;
}

.popup-content h2 {
    font-size: 20px;
    line-height: 24px;
    font-family: 'Sagona-SemiBold';
    padding-top: 0;
    padding-bottom: 10px;
    text-align: left;
}

.popup-content .btn {
    width: 140px;
}

.popup-content .btns {
    max-width: 420px;
    margin: 40px auto 0;
}

.popup-content .btns.bottom-btns {
    position: absolute;
    bottom: 30px;
    left: calc(50% - 70px);
}

.personal_data_form.b_form,
.phone_verification.b_form {
    padding: 0;
    border: none;
    box-shadow: none;
    text-align: center;
    margin-top: 40px;
}

.personal_data_form.b_form label {
    font-size: 13px;
}

.personal_data_form .btn-grey {
    margin-left: 20px;
}

body.personal_data_agree #content .personal_data_text {
    height: calc(100% - 136px);
    margin-bottom: 20px;
    display:flex;
    overflow: hidden;
    overflow-y: auto;
}

body.personal_data_agree #content .personal_data_text p {
    margin-bottom: 10px; 
    text-align: justify;
}

#content .user_content{
    margin-bottom: 0px;
}

body.personal_data_agree main{
    height: 100%;
}

body.personal_data_agree #content{
    height: 100%;    
}

body.personal_data_agree #content .personal_data_text.no_rights{
    height: calc(100% - 80px);
}

body.personal_data_agree #content .personal_data_text .text_content{
    display:block;
    padding-right: 20px;
}

body.personal_data_agree .form-group{
    margin-bottom: 20px;
}

.popup-content.verification p {
    text-align: center;
}

.popup-content .enter-code-text {
    text-align: center;
    margin-top: 40px;
}

.b_form.phone_verification{
    width: 140px;
    margin: 7px auto 0;
    height: 95px;
}

.b_form.phone_verification #code {
    width: 140px;
    height: 58px;
    font-size: 36px;
    padding: 5px;  
}

.b_form.phone_verification .form-group {
    margin-bottom: 60px;
}

.bpopupClose:before,
.bpopupClose:after,
.autobpopupClose:before,
.autobpopupClose:after,
.btn_close:before,
.btn_close:after{
    position: absolute;
    left: 5px;
    content: ' ';
    height: 15px;
    width: 3px;
    background-color: #4a98e2;
}

.bpopupClose,
.autobpopupClose,
.btn_close{
    color: #4a98e2;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 15px;
    height: 15px;
    opacity: 1;
    cursor: pointer;
}

/**
* ------------- POPUP KONEC ----------------
*/


.setting .birth_date{
    width:450px;
}

.setting #description{
    resize: none;
    height: 100px;

}

.bpopupClose.map_close{
    background-color: #FFF;
    right: 45px;
    top: 10px;
    width: 25px;
    height: 25px;
    padding-top: 3px;
}

.bpopupClose.map_close:before,
.bpopupClose.map_close:after{
    height: 20px;
    margin-left: -3px;
}

.bpopupClose:before,
.autobpopupClose:before,
.btn_close:before{
    transform: rotate(45deg);
}
.bpopupClose:after,
.autobpopupClose:after,
.btn_close:after{
    transform: rotate(-45deg);
}

.page_content{
    margin: 0px auto;
}
.home_info{
    margin-bottom: 25px;
    padding-right: 20px;
}

#home_search{
    margin-bottom: 25px;
}

#home #home_search #cities,
#home #home_search #fields{
    width: 362px;
}

#home #home_search .select2-container
{
    margin-right: 25px;
    float:left;
}

#home #home_search .fa-search{
    margin-right: 10px;
    margin-left: -5px;
}

#home #home_search #search{
    float:left;
    width: 128px;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    border: 1px solid #ff9900;
    background-color: #ff9900;
    padding: 12px 0;
    border-radius: 4px;
    color: white;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

#home #home_search #search:hover{

}

#home .select2-selection__choice__remove{
    float:right;
    margin-left: 5px;
}

#home #home_locations a{
    color: #1049ac;
    font-size: 15px;
    margin-left: 3px;
    /*barva 0049ac */
}

#home #home_locations a:first-child{
    margin-left: 0px;

}

#home #home_locations a:hover{
    color: #00F;
}

.registrace.login .select2-selection--single{
    border-radius: 0px;
}

.select2-dropdown{
    border: 1px solid #DFDFDF !important;
}

.registrace.login .select2-selection--single{
    height: 33px;
}

.registrace.login .select2-container{
    margin-top : 8px;
}

.registrace.login .select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 10px;
}

.form_error{
    list-style-type: none;
    padding:0;
    margin:0;
}

.form_error li{
    font-size:11px;
    color: #F00;
}


.reg .registration_buttons{
    width: 410px;
    text-align: center;
    margin: 0px auto;
    height: 65px;
}

.reg .registration_button{
    width: 190px;
    margin-right: 25px;
    font-size: 15px;
    font-family: SourceSansPro-R, Arial, sans-serif;
    border: 1px solid #ff9900;
    background-color: #ff9900;
    padding: 12px 20px;
    border-radius: 4px;
    position: relative;
    top: 4px;
    color: white;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.reg .registration_button:hover,
.reg .registration_button.selected{
    color: #ff9900;
    background-color: white;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.reg .registration_button.inzerent{
    margin-right: 0px;
}

.registration .right p,
.dashboard .page_content p {
    font-size: 26px;
    color: #ea951c;
}

.registration .right ol,
.dashboard .page_content ol{
    list-style-type: none;
    margin: 0;
    margin-left: 10px;
    counter-reset: li-counter;
    margin-top: 32px;
}

.registration .right ol > li,
.dashboard .page_content ol > li{
    position: relative;
    margin-bottom: 20px;
    padding-left: 30px;
    min-height: 20px;
    color: #ea951c;
    font-size: 26px;
    /*border-left: 2px solid #CCCCCC;*/
}

.registration .right ol > li > ul,
.dashboard .page_content ol > li > ul{
    list-style-type: none;
    margin: 0;
    margin-left: 10px;
    margin-top: 6px;
    margin-bottom: 28px;
    padding:0;

}

.registration.login .phone_code,
.setting .phone_code{
    width: 130px;
    margin-right: 10px;
    float:left;
}

.registration.login .phone,
.setting .phone{
    width: calc(100% - 140px);
    float: left;
}

.registration.login .phone_row .form-group,
.setting .phone_row .form-group{
    margin-bottom: 0px;
}

.phone.input_error .input_verif{
    border-color: red !important;
}

.b_form .page_content .alert{
    margin: 0 0 20px 0;
}

.registration .right ol > li > ul > li,
.dashboard .page_content ol > li > ul > li{
    font-family: roboto-italic;
    font-size: 15px;
    color: #666666;
    line-height: 1.68;


}

.registration .right ol > li:before,
.dashboard .page_content ol > li:before{
    position: absolute;
    top: 0;
    left: -1em;
    width: 40px;
    height: 40px;

    font-size: 26px;
    line-height: 40px;
    font-family: roboto-black;
    text-align: center;
    color: #FFF;;
    background-color: #7fae31;
    border-radius: 10px;


    content: counter(li-counter);
    counter-increment: li-counter;
}

.dashboard .page_content ol > li{
    margin-right: 35px;
}

.dashboard .page_content.how_it_work{
    max-width: 100%;
}

.dashboard .page_content.how_it_work p{
    text-align: center;
}


.dashboard .b_form.form_block .page_content ol{
    display: flex;
}

.empty_search_result{
    padding: 10px 0px 0px;
}

#content_wrap .obsah.page img{
    margin-right: 30px !important;
    max-width: 890px;

}

.offers .offer .hidden-messages {
    display: none;
}

.offers .offer .chat .show-hide-messages,
.offers .offer .chat .show-hide-chat{
    width: 120px;
    margin-bottom: 20px;
    position: relative;
}

.offers .offer .chat .chat-count {
    background-color: #3299e3;
    border-radius: 100%;
    color: #ffffff;
    font-family: roboto-bold;
    font-size: 15px;
    height: 24px;
    position: absolute;
    right: -12px;
    top: -12px;
    width: 24px;
}

.b_form.error_report_add {
    width: 700px;
}

.error_report_add_comment {
    margin-bottom: 20px;
}

.floated {
    display: inline-block;
    width: 120px;
    padding-left: 0;
    padding-right: 0;
}

.header-news {
    display: block;
    float: left;
    background: url(../img/bell.png);
    width: 35px;
    height: 30px;  
    position: relative;
    top: 15px;
    left: 15px;
    margin-right: 5px
}

.header-news-text {
    display: none;
    position: absolute;
    right: 50px;
    top: -5px;
    border: 1px solid #d7d7d7;
    background: white;
    width: 250px;
    height: 40px;
    line-height: 40px;
    z-index: 100;
    text-align: center;
    color: #233b44;
    border-radius: 5px;
}

.header-news:hover .header-news-text {
    display: block;
}

.header-icon-count {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    color: white;
    font-size: 10px;
    font-family: roboto-bold;
    background-color: #e5be00;
    line-height: 18px;
    right: 2px;
    text-align: center;
}

#private{
    /*height: 100%;*/
}

#private table{
    font-size: 12.5px;
}

#content-header,
#content-bread,
.navbar.navbar-inverse.bookmarks.project_show > div,
#iframe_bookmarks .navbar.navbar-inverse.bookmarks > div{
    padding: 0px 20px 0 20px;
}

#content-bread {
    max-width: 1480px;
    margin: 0 auto;
}

.window {
    height: calc(100% - 1px);
    overflow: auto;
}

.detail-show{
    margin-top: 20px;
    /*padding-left: 20px;*/
}

.sjedn{
    float: none !important;
    clear: both;
}

.float_left{
    float: left;
}

.float_right{
    float: right;
}

.page-header.page-header-default{
    border-bottom: none;
    box-shadow: none;
    margin-bottom: 0px;
}

a{
    color: #343434;
}

#breadcrumb{
    min-height: 39px;
}

.breadcrumb-line.fixed{
    position: fixed;
    width: 100%;
    z-index: 1;
}

#menu .nav.navbar-nav{
    font-weight: 500;
    text-transform: uppercase;
}

#breadcrumb .breadcrumb-line{
    background-color: #F9F9F9;
    border-color: #DDDDDD;

}

.navbar.navbar-inverse.bookmarks{
    font-weight: 500;
    text-transform: uppercase;
    background-color: #FFF;
    border-color: #DDDDDD;
    color:  #333;
}

.navbar.navbar-inverse.bookmarks .nav.navbar-nav{
    /* margin-left: 0px; */
}

.navbar.navbar-inverse.bookmarks .nav.navbar-nav li a{
    padding-left:10px;
    padding-right:10px;

}


.navbar.navbar-inverse.bookmarks a{
    color: #000;
}

.navbar.navbar-inverse.bookmarks li a:hover{
    background-color: #F44336;
}

.navbar.navbar-inverse.bookmarks li.selected a{
    background-color: #F44336;
    color: #fff;
}

.navbar.navbar-inverse.bookmarks.project_show{
    border-top: none;
}

.b_form .panel.panel-flat{
    border-color: transparent;
    box-shadow: none;
}

.b_form{
    width: 750px;
}

.form-langs {
    text-align: center;
}

tr.even{
    background: white;
}

tr.inactive-row {
    background: #ffd6cd !important;
}

th{
    border-bottom: 0px;
}


tr.odd{
    background: #f7f7f7;
}
.drag.row{
    border-radius: 6px;
}

.glyphicons.up_arrow:before,
.glyphicons.down_arrow:before{
    width: 20px;
    margin: 0px;
    padding: 0px;
    font-size: 20px;
}

table.table td.active{
    background-color: transparent !important;

}

.dataTables_wrapper{
    /* margin-top: 20px;*/
    /*text-align: center;*/
    margin: 0 auto;
}

.book_content{
    padding: 20px 20px;
    float: left;
    position: relative;
    left: -20px;
}

.book_content.book_content2 {
    left: 0;
}

.tab.info{
    width: 1000px;
    min-height: 500px;
    border: 1px solid #DDDDDD;
}

.tab.info td{
    vertical-align: top;

}

div.right {
    /* min-height: 115px; */
    position: relative;
    width: calc(100% - 850px);
    float: right;
    width: -moz-calc(100% - 850px);
    width: -webkit-calc(100% - 850px);
    width: -o-calc(100% - 850px);
    width: calc(100% - 850px);
}

div.right > div {
    max-width: 525px;
    float: left;
}

div.right {
    float: right;
    margin-bottom: -50px;
}

.detail-show .light-folder:last-child {
    /* min-height: 320px; */
    display: inline-block;
}

.light-folder ul{
    margin: 0px;
    padding: 0px;
}

.detail-show .light-folder {
    /* width: 100%; */
    margin-bottom: 16px;
    display: inline-block;
}


#private .detail-show .folder .admin a {
    background-color: #FFE3E3;
    color: black;
}


.detail-show .light-folder > div {
    display: table;
    float: none;
}

.detail-show .light-folder:last-child > div {
    /* float: left; */
}

#private .desktop li, #private .detail-show .folder li, #private .pages li, .additional-box li, .light-folder li {
    display: table-cell;
    float: left;
    margin: 10px 0px 0px 0;
}

#private .detail-show .folder li a[href*="/edit/"] {
    background-image: url(../img/private/user/edit.png);
    vertical-align: bottom;
}

#private .detail-show .folder li a[href^="/user/change_passwd/"], #private .detail-show .icon-box li a[href^="/interviewer/change_passwd/"] {
    background-image: url(../img/private/user/password.png);
    vertical-align: bottom;
}


#private .detail-show .folder li a[href*="/delete/"] {
    background-image: url(../img/private/desktop/icon-office-alert.png);
    vertical-align: bottom;
}

div.left{
    width: 850px;
    float: left;
}

div.left.logs{
    width: 1150px;
    float: left;
}

div.project_mail div.left{
    width: 1125px;
    float: left;
}

div.right.logs{
    position: relative;
    width: calc(100% - 1170px);
    float: right;
    width: -moz-calc(100% - 1170px);
    width: -webkit-calc(100% - 1170px);
    width: -o-calc(100% - 1170px);
    width: calc(100% - 1170px);
}


div.right{
    position: relative;
    width: calc(100% - 850px);
    float: right;
    width: -moz-calc(100% - 850px);
    width: -webkit-calc(100% - 850px);
    width: -o-calc(100% - 850px);
    width: calc(100% - 850px);
}


div.right > div{
    position: relative;
    width: calc(100% - 20px);
    float: right;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px);
}

div.right > div.msgs{
    position: relative;
    width: calc(100%);
    float: right;
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    width: -o-calc(100%);
    width: calc(100%);
}

div.right{
    float: right;
    margin-bottom: -50px;
}

div.right > div {
    max-width: 525px;
    float: left;
}

div.right > div.msgs {
    max-width: 545px;
    float: left;
}

@media (max-width: 1250px) {
    div.right {
        width: 100%;
        float: left;
        margin-bottom: 0px;
    }
    div.right > div {
        max-width: none;
        width: 825px;
        float: left;
    }

    div.right > div.msgs {
        width: 828px;
        max-width: 828px;
        float: left;
        margin-bottom:15px;
    }
}

@media (max-width: 1250px) {
    div.right > div {
        max-width: none;
        width: 100%;
        float: none;
    }
}

.table-bookmark {
    background-color: #FCFCFC;
    border: 1px solid #DDDDDD;
    margin-bottom: 10px;
    padding: 9px 14px 14px;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 25px;
    width: 825px;
    float: left;
    min-height: 240px;
}

.user_detail .table-bookmark{
    min-height: 288px;
}

div.table-bookmark div.bookmark-line {
    float: left;
    margin-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #c8c8c8;
}

div.table-bookmark div.bookmark-line ul li:last-child {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

div.table-bookmark div.bookmark-line ul li.active {
    color: #00658a;
}
div.table-bookmark div.bookmark-line ul li:FIRST-CHILD {
    padding-left: 5px;
}
div.table-bookmark div.bookmark-line ul li {
    background: url(../img/private/table/bookmark-li.png) no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #00a8bc;
    cursor: pointer;
    float: left;
    font-size: 17px;
    list-style: outside none none;
    padding: 7px 30px 7px 20px;
    margin-top: 0px !important;
}

div.table-bookmark div.bookmark-line ul li.admin{
    color: red;
}

div.table-bookmark table.tab tr td.tb-text {
    background: -moz-linear-gradient(center top , #ededed 0%, white 50%, white 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    padding-left: 5px;
    color: #8c8c8c;
    width: 255px;
    max-width: 255px;
}

div.table-bookmark table.tab tr td.tb-text.tb-poznamka{
    vertical-align: top;
}

div.table-bookmark table.tab tr td {
    border: none;
    background: none;
    width: 150px;
    padding: 5px 0 5px 10px;
    margin: 0;
}

div.table-bookmark table.tab {
    border-collapse: separate;
    border-spacing: 4px;
}

.bookmark-line ul{
    padding: 0px;
}

.input_info{
    position: relative;
    margin-top: 3px;
    margin-bottom: 20px;
    font-size: 10px;
    color: #888;
}

.inp_info{
    position: relative;
    margin-bottom: 20px;
    font-size: 11px;
}

.f_textarea .input_info{
    margin-top: 0px;
}

.submit-send_extras{
    margin-left: 20px;
}

.table > thead > tr > th.pm_phones{
    border-bottom: none;
}

label.checkbox input[type="checkbox"]{
    margin-left: 10px;
}


.b_form.ae_user_groups{
    width: 710px;
}

.b_form.ae_user_groups textarea{
    resize: none;
    overflow: hidden;
    overflow-y: auto;
}

#test_mail{
    resize: none;
    overflow: hidden;
    overflow-y: auto;
}

.form-group.f_textarea.test_mail textarea{
    height: 100px;
}

#ae_project_campaign #user_names,
.send_campaign #user_names{
    height: 150px;
}

.datatable-scroll{
    /* float: left;*/
    position: relative;
}


.datatable-scroll td>p{
    margin-bottom: 0px;
}

.file_show_btn{
    position: absolute;
    margin-top: -36px;
    margin-left: 635px;
}

.ano,
.volase,
.aktivni,
.potvrzeny,
.vyrizene,
.Ano,
.Anovplnem,
.Anovcastecnem,
.send,
td.active_,
td.active-main_,
.approved,
.table.dataTable > tbody > tr > td.active,
.active_public,
.uhrazeno {
    background-color: #00c292 !important;
    text-align: center;
    color: white !important;
}

div.table-bookmark table.tab tr td.tb-text.ano,
div.table-bookmark table.tab tr td.tb-text.active,
div.table-bookmark table.tab tr td.tb-text.approved
{
    background: #00c292 !important;
    text-align: left;
    color: white !important;
}

div.table-bookmark table.tab tr td.tb-text.ano a,
div.table-bookmark table.tab tr td.tb-text.active a,
div.table-bookmark table.tab tr td.tb-text.approved a,
.ano a,
.volase a,
.aktivni a,
.potvrzeny a,
.vyrizene a,
.Ano a,
.Anovplnem a,
.Anovcastecnem a,
.send a,
td.active_ a,
td.active-main_ a,
.approved a,
.table.dataTable > tbody > tr > td.active a,
.uhrazeno a {
    color: white !important;
}

div.table-bookmark table.tab tr td.tb-text.ne,
div.table-bookmark table.tab tr td.tb-text.inactive-visible_,
div.table-bookmark table.tab tr td.tb-text.inactive-invisible_,
div.table-bookmark table.tab tr td.tb-text.finished,
div.table-bookmark table.tab tr td.tb-text.unapproved,
div.table-bookmark table.tab tr td.tb-text.deactivated,
td.urgentni,
td.viceprace, /* PM_TIKET */ 
div.table-bookmark.error_report table.tab tr td.tb-text.viceprace /* PM_TIKET */
{
    background: #ea4141 !important;
    text-align: center;
    color: white !important;
}


.waiting{
    background: #FFFF99;
    text-align: center;
    color: black;
}

div.table-bookmark table.tab tr td.tb-text.waiting{
    background: #FFFF99;
    text-align: left;
    color: black;
}

.approve_wait{
    background: #FFCC99;
    text-align: center;
    color: black;
}

.deactivate{
    background: #FFD6CD;
    text-align: left;
    color: black;
}

div.table-bookmark table.tab tr td.tb-text.approve_wait{
    background: #FFCC99;
    text-align: left;
    color: black;
}


div.table-bookmark table.tab tr td.tb-text.potvrzeny,
div.table-bookmark table.tab tr td.tb-text.send,
div.table-bookmark table.tab tr td.tb-text.active,
div.table-bookmark table.tab tr td.tb-text.active-main{
    background: #d0ffcb;
    text-align: left;
    color: black;
}

div.table-bookmark table.tab tr td.tb-text.nepotvrzeny,
div.table-bookmark table.tab tr td.tb-text.odstraneny,
div.table-bookmark table.tab tr td.tb-text.concept{
    background: #FFD6CD;
    text-align: left;
    color: black;
}

div.table-bookmark table.tab tr td.tb-text.aktivni{
    background: #d0ffcb;
    text-align: left;
    color: black;
}

div.table-bookmark table.tab tr td.tb-text.uzavren,
div.table-bookmark table.tab tr td.tb-text.smazan{
    background: #FFD6CD;
    text-align: left;
    color: black;
}




.ne, .nevolase, .neaktivni,
table.tab td.odstraneny,
table.tab td.nepotvrzeny,
table.tab td.nevyrizene,
table.tab td.zakazany,
.Ne,
.inactive-visible,
.inactive-invisible,
.inactive-invisible_,
.inactive-visible_,
.deactivated,
.neuhrazeno {
    background: #ea4141;
    text-align: center;
    color: white !important;
}

.ne a, 
.neaktivni a,
table.tab td.odstraneny a,
table.tab td.nepotvrzeny a,
table.tab td.nevyrizene a,
table.tab td.zakazany a,
.inactive-visible a,
.inactive-invisible a,
.inactive-invisible_ a,
.inactive-visible_ a,
.finished a,
.unapproved a,
.deactivated a,
.neuhrazeno a {
    color: white !important;
}

.approve-wait{
    background: #f8ff82;
    text-align: center;
    color: black !important;
}

.finished{
    background: #82fbff;
    text-align: center;
    color: black;
}

.deactivate{
    background: #ffd6ff;
    text-align: center;
    color: black;
}

.concept{
    background: #5affde;
    text-align: center;
    color: black;
}

.td_note, .td_note a{
    color: #666;
}

.table > tbody > tr > td.detail div.redips-row{
    padding: 4px 8px;
    margin: 0px;
    border : 1px solid #455A64;
    position: relative;
}

.table > tbody > tr > td.detail .redips-row{
    line-height: initial;
}

.drag_drop{
    font-size: 20px;
    color: white;
    border : 1px solid #455A64;


}

.table > tbody > tr > td.center{
    text-align: center;
}

.btn-back .btn.primary-btn{
    background-color: #777;
    color: white;

}

.btn-back .btn.primary-btn span{
    margin-right: 10px;
}

.form-group.hidden{
    display:none;
}

.page_content.email_ver,
.page_content.phone_ver,
.page_content.bank_ver{
    padding-top: 20px;
    height: 400px;
    background-color: #f5f5f5;

}

#test_mail_popup{
    overflow: hidden;
    overflow-y: auto;
    resize: none;
}

#popup div.input_info{
    margin-top: 0px !important;
}

.table > thead > tr > td, .table > tbody > tr > td.detail, .table > tfoot > tr > td.detail{
    /*padding: 5px 3px;*/
    white-space: nowrap;
}
.table > thead > tr > td a, .table > tbody > tr > td.detail a, .table > tfoot > tr > td.detail a{
    white-space: nowrap;
}
#chat_respondent_content table div{
    overflow-wrap: break-word;

}

.send_campaign .input_info{
    margin-top: 0;
}

.send_campaign #user_names{
    resize: none;
    overflow-y: auto;
    margin-bottom: 20px;
}


div#wait {
    padding: 10px 10px 10px 10px;
    color: black;
    border: 1px solid #e1e1e1;
    position: fixed;
    top: 40%;
    height: 62px;
    width: 140px;
    left: 45%;
    z-index: 1010;
    display: none;
    background: #fff url(../img/ajax-loader.gif) center 10px no-repeat;

}

div#wait .waitText {
    color: black;
    font-size: 10px;
    font-weight: black;
    text-align: center;
    /*	font-weight: bold; */
    padding: 34px 0px 6px 0;
}

#lightboxBgr {
    display: none;
    background:#fdfdfd;
    opacity:0.8;
    filter:alpha(opacity=80);
    position:fixed;
    min-width:100%;
    min-height:100%;
    width: 100%;
    height: 100%;
    z-index:1000;
    left: 0;
    top: 0;
}

input[type="file"]{
    border: none;
    margin: 0px;
    height: inherit;
    border: 1px solid #ddd;
}

#e_chat .b_form{
    width: 500px;
}

#e_chat .chat_input{
    float:none;
    width: 100%;
    height: 75px;
    margin-bottom: 10px;
}

#e_chat .panel-body{
    padding-bottom: 0px;
}

div.table-bookmark div.tab.active {
    display: block;
}

div.table-bookmark div.tab{
    display:none;
}

#ae_side .btn.btn-primary.btn-submit{
    width: 180px;

}

tr.ano {
    text-align: left;
}

tr.ne {
    text-align: left;
}



@media (min-width: 769px){
    #bookmarks .navbar-nav{
        margin-left: 0px !important;
    }
}

.bookmarks_frame{
    padding: 0px;
    margin: 0px;
}

#iframe_bookmarks .bookmarks_content{
    margin-left: 80px;
}

.side_show{
    padding-top: 12px;
    margin-bottom: 0px;
}

.page-title{
    padding: 15px 15px 15px 0;
}



.headr_start_btns{
    min-width:271px;
    display: block;

}

#show_form,
#hide_form{
    cursor: pointer;
}

.b_form .input_error .select2-container .select2-selection--single{
    height: 40px; /* MP 17.8.17 registrace */
    border: 1px solid red;
}


.b_form .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 40px;
}

.b_form .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 40px;
}

.b_form .select2-container .select2-selection--single{
    height:40px;
}

.b_form .select2-container--default .select2-selection--single{
    border: 1px solid #ddd;
}


/*
.b_form .cke{
    margin-bottom: 20px;
}*/

.payment_space{
    margin-left: 25px;
}

.date_space{
    margin-left: 12px;
}

.form-group .left_label{
    float:left;
}


.form-group label.left_label{
    margin: 7px 10px 0 10px;
}

div.form-group.left_label .form-control{
    float:left;
}


#iframe_bookmarks #inzerat{
    max-width: 940px;
}

.b_form label,
.b_form .intable .inlabel{
    font-size: 13px;
    /*font-weight: bold;*/
    color: #555;
}

/*
.datatable-scroll{
    padding-right: 20px;
}*/

.zasilani-emailu .b_form{
    margin: 20px auto 0;
}

.zasilani-emailu.reg h2{
    margin-bottom: 20px;
}

.zasilani-emailu .panel-heading{
    display: none;
}

.in_addedit .select2-container--default .select2-selection--multiple,
.zasilani-emailu .select2-container--default .select2-selection--multiple{
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.in_addedit .select2-container--default.select2-container--focus .select2-selection--multiple,
.zasilani-emailu .select2-container--default.select2-container--focus .select2-selection--multiple{
    border: solid #ddd 1px;
}
.zasilani-emailu .b_form .select2-container .select2-selection--single{
    height: 45px;
}

.zasilani-emailu .b_form .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 42px;
}

.zasilani-emailu .b_form .select2-container--default .select2-selection--single .select2-selection__rendered{
    height: 42px;
    line-height: 42px;

}


.zasilani-emailu input.form-control{
    height: 45px;
}

.desktop_info{
    padding: 0px;
    /*border: 1px solid #D9D9D9;*/
    width: 535px;
    /*border-radius: 6px;*/
    padding: 20px 0;
    margin: 0 auto;
}
.desktop_table{
}

.desktop_table .title{
    padding-right: 10px;
    font-size: 14px;
    font-weight: bold;
}

.desktop_table .value{
    padding: 4px 8px;
}

.desktop_table .value div{
    padding-right: 0px;
    font-size: 14px;
    padding: 4px 8px;
    /*border: 1px solid #D9D9D9;*/
    width: 400px;
}

.desktop_table .value .edit{
    margin-left: 5px;
}

.rank.b_form{
    width: 250px;
}
/*
#autopopup .content{
    padding:0;
}
*/

.b_form.overeni{
    width: 400px;
}

.labels_block .select2-container .select2-selection--multiple{
    min-height: 123px;
}


.categoryIcon{
    max-height: 40px;
}

#admin_settings{
    padding: 40px;
    padding-top: 0px;
    background: -webkit-linear-gradient( #f2f2f2, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #f2f2f2, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #f2f2f2, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #f2f2f2, white);
}

#content {
    min-height: calc(100vh - 472px);
}

#content.admin{
    background-color: #f6f6f6;
    padding: 30px;
    min-height: calc(100vh - 110px);
}

#content.admin #desktop #content_wrap{
    width: 1280px;
    margin: 0 auto;
    background: transparent;
    padding-top: 20px;

}

.glyphicon-remove{
    color: black;
}

.pages {
    padding-top: 50px;
}

.blueMsg{
    background: #e5f4ff;
    padding: 25px;
    padding-left: 40px;
    font-family: roboto-medium;
    color: #343434;
}
.blueMsg .cont{
    line-height: 1;
    padding-top: 5px;
}

#formdemands .form-group{
    float: left;
    margin-left: 20px;
    text-align: left;
}

#formdemands #submit-demands{
    position: absolute;
    left: 1110px;
}

.admin.demands{
    width: 2000px;

}

.user_rating .note .buttons .btn-grey{
    display:initial;
}


.ratings .btn-blue{
    width: 120px;
}

#satisfaction_verification .user_photo img{
    width: 80px;
    height: 80px;
}

/**
* DM PM_TIKET
*/

#content.err_report {
    padding-top: 30px; 
}

#content.err_report div.left{
    padding-left: 20px;
}

#content.err_report h2.tab.admin{
    padding-bottom: 20px;
}

.error_report_add_comment .b_form .panel-heading{
    padding-top: 0px;
}

.error_report_add_comment .form-group{
    margin-bottom: 17px;
}

.error_report_add_comment .note_chckbox2 {
    position: absolute;
    left: 560px;
    top: 340px;
}

.error_report_add_comment .note_chckbox3 {
    position: absolute;
    left: 560px; 
    top: 380px;
}

.error_report_add_comment .note_chckbox4 {
    position: absolute;
    left: 560px;
    top: 420px;
}

label[for='typ_viceprace']{
    position: absolute;
    top: 270px;
    left: 700px;
    z-index: 100;
}

label[for='typ_chyba_devel']{
    position: absolute;
    top: 300px;
    left: 700px;
    z-index: 100;
}

label[for='typ_chyba_klient']{
    position: absolute;
    top: 330px;
    left: 700px;
    z-index: 100;
}

/**
------------------------
nastavení uživatele
-----------------------
*/


.bookmark-content.user-bc-content {
    margin-top: 40px;
}

#content.setting_bg{
    background-color: #f7f7f7;
}

.bookmarks_block{
    height:80px;
    display: block;
    width: 100%;
    background-color: #f7f7f7;
}

.bookmarks_frame_block{
    height:80px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}

.bookmarks_cover{
    max-width: 1200px;
    margin: 0px auto;
    position: relative;
}

.bookmarks_frame_cover{
    margin: 0px auto;
    position: relative;
}

h2.subtitle_body{
    text-align: center;
    color: #ea951c;
    font-size: 28px;
    font-family: roboto-medium;
    width: 100%;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 40px;
    text-transform:  uppercase;
    line-height: 1;
}

.setting .b_form {
    background: none;
    border: none;
    box-shadow: none;
    width: 100%;
    padding: 0;
}

.setting h1.title_body{
    padding-bottom: 0px;
}

.setting-block > div > div {

    display: inline-block;
}

.setting-block .setting-block-left {
    vertical-align: top;
    width: 590px;
}

.setting-block .setting-block-right {
    vertical-align: middle;
    width: 590px;
}

.setting-block h2 {
    padding-bottom: 40px;  
    padding-top: 30px;
}

.setting-block .setting-block-left {
    padding: 40px 30px;
}

.setting-block .form-block {
    width: 590px;
    margin: 40px auto;
    padding: 20px;
}

.setting .setting-block .verification {
    position: relative;
}

.setting .setting-block .invoice-signer .grid3 {
    width: 124px;
}

.setting .setting-block .ares {
    margin-bottom: 20px;
}

#basic_introduction.content-width {
    max-width: 700px;
}

#basic_introduction h2 {
    font-size: 28px;
    padding-bottom: 20px;
    text-align: left;
    font-family: 'Sagona-Book';
}

#basic_introduction p {
    line-height: 1.6;
}

#basic_introduction h1 {
    font-size: 25px;
    color: #00aa84;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-left: 1px solid #e7e7e7;
    display: inline-block;
    padding-left: 35px;
    font-family: 'Sagona-Book';
}

#basic_introduction .basic-header img {
    padding-right: 35px;
    vertical-align: top;
    position: relative;
    top: 10px;    
}

#basic_introduction .basic-header {
    height: 50px;
    text-align: center;
    margin-top: 40px;   
}

#basic_introduction .btn {
    padding: 0;
    height: 40px;
}

#basic_introduction .basic-footer {
    display: block;
    margin: 40px auto 30px;
}

h1.title_user, .user_templates h1 {
    text-align: center;
    color: #333333;
    font-family: roboto-regular;
    font-size: 32px;
    font-weight: normal;
    padding-top: 40px;
    padding-bottom: 30px;
    margin: 0;
    text-transform: none;
}

.user h2{
    text-align: center;
    color: #333333;
    font-family: roboto-regular;
    font-size: 25px;
    font-weight: normal;
    padding-top: 40px;
    padding-bottom: 30px;
    margin: 0;
    text-transform: none;
}

.user_templates h1{
    padding-top: 128px;
}

.user_templates #bookmarks{
    top: 35px;
}

h2.title_user span{
    padding-left: 20px;
    padding-right: 20px;

}

#user_header{
    border: 1px solid #d2d2d2;
    border-radius: 6px;
    min-height: 140px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: white;
    padding: 20px;
}

.user_header_cover {
    max-width: 1180px;
    margin: 0px auto;
}

#user_header .user_info {
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    padding-bottom: 20px;
}

#user_header .user_info .user_name {
    font-family: 'Sagona-SemiBold';
    font-size: 30px;
    line-height: 1;
    color: #343434;  
    float: left;
}

#user_header .user_info .user-info-right {
    float: right;
    text-align: right;
}

#user_header .user_info .user-info-right > div {
    display: inline-block;
    vertical-align: middle;
    padding-right: 70px;
    height: 30px;
    line-height: 30px;
}

#user_header .user_info .user-info-right .title {
    font-size: 13px;
    color: #a5a5a5;
    vertical-align: middle;
}

#user_header .user_info .user-info-right .value {
    font-size: 18px;
    color: #5a5a5a;
    vertical-align: middle;
    padding-left: 10px;
}

#user_header .user-info-bottom {
    padding-top: 20px;
    text-align: center;
}

#user_header .verification_block {
    float: left;
    margin-left: 30px;
}

#user_header .conditions_block {
    display: inline-block;
    text-align: left;
}

#user_header .conditions_block .conditions_guide,
#user_header .conditions_block .conditions_user,
#user_header .conditions_block .conditions_premium {
    padding: 0 27px;
    border-left: 1px solid #e5e5e5;
}

#user_header .conditions_block .conditions_premium {
    padding-right: 0;
}

#user_header .conditions_block .conditions_user {
    padding-left: 0;
    border-left: 0;
}

#user_header .conditions_block .text {
    color: #969696;
    /*font-family: 'Sagona-SemiBold';*/
    font-size: 15px;
    line-height: 18px
}

#user_header .conditions_block .cond_text .text:hover .help-txt {
    display: block !important;
}

#user_header .conditions_block .cond_text  .help-txt {
    bottom: 40px;
}

#user_header .conditions_block .text,
#user_header .conditions_block .btn {
    float: left;
}

#user_header .conditions_block .btn {
    height: 36px;
    line-height: 34px;
    width: 130px;
    padding: 0;
    text-align: center;
    margin-left: 10px;
}

#user_header .conditions_block .btn-premium {
    line-height: 15px;
} 

#user_header .conditions_block .one-row .text {
    padding-top: 10px;
}

.setting .select2-container--default .select2-selection--multiple{
    border-radius: 15px;
}


.user_info .user_registred{
    font-family: roboto-regular, Arial;
    font-size: 15px;
    color: #808080;
    line-height: 17px;
}

.user_info .user_registred span{
    float:left;
}

.user_info .user_registred .dot{
    display: block;
    height: 3px;
    width: 3px;
    background-color: #808080;
    border-radius: 100%;
    position: relative;
    top: 8px;

    margin: 0px 10px;
}

.conditions_block .conditions_guide,
.conditions_block .conditions_user,
.conditions_block .conditions_premium {
    float:left;
}

.conditions_block  img,
.conditions_block .cond_text{
    float:left;
}

.conditions_block .cond_text{
    font-size: 13px;
    margin-left: 10px; 
    line-height: 1.25;
}

@media (max-width: 1320px) {

    .level_info .verification_block,
    .level_info .experience_block{
        float:none;
    }

    .level_info .experience_block{

    }

    .level_info .verification_block{
        margin-top: 30px;
    }

    .level_items .levels_title{
        display: block;
        float:none;
    }

    .levels .level_item
    {
        float:none;
        margin-bottom: 20px;
        max-width: none;
    }

    .shields{
        padding-bottom: 20px;
    }

}

@media (max-width: 900px) {

    .level_info .level_description{
        display: inline-block;
        margin-top: 30px;
        margin-left: 30px;
    }


}


.info_forms table td,.info_forms table th, .info_forms table tr{
    border: 0px solid black;
}

.fake_input{
    height: 50px;
    font-size: 15px;
    padding: 15px 12px;
    line-height: 1.5384616;
    color: #999;
    background-color: #fff;
    width: 250px;
}

.fake_input span{

}

.is_connected{
    width: 100px;
    height: 50px;
    line-height: 50px;
    color: #808080;
    background-color: #FFF;
}

.setting .info_forms .table_contact{
    width: 450px;
}

.setting #languages{
    width: 450px;
}

.table_basic_info{
    float: left;
    /*border-right: 1px solid #e6e6e6;*/
    width: 450px;
    margin-left: 50px;

}

.s_form .panel-heading{
    display: none;
}
.s_form .panel-flat > .panel-heading + .panel-body{
    width:100%;
}

.s_form .panel{
    margin-bottom: 0;
    border: none;
    color: #333333;
    box-shadow: none;
}

.info_forms.b_form,
.passwd_change.b_form,
.company.b_form,
.notification.b_form

{
    width: 100%;
    margin-bottom: 40px;

}

.company.b_form{
    padding: 30px 30px 20px 30px;
}



.table_contact{
    float: left;
    margin-left: 135px;
}

.info_forms #formsetting{
    width: 100%;
    border-radius: 0px;
}
.info_forms input[type="text"]{
    width: 455px;
}

.setting #google_login,
.setting #fb_login{
    float: left;
    width: 80px;
    display: inline-block;
    text-align: center;
    background: none;
    background-color: #ea951c;
    border: none;
    height: 20px;
    border-radius: 0px;
    margin-left: 0px;
    box-sizing: border-box;
    line-height: 20px;
    font-family: roboto-extrabold;
    font-size: 11px;
    text-transform: uppercase;
    color: white;
    margin-right: 15px;
    margin-top: 16px;
    min-width: 80px;
    padding: 0;
    border-radius: 5px;
}

.setting #google_login.checked,
.setting #fb_login.checked{
    background-color: #c02f2f;
}

.input_verif input[type="text"]{
    box-shadow: none;
    float: left;
}

.fake_input{
    border-radius: 15px;
}


.b_form .input_verif input[type="submit"],
.b_form .input_verif .ver_btn,
.ver_btn{
    height: 19px;
    line-height: 19px;
    width: 68px;
    padding: 0px;
    background-color: #ea951c;
    border: none;
    font-size: 11px;
    text-transform: uppercase;
    color:white;
    margin-left: 10px;
    margin-top: 16px;
    text-align: center;
    border-radius: 5px;


}

.ver_btn.admin{
    background-color: #c02f2f;
    display: block;
    margin: 0px;
    padding: 0px 8px;
    width: 100px;
    cursor: pointer;
    font-size: 11px;
    position: absolute;
    right: 0;
    top: 0;
}

.ver_btn.admin:hover,
.ver_btn.admin:focus,
.ver_btn.admin:active{

    color:white;
}

.table_contact td{
    position: relative;
}
.company {
    position: relative;
}
.table_contact .ver_btn.admin,.company .ver_btn.admin{
    position: absolute;
    right: 20px;
    width: 80px;
    /* margin-top: -82px;*/
    top: 2px;
}

.company .ver_btn.admin{
    left: 480px;
    top: 90px;
}

.setting .day .form-control.bootstrap-select{
    width: calc(27% - 40px);
    margin-left: 20px;
    margin-right: 20px;
}

.setting .year .form-control.bootstrap-select{
    width: 28%;
}

.setting .language {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.setting .web{
    margin-top: 50px;
}

.setting .currency{
    float: left;
    margin-top: 10px;

}

.setting #company_description{
    resize: none;
    height: 108px;
    overflow: hidden;
    overflow-y: auto;
    max-width: 1208px
}

@media(max-width:350px){
    .company .ver_btn.admin{
        left: 200px;
        top: 45px;
    }
}

.table_basic_info .ver_btns{
    position: absolute;
    left: 272px;
    margin-top: 62px;
    width: 200px;

}

.table_basic_info .ver_btns .ver_btn.admin{
    float:right;
    margin-right: 10px;
    width: 80px;

}

.table_basic_info .ver_btns .ver_btn{
    margin: 0px;
}


.table_basic_info .ver_btns > div{
    float:right;
    margin: 0px;
}

.table_basic_info .ver_btns > div input{
    margin: 0px;
    position: relative;
    top: -4px;

}

.b_form .ver_btn.checked{
    background-color: #7fae31;
}

.b_form .input_verif input[type="submit"].ćhecked{
    background-color: #7fae31;
}



.info_forms.passwd_change .form-group {
    float:left;
    width: 33.33%;
    padding-right: 30px;
}

.info_forms.passwd_change .form-group:nth-child(4){
    padding-right: 0px;
}

.setting .passwd_info{
    margin-left: 0px;
    margin-right:0px;
}



.company .block_left
{
    width: 450px;
    margin-left: 50px;

}

.company .block_left{
    float:left;

}


.company .block_right{
    width: 480px;
    float:left;

    margin-left: 135px;
}



.company .ic{
    margin-right: 20px;
}

.company .dic{
}

.company .is_platce{
    width: 215px;
    margin-right: 20px !important;
    margin-top: 43px;
}

.company #ares{
    width: 215px;
    height: 50px;
    line-height: 1;
    padding: 0;
    color: white;
    background: none;
    border: none;
    background-color: #586c75;
    margin: 0;
    font-size: 16px;
}

#ares_loaded{
    color: #3299e3;
    margin-left: 235px;
    margin-top: 10px;
    font-weight: bold;
    display: none;
}

#ares_error{
    color: #FF0000;
    margin-left: 235px;
    margin-top: 10px;
    font-weight: bold;
    display: none;
}


.notification .rows_email{
    border: 1px solid #ccc;
    border-radius: 4px;
    padding : 20px 20px 10px;
}

.notification .select2{
    margin-bottom: 25px;
}

.b_form.notification .form-control.bootstrap-select .btn span.filter-option{
    color: #3299e3;
    font-weight: bold;
}

.notification .after_distance_value{
    color: #3299e3;
    font-size: 15px;
    font-weight: normal;
    font-family: roboto-bold;
    position: relative;
    top: -6px;
}

.labels_block .fa-question-circle{
    color: #25b7d3;
    margin-left: 6px;
    font-size: 20px;
    position: relative;
    top: 3px;
}

.setting .b_form .select2-container .select2-selection--single{
    padding: 0 12px;
}

#content.popup_content{
    background: #f5f5f5;
}

#content.popup_content.add_photo{
    height: 400px;
}

#content.popup_content .show-photo {
    padding: 20px;
}

#content.popup_content .show-photo .user_photo img {
    max-width: 100%;
    max-height: 330px;
}

.b_form.user_photo_add{
    border:none;
    background: transparent;
    box-shadow: none;
    padding: 20px;
}

.user_photo_add .user_photo,
.user_photo_add .user_empty{
    position: relative;
    width: 200px;
    text-align: center;
    margin-top: 0px;

}

.user_photo_add .block_left{
    float:left;
    width: 230px;
}

.user_photo_add .block_right{
    float:right;
    width: calc(100% - 310px);
}

.user_photo_add .user_photo img{
    max-height: 200px;
    width: auto;
    max-width: 270px;
    border-radius: 0;
    background: #f5f5f5;
}

.photo_info{
    height: 205px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 10px;

}

.photo_info .messages > div{
    margin: 0 0 10px 0;
}

.photo_info .messages .alert-danger .alert-content{
    background-position: 8px 13px;
}

.photo_info .messages > div .alert-content{
    width: 100%;
}

.photo_info p{
    font-size: 13px;
    margin: 0px;
}

#snap{
    padding: 0;
    margin: 15px 0 0 0;
    height: 45px;
    position: absolute;
    bottom: 55px;
    max-width: 200px;
    min-width: 100px;
}

#photo_close{
    max-width: 200px;
    min-width: 100px;
    padding: 0;
    margin: 15px 0 0 0;
    height: 45px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #41b93e;
    color: #FFF;
}

#upload{
    margin-bottom: 10px;
}

#upload,#webcam{
    width: 100%;
    height: 45px;
}
#upload:disabled,
#webcam:disabled{
    color: #ccc;
}


.user_photo_add .user_empty .fa{
    width: 270px;
    height: 200px;
    border-radius: 0;
}

.user_photo_add .user_empty .fa{
    font-size: 180px;
    color: white;
}

.user_photo_add .user_empty .fa.no_logo{
    /*background-image: url('../img/user/no_logo.png');*/
    background-repeat: no-repeat;
    background-position: top 35px left 48px;
}

.media-round {
    /*-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;*/
    max-height: 200px;
}

.profile-pic-background {
    position: absolute !important;
    top: 0;
    left: auto;
    opacity: 0.5;
}

.b-iframe{
    width: 100%;
}

.media-photo {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    background-color: #ccc;
    background: #f5f5f5;
}

.user_photo_add .video{
    width: 270px;
    height: 200px;
    top: 30px;
    position: absolute;
    overflow: hidden;
    background-color: #f5f5f5;
    text-align: center;
    margin-top: -1px;
}

.user_photo_add #canvas{
    position: fixed;
    top: -1000px;
}

.user_photo_add #user_video{
    position: relative;
    width: 270px;
    margin: 0px auto;
}



.user_photo_add .photo{
}

.verification_text {
    padding-bottom: 80px;
    padding-top: 20px;
    width: calc(100% + 40px);
    position: relative;
    left: -20px;
}


.info_forms.b_form.not_verified {
    max-width: 520px;
    margin: 0 auto 40px;
}

.messages {
    width: 100%;
    overflow: auto;
}

.alert-info, .messages .alert-hint {
    /* background-color: #e5f4ff; */
    /* margin-top: 20px; */
    background: #f0ca0c;
    background: -webkit-linear-gradient(#fbd517, #e5be00);
    background: -o-linear-gradient(#fbd517, #e5be00);
    background: -moz-linear-gradient(#fbd517, #e5be00);
    background: linear-gradient(#fbd517, #e5be00);
}

.messages > div {
    position: relative;
    margin: 0;
    border: none;
    padding: 0;
    margin-top: 10px;
    width: 100%;
    border-radius: 0;
}

.alert-hint .alert-content {
    background: url(../img/message-hint.png) no-repeat left 10px center;
}

.messages .alert-content {
    max-width: 1200px;
    padding: 18px 50px;
    margin: 0 auto;
    font-size: 15px;
    font-family: roboto-medium;
    color: #000000;
    position: relative;
}


.page_content.email_ver, .page_content.phone_ver, .page_content.bank_ver {
    padding-top: 20px;
    height: 400px;
    background-color: #f5f5f5;
}


.page_content.bpopup_content {
    padding: 25px !important;
    margin: 0px !important;
}


.page_content.bpopup_content {
    font-size: 15px !important;
    font-family: roboto-regular, Arial !important;
    background: #FFF;
}

.page_content.bpopup_content h1{
    padding: 0 10px 10px;
    line-height: 1.25;
    font-size: 30px;
}

.page_content.bpopup_content p {
    margin: 0 0 14px;
    font-size: 14px;
}

.page_content.bpopup_content .title p {
    font-size: 14px !important;
    font-family: roboto-bold, Arial !important;
    margin: 0 0 10px;
}

.bpopup_text_edit{
    position: absolute;
    top: 10px;
}

.page_content.bpopup_content .b_form {
    margin-top: 0;
    padding: 10px;
}

.b_form.phone_verification .submit {
    margin-left: 80px;
    position: absolute;
}

.messages.phone_verif {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
}

.messages .alert-danger {
    background-color: #ffcccc;
}

.alert,
.inblock_info {
    position: relative;
}

.messages .alert-danger {
    background-color: #ffcccc;
}

.messages .alert-danger .alert-content {
    background: url(../img/message-error.png) no-repeat 10px center;
}

.messages.phone_verif .alert-danger .alert-content {
    max-width: 200px;
}

.setting .tr_post_mesto{
    float: left;
    margin-right: 20px;
}

.setting .description{
    max-width: 1035px;
    margin-left: 50px;
}

.setting .tr_post_psc{
    float:left;
}

.setting .company .block_right{
    padding-right: 30px;
}


.b_form.notification{
    padding-left: 80px;
    padding-right: 80px;

}

.passwd_change.b_form{
    padding-left: 80px;
    padding-right: 80px;
}

/**

nastavení uživatele -- konec

*/



/*

popup

*/

#popup,
#popup2,
#autopopup{
    background-color: #FFF;
    box-shadow: 0 0 25px 5px #999999;
    color: #111111;
    display: none;
    text-align: left;
    border-radius: 4px;
}

#popup .content,
#popup2 .content,
#autopopup .content {
    padding: 0;
    height: 100%;
    background-color: #FFF;
    border-radius: 8px;
}

#popup iframe,
#popup2 iframe,
#autopopup iframe{
    height: 100%;
    width: 100%;
}

#popup2.user_confirm{
    max-width: 500px;
    width: 100%;
    max-height: 480px;
    height: 100%;
}

#popup2.demand_confirm{
    max-width: 500px;
    width: 100%;
    max-height: 800px;
    height: 100%;
}

.popup_form .b_form{
    background: none;
    border: none;
    padding-top: 20px;
    box-shadow: none;
}

.popup_form .alert{
    margin-bottom: 0px;
    /*padding:20px;*/
}

.approve_text{
    margin-bottom: 30px;
    text-align: center;
    font-size: 17px;
}




/*

popup konec

*/

/**

guide home

*/


.guide_home_text{

}

.guide_home_form{
    width: 400px;
    float: right;
    margin-top: 80px;
}

.guide_home_form .b_form{
    width: 100%;
}

.guide_home_form .b_form .panel-heading{
    display: none;
}



/*
  hodnocení uživatele
  PF 15/08/2017
*/

body.bg-grey {
    background: #f7f7f7;
}

.bg-white {
    background: white;
}

.setting, .user_rating {
    /*padding: 0 0 50px;*/
    padding: 0;
    /* border-top: 1px solid #e6e6e6; */
    position: relative;
}

.setting h1 {
    padding-top: 40px;
    text-align: center;
    font-family: 'Sagona-SemiBold';
}

.user_rating .title_body{
    font-family: roboto-medium;
    font-size: 36px;
    /*color: #333333;*/
} 

.user_rating .title_body a{
    color: #7fae31;
}

.user_rating .title_body span{
    font-size: 13px;
    font-family: roboto-bold;
    color: #7fae31;
    border: 2px solid #7fae31;
    border-radius: 3px;
    padding: 8px;
    position: relative;
    top: -7px;
    margin-left: 25px;
}

.user_rating .user_level{
    float: left;
    width: 33%;
    margin-top: 25px;
}

.user_rating .user_level img {
    margin-top: 5px;
    height: 38px;
}

.user_rating .rating {
    float: left;
    width: 33%;
    margin-top: 25px;
}

.user_rating .user_info{
    float: left;
    position: relative;
    top: 40px;
    padding-left: 0px;
    margin-left: 0px;
    text-align: center;
    width: 185px;
}


.user_rating .verification_block{
    float: left;
    width: 33%;
    margin-top: 25px;
}

.user_rating .verification_block img {
    margin-top: 5px;
}

.user_rating .user_infos{
    float: left;
    width: 80%;

}

.user_rating .title{
    font-size: 18px;
    font-family: roboto-regular;
    margin-bottom: 8px;
}

.user_rating .info_block{
    width: 97%;
    min-height: 120px;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 auto;
}

.user_rating .info_block .stars.stars_rating .fa {
    font-size: 38px;
    margin-right: 5px;
}

.user_rating #user_header{
    border: 1px solid #e6e6e6;
    min-height: 220px;
    padding-bottom: 35px;
}

.user_rating .info{
    float: left;
    width: 33%;
    margin: 0 auto;
    font-family: roboto-regular;
    font-size: 15px;
    color: #343434;
}

.user_rating .info b{
    font-family: roboto-bold;
}

.user_rating .text_infos{
    float: left;
    width: 80%;
    margin-top: 20px;
}

.user_rating .info_block2{
    width: 97%;
    margin: 0 auto;
}

.user_rating .info_fopo{
    text-align: center;
    margin-top: 20px;
    font-size: 15px;
    font-family: roboto-bold;
    width: 180px;
}

.user_rating .empty{
    width:210px;
    /*height:40px;*/
    float:left;
}


/*
  hodnocení uživatele - KONEC
*/


/*
  PF 3/10/2017 - veřejný profil
*/
h3.rating_title{
    text-align: center;
    font-family: roboto-regular;
    font-size: 32px;
    color: #333333;
    margin-top: 40px;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.ratings{
    /*max-width: 1200px;*/
    margin: 0 auto;
}

.rating_block{
    width: 100%;
    background: white;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-shadow: 0 2px 5px #e6e6e6;

    margin-bottom: 20px;
    position: relative;
    overflow: hidden;

}

.rating_block h4{
    font-size: 18.75px;
    color: #333333;
    font-family: roboto-regular;
    margin-bottom: 15px;
}

.rating_block h4 span.rating_type{
    text-transform: uppercase;
    font-family: roboto-extrabold;
    color: white;
    font-size: 11px;

    padding: 3px 8px;
    margin-right: 15px;
    position: relative;
    top: -3px;

}

.rating_block h4 span.rating_type.uzivatel{
    background: #ec9100;
}

.rating_block h4 span.rating_type.dodavatel{
    background: #3299e3;
}

.rating_block .stars_block{
    font-family: roboto-medium;
    color: #343434;
    font-size: 15px;
    margin-right: 50px;
}

.rating_block .stars_block span{
    margin-bottom: 0;
}

.rating_block .stars_block .stars_rating{
    margin-top: 0;
}

.rating_block .stars_block .stars_rating .fa{
    font-size: 19px;
}

.rating_block .photos, .rating_block .main, .rating_block .evaluator{
    float: left;
}

.rating_block .photos{
    width: 16%;
    min-height: 130px;
    padding: 30px;
    margin-right: 0;
}

.rating_block .photos .photo,
.user_summary .demand_photos .photo {
    position: relative;
    display: inline-block;
}

.rating_block .photos .photo img {
    max-width: 150px;
}

.rating_block .photos .file-count{
    /* DM - nesmysl, fotky muzou mit ruznou sirku a tenhle popisek je vzdy
    v pravem dolnim rohu fotky, navic uz je nekolikrat reseno, staci vzit odjinud
  margin-bottom: 30px;
  margin-right: 27px;
    */


}

.rating_block .rating_stars{
    height: 46px;
}

.rating_block .main{
    width: 60%;
    min-height: 140px;
    padding: 14px 0 30px;
    position: relative;
}

.rating_block .main.thumb-opposite {
    width: 53%;
}

.rating_block .evaluator{
    width: 24%;
    padding: 32px;
    position: relative;
    /*height: 100%;*/
    /* border-left: 1px solid #e6e6e6;*/
}

.rating_block .evaluator.thumb-opposite{
    width: 17%;
    padding: 32px 20px;
}

.rating_block .evaluator.thumb-opposite::after {
    content: "";
    position: absolute;
    top: 16px;
    bottom: 16px;
    right: 0;
    border-left: 1px solid #e6e6e6;
}

.rating_block .thumb-block {
    width: 14%;
    float: left;
    padding: 32px;
    text-align: center;
}

.rating_block .main::after {
    content:"";
    position:absolute;
    top:16px;
    bottom:16px;
    right:0;
    border-left:1px solid #e6e6e6;

}

.rating_block .evaluator .type{
    color: #343434;
    font-size: 15px;
    line-height: 1.8;
}

.rating_block .evaluator .evaluator_info{
    display: flex;
}

.rating_block .evaluator .evaluator_number{
    font-family: roboto-black;
    font-size: 18px;
    color: #343434;
    margin-right: 10px;


}

.rating_block .evaluator .rating_date{
    color: #808080;
    font-family: roboto-regular;
    font-size: 15px;
    line-height: 0;
}

.stars_block{
    float: left;

}

.rating_block .rating_notes{
    /*display: flow-root;*/
    max-width: 450px;
}

.rating_block .rating_notes.reactions{
    width: 440px;
}


.rating_block .rating_notes .border_top{
    border-top: 1px solid #e6e6e6;
    padding-top: 18px;
    padding-bottom: 8px;
    margin-top: 10px;
}

.rating_block .rating_notes .border_top.info{
    color: #808080;
}

.rating_block .comment{
    width: 100%;
    display: flex;
    font-size: 13px;
    font-family: roboto-regular;
    color: #333333;
    line-height: 0.9;
}


.rating_block a.btn-blue.show-hide-chat{
    float: right;
    margin-right: 111px;
    position: relative;
    margin-top: -22px;
}
.user_rating .to-rate,
.user_rating .my-ratings,
.user_rating .received-ratings {
    max-width: 1280px;
    position: relative;
    margin: 0 auto;
}

.user_rating .b_form.archiv-filter {
    top: 0;
}

p.no-results,
p.empty{
    text-align: center;
}

/**

Dashboard

*/

.dashboard .messages{
    margin-bottom: 30px;
}

.styled #become_guide.btn.btn-primary.btn-submit{
    margin-top: 30px;
    margin-bottom: 60px;
}

/*
* PANEL ADMINA NAD HLAVICKOU
*/

.panel-admin,
.panel-guide
{
    background-color: #d9d9d9;
    width: 100%;
    margin-top: 0;
}
.panel-admin.user,
.panel-guide.user{
    position: relative;
    top: 10px;
}

.panel-admin.user.not_logged, .panel-guide.user.not_logged{
    top: 0px;
}

.panel-admin-content,
.panel-guide-content{
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 0;
    overflow: auto;
}

.panel-admin-content span,
.panel-guide-content span{
    line-height: 50px;
    color: #343434;
    font-family: roboto-bold;
    font-size: 15px;
}

.panel-admin-buttons,
.panel-guide-buttons{
    float: right;
    /* width: 435px;*/
}

.panel-admin-buttons:after,
.panel-guide-buttons:after {
    clear: both;
    content: "";
    display: block;
}

.panel-admin-buttons a,
.panel-guide-buttons a{
    width: 200px;
    display: inline-block;
    margin-left: 15px;
}


/*
* PANEL ADMINA KONEC
*/


.table.dataTable td.num,
.table.dataTable td.mena{
    text-align: right;
}










.new_user .tr_post_mesto {
    float:left;
    margin-right: 10px;
}
.new_user .tr_post_psc{
    float:left;

}

.btn_guide_request{
    float: right;
    position: absolute;
    top: 15px;
    right:0px;
}

.dashboard .b_form.form_block{
    min-height: 300px;
}

.b_form.form_block{
    width: 100%;
}

.alert {
    display: block;
    text-align: center;
    color: white;
}

.alert .alert-content {
    display: inline-block;
    padding-left: 45px;
    line-height: 45px;
}

.inblock_info.ok,
.alert.alert-info,
inblock_info.info {
    border: none;
    color: white;
    display: block;
    background-color: #00c292;
    background: linear-gradient(#00c292, #00a87e);
    text-align: center;
}

.alert.alert-info .alert-content {
    text-align: center;  
    display: inline-block;
    background: url(../img/message/ok.png) no-repeat left center;
    padding-left: 45px;
    color: white;
}

.inblock_info.warning,
.alert.alert-warning{
    border: none;
    color: white;
    background-color: #3265ff;
    background: linear-gradient(#3265ff, #2b57db);
}

.alert.alert-warning .alert-content {
    background: url(../img/message/info.png) no-repeat left center;
}

.inblock_info.err,
.alert.alert-danger{
    border: none;
    color: white;
    background-color: #ea4141;
    background: linear-gradient(#ea4141, #ca3838);
    display: block;
    text-align: center;
}

.inblock_info.err .info_content,
.inblock_info.err .alert-content,
.alert.alert-danger .alert-content {
    display: inline-block;
    background: url(../img/message/error.png) no-repeat left center;
    padding-left: 45px;
}

.inblock_info.err .info_content {
    display: table;
}

.inblock_info .info_content {
    display: table;  
    padding: 0;
    padding-left: 45px;
    width: 100%;
}

.inblock_info .info_content .msg-content-wrap {
    display: table-cell;
    line-height: 1.3;
    vertical-align: middle;
    padding: 14px 0;  
    text-align: center;
}

.inblock_info.info-green {
    border: none;
    color: white;    
    background-color: #00c292;
    background: linear-gradient(#00c292, #00a87e);
    text-align: center;
}

.inblock_info.info-green .info_content {
    text-align: center;
    background: url(../img/message/hvezda.png) no-repeat left center;
}

.inblock_info,
.alert
{
    font-size: 15px;
    font-family: 'Sagona-Book';
    margin: 20px 0 20px;
    /*padding: 18px 18px 14px 18px;*/
    border: 1px solid #888;
    color: #888;
    border-radius: 6px;
    display: block;
    padding: 0;
    line-height: 1.3;
    text-align: center;
}

.inblock_info .info_content ul li
{
    line-height: 1;
}

.inblock_info .message-close,
.alert .message-close {
    position: absolute;
    right: 10px;
    top: 7px;
    width: 32px;
    height: 32px;
    background: url(../img/message/krizek.png) no-repeat left center;
    cursor: pointer;
}

.b_form.route_step2 .inblock_info{
    margin: 0px 0px 20px;
}

.inblock_info .info_btn {
    margin: 0 15px;
    vertical-align: middle;
    background-color: #00a47b;
    text-transform: uppercase;
    border-right: 1px solid #80dfc7;
    border-left: 1px solid #80dfc7;
    color: white;
    padding: 0 15px;
    width: 190px;
    display: table-cell;    
}

.inblock_info .info_btn a {
    display: block;  
    height: 100%;
    color: white;
}

.inblock_info.err .info_btn {
    background-color: #ca3838;    
    border-right: 1px solid #ffcccc;
    border-left: 1px solid #ffcccc;
}

.inblock_info .info_btn .btn.btn-primary.btn-submit,
.panel-admin-buttons .btn.btn-primary.btn-submit,
.panel-guide-buttons .btn.btn-primary.btn-submit,
.user_rating .btn.btn-primary.btn-submit
{
    line-height: 1.1;
    padding: 7px 20px;
    width: auto;
    height: auto;
    float: left;
    position: relative;
    margin: -2px 3px 0 5px;
}
.inblock_info .info_btn .btn.btn-primary.btn-submit{
    display: inline;
    float:none;
}

.inblock_info .info_btn .btn.btn-primary.btn-submit:nth-child(2),
.panel-admin-buttons .btn.btn-primary.btn-submit:nth-child(2),
.panel-guide-buttons .btn.btn-primary.btn-submit:nth-child(2){
    margin-left: 5px;
}

.panel-admin-buttons .btn.btn-primary.btn-submit,
.panel-guide-buttons .btn.btn-primary.btn-submit
{
    margin-top: 13px;
}

.content-width .alert,
.content-width .inblock_info{
    margin: 20px 0;
    padding-right: 50px;
    padding-left: 10px;
}

.alert,
.inblock_info{
    display: block;  
}

.info_content p{
    margin-bottom: 0px;
}

.panel-admin{
    position: relative;
    /*top: 2px; */
}

.demand.page_content{
    padding-top: 20px;
}



.alert-info .alert-content a,
.alert-error .alert-content a,
.alert-warning .alert-content a
{
    text-decoration: underline;
}


.alert-info .alert-content a{
    color: #5179ba;
}

.alert-error .alert-content a{
    color: #c64343;
}

.alert-warning .alert-content a{
    color: white;
}

/*
*
* napoveda
*/
#napoveda{
    background: #f7f7f7;
    background: -webkit-linear-gradient( #f7f7f7, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #f7f7f7, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #f7f7f7, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #f7f7f7, white); /* Standard syntax */
    margin: 0 auto;
}

/*
#napoveda h2{
    text-align: center;
    font-family: Roboto-Bold;
    font-size: 30px;
    color: #ea951c;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 28px;
}*/

#napoveda h2{
    color: #ea951c;

}

#napoveda form{
    text-align: center;
}

#napoveda form input{
    max-width: 370px;
    width: calc(100% - 20px);
    height: 50px;
    /*background: white url(../img/search.png) no-repeat 340px center ;*/
    background: white url(../img/search_green.png) no-repeat right 15px center;
    padding-right: 35px;
    padding-left: 10px;
    border: 1px solid #cccccc;
    font-family: Roboto-Light;
    font-style:italic;
    border-radius: 8px;
    margin: 0px 10px;
}

#napoveda h4.title{
    padding: 0px 10px;
}

/*
#napoveda h3{
    margin-top: 40px;
    font-family: Roboto-Light;
    font-size: 28px;
    color: #bb6b35;
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
}*/

#napoveda .most_faq
{
    max-width: 1280px;
    /* height: 490px;*/
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: center;
}

#napoveda .most_faq .faq_block{

    padding: 20px 30px;
    margin: 20px 0px;
    text-align: left;


    border: 1px solid #cccccc;
    border-radius: 5px;
    background: white;
    box-shadow: 0 2px 5px #e6e6e6;


}

#napoveda .most_faq .faq_block h3{
    font-family: Roboto-Bold;
    font-size: 24px;
    margin: 0;
    line-height: 1.2;
    margin-bottom: 11px;
    padding-right: 20px;
    color: #ea951c;

}

#napoveda .most_faq .faq_block p{
    font-family:Roboto-Regular;
    font-size: 15px;
    color: #5b6470;
    margin: 0;
    line-height: 1.68;

}


#napoveda h2.title{
    font-family: Roboto-Light;
    font-size: 25px;
    color: #ea951c;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
    text-transform:uppercase;
}

#napoveda .all_faqs{
    margin: 0 auto;
    max-width: 1024px;
    margin-bottom: 50px;
}

#napoveda .all_faqs .faq,
#napoveda.categories .category_text{
    width:  100%;
    background: white;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 25px;
    padding-right: 35px;
    cursor: pointer;
    box-shadow: 0 2px 5px #e6e6e6;
}


#napoveda .all_faqs .faq span.question,
#napoveda.categories .category_text span.question{
    font-family: Roboto-Bold;
    font-size: 18px;
    color: #ea951c;
}

#napoveda .all_faqs .faq span.question i,
#napoveda .all_faqs .hidden_faq span.question i,
#napoveda.categories .category_text span.question i,
#napoveda.categories .hidden_category_text span.question i{
    position: relative;
    top: -5px;
    padding: 5px;
    padding-right: 10px;
    color: #ea951c;
}

#napoveda .all_faqs .faq span.views,
#napoveda.categories .category_text span.views{
    font-family:Roboto-Regular;
    font-size: 15px;
    color: #5b6470;
    float: right;
}

#napoveda .all_faqs .faq span.views i,
#napoveda .all_faqs .hidden_faq span.views i,
#napoveda.categories .category_text span.views i,
#napoveda.categories .hidden_category_text span.views i{
    padding: 5px;
}

#napoveda .all_faqs .hidden_faq,
#napoveda.categories .hidden_category_text
{
    width:  100%;
    cursor: pointer;
    /*height: 80px;*/
    background: white;
    border: 1px solid #cccccc;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 25px;
    padding-right: 35px;
    min-height: 100px;
    overflow: hidden;
    display: none;
    box-shadow: 0 2px 5px #e6e6e6;

}

#napoveda .all_faqs .hidden_faq .question,
#napoveda.categories .hidden_category_text .question{
    font-family: Roboto-Bold;
    font-size: 18px;
    color: #333333;
    float: left;
    width: 90%;
    margin-bottom: 12px;
}

#napoveda .all_faqs .hidden_faq .answer,
#napoveda.categories .hidden_category_text .answer{
    font-family:Roboto-Regular;
    font-size: 15px;
    color: #5b6470;
    float: left;
    max-width: 980px;
    margin-left: 30px;
}

#napoveda .all_faqs .hidden_faq .views,
#napoveda.categories .hidden_category_text .views{
    font-family:Roboto-Regular;
    font-size: 15px;
    color: #5b6470;
    float: right;
}

#napoveda .all_faqs .hidden_faq .question i,
#napoveda.categories .hidden_category_text .question i{
    position: relative;
    top: 0px;
}

#napoveda .all_faqs .hidden_faq .question i,
#napoveda.categories .hidden_category_text .question i{
    position: relative;
    top: 0px;
}

#napoveda .all_faqs .search_mark,
#napoveda.categories .search_mark{
    background: #3299e3;
    color: white;
    padding: 5px 0; /* MP 27.10.17 - po stranách 0 - pokud je uprostřed slova, tak to nevypada dobře */
    font-family: Roboto-Bold;
}

#napoveda .most_faq .search_mark{
    background: #3299e3;
    color: white;
    padding: 5px 0; /* MP 21.10.17 - po stranách 0 - pokud je uprostřed slova, tak to nevypada dobře */
    padding-top: 3px;
    font-family: Roboto-Bold;
}



/**

 ---- napoveda konec -----

*/

#transports .t_label,
#services .s_label{
    color: #7fae31;
    font-size: 17px;
    font-family: roboto-bold;
    margin-bottom: 10px;
    height: 50px;
    align-items: center;
    display: flex;
    line-height: 1.3;
}

#services .s_label{
    height: auto;
}

.transport .row div,
.service .row div{
    float:left;
    margin: 0px 20px;
    width: 200px;
}

form.form-demand .files div.photo span.pripona,
form.form-demand #photos div.photo span.pripona, 
.template .file-count, 
.user-demand-list .file-count, 
.rating_block .file-count{
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #ec9100;
    width: 56px;
    font-size: 13px;
    font-family: bwmodelica-extrabold;
    color: white;
    text-align: center;
    padding-right: 10px;
    text-transform: uppercase;
}

.messages .alert-content {
    background: url(../img/message-hint.png) no-repeat left 10px center;
}


.demand_approve .approve_text{
    position: relative;
    margin-top: -20px;
}

.demand_approve .datatable-scroll{
    overflow: hidden !important;
    margin-bottom: 15px;
}

body.demand_ae .basic_data_cont{
    padding-bottom: 22px;
}

body.demand_ae .select2-search--dropdown,
body.demand_ae .standard .select2-search--dropdown{
    top: -47px;
    width: 92%;
    height: 30px;
    left: 7px;
}


.select2-container--default .select2-selection--single .select2-selection__arrow
{
    right: 7px;
}

.dropdown-menu{
    border-radius: 0px 0px 3px 3px;
    margin-top: 1px;
}

.bootstrap-select.btn-group .btn .caret{
    right: 6px;
}

.b_form.form_block h2{
    font-family: roboto-regular;
    font-size: 30px;
    padding-top: 32px;
    color: #7fae31;
}

.empty_result{
    padding: 22px 25px;
    border: 1px solid #dedede;
    margin-top: 8px;
}

.empty_result .empty_result_cont{
    font-size: 20px;
    color: #ea951c;
    text-align: center; 
}

.empty_result .btn.btn-primary.btn-submit{
    height: 30px;
    line-height: 30px;
    margin-top: 8px;
    margin-bottom: 6px;
    font-size: 13px;
    width: auto;
    padding: 0px 20px;
    border-radius: 12px;
}


.lang_bookmarks{
    margin: 15px auto;
    max-width: 760px;
    width: 100%;
}

.lang_bookmarks .lang{
    float: left;
    margin-right: 30px;
    cursor: pointer;
}


.lang_bookmarks .lang.selected{
    color: #7fae31;
    text-decoration: underline;
}

.bootstrap-select.btn-group .btn .caret{
    margin-top: -10px;
}


.btn-show-more:hover,
.btn-show-more-search:hover{
    color: #FFF;
    background-color: #7fae31;
}

.btn-show-more:focus,
.btn-show-more:active,
.btn-show-more:visited,
.btn-show-more-search:focus,
.btn-show-more-search:active,
.btn-show-more-search:visited{
    color: #7fae31;
    background-color: transparent;
} 

.btn-show-more.disabled,
.btn-show-more.disabled:hover,
.btn-show-more.disabled:focus,
.btn-show-more.disabled:active,
.btn-show-more.disabled:visited,
.btn-show-more-search.disabled,
.btn-show-more-search.disabled:hover,
.btn-show-more-search.disabled:focus,
.btn-show-more-search.disabled:active,
.btn-show-more-search.disabled:visited

{
    color: #999;
    border-color: #999;
    background-color: transparent;
    cursor: default;
}


.routes .empty_result{
    text-align: center;
    color: #999;
    margin-bottom: 20px;

    padding: 22px 25px;
    border: 1px solid #dedede;
    margin-top: 8px;
} 

.routes .fa-spinner{
    display:block;
    width: 100%;
    text-align: center;
    font-size: 50px;
    margin-bottom: 30px;
    color: #999;
    display:none;
}


.route-calendar-form{
    width: 400px;
    float:right;

}

.route-calendar-form form{
    height: calc(100vh - 150px);
    width: 100%;
    border-top: none;
    border-right: none;
    border-bottom: none;
    padding: 15px;
    border-radius: 0px;
    border-color:  #F0F0F0;
}

.route-calendar-form form #date_readable{
    min-height: 52px;
    border: 1px solid #cccccc;
    border-radius: 15px;
    font-size: 16px;
    padding: 15px 12px;
    margin: 0 15px 30px 15px;
    text-align: center;
}

.route-calendar-form .b_form .text-right .btn{
    float: left;
    width: 45%;
    margin: 20px 5px 0px;
}

.route-calendar-form .b_form .text-right .btn.cancel{
    background-color: #999;
}

.route-calendar-form .panel-heading{
    display: none;
}

.route-calendar {
    min-height: 430px;
}

.g_calendar.ver2 .g_header{
    padding: 10px 15px 10px;
}

.route-calendar .calendar_header{
    padding: 5px 15px 10px;
    border-bottom: 1px solid #F0F0F0;
}

.route-calendar .calendar_header .title{
    display:inline-block;
    font-family: roboto-medium;
    font-size: 24px;
    position: relative;
    top: 4px;

}

#route .back_button .fa,
.route-calendar .back_button .fa{
    margin-right: 10px;
}


#route .back_button,
.route-calendar .back_button{
    height: 30px;
    line-height: 31px;
    border-radius: 8px;
    background: #ea951c;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    font-family: roboto-regular;
    padding: 0 20px 0;
    display: inline-block;
    margin-right: 30px;
}

#header_search_form .select2-container{

}

#header_search_form select{
    color: #99c54e;
    visibility: hidden;
}

#header_search_form .select2-container--default .select2-selection--single,
#header_search_form .select2-container--default .select2-selection--single{
    border: none;
    background-color: transparent;
    height: 40px;
}

#header_search_form .select2-container--default .select2-selection--single .select2-selection__rendered{
    height: 40px;
    line-height: 40px;
    color: #FFF;
    padding-left: 15px;
    font-size: 15px;
}

#header_search_form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered{
    color: transparent !important;
}


#header_search_form .select2-container--default .select2-selection--single .select2-selection__arrow{
    display: none;
}

.header_search .select2-search--dropdown {
    position: absolute;
    top: -40px;
    margin-right: 30px;
    height: 40px;
    left: 6px;
    width: 200px;
    color: #FFF;
    font-size: 15px;
}

.header_search .select2-search--dropdown .select2-search__field{
    background-color: transparent;
    border: none;
    color: #FFF;
    text-transform: none;
}


.select2-container--open .header_search.select2-dropdown--below{
    width: 246px !important;
}


#demand_search .empty_result{
    max-width: 1020px;
    margin: 0px auto;
}

#demand_search h2{
    text-align: center;
    margin: 50px auto;
}

.multiselect-container > li > a .checker{
    margin-top: -16px;
    left: 0px;

}
.dropdown-menu > .active > a label, .dropdown-menu > .active > a:hover label, .dropdown-menu > .active > a:focus label{
    color: #FFF;
}



#header_search_results{
    max-height: calc(100vh - 300);
    overflow: hidden;
    overflow-y: auto;
    background-color: #FFF;
    margin: 0px;
    padding: 0px;
    color: #343434;
    width: auto;
    position: absolute;
    min-width: 248px;
    font-size: 12px;
    box-shadow: 1px 1px 3px #e6e6e6;
    border: 1px solid #e6e6e6;
    margin-top: 16px;
    display: none;
}

#header_search_results ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;

}

#header_search_results ul li{
    padding: 6px;
    white-space: nowrap;
}

#header_search_results ul li:hover{
    color: #FFF;
    background-color: #7fae31;
}

/**

detail trasy

*/

#route.page_content h1{
    font-family: roboto-bold;
    font-size: 33px;
    padding: 28px 0 0;
    color: #3a1e0e;
    text-align: left;
    text-transform: none;
    width: 60%;
    float:left;
}



#route.page_content.order_show h1{
    padding: 0px;
}

#route.order_show .tags{
    padding-top: 8px;
}

#route .tags{
    width: 40%;
    float: right;
    padding: 50px 0 0;
    text-align: right;
}

#route .tags a{
    font-size: 13px;
    margin-left: 10px;
    text-decoration: underline;
    color: #f26814;
    text-transform: lowercase;
}

#route .top{
    font-family: roboto-bold;
    color: #FFF;
    font-size: 11px;
    padding: 3px 15px 2px;
    border-radius: 5px;
    background-color: #ea951c;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    top: -4px;
    margin-bottom: 10px;
}

#route .order_count{
    font-size: 13px;
    color: #5d5c5c;
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: -2px;
}

#route .order_count strong{
    font-family: roboto-bold;
    color: #ea951c;
    font-size: 15px;
}

#route .order_count.selected strong{
    color: #7fae31;
}

#route .gallery{
    width: calc(50% - 40px);
    float:left;
    margin-bottom: 30px;
}

#routeView .gallery .gallery_content {
    position: relative;
}

#route .basic_info{
    width: 100%;
    float: right;
    margin-bottom: 30px;
}

#route .gallery .main_photo img{
    width: 100%;
    border-radius: 10px;
}

#route .gallery .lSSlideOuter{
    margin-top: 20px;
}

#route .gallery .lslide img{
    height: 95px;
    border-radius: 10px;
}

#route.page_content p{
    color: #333;
    line-height: 1.5;
}


#route .basic_info .city {
    color: #7fae31;
    font-family: roboto-bold;
    font-size: 18px;
    background-image: url(../img/home/city.png);
    background-repeat: no-repeat;
    background-position-x: 3px;
    position: relative;
    width: 300px;
    overflow: hidden;
    padding-left: 30px;
}

#route.page_content p{
    font-size: 15px;
}

#route.page_content .basic_info ul,
#route.page_content .extended_info ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#route.page_content .basic_info li,
#route.page_content .extended_info li
{
    font-family: roboto-medium;
    position: relative;
    left: 10px;
    margin-bottom: 6px;
    line-height: 1.25;
}

#route.page_content .basic_info li::before,
#route.page_content .extended_info li::before{
    content: "•";
    font-size: 30px;
    color: #ea951c; /* or whatever color you prefer */
    position: relative;
    line-height: 20px;
    top: 6px;
    left: -10px;
}

#route.page_content .line{
    border-top: 1px solid #e0e0e0;
    margin: 30px 0px;
}

#route .heder_icon{
    width: 60px;
    height: 60px;
    float: left;
    position:static;
    top:0;
    left: 0;
    display: block;
    margin-right: 10px;
}

#route .heder_icon img{
    width: 60px;
    height: 60px;
    position: static;
    top: 0;
}

#route .basic_info .user{
    line-height: 1.33;
    margin-bottom: 15px;
}





#route .basic_info .user .user_name{
    font-family: roboto-medium;
    font-size: 15px;
}

#route .basic_info .user .langs{
    text-transform: uppercase;
    font-size: 13px;
    margin-top: 2px;
    margin-bottom: 2px;
}

#route .basic_info .user .rating_stars{
    font-size: 18px;
}

#route .block{
    background-color: #FFF;
    border-radius: 10px;
    padding: 30px 50px;
    border: 1px solid #e9e0dc;

}

#route .transport .row div{
    width: auto;
}

#route .transport .row div{
    float:left;
    margin: 0px 10px 0px 13px;
}

#route.service .row div{
    float:left;
    margin: 0px 20px;
}

#route .transport .row > div{
    padding: 0 0 12px 0;
    font-family: roboto-medium;
    font-size: 18px;
}

#route .tab_title{
    font-family: roboto-bold;
    font-size: 18px;
    color: #7fae31;
    line-height: 1.7;
}


#route .transport .row .tab_title .t_cont{
    padding-left: 30px;
    background-repeat: no-repeat;
    margin: 0px;
}

#route .transport .row div.place{
    width: 20%;
}

#route .tab_title.place .t_cont{
    background-image: url(../img/route/place.png);
    background-position-y: 4px;
}

#route .transport .row div.name{
    width: 16.5%;
}

#route .tab_title.name .t_cont{
    background-image: url(../img/route/type.png);
    background-position-y: 0px;
}

#route .transport .row div.length{
    width: 10%;
}

#route .tab_title.length .t_cont{
    background-image: url(../img/route/time.png);
    background-position-y: 3px;
}

#route .transport .row div.person{
    width: 13%;
}

#route .row .tab_title.person{
    text-align: center;
}

#route .row .tab_title.person .t_cont,
#route .person.center
{
    text-align: center;
    margin: 0px auto;
    float: none;
    display:inline-block;
}

#route .tab_title.person .t_cont{
    background-image: url(../img/route/persons.png);
    background-position-y: 5px;
}

#route .transport .row div.price{
    width: 14%;
    text-align: center;
    font-family: roboto-bold;
    size: 18px;
    color: #ea951c;
}

#route .transport .row div.order{
    width: 14%;
    text-align: center;
}

#route .order .btn.btn-primary.btn-submit{
    height: 40px;
    line-height: 40px;
    width: auto;
    padding: 0px 25px;
    border-radius: 10px;
    font-size: 15px;
    position: relative;
    top: -8px;
}

#route.page_content h2{
    font-size: 25px !important;
    text-align: left;
    padding: 32px 0 10px!important
}

#route.page_content .calendar h2,
#route.page_content .transport h2,
#route.page_content .service h2,
#route.page_content .contact h2{
    float: left;
}

#route.page_content .transport .fa.fa-bicycle,
#route.page_content .transport .fa.fa-dollar,
#route.page_content .service .fa,
#route.page_content .contact .fa
{
    color: #FFF;
    position: relative;
    top: 2px;
}

#route .block.transport-block{
    padding-bottom: 15px;
}

#route .transport .row > div.sjedn{
    padding: 0px;
    height: 0px;
    margin: 0px;
}

#route.page_content .calendar_ico{
    background-color: #7fae31;
    height: 30px;
    line-height: 27px;
    width: 30px;
    text-align: center;
    border-radius: 100%;
    float: left;
    margin: 35px 0 0 13px;;
}


#route .service-block.block{
    padding: 14px 50px 18px;
}

#route .service .row > div{
    width: auto;
    margin: 10px 0px;
}

#route .service .row{
    margin: 10px 0;
    border-bottom: 1px solid #e9e0dc;
    display:flex;
    align-items: center;
}


#route .service .row:nth-child(1){
    margin-top: 0px;
}

#route .service .row:last-child{
    margin-bottom: 0px;
    border: none;
}

#route .service .row .name{
    width: 21%;
    font-size: 18px;
    font-family: roboto-medium;
    color: #3a1e0e;
}

#route .service .row .description{
    width: 71%;
    font-size: 13px;
    font-family: roboto-medium;

}


#route .service .row .price{
    width: 8%;
    text-align: right;
    font-family: roboto-bold;
    color: #ea951c;
    font-size: 18px;
}

#route.page_content .extended_info h1{
    float: none;
}

#route.page_content .extended_info h3{
    font-family: roboto-bold;
    font-size: 30px;
    color: #ea951c;
    margin-top: 6px;
    margin-bottom: 14px;
}

#route.page_content .extended_info h4{
    font-family: roboto-medium;
    font-size: 25px;
    color: #7fae31;
    border-bottom: 2px solid #fcc87e;
    padding-bottom: 7px;
    margin-top: 30px;
    margin-bottom: 22px;
}

#route.page_content .extended_info p{
    margin-bottom: 22px;
}


#route.page_content .extended_info_cover{
    background-color: #FFF;
    margin-top: 65px;
    padding-top: 20px;
    padding-bottom: 50px;
}

#route.page_content .extended_info strong{
    font-family: roboto-bold;

}

#route .rating_cover{
    min-height: 300px;
    padding-top: 28px;
}

#route .calendar .months{
    max-width: 300px;
    margin: 0px auto;
}

#route .calendar .months .month{
    float: left;
    display: none;
    font-size: 20px;
    color: #ea951c;
    min-width: 90px;
    text-align: center;
    margin: 0px 10px;
    font-family: roboto-bold;
}

#route .calendar .months  .prev_month,
#route .calendar .months  .next_month{
    float: left;
    font-size: 30px;
    color: #ea951c;
    position: relative;
    top: -2px;
    cursor: pointer;
}

#route .calendar .months  .prev_month.disabled,
#route .calendar .months  .next_month.disabled{
    cursor: pointer;
    color: #DDD;
}


#route .calendar .months .month.selected{
    display: block;
}

#route .calendar .years .years_opt{
    display: none;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}

#route .calendar .years{
    float: right;
    position: relative;
    margin-top: -28px;
}

#route .calendar .years .year_select{

    font-size: 20px;
    color: #ea951c;
    min-width: 68px;
    margin: 0px 10px;
    font-family: roboto-bold;
    cursor: pointer;

}

#route .calendar .years .fl{
    float: right;
}

#route .calendar .years .fa{
    line-height:  30px;
    margin-left: 5px;
}

#route .block.calendar-block{
    padding: 30px 20px;
}

#route .calendar .years .years_opt.open{
    display: block;
    padding: 8px;
    border: 1px solid #e9e0dc;
    border-radius: 10px;
    position: absolute;
    width: 95px;
    z-index: 2;
    background-color: #FFF;
}

#route .calendar .years .years_opt.open .year{
    padding: 4px;
    text-align: center;

}

#route .calendar .years .years_opt.open .year:hover{
    background-color: #ea951c;
    color: #FFF;
    cursor: pointer;
}

#route .calendar .days{
    margin: 8px auto 0;
}

#route .calendar .days .days_content{
    width: 96%;
    margin: 8px auto 0;
}

#route .calendar .days .next-day,
#route .calendar .days .prev-day{
    margin-top: 40px;
}


#route .calendar .day{
    display: none;
}

#route .calendar .day{
    display: block;
    text-align: center;
    border-right: 1px solid #e9e0dc;
    padding-right: 15px;
    margin-right: 15px;
}

#route .calendar .day > div{
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid transparent;
    width: 90%;
    min-width: 110px;
    margin: 0px auto;
}

#route .calendar .day.selected_date > div{
    border: 2px solid #7fae31 !important;
    border-radius: 10px;

}

#order_date_err{
    display: none;
    padding-top: 30px;
}

#route .calendar .day:last-child{
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}


#route .calendar .day .day_num{
    font-family: roboto-bold;
    font-size: 25px;
    color: #3a1e0e;
    line-height: 1;
    margin-bottom: 5px;

}

#route .calendar .day .day_name{
    font-family: roboto-light;
    font-size: 15px;
    color: #3a1e0e;
    line-height: 1;
    margin-bottom: 10px;
}

#route .calendar .day.disabled,
#route .calendar .day.disabled .day_num,
#route .calendar .day.disabled .day_name{
    color: #DDD;
}


#route .calendar .disabled .day_btn .btn.btn-primary.btn-submit,
#route .calendar .disabled .day_btn .btn.btn-primary.btn-submit:hover{
    background-color: #DDD;
    cursor: default;
}

#route .calendar .day_btn .btn.btn-primary.btn-submit{
    border-radius: 5px;
    padding: 8px 20px;
}

#route .owl-carousel .owl-nav .owl-prev,
#route .owl-carousel .owl-nav .owl-next{
    position: absolute;
    top: -20px;
    font-size: 50px;
    color: #ea951c;
    border: none;
    background: transparent;
}

#route .owl-carousel .owl-nav .owl-prev.disabled,
#route .owl-carousel .owl-nav .owl-next.disabled{
    color: #DDD;
}

#route .owl-carousel .owl-nav .owl-prev{
    left: -25px;
}

#route .owl-carousel .owl-nav .owl-next{
    right: -25px;
}

#route .owl-carousel .owl-dots{
    display:none;
}


/**

Vyhledávání
MP 29.5.18

*/

#demand_search h1.title_body{
    color: #ffffff;
    padding-bottom: 30px;
    padding-top: 70px;
}

#demand_search .search_bg{
    background-image: url('../img/search_bg.jpg');
    background-size: cover;
    /*overflow: hidden;*/
    padding-bottom: 1px;

}

#demand_search .filter:before{
    border: none;
}

#demand_search .b_form{
    background-color: rgba(255,255,255,0.3);
    box-shadow: none;
    border: none;
    border-radius: 25px;
    max-width: 690px;
    padding: 16px 20px 20px;
    margin-bottom: 60px;
}
#demand_search .b_form.open{
    background-color: rgba(51,26,15,0.2);
}


#demand_search input[type="text"]::placeholder{
    font-family: roboto-italic;
    font-size: 15px;
    color: #7fae31;
}

#demand_search .b_form input.form-control {
    border-radius: 20px;
    padding: 0px 25px !important;
}

#demand_search .b_form .checker, 
#demand_search .b_form .checker span, 
#demand_search .b_form .checker input{
    height: 18px;
    width: 18px;
    border-radius: 5px;
}

#demand_search .b_form .checker span::after{
    width: 18px;
    height: 18px; 
    content: '';
    background: url(../img/form/checked.png) no-repeat center top 2px;
    top: 0;
}

#demand_search .b_form .checkbox label{
    padding: 0px 0 0 25px;
    line-height: 1.4;
    color: #FFF;
}



#demand_search .form-group.filter_more{
    margin-top: 19px;
}

#demand_search .filter_submit.closed{
    position: relative; 
    margin-top: -40px;
}

#demand_search .filter_submit .btn.btn-primary.btn-submit{
    background-color: #7fae31;
    width: 215px;
    background-image: url(../img/search.png);
    background-position: 15px 50%;
    background-repeat: no-repeat;
    padding-left: 45px;
    padding-right: 30px;
    width: auto;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}

#demand_search .b_form label{
    color: #FFF;
}

#demand_search .b_form .form-control{
    border-radius: 20px; 
    padding-left: 12px;
    padding-right: 12px;
}

#demand_search .route_theme{
    margin-right: 20px;
}

#demand_search .route_theme,
#demand_search .city_search{
    float: left;
}

#demand_search .b_form .date{
    width: 200px;
    float:left;
    margin-right: 20px;
}


#demand_search .b_form .persons{
    width: 200px;
    float:left;
    margin-right: 20px;
}

#demand_search .b_form .show{
    width: 200px;
    float:left;
}

#demand_search .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    width: 100%;
}

#demand_search .b_form .select2-container--default .select2-selection__choice{
    height: 25px;
    margin-top: 8px;
    margin-right: 8px;
}

#demand_search .b_form .select2-container--default .select2-selection__choice__remove{
    height: 25px;
    line-height: 25px;
}


#demand_search .labels_block .select2-container .select2-selection--multiple{
    min-height: 42px;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #cccccc;
}

#demand_search .b_form .select2-container--default .select2-search--inline .select2-search__field{
    line-height: 23px;
}

#demand_search .labels_block{
    float: left;
    width: 310px;
    margin-right: 20px;
}

#demand_search #evaluation_opts{
    display: none;
}


#demand_search .form-group.evaluation{
    float: left;
    width: 310px;
}

#evaluation_title{
    background-color: #FFF;
    border-radius: 20px;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    border: 1px solid #cccccc;
}

#evaluation_title #evaluation_title_val{
    width: calc(100% - 35px);
    padding: 0px 25px !important;
    float: left;
}

#evaluation_title .fa{
    color: #7fae31;
    font-size: 21px;
    position: relative;
    top: 5px;

}



#demand_search #evaluation_opts.open{
    display: block;
    position: absolute;
    background-color: #FFF;
    z-index: 2;
    border: 1px solid #e9e0dc;
}

#demand_search #evaluation_opts.open .e_opt {
    padding: 4px;
    cursor: pointer;
    width: 310px;

}

#demand_search .b_form{
    font-family: roboto-medium;
}

#demand_search .b_form .form-control.bootstrap-select .btn{
    height: 32px;
}

#demand_search .b_form label{
    font-family: roboto-regular;
    margin-bottom: 2px;
    margin-top: 2px;
    margin-left: 0px;
}

#demand_search #evaluation_opts.open .e_opt.selected,
#demand_search #evaluation_opts.open .e_opt:hover{
    background-color: #2196F3;
    color: #FFF;
}

#demand_search .evaluation .fa.full.fa-star{
    color: #ed8a19;
    margin-right: 3px;
    font-size: 15px
}

#demand_search .evaluation #evaluation_title_val .fa.full.fa-star{
    position: relative;
    top: 1px;
}

#demand_search .bootstrap-select.btn-group .btn.no_selected .filter-option{
    color: #7fae31;
}

#demand_search .show .bootstrap-select.btn-group .btn.no_selected .filter-option{
    color: #333333;
}

.route_search .standard .select2-search--dropdown{
    left: 3px;
    width: 272px;
    height: 35px;
    top: -39px;
    border-radius: 20px;

}

#demand_search .standard .select2-search--dropdown .select2-search__field{
    font-size: 15px;
    font-family: roboto-bold;
    border-radius: 20px;
}

#demand_search .b_form .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 35px;
}

#demand_search .b_form .select2-container .select2-selection--single:focus{
    border: none;
}

#demand_search .b_form .select2-container .select2-selection--single{
    height: 42px;
    border-radius: 20px;
}

#demand_search .select2-container--default .select2-selection--single .select2-selection__arrow{
    right: 13px;
}

#demand_search .b_form .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 40px;
    font-size: 15px;
    max-width: 256px;
}

#demand_search .ident_ent{
    margin-bottom: 20px;
}

#demand_search .b_form .form-control{
    height: 42px;
}

#offers .content-width{
    padding-top: 60px;
    padding-bottom: 50px;

}

#offers .content-width h2{
    text-align: center;
    font-size: 33px !important;
    color: #7fae31 !important;
    font-family: roboto-medium !important;
    text-transform: uppercase !important;
    padding: 50px 0 10px!important;
    margin: 0;

}


.margin_top_10{
    margin-top: 10px;
}

.padding_top_10{
    padding-top: 10px;
}


.btn.btn-primary.btn-submit.back2route{
    width: 300px;
    margin: 0px auto;
    display: block;
}

.credit_length_err{
    max-width: 640px;
    margin: 0px auto
}


.extended_info_cover.transactions .navigation-box{
    display: none;
}

#route .service .row > div.service_check,
#route .service .row > div.service_check .form-group,
#route .service .row > div.service_check .form-group .checkbox,
#route .service .row > div.service_check .form-group .checker{
    width:40px;
    margin: 0px;
}


#route .calendar.order .day > div{
    border: none;
}

#route .calendar.order .calendar-block{
    padding: 5px 10px;
}

#route .calendar.order .day_btn{
    font-family: roboto-bold;
    font-size: 20px;
    color: #ea951c;
    position: relative;
    margin-top: -5px;
}

#route .calendar.order .days{
    margin-top: 0px;
}

#route .calendar.order .day{
}

#route .order .transport .row div.price{
    float: right;
    text-align: right;
}

.empty_result.search_result{
    margin-bottom: 20px;
}


#route .demanding-title{
    font-size: 20px;
    font-weight: bold;
    float:left;
}

#route .info-title,
#route .address-title{
    font-size: 17px;
    font-weight: bold;
    margin-top: 15px;

}

#route .contact .flex{
    display: flex;
}

#route .contact .block{
    width: calc(50% - 15px);
}

#route .contact .block.demanding{
    margin-right: 15px;
}

#route .contact .block.offering{
    margin-left: 15px;
}

#route .contact .block .btn-blue{
    float: left;
    margin-left: 15px;
    padding: 3px 5px;
    border: 1px solid #ea951c;
    border-radius: 4px;
    font-size: 13px;
    color: #ea951c;
    font-weight: bold;
}

textarea#offer_reason{
    resize: none;
    height: 150px;
}


#route .transport .row > div.order_button,
#route .transport .row > div.order_button > div{
    padding: 0px;
    margin: 20px auto;
    float: none;
    text-align: center;
}

#route .transport .row > div.order_button > div{
    margin: 0px auto;
}

#route .order .transport .row div.price.total{
    font-weight: bold;
    font-size: 22px;
}


.error_report .dataTable tbody > tr:first-child td:nth-child(1),
.error_report .dataTable tbody > tr:first-child td:nth-child(3),
.error_report .dataTable tbody > tr:first-child td:nth-child(4){
    border: none !important;

}

#photo_edit.btn.btn-primary.btn-submit{
    background-color: #7fae31;
    font-size: 13px;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 200px;
}

#header .header-langs .form-control.bootstrap-select .btn .caret{
    margin-top: -12px;
}

#header .header-langs .form-control.bootstrap-select .btn .caret:after{
    color: #FFF;
}


.user_rating .demand_summary .user_info{
    text-align: left;
}

.user_rating .btn.btn-primary.btn-submit{
    margin-left: 0px;
    margin-top: 35px;
}

.rating_block .evaluator .evaluator_info{
    display: block;
}

.rating_block .evaluator .evaluator_number,
.rating_block .evaluator .evaluator_rating{
    display:block;
    width: 100%;
    float: none;
}
.rating_block .evaluator .evaluator_rating .stars.avg_stars_rating{
    margin-left: 0px;
}

.rating_block .evaluator .rating_date{
    display: block;
    margin-top: 15px;
}


.b_form.archiv-filter .panel-body,
.b_form.archiv-filter .panel.panel-flat,
.b_form.archiv-filter{
    background-color: transparent;
    border: none;
    box-shadow: none !important;

} 

.page_content.order_show{
    padding-top: 20px;
}

#route .main-header-title{
    padding-top: 30px;
}

.b_form .sub_point{
    margin-left: 80px;
}

#projectBookmarks {
    float: left;
}

.team .team-members .team-member {
    float: left;
    width: 300px;
}

.team .team-members .team-member .name {
    font-weight: bold;
}

.team .team-members::after {
    clear: both;
    content: '';
    display: block;
}

.project-status {
    width: 250px;
    margin-bottom: 10px;
}

.weblink .btn.btn-primary.btn-submit {
    font-size: 13px;
    line-height: 1.1;
    padding: 7px 20px;
    height: auto;
    margin-bottom: 10px;
    border-radius: 7px;
}


/**
* PREMIUM
*/

.prices{
    background-color: transparent;
    margin-top: 30px;
}

.horizontal-list-3{
    text-align: center; 
    display: inline-block;
    margin-bottom: 15px;
}
.horizontal-list-3 li{
    background-color: #FFF;
    margin-top: 15px;
    padding-bottom: 25px;
    position: relative;
    overflow: hidden;
}
.horizontal-list-3 li *{
    padding: 0px 10px;
}
.horizontal-list-3 .horizontal-list-item{
    top:0px;
    left:0px;
    position: absolute;
    width: 100%;
    height: auto;
    font-size: 22px;
    line-height: 1.25;
    text-align: center;
    /*text-transform: uppercase;*/
    background-color: #4a98e2;
    padding: 10px 10px;
    color:#FFF;
    font-weight: 300;
    transition:all 0.5s ease 0s;
}
.horizontal-list-3 .horizontal-list-item:before{
    position: absolute;
    margin: 0 auto;
    content: "";
    width: 0px;
    display: block;
    border: 18px solid transparent; border-top: 15px solid #4a98e2; 
    left:0px;
    right: 0px;
    bottom:-33px;
    transition:all 0.5s ease 0s;
}
.horizontal-list-3 li:hover .horizontal-list-item{
    padding: 15px 0px;
    background-color: #353942;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    transition:all 0.5s ease 0s;
}
.horizontal-list-3 li:hover .horizontal-list-item:before{
    text-align: center;

    opacity: 0;
    transition:all 0.5s ease 0s;
}
.horizontal-list-3 h2{
    font-family: Arial, Helvetica,sans-serif !important;
    font-weight: 300;
    line-height: 50px;
    margin-top: 100px!important;
    margin-bottom: 5px;
    color:#2b3a42!important;
}
.horizontal-list-3 h6{
    margin-top: 14px!important;
    color: #3498db;
    font-weight: 400;
}
.horizontal-list-3 p{
    margin-top: 15px!important;
    padding: 0px 15px !important;
    text-align: center !important;
    line-height: 1.3em;
    font-family: Arial, Helvetica,sans-serif !important;;
}

.horizontal-list-3 h2 {
    background: transparent;
    font-size: 35px;
    text-transform: none;
    padding: 0px !important;
}


.prices{
    font-family: Arial, Helvetica,sans-serif !important;;
    padding-bottom: 45px;
}

.prices_content{
    max-width: 1150px;
    margin: 0px auto;
    text-align: center;
}

.prices h3{
    font-family: Arial, Helvetica,sans-serif;
    color: #4a98e2;
    font-size: 20px;
    font-weight: 100;
    margin: 0px 0 10px 0;
}


.no_credit{
    margin: 30px auto;
    text-align: center;
    padding: 30px 30px;
    font-size: 30px;
    font-weight: 100;
    border:1px solid #F0F0F0;
    max-width: 800px;
}

.prices li{
    width: 200px;
    height: 340px;
    float:left;
    margin-right: 20px;
}

.prices a{
    position: absolute;
    bottom: 0;
    margin: 20px 0px 20px -65px;
    padding: 0px 40px;
    height: 40px;
    line-height: 40px;
}

.prices_content li{
    text-align: center;
    padding-left: 0px;
}

/**
* PREMIUM KONEC
*/

/**
* PUBLIC TABLE HEADER
*/

.table tr.no_record td {
    border: 1px solid #d7d7d7 !important;
}

.tab-public-header .navigation-box {
    margin: 0;
    border-radius: 6px 6px 0 0;
    background-color: #00c292;
    height: 38px;

    color: white;
    padding-left: 20px;
    text-transform: uppercase;
    font-family: 'Sagona-Light';
    font-size: 16px;
    margin-top: 40px;
}

.tab-public-header .navigation-box .search {
    float: right;
    padding-top: 4px;
}

.tab-public-header .navigation-box .search .search_input {
    height: 30px;
    border-radius: 5px;
    border: none;
    box-shadow: inset 1px 2px 3px #d7d7d7;
    width: 145px;
    margin-right: 6px;
    background: url(../img/lupa_green.png) no-repeat left 10px center;
    background-color: rgba(0, 0, 0, 0);
    background-color: white;
    padding-left: 36px; 
}

.tab-public-header .navigation-box .search .search_input::placeholder {
    color: #009872;  
    font-family: 'Sagona-Book';
    opacity: 1;
}
.tab-public-header .navigation-box .search form {
    height: 30px;
}

.tab-public-header .navigation-box  .search .fa.fa-search.search_ico {
    display: none;
}

.project-bookmark-content .tab-public-header .navigation-box {
    margin-top: 20px;
}

.project-bookmark-content .tab-public {
    margin-bottom: 20px;
}

.tab-public td {
    border-left: none;
    border-right: none;
}

.tab-public table.tab {
    border-radius: 0 0 6px 6px;
    border: 1px solid #d2d2d2;
}

.tab-public table.tab thead tr {
    border: 1px solid #d2d2d2;
}

.tab-public tr.odd {
    background: linear-gradient(#f7fafd, white);
}

.tab-public tr.odd:hover {
    background: none;
}

.tab-public table {
    border-collapse: separate;
}

.tab-public table td {
    border: none;
}

.tab-public-header .navigation-box .public-title {
    float: left;
    line-height: 38px; 
}

.tab-public-header .b-add .btn, .tab-public-header .filter-link .btn, .tab-public-header .export2xls .btn {
    background-color: #00a47b;
    border-radius: 0;
    border: none;
    border-right: 1px solid #80dfc7;
    border-left: 1px solid #80dfc7;
    height: 38px;
    line-height: 38px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-left: 20px;
}

.b_form .form-control.invest-castka {
    margin-bottom: 0;
}

.b_form .form-control.invest-castka input {
    font-size: 20px;
}

.b_form .invest-submit {
    width: 100%
}

.admin-edit {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 70px;
    height: 25px;
    background: url(../img/tuzka.png) no-repeat left 5px center;
    background-color: #c10000;
    z-index: 1;
    padding-left: 28px;
    border-radius: 5px;
    line-height: 25px;
    color: white;
}

.admin-edit.right {
    right: 20px;
    left: auto;
}

.admin-edit:hover {
    color: white;
}

.admin-edit.no-icon {
    padding-left: 0;
    width: 80px;
    background: none;
    background-color: #c10000;
    text-align: center;
}

.offer-majitel-btn {
    text-align: center;
    margin-top: 40px;
}

.no-invests {
    padding: 20px;
}

/**
* -------------------- DITS -----------------------
*/

.public-form {
    padding: 15px;
    position: relative;
    margin-bottom: 40px
}

.public-form .b_form {
    box-shadow: none;
    border: none;
    width: 100%;
    padding: 0;
}

.public-form .b_form .panel-heading {
    display: none;
}

.public-form h1 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 5px;
    line-height: 1.1;
    font-family: 'Oswald', sans-serif;
}

.public-form .b_form label {
    color: black;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
}

.public-form .b_form .checkbox label {

    font-family: Helvetica;
    font-weight: normal;  

}

#reservationCalendar {
    float: left;
    width: 360px;
}

#reservationSummary {
    float: left;
    margin-left: 26px;
    width: 360px;
    margin-top: -75px;

    position: absolute;
    right: 0;
    top: 98px  

}

#reservationVouchers {
    margin-top: 20px;  
}

.dataTable.reservation-summary-tab {
    border: 1px solid #e7e7e7;
    font-family: 'Oswald', sans-serif;
}

.dataTable.reservation-summary-tab td {
    background: white;
    height: 34px; 
    border-right: none;
    border-left: none;
    font-size: 12px;
}

.dataTable.reservation-summary-tab td:first-child {
    font-weight: bold;
}

.dataTable.reservation-summary-tab td:last-child {
    text-align: right;  
    font-family: Arial;
}

.dataTable.reservation-summary-tab tr:first-child td {
    font-size: 14px;
    height: 46px;
}

.dataTable.reservation-summary-tab tr:last-child td {
    font-size: 14px;
    height: 46px;
}

.summary-btns {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dataTable.reservation-events-tab {
    border: none;
    font-family: 'Oswald', sans-serif;  
}

.dataTable.reservation-events-tab th {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: Helvetica;
}

.dataTable.reservation-events-tab tr {
    background: white;
}

.dataTable.reservation-events-tab td {
    background: tranparent;
    height: 34px; 
    border-right: none;
    border-left: none;
    cursor: pointer;
}

.dataTable.reservation-events-tab tr.selected {
    background: #4488f7 !important;
}

.dataTable.reservation-events-tab tr.selected td {
    color: white !important;
}

#reservationSummary .dataTables_wrapper,
#vouchersTable .dataTables_wrapper,
#couponsTable .dataTables_wrapper {
    margin: 0;
}

#vouchersTable .dataTables_wrapper {
    margin-bottom: 20px;
}

.counter-control {
    display: inline-grid;
    grid-template-columns: 28px 34px 28px;
    align-items: stretch;
    overflow: hidden;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
}

.counter-left,
.counter-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    color: #111;
    background: #eee;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
    cursor: pointer;
    touch-action: manipulation;
    transition: background-color .12s ease, color .12s ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.counter-left:hover,
.counter-right:hover,
.counter-left:focus,
.counter-right:focus {
    color: #000;
    background: #dedede;
    outline: 0;
}

.counter-left:active,
.counter-right:active {
    background: #d3d3d3;
}

.counter-input {
    display: block;
    width: 34px;
    height: 28px;
    padding: 0;
    background: white;
    border: 0;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    vertical-align: middle;
    text-align: center;
    font-family: Arial, sans-serif;
    line-height: 28px;
    font-size: 13px;
    font-weight: bold;
    color: #111;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.counter-input[disabled] {
    background: white;
    color: #111;
    opacity: 1;
    -webkit-text-fill-color: #111;
}

.voucher-input {
    display: inline-block;
    width: 290px;
}

.voucher-btn {
    height: 34px;
    border: none;
    background-color: #eee;
    color: black;
    width: 70px;
    display: inline-block;
}

.voucher-coupon-err,
.voucher-err,
.coupon-err,
.input-error {
    display: inline-block;
    color: red;
    width: 300px;
    margin-left: 20px;
}

.input-error {
    margin-top: 10px;  
}

#reservationVouchersInfo {
    margin-top: 20px;
}

.kosik {
    background: url(../img/shopping-cart.png) no-repeat;
    background-size: 24px;
    position: absolute;
    right: 15px;
    padding-left: 34px;
    line-height: 24px;
    top: 30px;
}

.kosik:hover {
    color: inherit;
    text-decoration: underline;
}

.kosik:hover .kosik-content {
    display: block;
}

.kosik-content {
    display: none;
    width: 320px;
    background: #eee;
    border: 1px solid #dedede;
    position: absolute;
    right: 1px;
    top: 30px;
    z-index: 10;
    padding: 0 15px;
}

.kosik-item {
    border-bottom: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
}

.kosik-item:last-child {
    border: none;
}

.kosik-left {
    float: left;
    width: 200px;
}

.kosik-price {
    float: left;
    width: 88px;
    text-align: right;
    font-weight: bold;
}

.btn.reservation-btn {
    background-color: #4488f7;
    border-color: #2c78f6;
    display: block;
    width: 360px;
    margin-bottom: 10px;

    width: 330px;
}

.kosik-form {
    width: 360px;
    margin-top: 20px;
}

.public-form .title {
    color: black;
    font-weight: bold;
    font-family: 'Oswald', sans-serif; 
    margin-bottom: 10px;
}

.kosik-form textarea.form-control {
    height: 80px;
}

.kosik-empty {
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    width: 360px;
    font-size: 22px;
    padding: 40px;
    margin-bottom: 20px;
    text-align: center;
}

.public-form tr.footer td {
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    background-color: #efefef;
}

.public-form tr.footer td:first-child {
    text-align: right;
}

.public-form .line {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 1px;
    display: block;
    background-color: #eee;
}

#invoiceWrap {
    width: 360px;
    display: none;
    margin-top: 20px;
}


.public-form h2 {
    text-align: left;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0;
    font-size: 22px;
    font-family: 'Oswald';
}

.public-form ul {
    margin-top: 10px;
}

.public-form ul li {
    margin: 10px 0;
}

.public-form .dropdown-menu > li {
    margin: 0;
}

#poukazData {
    float: left;
    width: 360px;
}

#poukazSummary {
    float: left;
    margin-left: 26px;
    width: 360px;
    margin-top: 22px;
}

#poukazData textarea#poznamka {
    height: 80px;
}

#poukazData .poukaz-count {
    text-align: right;
}

#poukazData .poukaz-count label {
    font-family: Helvetica;
    font-weight: normal;
    padding-right: 20px;
} 

.rezervace-mesto {
    width: 360px;
}

.logo-black {
    display: none;
    width: 160px;
}

#header .header-langs span.resp-lang {
    display: none;
}

.resp520 {
    display: none;
}

.resp760 {
    display: none;
}

.content-private {
    margin-bottom: 40px;
}

.resp-discount {
    font-size: 9px;
    color: #c7c7c7;
}

th.vegec {
    background: url(../img/vegec.png) no-repeat left center;
    padding-left: 20px !important;
    background-size: 16px;
}


.sold {
    opacity: 0.6;
    background-color: #e7e7e7 !important;
}

.sold * {
    /*color: white !important;*/
}

.less-padding {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.already-in-cart-text {
    display: none;
    position: absolute;
    left: 10px;
    background-color: #ececec;
    padding: 5px 10px;
    top: -20px;
    border: 1px solid #dedede;
    color: black !important;
}

td.relative {
    position: relative;
}

.logos {
    width: 50%;
    float: left;
    text-align: center;
}

.page-footer {
    width: 95%;
    max-width: 1240px;
    margin: 34px auto 42px;
    padding: 26px 28px;
    border-radius: 26px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    border: 1px solid #d9edf8;
    box-shadow: 0 18px 40px rgba(20, 42, 72, .08);
    overflow: hidden;
    box-sizing: border-box;
}

.payment-footer-card {
    display: inline-block;
    width: 100%;
    max-width: 360px;
    padding: 20px 22px;
    border-radius: 22px;
    background: #f7fbff;
    border: 1px solid #d8edf8;
    box-shadow: 0 14px 32px rgba(20, 42, 72, .08);
    box-sizing: border-box;
}

.payment-footer-title {
    margin-bottom: 12px;
    color: #233842;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.payment-footer-gopay {
    display: block;
    width: 170px;
    max-width: 76%;
    height: auto;
    margin: 0 auto 14px;
}

.payment-footer-methods {
    display: flex;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
}

.payment-footer-methods span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid #cfe1f2;
    background: #fff;
    color: #233842;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.footer-contact {
    width: 50%;
    float: left;
}

.public-form .footer-contact h2 {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;  
    padding: 0;
    font-size: 20px;
    font-family: 'Oswald';
    line-height: 1.2;
}

.footer-contact ul {
    padding: 0;
}

.footer-contact ul li {
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 1px;
    font-family: 'Oswald';
    font-size: 13px;
    text-align: center;
}

.footer-contact ul li:nth-child(4),
.footer-contact ul li:nth-child(6),
.footer-contact ul li:nth-child(7) {
    margin-bottom: 15px;
}

.footer-links {

    display: block;
    font-family: 'Oswald';
    margin-top: 18px;
    text-align: center;
}

.footer-links a {
    display: inline-block;
    color: #009fe3;
    text-decoration: none;
    font-weight: 700;
}

.footer-links a:first-child {
    margin-right: 20px;
}

.footer-contact a {
    color: #4a90e2;
    text-decoration: underline;  
}

.cookie-warning {
    display: none;
    position: fixed;
    bottom: 0; 
    left: 0;
    background: #edeff5;
    z-index: 1000;
    width: 100%;
    padding: 15px 0;
    box-shadow: 0 0 12px rgba(0,0,0,.25);
    font-size: 13px;
}

.cookie-warning .cookie-text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 100px);
    color: #838391;
}

.cookie-warning .cookie-btns {
    width: 90px;
    display: inline-block;
    vertical-align: middle;  
}

.cookie-warning .btn,
.cookie-warning .btn-close {
    display: inline-block;
    vertical-align: middle;
}

.cookie-warning .btn-close {
    background: url(../img/krizek_black.png) no-repeat center;
    width: 32px;
    height: 34px;
    margin-left: 15px;
}

.cookie-warning .btn-cookie-warning {
    background: transparent;
    color: #4b81e8;
    border: 2px solid #4b81e8;
    border-radius: 0;
    font-weight: bold;
    padding: 10px;
}

.veg-counter {
    background-color: #f2f8ec !important;
}

.veg-counter-CLB, 
.neveg-counter-CLB {
    line-height: 1;
}

.veg-counter-CRB, 
.neveg-counter-CRB {
    line-height: 1;
    padding-left: 0;
    padding-right: 0;
}

.td_veg-counter{
    padding-left: 0px !important;
}

body.public.event_kalendar #content{
    float: none;
    width: auto;
    margin: 0px;
    padding: 0px;
    border: none;
}

td.event_name_td{
    position: relative;
}

td.event_mark_td{
    position: relative;
}

img.event_mark{
    height: 15px;
}

#discount_info img{
    height: 15px;
    margin-right: 20px;
    position: relative;
    top: -2px;
}

#discount_info{
    font-weight: bold;
    color: #ffb435;
    position: relative;
    margin: 11px 0px 11px 15px;
}

.dataTable td.price_discount{
    color: #BBB; 
    text-decoration: line-through;
}

.dataTable td.price_after_discount{
    color: #ffb435;
}

/* Tomáš Bielik 25.9.2020 */
.header { display: flex; align-items: center; padding: 10px 15px; }
.header .header-langs {
    flex-shrink: 0;
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}
.header .header-langs a {
    margin-right: 2px;
}
.header .header-langs span.resp-lang {
    display: none;
}
#kosikReservations { margin-top: 20px; }
#reservationInsuranceCovid { margin-top: 20px; }

/**
* -------------------- DITS KONEC -----------------------
*/

.f_textarea #text{
    min-height: 150px;
}





body.grey-bg {
    background-color: #f6f6f6;
}

#hc_extension_bkgnd{
    background: transparent !important;
}

















.form-group {
    margin-bottom: 1rem;
}

.d-flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-stretch {
    align-items: stretch !important;
}









































/*.d-inline { display: inline !important; }*/
/*.d-inline-block { display: inline-block !important; }*/
/*.d-block { display: block !important; }*/
/*.d-grid { display: grid !important; }*/
/*.d-table { display: table !important; }*/
/*.d-table-row { display: table-row !important; }*/
/*.d-table-cell { display: table-cell !important; }*/
/*.d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }*/
/*.d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }*/
/*.d-none { display: none !important; }*/

.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.m-auto { margin: auto !important; }

.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
.mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
.mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
.mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
.mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
.mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
.mx-auto { margin-right: auto !important; margin-left: auto !important; }

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mt-auto { margin-top: auto !important; }

.me-0 { margin-right: 0 !important; }
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }
.me-5 { margin-right: 3rem !important; }
.me-auto { margin-right: auto !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mb-auto { margin-bottom: auto !important; }

.ms-0 { margin-left: 0 !important; }
.ms-1 { margin-left: 0.25rem !important; }
.ms-2 { margin-left: 0.5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }
.ms-5 { margin-left: 3rem !important; }
.ms-auto { margin-left: auto !important; }

.m-n1 { margin: -0.25rem !important; }
.m-n2 { margin: -0.5rem !important; }
.m-n3 { margin: -1rem !important; }
.m-n4 { margin: -1.5rem !important; }
.m-n5 { margin: -3rem !important; }

.mx-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; }
.mx-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; }
.mx-n3 { margin-right: -1rem !important; margin-left: -1rem !important; }
.mx-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; }
.mx-n5 { margin-right: -3rem !important; margin-left: -3rem !important; }

.my-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; }
.my-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; }
.my-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; }
.my-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; }
.my-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; }

.mt-n1 { margin-top: -0.25rem !important; }
.mt-n2 { margin-top: -0.5rem !important; }
.mt-n3 { margin-top: -1rem !important; }
.mt-n4 { margin-top: -1.5rem !important; }
.mt-n5 { margin-top: -3rem !important; }

.me-n1 { margin-right: -0.25rem !important; }
.me-n2 { margin-right: -0.5rem !important; }
.me-n3 { margin-right: -1rem !important; }
.me-n4 { margin-right: -1.5rem !important; }
.me-n5 { margin-right: -3rem !important; }

.mb-n1 { margin-bottom: -0.25rem !important; }
.mb-n2 { margin-bottom: -0.5rem !important; }
.mb-n3 { margin-bottom: -1rem !important; }
.mb-n4 { margin-bottom: -1.5rem !important; }
.mb-n5 { margin-bottom: -3rem !important; }

.ms-n1 { margin-left: -0.25rem !important; }
.ms-n2 { margin-left: -0.5rem !important; }
.ms-n3 { margin-left: -1rem !important; }
.ms-n4 { margin-left: -1.5rem !important; }
.ms-n5 { margin-left: -3rem !important; }

.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

.px-0 { padding-right: 0 !important; padding-left: 0 !important; }
.px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
.px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
.px-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
.px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
.px-5 { padding-right: 3rem !important; padding-left: 3rem !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }

.pe-0 { padding-right: 0 !important; }
.pe-1 { padding-right: 0.25rem !important; }
.pe-2 { padding-right: 0.5rem !important; }
.pe-3 { padding-right: 1rem !important; }
.pe-4 { padding-right: 1.5rem !important; }
.pe-5 { padding-right: 3rem !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }

.ps-0 { padding-left: 0 !important; }
.ps-1 { padding-left: 0.25rem !important; }
.ps-2 { padding-left: 0.5rem !important; }
.ps-3 { padding-left: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }
.ps-5 { padding-left: 3rem !important; }

.gap-0 { gap: 0 !important; }
.gap-1 { gap: 0.25rem !important; }
.gap-2 { gap: 0.5rem !important; }
.gap-3 { gap: 1rem !important; }
.gap-4 { gap: 1.5rem !important; }
.gap-5 { gap: 3rem !important; }

@media (min-width: 576px) {

    /*.d-sm-inline { display: inline !important; }*/
    /*.d-sm-inline-block { display: inline-block !important; }*/
    /*.d-sm-block { display: block !important; }*/
    /*.d-sm-grid { display: grid !important; }*/
    /*.d-sm-table { display: table !important; }*/
    /*.d-sm-table-row { display: table-row !important; }*/
    /*.d-sm-table-cell { display: table-cell !important; }*/
    /*.d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }*/
    /*.d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }*/
    /*.d-sm-none { display: none !important; }*/

    .m-sm-0 { margin: 0 !important; }
    .m-sm-1 { margin: 0.25rem !important; }
    .m-sm-2 { margin: 0.5rem !important; }
    .m-sm-3 { margin: 1rem !important; }
    .m-sm-4 { margin: 1.5rem !important; }
    .m-sm-5 { margin: 3rem !important; }
    .m-sm-auto { margin: auto !important; }

    .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; }
    .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
    .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
    .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
    .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
    .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
    .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; }

    .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
    .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
    .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
    .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
    .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
    .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
    .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; }

    .mt-sm-0 { margin-top: 0 !important; }
    .mt-sm-1 { margin-top: 0.25rem !important; }
    .mt-sm-2 { margin-top: 0.5rem !important; }
    .mt-sm-3 { margin-top: 1rem !important; }
    .mt-sm-4 { margin-top: 1.5rem !important; }
    .mt-sm-5 { margin-top: 3rem !important; }
    .mt-sm-auto { margin-top: auto !important; }

    .me-sm-0 { margin-right: 0 !important; }
    .me-sm-1 { margin-right: 0.25rem !important; }
    .me-sm-2 { margin-right: 0.5rem !important; }
    .me-sm-3 { margin-right: 1rem !important; }
    .me-sm-4 { margin-right: 1.5rem !important; }
    .me-sm-5 { margin-right: 3rem !important; }
    .me-sm-auto { margin-right: auto !important; }

    .mb-sm-0 { margin-bottom: 0 !important; }
    .mb-sm-1 { margin-bottom: 0.25rem !important; }
    .mb-sm-2 { margin-bottom: 0.5rem !important; }
    .mb-sm-3 { margin-bottom: 1rem !important; }
    .mb-sm-4 { margin-bottom: 1.5rem !important; }
    .mb-sm-5 { margin-bottom: 3rem !important; }
    .mb-sm-auto { margin-bottom: auto !important; }

    .ms-sm-0 { margin-left: 0 !important; }
    .ms-sm-1 { margin-left: 0.25rem !important; }
    .ms-sm-2 { margin-left: 0.5rem !important; }
    .ms-sm-3 { margin-left: 1rem !important; }
    .ms-sm-4 { margin-left: 1.5rem !important; }
    .ms-sm-5 { margin-left: 3rem !important; }
    .ms-sm-auto { margin-left: auto !important; }

    .m-sm-n1 { margin: -0.25rem !important; }
    .m-sm-n2 { margin: -0.5rem !important; }
    .m-sm-n3 { margin: -1rem !important; }
    .m-sm-n4 { margin: -1.5rem !important; }
    .m-sm-n5 { margin: -3rem !important; }

    .mx-sm-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; }
    .mx-sm-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; }
    .mx-sm-n3 { margin-right: -1rem !important; margin-left: -1rem !important; }
    .mx-sm-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; }
    .mx-sm-n5 { margin-right: -3rem !important; margin-left: -3rem !important; }

    .my-sm-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; }
    .my-sm-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; }
    .my-sm-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; }
    .my-sm-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; }
    .my-sm-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; }

    .mt-sm-n1 { margin-top: -0.25rem !important; }
    .mt-sm-n2 { margin-top: -0.5rem !important; }
    .mt-sm-n3 { margin-top: -1rem !important; }
    .mt-sm-n4 { margin-top: -1.5rem !important; }
    .mt-sm-n5 { margin-top: -3rem !important; }

    .me-sm-n1 { margin-right: -0.25rem !important; }
    .me-sm-n2 { margin-right: -0.5rem !important; }
    .me-sm-n3 { margin-right: -1rem !important; }
    .me-sm-n4 { margin-right: -1.5rem !important; }
    .me-sm-n5 { margin-right: -3rem !important; }

    .mb-sm-n1 { margin-bottom: -0.25rem !important; }
    .mb-sm-n2 { margin-bottom: -0.5rem !important; }
    .mb-sm-n3 { margin-bottom: -1rem !important; }
    .mb-sm-n4 { margin-bottom: -1.5rem !important; }
    .mb-sm-n5 { margin-bottom: -3rem !important; }

    .ms-sm-n1 { margin-left: -0.25rem !important; }
    .ms-sm-n2 { margin-left: -0.5rem !important; }
    .ms-sm-n3 { margin-left: -1rem !important; }
    .ms-sm-n4 { margin-left: -1.5rem !important; }
    .ms-sm-n5 { margin-left: -3rem !important; }

    .p-sm-0 { padding: 0 !important; }
    .p-sm-1 { padding: 0.25rem !important; }
    .p-sm-2 { padding: 0.5rem !important; }
    .p-sm-3 { padding: 1rem !important; }
    .p-sm-4 { padding: 1.5rem !important; }
    .p-sm-5 { padding: 3rem !important; }

    .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; }
    .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
    .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
    .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
    .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
    .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; }

    .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
    .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
    .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
    .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

    .pt-sm-0 { padding-top: 0 !important; }
    .pt-sm-1 { padding-top: 0.25rem !important; }
    .pt-sm-2 { padding-top: 0.5rem !important; }
    .pt-sm-3 { padding-top: 1rem !important; }
    .pt-sm-4 { padding-top: 1.5rem !important; }
    .pt-sm-5 { padding-top: 3rem !important; }

    .pe-sm-0 { padding-right: 0 !important; }
    .pe-sm-1 { padding-right: 0.25rem !important; }
    .pe-sm-2 { padding-right: 0.5rem !important; }
    .pe-sm-3 { padding-right: 1rem !important; }
    .pe-sm-4 { padding-right: 1.5rem !important; }
    .pe-sm-5 { padding-right: 3rem !important; }

    .pb-sm-0 { padding-bottom: 0 !important; }
    .pb-sm-1 { padding-bottom: 0.25rem !important; }
    .pb-sm-2 { padding-bottom: 0.5rem !important; }
    .pb-sm-3 { padding-bottom: 1rem !important; }
    .pb-sm-4 { padding-bottom: 1.5rem !important; }
    .pb-sm-5 { padding-bottom: 3rem !important; }

    .ps-sm-0 { padding-left: 0 !important; }
    .ps-sm-1 { padding-left: 0.25rem !important; }
    .ps-sm-2 { padding-left: 0.5rem !important; }
    .ps-sm-3 { padding-left: 1rem !important; }
    .ps-sm-4 { padding-left: 1.5rem !important; }
    .ps-sm-5 { padding-left: 3rem !important; }

    .gap-sm-0 { gap: 0 !important; }
    .gap-sm-1 { gap: 0.25rem !important; }
    .gap-sm-2 { gap: 0.5rem !important; }
    .gap-sm-3 { gap: 1rem !important; }
    .gap-sm-4 { gap: 1.5rem !important; }
    .gap-sm-5 { gap: 3rem !important; }

}

@media (min-width: 768px) {

    /*.d-md-inline { display: inline !important; }*/
    /*.d-md-inline-block { display: inline-block !important; }*/
    /*.d-md-block { display: block !important; }*/
    /*.d-md-grid { display: grid !important; }*/
    /*.d-md-table { display: table !important; }*/
    /*.d-md-table-row { display: table-row !important; }*/
    /*.d-md-table-cell { display: table-cell !important; }*/
    /*.d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }*/
    /*.d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }*/
    /*.d-md-none { display: none !important; }*/

    .m-md-0 { margin: 0 !important; }
    .m-md-1 { margin: 0.25rem !important; }
    .m-md-2 { margin: 0.5rem !important; }
    .m-md-3 { margin: 1rem !important; }
    .m-md-4 { margin: 1.5rem !important; }
    .m-md-5 { margin: 3rem !important; }
    .m-md-auto { margin: auto !important; }

    .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; }
    .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
    .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
    .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
    .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
    .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
    .mx-md-auto { margin-right: auto !important; margin-left: auto !important; }

    .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
    .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
    .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
    .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
    .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
    .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
    .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; }

    .mt-md-0 { margin-top: 0 !important; }
    .mt-md-1 { margin-top: 0.25rem !important; }
    .mt-md-2 { margin-top: 0.5rem !important; }
    .mt-md-3 { margin-top: 1rem !important; }
    .mt-md-4 { margin-top: 1.5rem !important; }
    .mt-md-5 { margin-top: 3rem !important; }
    .mt-md-auto { margin-top: auto !important; }

    .me-md-0 { margin-right: 0 !important; }
    .me-md-1 { margin-right: 0.25rem !important; }
    .me-md-2 { margin-right: 0.5rem !important; }
    .me-md-3 { margin-right: 1rem !important; }
    .me-md-4 { margin-right: 1.5rem !important; }
    .me-md-5 { margin-right: 3rem !important; }
    .me-md-auto { margin-right: auto !important; }

    .mb-md-0 { margin-bottom: 0 !important; }
    .mb-md-1 { margin-bottom: 0.25rem !important; }
    .mb-md-2 { margin-bottom: 0.5rem !important; }
    .mb-md-3 { margin-bottom: 1rem !important; }
    .mb-md-4 { margin-bottom: 1.5rem !important; }
    .mb-md-5 { margin-bottom: 3rem !important; }
    .mb-md-auto { margin-bottom: auto !important; }

    .ms-md-0 { margin-left: 0 !important; }
    .ms-md-1 { margin-left: 0.25rem !important; }
    .ms-md-2 { margin-left: 0.5rem !important; }
    .ms-md-3 { margin-left: 1rem !important; }
    .ms-md-4 { margin-left: 1.5rem !important; }
    .ms-md-5 { margin-left: 3rem !important; }
    .ms-md-auto { margin-left: auto !important; }

    .m-md-n1 { margin: -0.25rem !important; }
    .m-md-n2 { margin: -0.5rem !important; }
    .m-md-n3 { margin: -1rem !important; }
    .m-md-n4 { margin: -1.5rem !important; }
    .m-md-n5 { margin: -3rem !important; }

    .mx-md-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; }
    .mx-md-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; }
    .mx-md-n3 { margin-right: -1rem !important; margin-left: -1rem !important; }
    .mx-md-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; }
    .mx-md-n5 { margin-right: -3rem !important; margin-left: -3rem !important; }

    .my-md-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; }
    .my-md-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; }
    .my-md-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; }
    .my-md-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; }
    .my-md-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; }

    .mt-md-n1 { margin-top: -0.25rem !important; }
    .mt-md-n2 { margin-top: -0.5rem !important; }
    .mt-md-n3 { margin-top: -1rem !important; }
    .mt-md-n4 { margin-top: -1.5rem !important; }
    .mt-md-n5 { margin-top: -3rem !important; }

    .me-md-n1 { margin-right: -0.25rem !important; }
    .me-md-n2 { margin-right: -0.5rem !important; }
    .me-md-n3 { margin-right: -1rem !important; }
    .me-md-n4 { margin-right: -1.5rem !important; }
    .me-md-n5 { margin-right: -3rem !important; }

    .mb-md-n1 { margin-bottom: -0.25rem !important; }
    .mb-md-n2 { margin-bottom: -0.5rem !important; }
    .mb-md-n3 { margin-bottom: -1rem !important; }
    .mb-md-n4 { margin-bottom: -1.5rem !important; }
    .mb-md-n5 { margin-bottom: -3rem !important; }

    .ms-md-n1 { margin-left: -0.25rem !important; }
    .ms-md-n2 { margin-left: -0.5rem !important; }
    .ms-md-n3 { margin-left: -1rem !important; }
    .ms-md-n4 { margin-left: -1.5rem !important; }
    .ms-md-n5 { margin-left: -3rem !important; }

    .p-md-0 { padding: 0 !important; }
    .p-md-1 { padding: 0.25rem !important; }
    .p-md-2 { padding: 0.5rem !important; }
    .p-md-3 { padding: 1rem !important; }
    .p-md-4 { padding: 1.5rem !important; }
    .p-md-5 { padding: 3rem !important; }

    .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; }
    .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
    .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
    .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
    .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
    .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; }

    .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
    .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
    .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
    .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

    .pt-md-0 { padding-top: 0 !important; }
    .pt-md-1 { padding-top: 0.25rem !important; }
    .pt-md-2 { padding-top: 0.5rem !important; }
    .pt-md-3 { padding-top: 1rem !important; }
    .pt-md-4 { padding-top: 1.5rem !important; }
    .pt-md-5 { padding-top: 3rem !important; }

    .pe-md-0 { padding-right: 0 !important; }
    .pe-md-1 { padding-right: 0.25rem !important; }
    .pe-md-2 { padding-right: 0.5rem !important; }
    .pe-md-3 { padding-right: 1rem !important; }
    .pe-md-4 { padding-right: 1.5rem !important; }
    .pe-md-5 { padding-right: 3rem !important; }

    .pb-md-0 { padding-bottom: 0 !important; }
    .pb-md-1 { padding-bottom: 0.25rem !important; }
    .pb-md-2 { padding-bottom: 0.5rem !important; }
    .pb-md-3 { padding-bottom: 1rem !important; }
    .pb-md-4 { padding-bottom: 1.5rem !important; }
    .pb-md-5 { padding-bottom: 3rem !important; }

    .ps-md-0 { padding-left: 0 !important; }
    .ps-md-1 { padding-left: 0.25rem !important; }
    .ps-md-2 { padding-left: 0.5rem !important; }
    .ps-md-3 { padding-left: 1rem !important; }
    .ps-md-4 { padding-left: 1.5rem !important; }
    .ps-md-5 { padding-left: 3rem !important; }

    .gap-md-0 { gap: 0 !important; }
    .gap-md-1 { gap: 0.25rem !important; }
    .gap-md-2 { gap: 0.5rem !important; }
    .gap-md-3 { gap: 1rem !important; }
    .gap-md-4 { gap: 1.5rem !important; }
    .gap-md-5 { gap: 3rem !important; }

}

@media (min-width: 992px) {

    .m-lg-0 { margin: 0 !important; }
    .m-lg-1 { margin: 0.25rem !important; }
    .m-lg-2 { margin: 0.5rem !important; }
    .m-lg-3 { margin: 1rem !important; }
    .m-lg-4 { margin: 1.5rem !important; }
    .m-lg-5 { margin: 3rem !important; }
    .m-lg-auto { margin: auto !important; }

    .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; }
    .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
    .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
    .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
    .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
    .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
    .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; }

    .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
    .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
    .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
    .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
    .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
    .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
    .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; }

    .mt-lg-0 { margin-top: 0 !important; }
    .mt-lg-1 { margin-top: 0.25rem !important; }
    .mt-lg-2 { margin-top: 0.5rem !important; }
    .mt-lg-3 { margin-top: 1rem !important; }
    .mt-lg-4 { margin-top: 1.5rem !important; }
    .mt-lg-5 { margin-top: 3rem !important; }
    .mt-lg-auto { margin-top: auto !important; }

    .me-lg-0 { margin-right: 0 !important; }
    .me-lg-1 { margin-right: 0.25rem !important; }
    .me-lg-2 { margin-right: 0.5rem !important; }
    .me-lg-3 { margin-right: 1rem !important; }
    .me-lg-4 { margin-right: 1.5rem !important; }
    .me-lg-5 { margin-right: 3rem !important; }
    .me-lg-auto { margin-right: auto !important; }

    .mb-lg-0 { margin-bottom: 0 !important; }
    .mb-lg-1 { margin-bottom: 0.25rem !important; }
    .mb-lg-2 { margin-bottom: 0.5rem !important; }
    .mb-lg-3 { margin-bottom: 1rem !important; }
    .mb-lg-4 { margin-bottom: 1.5rem !important; }
    .mb-lg-5 { margin-bottom: 3rem !important; }
    .mb-lg-auto { margin-bottom: auto !important; }

    .ms-lg-0 { margin-left: 0 !important; }
    .ms-lg-1 { margin-left: 0.25rem !important; }
    .ms-lg-2 { margin-left: 0.5rem !important; }
    .ms-lg-3 { margin-left: 1rem !important; }
    .ms-lg-4 { margin-left: 1.5rem !important; }
    .ms-lg-5 { margin-left: 3rem !important; }
    .ms-lg-auto { margin-left: auto !important; }

    .m-lg-n1 { margin: -0.25rem !important; }
    .m-lg-n2 { margin: -0.5rem !important; }
    .m-lg-n3 { margin: -1rem !important; }
    .m-lg-n4 { margin: -1.5rem !important; }
    .m-lg-n5 { margin: -3rem !important; }

    .mx-lg-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; }
    .mx-lg-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; }
    .mx-lg-n3 { margin-right: -1rem !important; margin-left: -1rem !important; }
    .mx-lg-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; }
    .mx-lg-n5 { margin-right: -3rem !important; margin-left: -3rem !important; }

    .my-lg-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; }
    .my-lg-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; }
    .my-lg-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; }
    .my-lg-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; }
    .my-lg-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; }

    .mt-lg-n1 { margin-top: -0.25rem !important; }
    .mt-lg-n2 { margin-top: -0.5rem !important; }
    .mt-lg-n3 { margin-top: -1rem !important; }
    .mt-lg-n4 { margin-top: -1.5rem !important; }
    .mt-lg-n5 { margin-top: -3rem !important; }

    .me-lg-n1 { margin-right: -0.25rem !important; }
    .me-lg-n2 { margin-right: -0.5rem !important; }
    .me-lg-n3 { margin-right: -1rem !important; }
    .me-lg-n4 { margin-right: -1.5rem !important; }
    .me-lg-n5 { margin-right: -3rem !important; }

    .mb-lg-n1 { margin-bottom: -0.25rem !important; }
    .mb-lg-n2 { margin-bottom: -0.5rem !important; }
    .mb-lg-n3 { margin-bottom: -1rem !important; }
    .mb-lg-n4 { margin-bottom: -1.5rem !important; }
    .mb-lg-n5 { margin-bottom: -3rem !important; }

    .ms-lg-n1 { margin-left: -0.25rem !important; }
    .ms-lg-n2 { margin-left: -0.5rem !important; }
    .ms-lg-n3 { margin-left: -1rem !important; }
    .ms-lg-n4 { margin-left: -1.5rem !important; }
    .ms-lg-n5 { margin-left: -3rem !important; }

    .p-lg-0 { padding: 0 !important; }
    .p-lg-1 { padding: 0.25rem !important; }
    .p-lg-2 { padding: 0.5rem !important; }
    .p-lg-3 { padding: 1rem !important; }
    .p-lg-4 { padding: 1.5rem !important; }
    .p-lg-5 { padding: 3rem !important; }

    .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; }
    .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
    .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
    .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
    .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
    .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; }

    .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
    .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
    .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
    .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

    .pt-lg-0 { padding-top: 0 !important; }
    .pt-lg-1 { padding-top: 0.25rem !important; }
    .pt-lg-2 { padding-top: 0.5rem !important; }
    .pt-lg-3 { padding-top: 1rem !important; }
    .pt-lg-4 { padding-top: 1.5rem !important; }
    .pt-lg-5 { padding-top: 3rem !important; }

    .pe-lg-0 { padding-right: 0 !important; }
    .pe-lg-1 { padding-right: 0.25rem !important; }
    .pe-lg-2 { padding-right: 0.5rem !important; }
    .pe-lg-3 { padding-right: 1rem !important; }
    .pe-lg-4 { padding-right: 1.5rem !important; }
    .pe-lg-5 { padding-right: 3rem !important; }

    .pb-lg-0 { padding-bottom: 0 !important; }
    .pb-lg-1 { padding-bottom: 0.25rem !important; }
    .pb-lg-2 { padding-bottom: 0.5rem !important; }
    .pb-lg-3 { padding-bottom: 1rem !important; }
    .pb-lg-4 { padding-bottom: 1.5rem !important; }
    .pb-lg-5 { padding-bottom: 3rem !important; }

    .ps-lg-0 { padding-left: 0 !important; }
    .ps-lg-1 { padding-left: 0.25rem !important; }
    .ps-lg-2 { padding-left: 0.5rem !important; }
    .ps-lg-3 { padding-left: 1rem !important; }
    .ps-lg-4 { padding-left: 1.5rem !important; }
    .ps-lg-5 { padding-left: 3rem !important; }

    .gap-lg-0 { gap: 0 !important; }
    .gap-lg-1 { gap: 0.25rem !important; }
    .gap-lg-2 { gap: 0.5rem !important; }
    .gap-lg-3 { gap: 1rem !important; }
    .gap-lg-4 { gap: 1.5rem !important; }
    .gap-lg-5 { gap: 3rem !important; }

}

@media (min-width: 1200px) {

    .m-xl-0 { margin: 0 !important; }
    .m-xl-1 { margin: 0.25rem !important; }
    .m-xl-2 { margin: 0.5rem !important; }
    .m-xl-3 { margin: 1rem !important; }
    .m-xl-4 { margin: 1.5rem !important; }
    .m-xl-5 { margin: 3rem !important; }
    .m-xl-auto { margin: auto !important; }

    .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; }
    .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
    .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
    .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
    .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
    .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
    .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; }

    .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
    .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
    .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
    .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
    .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
    .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
    .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; }

    .mt-xl-0 { margin-top: 0 !important; }
    .mt-xl-1 { margin-top: 0.25rem !important; }
    .mt-xl-2 { margin-top: 0.5rem !important; }
    .mt-xl-3 { margin-top: 1rem !important; }
    .mt-xl-4 { margin-top: 1.5rem !important; }
    .mt-xl-5 { margin-top: 3rem !important; }
    .mt-xl-auto { margin-top: auto !important; }

    .me-xl-0 { margin-right: 0 !important; }
    .me-xl-1 { margin-right: 0.25rem !important; }
    .me-xl-2 { margin-right: 0.5rem !important; }
    .me-xl-3 { margin-right: 1rem !important; }
    .me-xl-4 { margin-right: 1.5rem !important; }
    .me-xl-5 { margin-right: 3rem !important; }
    .me-xl-auto { margin-right: auto !important; }

    .mb-xl-0 { margin-bottom: 0 !important; }
    .mb-xl-1 { margin-bottom: 0.25rem !important; }
    .mb-xl-2 { margin-bottom: 0.5rem !important; }
    .mb-xl-3 { margin-bottom: 1rem !important; }
    .mb-xl-4 { margin-bottom: 1.5rem !important; }
    .mb-xl-5 { margin-bottom: 3rem !important; }
    .mb-xl-auto { margin-bottom: auto !important; }

    .ms-xl-0 { margin-left: 0 !important; }
    .ms-xl-1 { margin-left: 0.25rem !important; }
    .ms-xl-2 { margin-left: 0.5rem !important; }
    .ms-xl-3 { margin-left: 1rem !important; }
    .ms-xl-4 { margin-left: 1.5rem !important; }
    .ms-xl-5 { margin-left: 3rem !important; }
    .ms-xl-auto { margin-left: auto !important; }

    .m-xl-n1 { margin: -0.25rem !important; }
    .m-xl-n2 { margin: -0.5rem !important; }
    .m-xl-n3 { margin: -1rem !important; }
    .m-xl-n4 { margin: -1.5rem !important; }
    .m-xl-n5 { margin: -3rem !important; }

    .mx-xl-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; }
    .mx-xl-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; }
    .mx-xl-n3 { margin-right: -1rem !important; margin-left: -1rem !important; }
    .mx-xl-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; }
    .mx-xl-n5 { margin-right: -3rem !important; margin-left: -3rem !important; }

    .my-xl-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; }
    .my-xl-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; }
    .my-xl-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; }
    .my-xl-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; }
    .my-xl-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; }

    .mt-xl-n1 { margin-top: -0.25rem !important; }
    .mt-xl-n2 { margin-top: -0.5rem !important; }
    .mt-xl-n3 { margin-top: -1rem !important; }
    .mt-xl-n4 { margin-top: -1.5rem !important; }
    .mt-xl-n5 { margin-top: -3rem !important; }

    .me-xl-n1 { margin-right: -0.25rem !important; }
    .me-xl-n2 { margin-right: -0.5rem !important; }
    .me-xl-n3 { margin-right: -1rem !important; }
    .me-xl-n4 { margin-right: -1.5rem !important; }
    .me-xl-n5 { margin-right: -3rem !important; }

    .mb-xl-n1 { margin-bottom: -0.25rem !important; }
    .mb-xl-n2 { margin-bottom: -0.5rem !important; }
    .mb-xl-n3 { margin-bottom: -1rem !important; }
    .mb-xl-n4 { margin-bottom: -1.5rem !important; }
    .mb-xl-n5 { margin-bottom: -3rem !important; }

    .ms-xl-n1 { margin-left: -0.25rem !important; }
    .ms-xl-n2 { margin-left: -0.5rem !important; }
    .ms-xl-n3 { margin-left: -1rem !important; }
    .ms-xl-n4 { margin-left: -1.5rem !important; }
    .ms-xl-n5 { margin-left: -3rem !important; }

    .p-xl-0 { padding: 0 !important; }
    .p-xl-1 { padding: 0.25rem !important; }
    .p-xl-2 { padding: 0.5rem !important; }
    .p-xl-3 { padding: 1rem !important; }
    .p-xl-4 { padding: 1.5rem !important; }
    .p-xl-5 { padding: 3rem !important; }

    .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; }
    .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
    .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
    .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
    .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
    .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; }

    .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
    .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
    .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
    .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

    .pt-xl-0 { padding-top: 0 !important; }
    .pt-xl-1 { padding-top: 0.25rem !important; }
    .pt-xl-2 { padding-top: 0.5rem !important; }
    .pt-xl-3 { padding-top: 1rem !important; }
    .pt-xl-4 { padding-top: 1.5rem !important; }
    .pt-xl-5 { padding-top: 3rem !important; }

    .pe-xl-0 { padding-right: 0 !important; }
    .pe-xl-1 { padding-right: 0.25rem !important; }
    .pe-xl-2 { padding-right: 0.5rem !important; }
    .pe-xl-3 { padding-right: 1rem !important; }
    .pe-xl-4 { padding-right: 1.5rem !important; }
    .pe-xl-5 { padding-right: 3rem !important; }

    .pb-xl-0 { padding-bottom: 0 !important; }
    .pb-xl-1 { padding-bottom: 0.25rem !important; }
    .pb-xl-2 { padding-bottom: 0.5rem !important; }
    .pb-xl-3 { padding-bottom: 1rem !important; }
    .pb-xl-4 { padding-bottom: 1.5rem !important; }
    .pb-xl-5 { padding-bottom: 3rem !important; }

    .ps-xl-0 { padding-left: 0 !important; }
    .ps-xl-1 { padding-left: 0.25rem !important; }
    .ps-xl-2 { padding-left: 0.5rem !important; }
    .ps-xl-3 { padding-left: 1rem !important; }
    .ps-xl-4 { padding-left: 1.5rem !important; }
    .ps-xl-5 { padding-left: 3rem !important; }

    .gap-xl-0 { gap: 0 !important; }
    .gap-xl-1 { gap: 0.25rem !important; }
    .gap-xl-2 { gap: 0.5rem !important; }
    .gap-xl-3 { gap: 1rem !important; }
    .gap-xl-4 { gap: 1.5rem !important; }
    .gap-xl-5 { gap: 3rem !important; }

}

@media (min-width: 1400px) {

    .m-xxl-0 { margin: 0 !important; }
    .m-xxl-1 { margin: 0.25rem !important; }
    .m-xxl-2 { margin: 0.5rem !important; }
    .m-xxl-3 { margin: 1rem !important; }
    .m-xxl-4 { margin: 1.5rem !important; }
    .m-xxl-5 { margin: 3rem !important; }
    .m-xxl-auto { margin: auto !important; }

    .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; }
    .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
    .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
    .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
    .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
    .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
    .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; }

    .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
    .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
    .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
    .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
    .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
    .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
    .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; }

    .mt-xxl-0 { margin-top: 0 !important; }
    .mt-xxl-1 { margin-top: 0.25rem !important; }
    .mt-xxl-2 { margin-top: 0.5rem !important; }
    .mt-xxl-3 { margin-top: 1rem !important; }
    .mt-xxl-4 { margin-top: 1.5rem !important; }
    .mt-xxl-5 { margin-top: 3rem !important; }
    .mt-xxl-auto { margin-top: auto !important; }

    .me-xxl-0 { margin-right: 0 !important; }
    .me-xxl-1 { margin-right: 0.25rem !important; }
    .me-xxl-2 { margin-right: 0.5rem !important; }
    .me-xxl-3 { margin-right: 1rem !important; }
    .me-xxl-4 { margin-right: 1.5rem !important; }
    .me-xxl-5 { margin-right: 3rem !important; }
    .me-xxl-auto { margin-right: auto !important; }

    .mb-xxl-0 { margin-bottom: 0 !important; }
    .mb-xxl-1 { margin-bottom: 0.25rem !important; }
    .mb-xxl-2 { margin-bottom: 0.5rem !important; }
    .mb-xxl-3 { margin-bottom: 1rem !important; }
    .mb-xxl-4 { margin-bottom: 1.5rem !important; }
    .mb-xxl-5 { margin-bottom: 3rem !important; }
    .mb-xxl-auto { margin-bottom: auto !important; }

    .ms-xxl-0 { margin-left: 0 !important; }
    .ms-xxl-1 { margin-left: 0.25rem !important; }
    .ms-xxl-2 { margin-left: 0.5rem !important; }
    .ms-xxl-3 { margin-left: 1rem !important; }
    .ms-xxl-4 { margin-left: 1.5rem !important; }
    .ms-xxl-5 { margin-left: 3rem !important; }
    .ms-xxl-auto { margin-left: auto !important; }

    .m-xxl-n1 { margin: -0.25rem !important; }
    .m-xxl-n2 { margin: -0.5rem !important; }
    .m-xxl-n3 { margin: -1rem !important; }
    .m-xxl-n4 { margin: -1.5rem !important; }
    .m-xxl-n5 { margin: -3rem !important; }

    .mx-xxl-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; }
    .mx-xxl-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; }
    .mx-xxl-n3 { margin-right: -1rem !important; margin-left: -1rem !important; }
    .mx-xxl-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; }
    .mx-xxl-n5 { margin-right: -3rem !important; margin-left: -3rem !important; }

    .my-xxl-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; }
    .my-xxl-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; }
    .my-xxl-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; }
    .my-xxl-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; }
    .my-xxl-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; }

    .mt-xxl-n1 { margin-top: -0.25rem !important; }
    .mt-xxl-n2 { margin-top: -0.5rem !important; }
    .mt-xxl-n3 { margin-top: -1rem !important; }
    .mt-xxl-n4 { margin-top: -1.5rem !important; }
    .mt-xxl-n5 { margin-top: -3rem !important; }

    .me-xxl-n1 { margin-right: -0.25rem !important; }
    .me-xxl-n2 { margin-right: -0.5rem !important; }
    .me-xxl-n3 { margin-right: -1rem !important; }
    .me-xxl-n4 { margin-right: -1.5rem !important; }
    .me-xxl-n5 { margin-right: -3rem !important; }

    .mb-xxl-n1 { margin-bottom: -0.25rem !important; }
    .mb-xxl-n2 { margin-bottom: -0.5rem !important; }
    .mb-xxl-n3 { margin-bottom: -1rem !important; }
    .mb-xxl-n4 { margin-bottom: -1.5rem !important; }
    .mb-xxl-n5 { margin-bottom: -3rem !important; }

    .ms-xxl-n1 { margin-left: -0.25rem !important; }
    .ms-xxl-n2 { margin-left: -0.5rem !important; }
    .ms-xxl-n3 { margin-left: -1rem !important; }
    .ms-xxl-n4 { margin-left: -1.5rem !important; }
    .ms-xxl-n5 { margin-left: -3rem !important; }

    .p-xxl-0 { padding: 0 !important; }
    .p-xxl-1 { padding: 0.25rem !important; }
    .p-xxl-2 { padding: 0.5rem !important; }
    .p-xxl-3 { padding: 1rem !important; }
    .p-xxl-4 { padding: 1.5rem !important; }
    .p-xxl-5 { padding: 3rem !important; }

    .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; }
    .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
    .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
    .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
    .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
    .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; }

    .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
    .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
    .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
    .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

    .pt-xxl-0 { padding-top: 0 !important; }
    .pt-xxl-1 { padding-top: 0.25rem !important; }
    .pt-xxl-2 { padding-top: 0.5rem !important; }
    .pt-xxl-3 { padding-top: 1rem !important; }
    .pt-xxl-4 { padding-top: 1.5rem !important; }
    .pt-xxl-5 { padding-top: 3rem !important; }

    .pe-xxl-0 { padding-right: 0 !important; }
    .pe-xxl-1 { padding-right: 0.25rem !important; }
    .pe-xxl-2 { padding-right: 0.5rem !important; }
    .pe-xxl-3 { padding-right: 1rem !important; }
    .pe-xxl-4 { padding-right: 1.5rem !important; }
    .pe-xxl-5 { padding-right: 3rem !important; }

    .pb-xxl-0 { padding-bottom: 0 !important; }
    .pb-xxl-1 { padding-bottom: 0.25rem !important; }
    .pb-xxl-2 { padding-bottom: 0.5rem !important; }
    .pb-xxl-3 { padding-bottom: 1rem !important; }
    .pb-xxl-4 { padding-bottom: 1.5rem !important; }
    .pb-xxl-5 { padding-bottom: 3rem !important; }

    .ps-xxl-0 { padding-left: 0 !important; }
    .ps-xxl-1 { padding-left: 0.25rem !important; }
    .ps-xxl-2 { padding-left: 0.5rem !important; }
    .ps-xxl-3 { padding-left: 1rem !important; }
    .ps-xxl-4 { padding-left: 1.5rem !important; }
    .ps-xxl-5 { padding-left: 3rem !important; }

    .gap-xxl-0 { gap: 0 !important; }
    .gap-xxl-1 { gap: 0.25rem !important; }
    .gap-xxl-2 { gap: 0.5rem !important; }
    .gap-xxl-3 { gap: 1rem !important; }
    .gap-xxl-4 { gap: 1.5rem !important; }
    .gap-xxl-5 { gap: 3rem !important; }

}



























.card-radio {
    /*--blue: #36b7ff;*/
    --blue: #4488f7;
}

.card-radio .form-check-input {
    display: none;
    cursor: pointer;
}

.card-radio .form-check-input + .form-check-label::before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 50%;
    right: 1rem;
    /*font-size: 24px;*/
    font-size: 18px;
    font-weight: bold;
    color: var(--blue);
    transform: translateY(-52%);
}

.card-radio .form-check-input:checked + .form-check-label::before {
    display: none;
}

.card-radio .form-check-input:checked + .form-check-label {
    /*border-color: #405189 !important;*/
    background-color: var(--blue);
    /*padding: .75rem 2rem;*/
    padding: 9px 2rem;
    color: #fff;
}

.card-radio .form-check-label {
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid var(--blue);
    /*border-radius: 50rem;*/
    border-radius: 4px;
    /*padding: .75rem 3rem .75rem 2rem;*/
    padding: 9px 3rem 9px 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    position: relative;
    transition: background-color .3s;
    cursor: pointer;
    font-size: 14px;
    font-family: 'Helvetica', 'Arial', sans-serif !important;
    /*line-height: 1.5;*/
    line-height: 1;
    font-weight: normal !important;
    margin: 0;
}





.selected-city-container {
    font-weight: bold;
    font-family: 'Helvetica', 'Arial', sans-serif !important;
}


























































/* REDESIGN --------------------------------------------------------------------------------------------------------- */

.--flex-row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 27px;
}

.--flex-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 27px;
}

.main--grid {

    --blue: #009fe3;
    --dark-grey: #3c3c3b;
    --light-grey: #dcdcdc;

    padding-top: 24px;
    padding-bottom: 10rem;

    font-family: 'Inter', system-ui, sans-serif;
    line-height: initial;
}

.main--grid,
.main--grid * {
    box-sizing: border-box;
}

.main--grid .alert-warning {
    background: -webkit-linear-gradient(#fbd517, #e5be00);
    background: -o-linear-gradient(#fbd517, #e5be00);
    background: -moz-linear-gradient(#fbd517, #e5be00);
    background: linear-gradient(#fbd517, #e5be00);
    color: #333;
}

.main--grid .btn:not(.selectpicker) {
    border-radius: 1.5rem;
    min-width: 18rem;
    line-height: 1.5;
}

.main--grid > .main--left {
    width: 353px;
    /*background: skyblue;*/
}

.main--grid > .main--right {
    width: 822px;
    /*background: lightgrey;*/
}

.main--grid > .main--right > .main-right--top {
    width: 100%;
}

.main--grid > .main--right > .main-right--bottom {
    width: 100%;
}

.location--selections {
    border-radius: 2rem;
    padding: 2rem;
    width: 100%;
    min-height: 610px;
    background-image: url('../img/bg-reservation.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.location--selections .select2-container--default .select2-selection--single {
    border-radius: 1.5rem;
    border: 1px solid #000;
}

.location--selections .select2-container .select2-selection--single {
    height: 40px;
}

.location--selections .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
    height: 38px;
    box-sizing: border-box;

    --py: 8px;
    padding-top: var(--py);
    padding-bottom: var(--py);
}

.location--selections .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.location--selections .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 1.5rem;
}

.location--selections .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px;
}

.public .select2-container--open .select2-dropdown--below {
    border: 0 none;
    border-radius: 1.5rem;
}

.public .standard .select2-search--dropdown {
    top: -37px;
    width: calc(100% - 4rem);
}

.public .select2-results__option {
    padding: 8px 17px;
}



.location--selections .bootstrap-select {
    height: auto;
    border-radius: 1.5rem;
}

.location--selections .bootstrap-select > .btn {
    border: 1px solid #000;
    border-radius: 1.5rem;
}

.location--selections .bootstrap-select.open > .btn {
    box-shadow: none;
    border-color: var(--blue);
}

.location--selections .filter-option.pull-left {
    color: #000;
}

.location--selections .bootstrap-select .dropdown-menu {
    border: 1px solid #fff;
    border-radius: 1.5rem;
    padding: 1.2rem 0;
}

.location--selections .bootstrap-select .dropdown-menu li {
    font-size: 1.4rem;
}

.location--selections .bootstrap-select .dropdown-menu li a {
    padding: .5rem 1.5rem;
}

.location--selections .btn:not(.selectpicker) {
    /*width: calc(100% - 6rem);*/
    width: 100%;
    color: #000;
    border: 1px solid #000;
    background: #fff;
}

.reservation--header {
    width: 100%;
    /*background: orange;*/
}

.reservation--header .shopping--header {
    width: 434px;
}

.shopping--header .cart {

}

.shopping--header .cart-entry {
    gap: 10px;
}

.shopping--header .cart-entry img {
    width: 36px;
    height: auto;
}

.shopping--header .cart-entry span {
    vertical-align: bottom;
    line-height: 1;
}

.shopping--header .total-price {

    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: .5rem;

    font-size: 2.8rem;
}

.shopping--header .total-price .amount,
.shopping--header .total-price .currency {
    line-height: 0.8;
}

.shopping--header .total-price .currency {
    font-size: 1.6rem;
}

.shopping--header .timer-reserved {
    --size: 80px;
    width: var(--size);
    height: var(--size);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    border-radius: 1.5rem;
    background-color: var(--blue);
}

.info--header .now-browsing {
    padding: 1rem;
    text-align: center;
    color: #fff;
    border-radius: 1.5rem;
    background-color: var(--dark-grey);
}






.reservation--header .info--header {
    width: 361px;
    position: relative;
}

.info--header .langs--switch {
    position: absolute;
    --size: 3.8rem;
    width: var(--size);
    height: var(--size);
    right: -4.5rem;
    top: 0;

    border: 2px solid #d8d8d8;
    border-radius: 1rem;
}

.info--header .langs--switch [data-toggle="dropdown"] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.info--header .langs--switch [data-toggle="dropdown"] > span {
    --size: 2rem;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.info--header .langs--switch [data-toggle="dropdown"] > span img {
    min-width: var(--size);
    min-height: var(--size);

    object-fit: cover;
}









.event--calendar {
    padding-top: 3rem;
    width: 434px;
    /*background: lightgreen;*/
}

.event--calendar #reservationCalendar {
    float: none;
    width: initial;
    padding: 18px;
    border: 1px solid rgba(0, 155, 216, .16);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(20, 42, 72, .10);
}

.event--calendar .monthCalendar tr#mesic,
.event--calendar .monthCalendar table {
    background: none;
}

.event--calendar .monthCalendar {
    overflow: visible;
}

.event--calendar .monthCalendar td.rezerved a,
.event--calendar .monthCalendar tr.days td.volna a,
.event--calendar .monthCalendar select#year,
.event--calendar .monthCalendar td.mesic a {
    font-family: 'Inter', system-ui, sans-serif;
}

.event--calendar .monthCalendar select#year,
.event--calendar .monthCalendar td.mesic a {
    font-size: 2.15rem;
    font-weight: 800;
    color: var(--blue);
}

.event--calendar .monthCalendar select#year {
    margin-left: 5px;
    border-radius: 10px;
    background: #eef8fd;
    color: var(--dark-grey);
    text-align: center;
}

.event--calendar .monthCalendar td.mesic,
.event--calendar .monthCalendar td.sipkaRight {
    padding-bottom: 1.1rem;
}

.event--calendar .monthCalendar td.sipkaLeft a,
.event--calendar .monthCalendar td.sipkaRight a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(0, 155, 216, .20);
    border-radius: 50%;
    background: #f2fbff;
}

.event--calendar .monthCalendar td.sipkaLeft i,
.event--calendar .monthCalendar td.sipkaRight i {
    color: var(--blue);
}

.event--calendar .monthCalendar tr.days td {
    border: 0 none;
    padding: 4px;
}

.event--calendar .monthCalendar tr.days td.prev_next_month a {
    cursor: default;
    visibility: hidden;
}

.event--calendar .monthCalendar tr.days td a {
    border: 1px solid rgba(35, 59, 68, .12);
    border-radius: 1.2rem;
    text-align: center;
    height: 5.15rem !important;
    font-size: 2.1rem;
    font-weight: 700;
    background: #f7fbfd;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

.event--calendar .monthCalendar tr.days td.volna a {
    border-color: rgba(35, 59, 68, .08);
    background: #f7f8f9;
}

.event--calendar .monthCalendar tr.days td.rezerved a,
.event--calendar .monthCalendar tr.days td.aktualni a {
    color: var(--dark-grey);
}

.event--calendar .monthCalendar tr.days td.rezerved a {
    border-color: rgba(0, 155, 216, .38);
    background: #eef9fe;
    color: var(--blue);
    cursor: pointer;
}

.event--calendar .monthCalendar tr.days td.rezerved a:hover {
    border-color: var(--blue);
    background: #e5f6fd;
    transform: translateY(-1px);
}

.event--calendar .monthCalendar tr.days td a .month-calendar-date-weekday {
    font-size: 1.2rem;
    color: var(--blue);
    margin-bottom: .5rem;
}

.event--calendar .monthCalendar tr.days td.aktualni a {
    border-color: var(--blue);
    background-color: var(--blue);
    color: #fff !important;
    -webkit-text-fill-color: #fff;
    box-shadow: 0 10px 22px rgba(0, 155, 216, .24);
}

.event--calendar .monthCalendar tr.days td.volna a .month-calendar-date-weekday {
    color: var(--light-grey);
}

.event--calendar .monthCalendar tr.days td.aktualni a .month-calendar-date-weekday {
    color: #fff;
}

.event--calendar .monthCalendar td.rezerved,
.event--calendar .monthCalendar tr.days td.volna,
.event--calendar .monthCalendar tr.days td.aktualni {
    background: transparent;
}







.offers {
    margin-top: -4rem;
    width: 361px;
    /*background: salmon;*/
}


.offers .offer {
    border: 2px solid var(--dark-grey);
    border-radius: 1.5rem;
    padding: .5rem 1rem;
    margin: 0 0 1.5rem;
}

.offers .offer.sold-out {
    opacity: .25;
}

.offers .offer.in-cart {
    border-color: var(--blue);
    background-color: var(--blue);
    color: #fff;
}

.offers .offer .offer-header {
    font-weight: 600;
    font-size: 1.6rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.offer-discount-mark {
    width: 1.7rem;
    height: 1.7rem;
    flex: 0 0 1.7rem;
    margin-top: .2rem;
}

.offers .offer .offer-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.offers .offer .offer-contents {
    width: 60%;
}

.offers .offer .offer-details {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.offers .offer .offer-counters > * {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.upsell--counter .counter-left,
.upsell--counter .counter-right,
.upsell--counter .counter-input,
.offers .offer .offer-counters .counter-left,
.offers .offer .offer-counters .counter-right,
.offers .offer .offer-counters .counter-input {
    font: inherit;
}

.upsell--counter .counter-control,
.offers .offer .offer-counters .counter-control {
    grid-template-columns: 28px 34px 28px;
    background: #fff;
    border-color: rgba(0, 0, 0, .18);
}

.upsell--counter .counter-left,
.upsell--counter .counter-right,
.offers .offer .offer-counters .counter-left,
.offers .offer .offer-counters .counter-right {
    width: 28px;
    height: 28px;
    background: #eee;
}

.upsell--counter .counter-input,
.offers .offer .offer-counters .counter-input {
    width: 34px;
    height: 28px;
    line-height: 28px;
}

.offers .offer.in-cart .offer-counters .counter-left,
.offers .offer.in-cart .offer-counters .counter-right,
.offers .offer.in-cart .offer-counters .counter-input {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.offers .offer.in-cart .offer-counters .counter-control {
    background: transparent;
    border-color: rgba(255, 255, 255, .7);
}

.offers .offer.in-cart .offer-counters .counter-left,
.offers .offer.in-cart .offer-counters .counter-right {
    background: rgba(255, 255, 255, .18);
}

.offers .offer.in-cart .offer-counters .counter-input {
    background: transparent !important;
    border-color: rgba(255, 255, 255, .32);
}

.offers .offer .offer-price {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}

.offers .offer .offer-price .offer-price-amount {
    font-weight: 600;
}

.offers .offer .offer-price .offer-price-original {
    color: rgba(35, 56, 66, .52);
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: line-through;
}

.offers .offer.in-cart .offer-price .offer-price-original {
    color: rgba(255, 255, 255, .72);
}

.offers .offer .offer-price .offer-price-currency {

}




.main-right--bottom .cart-items {
    width: 100%;
}

.cart-item {
    gap: 0;
    margin-bottom: 1.875rem;
}

.cart-items .cart-item:last-of-type {
    margin-bottom: 0;
}

.cart-item--left,
.cart-item--right {
    border: 2px solid #000;
    border-radius: 1.5rem;
}

.cart-item--left {
    /*width: 560px;*/
    width: 540px;
}

.cart-item--right {
    margin-left: -2px;
    /*width: 262px;*/
    width: 282px;
    position: relative;
}

.cart-item--header {
    padding: .5rem 1.5rem;
    background-color: var(--blue);
    color: #fff;
    border-radius: 1.4rem 1.4rem 0 0;
    font-size: 2.4rem;
    font-family: 'Montserrat', 'Tahoma', sans-serif;
    letter-spacing: -2.5px;
    position: relative;
}

.cart-item--right .cart-item--header::before,
.cart-item--right .cart-item--header::after,
.cart-item--right::before,
.cart-item--right::after {
    content: '';
    display: block;
    width: 2px;
    height: calc(100% - 4.75rem);
    position: absolute;
    top: 3.75rem;
}

.cart-item--right .cart-item--header::before,
.cart-item--right::before {
    background: #fff;
    left: -2px;
}

.cart-item--right .cart-item--header::after,
.cart-item--right::after {
    background: #fff;
    border-left: 2px dashed #000;
    left: -2px;
}

.cart-item--right .cart-item--header::before,
.cart-item--right .cart-item--header::after {
    background: var(--blue);
    border-left: 2px dashed #fff;
    height: 2.75rem;
    top: 1rem;
}

.cart-item--header > span {
    color: #000;
}

.cart-item--flight {
    gap: 0px;
}

.cart-item--place-short {
    font-size: 5.6rem;
    font-weight: bold;
    line-height: .8;
}

.cart-item--place-long {
    font-size: 1.8rem;
    color: var(--blue);
    text-transform: uppercase;
}

.cart-item--right .cart-item--place-short {
    font-size: 3.0rem;
}

.cart-item--right .cart-item--place-long {
    font-size: 1.2rem;
}

.cart-item--plane {
    width: 100px;
    height: 45px;
    margin: 0 1rem;
    background-image: url('../img/plane-big.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.cart-item--flight.compact .cart-item--plane {
    width: 20px;
    height: 24px;
    margin: 0 12px;
    background-image: url('../img/plane-small.png');
}

.cart-item--params {
    width: 65%;
}

.cart-item--when {
    font-size: 1.6rem;
}

.cart-item--who-where {
    font-size: 1.8rem;
}

.cart-item--who-where > *:nth-of-type(2) {
    text-align: right;
}

.cart-item--event-name {
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--dark-grey);
}

.cart-item--price {
    width: 35%;
    color: var(--blue);
    font-size: 2.2rem;
    font-weight: bold;
    margin-top: -.5rem;
}

.cart-item--insurance {
    font-size: 1.2rem;

}

.cart-item--right .cart-item--params {
    width: 100%;
}

.cart-item--right .cart-item--when {
    /*font-size: 1.2rem;*/
}

.cart-item--right .cart-item--who-where {
    /*font-size: 1.6rem;*/
}

.cart-item--right .cart-item--event-name {
    font-size: 1.35rem;
    line-height: 1.25;
}

.cart-item--right .cart-item--price {
    width: 60%;
    text-align: right;
}

.cart-item--left .cart-item--remove-wrapper {
    display: none;
}

.cart-item--right .cart-item--remove-wrapper {
    display: flex;
}

.cart-item--remove {
    color: #ffa500 !important;
    font-size: 1.8rem;
}

.main-right--bottom .cart-upsells {
    width: 360px;
}

.upsell--icon,
.upsell--content {
    border: 2px solid var(--blue);
    border-radius: 1.5rem;
}

.upsell {

    --icon-size: 7rem;

    gap: 0;
    margin-bottom: 1rem;
    width: 100%;
}

.upsell--icon {
    width: var(--icon-size);
    height: var(--icon-size);
}

.upsell--icon img {
    width: auto;
    max-width: calc(var(--icon-size) - 1.5rem);
    height: auto;
    max-height: calc(var(--icon-size) - 1.5rem);
}

.upsell--icon img.upsell--img-inverse {
    display: none;
}

.upsell--content {
    margin-left: -2px;
    box-sizing: border-box;
    width: calc(100% - var(--icon-size));
    height: var(--icon-size);
    padding: .75rem;
    color: var(--blue);
    gap: 0;
}

.upsell--description {
    width: 60%;
}

.upsell--heading {
    font-weight: 800;
}

.upsell--buy {
    width: 40%;
    gap: 0;
}

.upsell--price {
    font-weight: 600;
}

.upsell--counter .counter-left,
.upsell--counter .counter-right,
.upsell--counter .counter-input {
    color: #111 !important;
    -webkit-text-fill-color: #111;
}

.upsell--counter .counter-control {
    box-shadow: none;
}

.coupon--offers .upsell--description {
    width: calc(100% - 118px);
}

.coupon--offers .upsell--buy {
    position: relative;
    width: 118px;
    min-width: 118px;
    height: 100%;
    justify-content: flex-start;
    padding-right: .25rem;
}

.coupon--offers .upsell--counter {
    position: absolute;
    right: .25rem;
    bottom: .15rem;
}

.upsell--insurance-toggle {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin: 0;
    cursor: pointer;
    color: var(--blue);
    font-weight: 800;
    line-height: 1;
}

.upsell--insurance-toggle input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.upsell--insurance-toggle-box {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border: 2px solid rgba(0, 155, 216, .65);
    border-radius: .7rem;
    background: #fff;
}

.upsell--insurance-toggle-box::after {
    content: '';
    width: 1.1rem;
    height: .65rem;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(-45deg) translate(1px, -1px);
    opacity: 0;
}

.upsell--insurance-toggle input:checked + .upsell--insurance-toggle-box {
    border-color: var(--blue);
    background: var(--blue);
}

.upsell--insurance-toggle input:checked + .upsell--insurance-toggle-box::after {
    opacity: 1;
}

.upsell--insurance-toggle-text {
    color: inherit;
}

.upsell--insurance {
    --icon-size: 8.4rem;
}

.upsell--insurance .upsell--content {
    min-height: var(--icon-size);
    height: auto;
}

.upsell--insurance .upsell--description {
    font-size: 1.28rem;
    line-height: 1.18;
}

.upsell--insurance .upsell--heading {
    font-size: 1.48rem;
    line-height: 1.12;
}

.upsell.in-cart .upsell--content,
.upsell.in-cart .upsell--insurance-toggle,
.upsell.in-cart .upsell--counter .counter-left,
.upsell.in-cart .upsell--counter .counter-right,
.upsell.in-cart .upsell--counter .counter-input {
    color: #fff !important;
    -webkit-text-fill-color: #fff;
}

.upsell.in-cart .upsell--content,
.upsell.in-cart .upsell--insurance-toggle {
    background-color: var(--blue);
}

.upsell.in-cart .upsell--insurance-toggle-box {
    border-color: rgba(255, 255, 255, .85);
    background: rgba(255, 255, 255, .18);
}

.upsell.in-cart .upsell--insurance-toggle input:checked + .upsell--insurance-toggle-box {
    background: #fff;
}

.upsell.in-cart .upsell--insurance-toggle input:checked + .upsell--insurance-toggle-box::after {
    border-color: var(--blue);
}

.upsell.in-cart .upsell--counter .counter-control {
    background: transparent;
    border-color: rgba(255, 255, 255, .7);
}

.upsell.in-cart .upsell--counter .counter-left,
.upsell.in-cart .upsell--counter .counter-right,
.upsell.in-cart .upsell--counter .counter-input {
    background: rgba(255, 255, 255, .18);
}

.upsell.in-cart .upsell--counter .counter-input {
    border-color: rgba(255, 255, 255, .32);
}

.upsell.in-cart .upsell--icon {
    background: #fff;
    border-color: var(--blue);
}

.upsell.in-cart .upsell--icon img,
.upsell.in-cart .upsell--icon img.upsell--img {
    display: block;
}

.upsell.in-cart .upsell--icon img.upsell--img-inverse {
    display: none;
}

.main-right--bottom .cart-form {
    width: 340px;
}

.main-right--bottom .b_form {
    width: 100%;
    padding: 0;
    border: 0 none;
    box-shadow: none;
}

.main-right--bottom .b_form .panel-heading {
    padding: 0 0 .5rem;
}

.main-right--bottom .b_form .panel-heading .panel-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--blue);
    text-align: left;
    font-family: 'Inter', system-ui, sans-serif;
}

.main-right--bottom .b_form .form-control,
.main-right--bottom .form-control {
    height: auto;
    border: 1px solid #000;
    font-size: inherit;
    background-color: white;
    border-radius: 1rem;
}

.main-right--bottom .b_form .form-control::placeholder,
.main-right--bottom .form-control::placeholder {
    color: #000;
}

.main-right--bottom .b_form .checker {
    --size: 28px;
}

.main-right--bottom .b_form .checker,
.main-right--bottom .b_form .checker span,
.main-right--bottom .b_form .checker input {
    width: var(--size);
    height: var(--size);
    border-radius: .75rem;
}

.main-right--bottom .b_form .checker span {
    border: 1px solid #000;
}

.main-right--bottom .b_form .checkbox label {
    color: #000;
    padding-left: 36px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.main-right--bottom .b_form .checker span::after {
    width: var(--size);
    height: var(--size);
    font-size: 2.8rem;
    color: #000;
}

.main-right--bottom .btn.reservation-btn {
    min-width: 0;
    width: auto;
    padding: .5rem 2rem;
    border-radius: 1rem;
    background-color: #4a98e2;
    border-color: #4a98e2;
}

.main-right--bottom .filter-option.pull-left {
    color: #000;
}

.main-right--bottom .b_form .form-control.bootstrap-select .btn {
    height: 25px;
}

.main-right--bottom .voucher-input {
    width: 100%;
}

.main-right--bottom .voucher-input [type="text"] {
    padding-right: 10rem;
}

.main-right--bottom .voucher-btn {
    background-color: var(--blue);
    padding: .8rem 2rem;
    border-radius: 1rem;
    color: #fff;
    width: auto;
    height: auto;
    position: absolute;
    top: 2px;
    right: 2px;
}

.main-right--bottom .voucher-err {
    margin-left: 1.25rem;
}

.cart-expired--wrapper {

    --blue: #009fe3;

    min-width: 100vw;
    min-height: 100vh;
    background-image: url('../img/wallpaper-light.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.cart-expired--card {
    border-radius: 3rem;
    border: 2px solid #000;
    background-image: linear-gradient(to bottom, #416cb3, #7fc7ee);
    position: relative;
}

.cart-expired--card::after {
    content: '';
    --size: 10rem;
    width: var(--size);
    height: var(--size);
    display: block;
    background-image: url('../img/ribbon.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 1px;
}

.cart-expired--close {
    --size: 5.5rem;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff !important;
    font-size: 4.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart-expired--content {
    padding: 0 4rem;
    --ff: 'Inter', system-ui, sans-serif;
}

.cart-expired--content h1 {
    margin: 0 0 4rem;
    padding: 0;
    font-family: var(--ff);
    font-size: 6rem;
    font-weight: 900;
    line-height: 1.1;
    color: #fff;
    text-align: left;
}

.cart-expired--content h2 {
    margin: 0;
    padding: 0;
    font-family: var(--ff);
    font-size: 4rem;
    color: #fff;
    text-align: left;
}

.cart-expired--lead,
.cart-expired--benefit {
    margin: 0 0 2rem;
    padding: 0;
    font-family: var(--ff);
    color: #fff;
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 1.35;
    text-align: left;
}

.cart-expired--code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: .5rem 0 2rem;
    padding: .85rem 2.4rem;
    border: 2px solid rgba(255, 255, 255, .75);
    border-radius: 999px;
    background: rgba(255, 255, 255, .96);
    color: #009fe3;
    font-family: var(--ff);
    font-size: 3rem;
    font-weight: 900;
    letter-spacing: .06em;
    box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, .16);
}

.cart-expired--content .btn-primary {
    border-radius: 1.5rem;
    line-height: 1.5;
    font-size: 2.6rem;
    color: var(--blue);
    border-color: var(--blue);
    background-color: #fff;
    padding: .5rem 4rem;
}

@media (max-width: 767px) {
    .cart-expired--card {
        border-radius: 2rem;
    }

    .cart-expired--content {
        padding: 0 1rem;
    }

    .cart-expired--content h1 {
        margin-bottom: 2.5rem;
        font-size: 3.5rem;
    }

    .cart-expired--lead,
    .cart-expired--benefit {
        font-size: 2rem;
    }

    .cart-expired--code {
        width: 100%;
        padding: .85rem 1.4rem;
        font-size: 2.2rem;
        letter-spacing: .03em;
    }

    .cart-expired--content .btn-primary {
        width: 100%;
        padding: .9rem 1.4rem;
        font-size: 2rem;
        white-space: normal;
    }
}























.shopping--header .timer-reserved[class*="t-"] {
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.shopping--header .timer-reserved.t-0 {
    background-image: url('../img/timer/timer-0.png');
}

.shopping--header .timer-reserved.t-1 {
    background-image: url('../img/timer/timer-1.png');
}

.shopping--header .timer-reserved.t-2 {
    background-image: url('../img/timer/timer-2.png');
}

.shopping--header .timer-reserved.t-3 {
    background-image: url('../img/timer/timer-3.png');
}

.shopping--header .timer-reserved.t-4 {
    background-image: url('../img/timer/timer-4.png');
}

.shopping--header .timer-reserved.t-5 {
    background-image: url('../img/timer/timer-5.png');
}

.shopping--header .timer-reserved.t-6 {
    background-image: url('../img/timer/timer-6.png');
}

.shopping--header .timer-reserved.t-7 {
    background-image: url('../img/timer/timer-7.png');
}

.shopping--header .timer-reserved.t-8 {
    background-image: url('../img/timer/timer-8.png');
}

.shopping--header .timer-reserved.t-9 {
    background-image: url('../img/timer/timer-9.png');
}

.shopping--header .timer-reserved.t-10 {
    background-image: url('../img/timer/timer-10.png');
}

.shopping--header .timer-reserved.t-11 {
    background-image: url('../img/timer/timer-11.png');
}

.shopping--header .timer-reserved.t-12 {
    background-image: url('../img/timer/timer-12.png');
}

.shopping--header .timer-reserved.t-13 {
    background-image: url('../img/timer/timer-13.png');
}

.shopping--header .timer-reserved.t-14 {
    background-image: url('../img/timer/timer-14.png');
}

.shopping--header .timer-reserved.t-15 {
    background-image: url('../img/timer/timer-15.png');
}

.shopping--header .timer-reserved.t-16 {
    background-image: url('../img/timer/timer-16.png');
}

.shopping--header .timer-reserved.t-17 {
    background-image: url('../img/timer/timer-17.png');
}

.shopping--header .timer-reserved.t-18 {
    background-image: url('../img/timer/timer-18.png');
}

.shopping--header .timer-reserved.t-19 {
    background-image: url('../img/timer/timer-19.png');
}

.shopping--header .timer-reserved.t-20 {
    background-image: url('../img/timer/timer-20.png');
}

.shopping--header .timer-reserved.t-21 {
    background-image: url('../img/timer/timer-21.png');
}

.shopping--header .timer-reserved.t-22 {
    background-image: url('../img/timer/timer-22.png');
}

.shopping--header .timer-reserved.t-23 {
    background-image: url('../img/timer/timer-23.png');
}

.shopping--header .timer-reserved.t-24 {
    background-image: url('../img/timer/timer-24.png');
}

.shopping--header .timer-reserved.t-25 {
    background-image: url('../img/timer/timer-25.png');
}

.shopping--header .timer-reserved.t-26 {
    background-image: url('../img/timer/timer-26.png');
}

.shopping--header .timer-reserved.t-27 {
    background-image: url('../img/timer/timer-27.png');
}

.shopping--header .timer-reserved.t-28 {
    background-image: url('../img/timer/timer-28.png');
}

.shopping--header .timer-reserved.t-29 {
    background-image: url('../img/timer/timer-29.png');
}

.shopping--header .timer-reserved.t-30 {
    background-image: url('../img/timer/timer-30.png');
}

.shopping--header .timer-reserved.t-31 {
    background-image: url('../img/timer/timer-31.png');
}

.shopping--header .timer-reserved.t-32 {
    background-image: url('../img/timer/timer-32.png');
}

.shopping--header .timer-reserved.t-33 {
    background-image: url('../img/timer/timer-33.png');
}

.shopping--header .timer-reserved.t-34 {
    background-image: url('../img/timer/timer-34.png');
}

.shopping--header .timer-reserved.t-35 {
    background-image: url('../img/timer/timer-35.png');
}

.shopping--header .timer-reserved.t-36 {
    background-image: url('../img/timer/timer-36.png');
}

.shopping--header .timer-reserved.t-37 {
    background-image: url('../img/timer/timer-37.png');
}

.shopping--header .timer-reserved.t-38 {
    background-image: url('../img/timer/timer-38.png');
}

.shopping--header .timer-reserved.t-39 {
    background-image: url('../img/timer/timer-39.png');
}

.shopping--header .timer-reserved.t-40 {
    background-image: url('../img/timer/timer-40.png');
}

.shopping--header .timer-reserved.t-41 {
    background-image: url('../img/timer/timer-41.png');
}

.shopping--header .timer-reserved.t-42 {
    background-image: url('../img/timer/timer-42.png');
}

.shopping--header .timer-reserved.t-43 {
    background-image: url('../img/timer/timer-43.png');
}

.shopping--header .timer-reserved.t-44 {
    background-image: url('../img/timer/timer-44.png');
}

.shopping--header .timer-reserved.t-45 {
    background-image: url('../img/timer/timer-45.png');
}

.shopping--header .timer-reserved.t-46 {
    background-image: url('../img/timer/timer-46.png');
}

.shopping--header .timer-reserved.t-47 {
    background-image: url('../img/timer/timer-47.png');
}

.shopping--header .timer-reserved.t-48 {
    background-image: url('../img/timer/timer-48.png');
}

.shopping--header .timer-reserved.t-49 {
    background-image: url('../img/timer/timer-49.png');
}

.shopping--header .timer-reserved.t-50 {
    background-image: url('../img/timer/timer-50.png');
}

.shopping--header .timer-reserved.t-51 {
    background-image: url('../img/timer/timer-51.png');
}

.shopping--header .timer-reserved.t-52 {
    background-image: url('../img/timer/timer-52.png');
}

.shopping--header .timer-reserved.t-53 {
    background-image: url('../img/timer/timer-53.png');
}

.shopping--header .timer-reserved.t-54 {
    background-image: url('../img/timer/timer-54.png');
}

.shopping--header .timer-reserved.t-55 {
    background-image: url('../img/timer/timer-55.png');
}

.shopping--header .timer-reserved.t-56 {
    background-image: url('../img/timer/timer-56.png');
}

.shopping--header .timer-reserved.t-57 {
    background-image: url('../img/timer/timer-57.png');
}

.shopping--header .timer-reserved.t-58 {
    background-image: url('../img/timer/timer-58.png');
}

.shopping--header .timer-reserved.t-59 {
    background-image: url('../img/timer/timer-59.png');
}

.shopping--header .timer-reserved.t-60 {
    background-image: url('../img/timer/timer-60.png');
}

.shopping--header .timer-reserved.t-61 {
    background-image: url('../img/timer/timer-61.png');
}

.shopping--header .timer-reserved.t-62 {
    background-image: url('../img/timer/timer-62.png');
}

.shopping--header .timer-reserved.t-63 {
    background-image: url('../img/timer/timer-63.png');
}

.shopping--header .timer-reserved.t-64 {
    background-image: url('../img/timer/timer-64.png');
}

.shopping--header .timer-reserved.t-65 {
    background-image: url('../img/timer/timer-65.png');
}

.shopping--header .timer-reserved.t-66 {
    background-image: url('../img/timer/timer-66.png');
}

.shopping--header .timer-reserved.t-67 {
    background-image: url('../img/timer/timer-67.png');
}

.shopping--header .timer-reserved.t-68 {
    background-image: url('../img/timer/timer-68.png');
}

.shopping--header .timer-reserved.t-69 {
    background-image: url('../img/timer/timer-69.png');
}

.shopping--header .timer-reserved.t-70 {
    background-image: url('../img/timer/timer-70.png');
}

.shopping--header .timer-reserved.t-71 {
    background-image: url('../img/timer/timer-71.png');
}

.shopping--header .timer-reserved.t-72 {
    background-image: url('../img/timer/timer-72.png');
}

@media (max-width: 1199px) {

    .main--grid.--flex-row {
        flex-wrap: wrap;
        justify-content: center;
    }

    .main--grid {
        padding-top: 0;
    }

    .main--grid > .main--left {
        width: 822px;
    }

    .location--selections {
        min-height: 0;
        background: none;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

}

@media (max-width: 991px) {

    .main--grid > .main--right {
        width: 100%;
    }

    .main--grid > .main--right > .main-right--top {
        position: sticky;
        top: 0;
        background-color: #fff;
        z-index: 10;
        padding-top: 1rem;
    }

    .reservation--header {
        flex-wrap: wrap;
        /*margin-bottom: 3rem;*/

    }

    .reservation--header .shopping--header {
        order: 2;
        width: 100%;
    }

    .reservation--header .info--header {
        order: 1;
        width: 95%;
        margin: 0 auto .9rem;
        position: relative;
        top: auto;
    }

    .info--header .now-browsing {
        box-sizing: border-box;
        display: block;
        width: 100%;
        padding: 1rem 1.6rem;
    }

    .info--header .langs--switch {
        top: 0;
        right: -4.8rem;
    }

    .shopping--header .timer-reserved {
        position: relative;
        top: 0;
    }

    .main--grid > .main--right > .main-right--bottom {
        flex-wrap: wrap;
        margin-top: 1rem;
    }

    .event--calendar {
        width: 100%;
        max-width: 45rem;
        margin: 0 auto;
        padding-top: .5rem;
        padding-bottom: 2rem;
    }

    .event-calendar--buttons {
        position: fixed;
        bottom: 0;
        left: 0;
        text-align: center;
        padding-bottom: 1rem;
        width: 100vw;
    }

    .offers {
        width: 100%;
        max-width: 45rem;
        margin: 0 auto;
    }

    .coupon--offers {
        width: calc(100% - 3rem);
        max-width: 45rem;
        margin: 0 auto;
    }

    .cart-item--left {
        width: 100%;
    }

    .cart-item--right {
        display: none;
    }

    .cart-item--left .cart-item--remove-wrapper {
        display: flex;
    }

    .cart-item--right .cart-item--remove-wrapper {
        display: none;
    }

}

@media (max-width: 768px) {

    .location--selections {
        padding: 0 1.5rem;
    }

    .main--grid > .main--right > .main-right--top {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .main--grid > .main--right > .main-right--bottom {
        margin-top: .4rem;
    }

    .reservation--header .info--header {
        width: 95%;
        margin-bottom: .7rem;
    }

    .info--header .langs--switch {
        right: 0;
        top: calc(100% + .7rem);
    }

    .cart-item--left {
        border: 0 none;
    }

    .cart-item--header {
        border-radius: 0;
        text-align: center;
    }

    .event--calendar {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: .4rem;
    }

    .offers {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .main-right--bottom .cart-upsells {
        width: 100%;
        max-width: 45rem;
        padding: 0 1.5rem;
        margin: 0 auto;
    }

    .main-right--bottom .cart-form {
        width: 100%;
        max-width: 45rem;
        padding: 0 1.5rem;
        margin: 0 auto;
    }

}

@media (max-width: 565px) {

    .coupon--offers .upsell--description {
        font-size: 13px;
    }

}

@media (max-width: 350px) {

    .coupon--offers .upsell--description {
        font-size: 12px;
    }

    .coupon--offers .upsell--heading {
        line-height: 1.0;
    }

}

.offers .offer .offer-counters .counter-control,
.upsell--counter .counter-control {
    display: inline-flex;
    grid-template-columns: none;
    align-items: center;
    gap: 5px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.offers .offer .offer-counters .counter-left,
.offers .offer .offer-counters .counter-right,
.upsell--counter .counter-left,
.upsell--counter .counter-right {
    width: 28px;
    height: 28px;
    border: 1px solid rgba(75, 129, 232, .45);
    border-radius: 50%;
    background: rgba(75, 129, 232, .08);
    color: var(--blue) !important;
    -webkit-text-fill-color: var(--blue);
    font-size: 18px;
    font-weight: 700;
}

.offers .offer .offer-counters .counter-left:hover,
.offers .offer .offer-counters .counter-right:hover,
.upsell--counter .counter-left:hover,
.upsell--counter .counter-right:hover {
    background: rgba(75, 129, 232, .16);
    color: var(--blue);
}

.offers .offer .offer-counters .counter-input,
.upsell--counter .counter-input {
    width: 34px;
    height: 30px;
    line-height: 30px;
    border: 1px solid rgba(75, 129, 232, .18);
    border-radius: 6px;
    background: rgba(75, 129, 232, .06) !important;
    color: var(--dark-grey) !important;
    -webkit-text-fill-color: var(--dark-grey);
    font-size: 18px;
    font-weight: 500;
}

.offers .offer.in-cart .offer-counters .counter-control,
.upsell.in-cart .upsell--counter .counter-control {
    border-color: transparent;
}

.offers .offer.in-cart .offer-counters .counter-left,
.offers .offer.in-cart .offer-counters .counter-right,
.upsell.in-cart .upsell--counter .counter-left,
.upsell.in-cart .upsell--counter .counter-right {
    border-color: rgba(255, 255, 255, .85);
    background: rgba(255, 255, 255, .14);
    color: #fff !important;
    -webkit-text-fill-color: #fff;
}

.offers .offer.in-cart .offer-counters .counter-left:hover,
.offers .offer.in-cart .offer-counters .counter-right:hover,
.upsell.in-cart .upsell--counter .counter-left:hover,
.upsell.in-cart .upsell--counter .counter-right:hover {
    background: rgba(255, 255, 255, .24);
}

.offers .offer.in-cart .offer-counters .counter-input,
.upsell.in-cart .upsell--counter .counter-input {
    border-color: rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .16) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff;
}

.offers .offer.cart-syncing {
    opacity: .78;
}

.upsell--counter {
    display: flex;
    align-items: center;
    min-height: 30px;
}

.upsell--buy {
    justify-content: center;
}

.coupon--offers .upsell--buy {
    justify-content: flex-start;
}

.upsell.cart-syncing,
.coupon.cart-syncing {
    opacity: .78;
}

.upsell--content {
    position: relative;
    padding-right: 155px;
}

.upsell--description,
.coupon--offers .upsell--description {
    width: 100%;
    min-width: 0;
}

.upsell--buy,
.coupon--offers .upsell--buy {
    position: absolute;
    top: .65rem;
    right: 1rem;
    bottom: .65rem;
    display: grid !important;
    grid-template-columns: 88px 48px;
    grid-template-rows: 1fr 1fr;
    column-gap: 8px;
    align-items: center;
    justify-items: end;
    width: 144px;
    min-width: 144px;
    height: auto;
    padding-right: 0;
}

.upsell--price {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    text-align: right;
    line-height: 1.05;
}

.upsell--currency {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    text-align: right;
    line-height: 1.05;
}

.upsell--counter,
.coupon--offers .upsell--counter {
    position: static;
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: end;
    min-height: 0;
}

.upsell--counter .counter-control {
    gap: 3px;
}

.upsell--counter .counter-left,
.upsell--counter .counter-right {
    width: 24px;
    height: 24px;
    font-size: 16px;
}

.upsell--counter .counter-input {
    width: 28px;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
}

.upsell--insurance .upsell--buy {
    grid-template-columns: 54px 86px;
    width: 148px;
    min-width: 148px;
}

.upsell--insurance .upsell--counter {
    grid-column: 1;
}

.upsell--insurance .upsell--insurance-toggle {
    justify-content: flex-end;
    color: var(--blue);
}

.upsell--insurance.in-cart .upsell--insurance-toggle {
    color: #fff;
}

.paid-page {
    max-width: 1040px;
    margin: 0 auto;
}

.paid-top-actions {
    display: flex;
    justify-content: flex-start;
    margin: 22px 0 8px;
}

.paid-home-link {
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    padding: 1rem 1.35rem;
    border: 1px solid rgba(0, 155, 216, .22);
    border-radius: 999px;
    background: #fff;
    color: var(--blue) !important;
    -webkit-text-fill-color: var(--blue);
    font-weight: 800;
    box-shadow: 0 8px 20px rgba(20, 42, 72, .07);
}

.paid-home-link:hover {
    background: #eef9fe;
    color: var(--blue) !important;
    -webkit-text-fill-color: var(--blue);
}

.paid-page .paid-hero {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    margin: 28px 0 24px;
    padding: 30px;
    border: 2px solid rgba(0, 155, 216, .16);
    border-radius: 18px;
    background: linear-gradient(135deg, #f7fcff 0%, #ffffff 58%, rgba(0, 155, 216, .08) 100%);
    box-shadow: 0 20px 48px rgba(20, 42, 72, .10);
}

.paid-page .paid-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 26px;
}

.paid-page .paid-info-card {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 18px;
    border: 1px solid rgba(0, 155, 216, .15);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(20, 42, 72, .07);
}

.paid-page .paid-info-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: #e8f8ff;
    color: var(--blue);
    font-size: 2rem;
}

.paid-page .paid-info-card strong,
.paid-page .paid-info-card span {
    display: block;
}

.paid-page .paid-info-card strong {
    margin-bottom: 5px;
    color: var(--dark-grey);
    font-size: 1.45rem;
    line-height: 1.25;
}

.paid-page .paid-info-card span {
    color: #60717a;
    font-size: 1.32rem;
    line-height: 1.45;
}

.paid-page .paid-hero__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: var(--blue);
    color: #fff;
    font-size: 28px;
}

.paid-page .paid-hero__eyebrow {
    margin-bottom: 6px;
    color: var(--blue);
    font-size: 1.35rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.paid-page .paid-hero h1 {
    margin: 0 0 10px;
    color: var(--dark-grey);
    font-size: 3.2rem;
    line-height: 1.12;
}

.paid-page .paid-hero__text,
.paid-page .paid-hero__text p {
    color: #41515a;
    font-size: 1.65rem;
    line-height: 1.6;
}

.paid-page .title {
    margin: 28px 0 12px;
    color: var(--dark-grey);
    font-size: 2.2rem;
    font-weight: 800;
}

.paid-page table.kosik-tab {
    width: 100% !important;
    overflow: hidden;
    border: 1px solid rgba(0, 155, 216, .18);
    border-radius: 14px;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    box-shadow: 0 14px 32px rgba(20, 42, 72, .08);
}

.paid-page table.kosik-tab th,
.paid-page table.kosik-tab td {
    padding: 14px 12px;
    border-color: #e7f0f6;
    color: #283941;
    font-size: 1.42rem;
    line-height: 1.35;
}

.paid-page table.kosik-tab th {
    background: #f2f9fd;
    color: #66777f;
    font-size: 1.18rem;
    font-weight: 800;
    text-transform: uppercase;
}

.paid-page table.kosik-tab .mena {
    color: var(--blue);
    font-weight: 800;
    white-space: nowrap;
}

.paid-page .cart-row-btn {
    color: var(--blue);
    font-size: 2.2rem;
}

.paid-page .paid-download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    min-width: 10.5rem;
    padding: .85rem 1.2rem;
    border-radius: 999px;
    background: var(--blue);
    color: #fff !important;
    -webkit-text-fill-color: #fff;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.paid-page .paid-download-btn i {
    color: #fff;
    font-size: 1.35rem;
}

.paid-page .paid-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 22px 0 26px;
}

.paid-page .paid-actions .reservation-btn {
    margin: 0 !important;
}

.paid-page .paid-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: auto;
    min-width: 210px;
    padding: 13px 18px;
    border: 1px solid rgba(0, 155, 216, .24);
    border-radius: 999px;
    background: #fff;
    color: var(--blue) !important;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(20, 42, 72, .08);
}

.paid-page .paid-action:hover {
    background: #eef9fe;
    color: var(--blue) !important;
}

.paid-page .paid-action--primary {
    border-color: #009fe3 !important;
    background: #009fe3 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff;
}

.paid-page .paid-action--primary:hover {
    border-color: #087fb3 !important;
    background: #087fb3 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff;
}

.paid-page .paid-actions .paid-action--primary,
.paid-page .paid-actions .paid-action--primary:visited,
.paid-page .paid-actions .paid-action--primary:active {
    border-color: #009fe3 !important;
    background: #009fe3 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff;
}

.paid-page .paid-actions .btn.paid-action--primary,
.paid-page .paid-actions .btn.reservation-btn.paid-action--primary {
    border-color: #009fe3 !important;
    background-color: #009fe3 !important;
    background-image: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff;
}

.paid-page .paid-action--primary i,
.paid-page .paid-actions .btn.paid-action--primary i {
    color: #fff !important;
    -webkit-text-fill-color: #fff;
}

.paid-mobile-items {
    display: none;
}

.venovani-intro {
    max-width: 760px;
    margin: -8px 0 22px;
    color: #60717a;
    font-size: 1.55rem;
    line-height: 1.55;
}

.venovani-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: .8rem 0 1.8rem;
    flex-wrap: wrap;
}

.venovani-emojis {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.venovani-emoji-btn {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 159, 227, .28);
    background: #f2fbff;
    color: #233842;
    font-size: 1.8rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.venovani-emoji-btn:hover,
.venovani-emoji-btn:focus {
    transform: translateY(-1px);
    border-color: #009fe3;
    background: #e7f8ff;
    outline: none;
}

.venovani-counter {
    min-height: 3.2rem;
    padding: .7rem 1.2rem;
    border-radius: 999px;
    background: #eef8fd;
    color: #4f6a76;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
}

.venovani-counter.is-over {
    background: #fff2f2;
    color: #c0392b;
}

.venovani-actions {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    flex-wrap: wrap;
    margin-top: 1.2rem;
}

.venovani-actions .b_submit,
.venovani-actions .form-group {
    margin: 0;
}

.venovani-back-btn {
    min-width: 13rem;
    border: 2px solid #bfe9fb !important;
    background: #fff !important;
    color: #233842 !important;
}

.checkout-continue.is-hidden {
    display: none !important;
}

@media (max-width: 767px) {
    .paid-page {
        width: calc(100% - 3rem);
        max-width: none;
        overflow: hidden;
    }

    .paid-page .paid-hero {
        flex-direction: column;
        padding: 22px;
    }

    .paid-page .paid-hero h1 {
        font-size: 2.45rem;
    }

    .paid-page .paid-info-grid {
        grid-template-columns: 1fr;
    }

    .paid-page table.kosik-tab {
        display: none;
    }

    .paid-mobile-items {
        display: grid;
        gap: 1.2rem;
    }

    .paid-mobile-card {
        padding: 1.4rem;
        border: 1px solid rgba(0, 155, 216, .18);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 12px 28px rgba(20, 42, 72, .08);
    }

    .paid-mobile-card__top {
        display: grid;
        gap: 1rem;
        margin-bottom: 1.2rem;
    }

    .paid-mobile-card__top strong {
        color: var(--dark-grey);
        font-size: 1.55rem;
        line-height: 1.25;
    }

    .paid-mobile-card dl {
        display: grid;
        gap: .7rem;
        margin: 0;
    }

    .paid-mobile-card dl > div {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        padding-bottom: .7rem;
        border-bottom: 1px solid #edf4f8;
    }

    .paid-mobile-card dl > div:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .paid-mobile-card dt,
    .paid-mobile-card dd {
        margin: 0;
        font-size: 1.32rem;
        line-height: 1.3;
    }

    .paid-mobile-card dt {
        color: #60717a;
        font-weight: 700;
    }

    .paid-mobile-card dd {
        color: var(--dark-grey);
        font-weight: 800;
        text-align: right;
    }

    .paid-mobile-card .paid-download-btn {
        width: 100%;
    }

    .paid-page .paid-actions {
        flex-direction: column;
    }

    .paid-page .paid-action {
        width: 100%;
        min-width: 0;
    }
}

/* REDESIGN - konec ------------------------------------------------------------------------------------------------- */

.reservation-selection-actions .gift-voucher-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .9rem;
    width: 100%;
    min-height: 4.8rem;
    border: 0 none;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--blue) 0%, #10c1d0 100%);
    color: #fff !important;
    font-weight: 800;
    box-shadow: 0 14px 30px rgba(0, 155, 216, .28);
}

.reservation-selection-actions .gift-voucher-btn:hover,
.reservation-selection-actions .gift-voucher-btn:focus {
    color: #fff !important;
    background: linear-gradient(135deg, #087fb3 0%, #0aa9b8 100%);
    transform: translateY(-1px);
}

.gift-voucher-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.location--selections .reservation-selection-actions .gift-voucher-btn,
.location--selections .reservation-selection-actions .gift-voucher-btn:visited {
    border: 0 none;
    background: linear-gradient(135deg, var(--blue) 0%, #10c1d0 100%);
    color: #fff !important;
    -webkit-text-fill-color: #fff;
}

.location--selections .reservation-selection-actions .gift-voucher-btn:hover,
.location--selections .reservation-selection-actions .gift-voucher-btn:focus {
    background: linear-gradient(135deg, #087fb3 0%, #0aa9b8 100%);
    color: #fff !important;
    -webkit-text-fill-color: #fff;
}

@media (min-width: 992px) {
    .reservation-gift-selection {
        min-height: 610px;
        padding: 2rem;
        background-position: center;
        position: sticky;
        top: 2rem;
    }

    .reservation-gift-selection .reservation-selection-actions {
        padding-top: 0 !important;
    }

    .reservation-selection-actions .gift-voucher-btn {
        font-size: 1.75rem;
        padding: 1.1rem 1.8rem;
    }
}

@media (max-width: 991px) {
    .reservation-page .main--grid > .main--left,
    .voucher-page .main--grid > .main--left {
        width: 100%;
        order: 1;
    }

    .reservation-page .main--grid > .main--right,
    .voucher-page .main--grid > .main--right {
        order: 2;
    }

    .reservation-page .location--selections,
    .voucher-page .location--selections {
        width: 95%;
        margin: 0 auto 1rem;
        min-height: 0;
        padding: 0;
        background: none;
        position: sticky;
        top: .8rem;
        z-index: 12;
    }

    .reservation-selection-actions {
        padding-top: 0 !important;
    }

    .reservation-selection-actions .gift-voucher-btn {
        width: 100%;
        min-height: 5.2rem;
        font-size: 1.85rem;
        border: 1px solid rgba(255, 255, 255, .5);
    }

    .main--grid > .main--right > .main-right--top {
        position: sticky;
        top: 0;
        z-index: 30;
        padding-top: 0;
        padding-bottom: .8rem;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 10px 28px rgba(20, 42, 72, .08);
    }

    .reservation--header {
        display: flex;
    }

    .reservation--header .info--header {
        order: 0;
        width: 95%;
        margin: 0 auto .7rem;
        z-index: 4;
    }

    .info--header .now-browsing {
        min-height: 4.8rem;
        padding: 1.15rem 6rem 1.15rem 1.6rem;
        border-radius: 999px;
        font-size: 1.7rem;
        line-height: 1.25;
        box-shadow: 0 12px 24px rgba(35, 59, 68, .16);
    }

    .info--header .langs--switch {
        top: .45rem;
        right: .65rem;
        transform: none;
        z-index: 5;
        background: #fff;
    }

    .reservation--header .shopping--header {
        order: 1;
        width: 95%;
        margin: 0 auto;
        align-items: center !important;
        gap: 1rem;
    }

    .shopping--header .cart-entry img {
        width: 3.2rem;
    }

    .shopping--header .timer-reserved {
        --size: 5.2rem;
        flex: 0 0 var(--size);
    }

    .main--grid > .main--right > .main-right--bottom {
        margin-top: .8rem;
    }

    .event-calendar--buttons {
        z-index: 1000;
        pointer-events: none;
    }

    .event-calendar--buttons .btn {
        pointer-events: auto;
        box-shadow: 0 14px 32px rgba(0, 155, 216, .28);
    }
}

@media (max-width: 768px) {
    .main-right--bottom .cart-items,
    .main-right--bottom .cart-upsells,
    .main-right--bottom .cart-form,
    .event--calendar,
    .offers {
        width: 95%;
        max-width: 45rem;
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }

    .cart-item {
        width: 100%;
        min-width: 0;
    }

    .cart-item--left {
        width: 100%;
        border: 2px solid rgba(0, 155, 216, .18);
        border-radius: 1.6rem;
        box-shadow: 0 10px 24px rgba(20, 42, 72, .07);
    }

    .cart-item--header {
        border-radius: 1.4rem 1.4rem 0 0;
        font-size: 2rem;
        letter-spacing: 0;
    }

    .main-right--bottom .cart-form {
        position: relative;
        z-index: 6;
        padding-bottom: 2rem;
    }

    .main-right--bottom .cart-form .reservation-btn,
    .main-right--bottom .cart-form .btn-submit,
    .event-calendar--buttons .btn {
        width: 100%;
        min-height: 4.8rem;
        border-radius: 999px;
        font-size: 1.7rem;
        font-weight: 800;
    }

    .event-calendar--buttons {
        left: 2.5%;
        width: 95%;
        padding: 0 0 1rem;
    }

    .main-right--bottom .cart-upsells {
        display: flex;
        flex-direction: column;
        gap: .9rem;
    }

    .main-right--bottom .cart-upsells .upsell {
        --icon-size: 7.2rem;
        display: grid !important;
        grid-template-columns: var(--icon-size) minmax(0, 1fr);
        align-items: stretch;
        width: 100%;
        margin-bottom: 0;
        min-width: 0;
    }

    .main-right--bottom .cart-upsells .upsell--icon {
        width: var(--icon-size);
        height: auto;
        min-height: var(--icon-size);
        border-radius: 1.6rem 0 0 1.6rem;
    }

    .main-right--bottom .cart-upsells .upsell--content {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        align-items: center;
        column-gap: 1rem;
        row-gap: .35rem;
        width: 100%;
        min-width: 0;
        height: auto;
        min-height: var(--icon-size);
        margin-left: -2px;
        padding: .9rem 1rem;
        padding-right: 1rem !important;
        border-radius: 0 1.6rem 1.6rem 0;
        overflow: hidden;
    }

    .main-right--bottom .cart-upsells .upsell--description {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: auto;
        min-width: 0;
        font-size: 1.35rem;
        line-height: 1.18;
    }

    .main-right--bottom .cart-upsells .upsell--heading {
        font-size: 1.55rem;
        line-height: 1.12;
    }

    .main-right--bottom .cart-upsells .upsell--buy {
        position: static !important;
        grid-column: 2;
        grid-row: 1 / span 2;
        display: grid !important;
        grid-template-columns: auto;
        grid-template-rows: auto auto auto;
        justify-items: end;
        align-items: center;
        width: auto;
        min-width: 7.8rem;
        height: auto;
        padding: 0;
        gap: .25rem;
    }

    .main-right--bottom .cart-upsells .upsell--price,
    .main-right--bottom .cart-upsells .upsell--currency {
        grid-column: 1;
        grid-row: auto;
        justify-self: end;
        align-self: auto;
        line-height: 1;
        text-align: right;
    }

    .main-right--bottom .cart-upsells .upsell--counter {
        grid-column: 1;
        grid-row: auto;
        justify-self: end;
        align-self: auto;
        position: static !important;
    }

    .main-right--bottom .cart-upsells .upsell--insurance .upsell--buy {
        min-width: 7.2rem;
    }

    .main-right--bottom .cart-upsells .upsell--insurance {
        --icon-size: 9.8rem;
    }

    .main-right--bottom .cart-upsells .upsell--insurance .upsell--description {
        font-size: 1.08rem;
        line-height: 1.12;
    }

    .main-right--bottom .cart-upsells .upsell--insurance .upsell--heading {
        font-size: 1.2rem;
        line-height: 1.08;
    }

    .main-right--bottom .cart-upsells .upsell--insurance .upsell--insurance-toggle {
        gap: 0;
    }

    .main-right--bottom .cart-upsells .upsell--insurance .upsell--insurance-toggle-text {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .main-right--bottom .cart-upsells .upsell--insurance .upsell--price {
        font-size: 1.34rem;
    }

    .main-right--bottom .cart-upsells .upsell--insurance .upsell--currency {
        font-size: 1.12rem;
    }
}

@media (max-width: 380px) {
    .main-right--bottom .cart-upsells .upsell {
        --icon-size: 6.6rem;
    }

    .main-right--bottom .cart-upsells .upsell--description {
        font-size: 1.2rem;
    }

    .main-right--bottom .cart-upsells .upsell--heading {
        font-size: 1.35rem;
    }

    .main-right--bottom .cart-upsells .upsell--buy {
        min-width: 7rem;
    }

    .main-right--bottom .cart-upsells .upsell--insurance {
        --icon-size: 8.4rem;
    }

    .main-right--bottom .cart-upsells .upsell--insurance .upsell--buy {
        min-width: 6.8rem;
    }
}