/* CSS Document */


@keyframes spin { 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }}

@-webkit-keyframes spin { 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }}

@-moz-keyframes spin { 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }}

@-ms-keyframes spin { 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }}

@-o-keyframes spin { 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }}


div#cboxTitle {
    display: none !important;
}


.tdsmall {display: none; }

.topdivisions {
  background: #dddddd none repeat scroll 0 0;
  margin: 0;
  z-index: 10000;
}

.topdivisions ul {
    margin: 0px auto 0px;
    padding: 6px 0 0 0;
    text-align: center;
}
.topdivisions li {
    border: 2px solid;
    display: inline-block;
    font-size: 10px;
    margin: 0 0px;
    padding: 6px 10px 2px;
    border-radius: 8px 8px 0 0;
    border-bottom: 0px;
    vertical-align: bottom;
}

.topdivisions a {
  color: black;
}

.topdivisions li.active {
    padding: 6px 10px 9px;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: -2px;
}

.topdivisions li:hover {
    padding: 6px 10px 4px;
    margin-top: 0;
}

.topdivisions li.active:hover {
    padding: 6px 10px 9px;
    margin-top: 0;
}


.topdivisions select {

    padding: 8px;
    float: none;
}

.topdivisions option {
    padding-top: 13px !important;
    display: block;

}


.container.topdiv {
    margin-bottom: 0;
}

.container0.topdiv {
    background: #ddd;
    border-bottom: 2px solid red;
    margin: 0;
    padding: 0;
}

li#top-raz a{
color: white;
font-size: 10px;

}
li#top-raz {
    background-color: #dc291e;
    border-color: #dc291e;
    color: white;
}

li#top-las {
    background-color: #d59b00;
    border-color: #d59b00;
    color: white;
}

li#top-tri {
    background-color: #bfd886;
    border-color: #bfd886;
}

li#top-mat {
    background-color: #126bbb;
    border-color: #126bbb;
    color: white;
}

li#top-blog {
    background-color: white;
    border-color: red;
    color: red;
    border-bottom: 0px;
}

li#top-shop {
    background-color: #555;
    border-color: #555;
    color: white;
}

li#top-mega {
    background-color: white;
    border-color: red;
    border-bottom: 0px;
    color: black;
}


.wpdm-link-tpl {
    margin: 10px 10px 20px;
}

/* XS */
@media (max-width: 768px)
{


  .topdivisions {display: none;}
  .tdsmall {display: block; position: relative; padding-bottom: 2px; text-align: center; padding: 9px 0; height: 33px;}

}

.separator {
    background: url(../images/separator.gif) repeat-x left top;
    margin: 10px 0;
    height: 10px;
}

input#newsletter {
    padding: 5px 9px;
    border-radius: 10px 0px 0 10px;
    border: none;
}

#newsletterbtn {
    border-radius: 0 10px 10px 0;

    margin-left: 0;
}

#newsletterbox {
    text-align: center;
    background: #dc291e;
    color: white;
    padding: 10px;
    border-radius: 10px;
}

#newsletterbox #nlform {
    display: flex;
    justify-content: center;
}

#nlform > * {
    text-align: center;
}

#nlform > div {
    margin: auto 0;
}

div#newslettererror {
    border: 1px solid;
    display: none;
    margin: 10px;
    padding: 10px;
    border-radius: 4px;
}

div#newslettererror.success {
    background: green;
    border-width: 1px;
}

.loader
{
  display: none;

}


#newsletterbox .fa {
    display: block;
    font-size: 300%;
    margin: 20px;
}



/********** SURVEY  *******************/


div#survey-cont {
    margin-top: 50px;
}

.survey_question {
    border-top: 1px solid;
    margin: 20px 0 0 46px;
    padding: 10px 0;
    position: relative;
}

.survey_question_ansvers {
    padding: 10px;
}

.survey_answer {
    background: #777;
    padding: 7px 20px;
    margin: 4px;
    display: inline-flex;
    color: white;
    border-radius: 6px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}


.survey_subanswer {
    background: #777;
    padding: 3px 20px;
    margin: 3px !important;
    display: block;
    color: white;
    border-radius: 20px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: max-content;
    min-width: 80px;
}

.survey_answer.active, .survey_subanswer.active {
    background: #20a02b;
    border-radius: 0;
}

.btn.survey_answer:hover, .btn.survey_answer:active {
    background: #333;
}

.survey_answer.active:hover, .survey_answer.active:active{
    background: #1d9126;
    border-radius: 0;
}

.survey_question:before {
    content: '\f128';
    background-color: #1976D2;
    color: white;
    font-family: FontAwesome;
    position: absolute;
    left: -45px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    border-radius: 7px;
}



.survey_question.ok:before {
    content: '\f00c';
    background-color: #20a02b;
    color: white;
    font-family: FontAwesome;
    position: absolute;
    left: -45px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    border-radius: 7px;
}


.survey_question.saving:before {
    content: '\f021';
    background-color: #F57C00;
    color: white;
    font-family: FontAwesome;
    position: absolute;
    left: -45px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    border-radius: 100%;

       animation: 2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s normal none infinite spin;
}


.survey_question.err:before {
    content: '\f12a';
    background-color: #dd0000;
    color: white;
    font-family: FontAwesome;
    position: absolute;
    left: -45px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    border-radius: 100%;


}


.survey_section_header {
    font-size: 150%;
    font-weight: bold;
    /* min-height: 69px; */
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
}

span.survey_num {
    background: none;
    color: black;
    padding: 0 30px 0 0;
    border-right: 2px solid;
    margin: 0 30px 0 0;
    flex: 0 0;
    flex-basis: 140px;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: stretch;
    font-size: 150%;
}

.survey_section_header h2 {
    margin: 0;
}


.survey_answer_explain {
    display: block;
    margin-top: 11px;
}

.survey_subanswer_explain {
    display: block;
    margin-top: 11px;
    margin-bottom: 20px;
    border: silver 1px dotted;
    padding: 10px;
    }

.survey_answer_explain label {
    margin-right: 10px;
    white-space: nowrap;
    padding-bottom: 10px;

}

.survey_answer_explain > * {
/*    margin-top: 0 !important;
    margin-bottom: 0 !important;
    */
}

.explaintext {
    border: 1px solid silver;
    box-shadow: none;
    width: calc(100% - 10px);
    min-height: 100px;
}

.survey_answer_explain.err .explaintext {
    border-color: #dd0000;
}
.survey_question.saving .btn {
    opacity: 0.5;

     cursor: wait;
    pointer-events: none;
}

.survey_answer_explain.err:after {
    content: 'Doplňte prosím detaily';
    display: block;
    bottom: -10px;
    right: 0;
    position: absolute;
    color: #dd0000;
}

a.button.btn-success {
    background: #dc291e;
    padding: 10px 10px;
}

a.button.btn-success:hover, a.button.btn-success:active, a.button.btn-success:focus{
    background: #af1f18;
}

a.button.btn-success.disabled
{
    background: hsla(3, 6%, 39%, 1);
    color: #999 !important;
 pointer-events: none;
    cursor: not-allowed;
}


a.button.btn-default {
    background: #555;
    padding: 10px;
    margin: 0 5px;
}

a.button.btn-default:hover, a.button.btn-default:active, a.button.btn-default:focus{
    background: #333;
    color: white;
}

#survey-cont .loader {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
    font-size: 390%;
}
.survey_section_row.buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
}

.btn-tick.active:before {
    content: '\f046';
    font-family: FontAwesome;
    margin-right: 8px;
}

.btn-tick:before {
    content: '\f096';
    font-family: FontAwesome;
    margin: 0 17px 0 6px;
    font-size: 150%;
    vertical-align: middle;
}
a.button.btn-default.btn-tick.active {
    background: red;
}
a#nextStepButton.wait:before {
    content: '\f021';
    font-family: FontAwesome;
    margin-right: 10px;
       animation: 2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s normal none infinite spin;
           position: absolute;
    left: 11px;

}
a#nextStepButton.wait {
    padding-left: 30px;
    position: relative;
}

.well {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
    border-radius: 10px;
}

.well.success {
    background: lightgreen;
    color: green;
    font-size: 200%;
    font-weight: bold;
}

.well.success:before {
    content: '\f00c';
    font-family: FontAwesome;
    font-size: 200%;
    margin-right: 20px;
}

.well.info:before {
    content: '\f05a';
    font-family: FontAwesome;
    font-size: 200%;
    margin-right: 20px;
}

.well.info {
    background: #E1F5FE;
    color: #0288D1;
    font-size: 200%;
    font-weight: bold;
}