h2 {
    font-size: 24px;
}

header {
    width: 100%;
    float: left;
}

.logo-hc {
  width: 200px;
}

.logo-rep {
    width: 150px;
    margin: 15px;
}

.logo-hc img,
.logo-rep img {
    max-width: 100%;
}

textarea {
    width: 100% !important;
    min-height: 90px !important;
}

label {
    font-weight: normal;
}

.hotel-preview {
    background: #ffffff;
    margin-bottom: 30px;
    text-align: center;
}
.btnCollapse{
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
}

/****** Style Star Rating Widget *****/

.star-rating {
    border: none;
    float: left;
}
.star-rating > input {
    display: none;
}
.star-rating > label:before {
    margin: 5px;
    font-size: 36px;
    font-family: "Font Awesome 5 Free", sans-serif;
    display: inline-block;
    content: "\f005";
}
.star-rating > label {
    color: #ddd;
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.star-rating > input:checked ~ label, /* show gold star when clicked */
.star-rating:not(:checked) > label:hover, /* hover current star */
.star-rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
    font-weight: bold;
} /* hover previous stars in list */

.star-rating > input:checked + label:hover, /* hover current star when changing rating */
.star-rating > input:checked ~ label:hover,
.star-rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.star-rating > input:checked ~ label:hover ~ label {
    color: #FFED85;
    font-weight: bold;
}

/****** Style Face Rating Widget *****/

.emo-rating {
    border: none;
    float: left;
}
.emo-rating > input {
    display: none;
}
.emo-rating > label:before {
    margin: 5px;
    font-size: 36px;
    font-family: "Font Awesome 5 Free", sans-serif;
    display: inline-block;
    font-weight: normal;
}

.emo-rating > label {
    color: #ddd;
    float: right;
}

/***** CSS Magic to Highlight Face on Hover *****/


.emo-rating > label.emo5:before {
    content: '\f599';
    font-weight: normal;
}
.emo-rating > label.emo4:before {
    content: '\f580';
    font-weight: normal;
}
.emo-rating > label.emo3:before {
    content: '\f11a';
    font-weight: normal;
}
.emo-rating > label.emo2:before {
    content: '\f57a';
    font-weight: normal;
}
.emo-rating > label.emo1:before {
    content: '\f556';
    font-weight: normal;
}


.emo-rating > label.emo5:hover:before {
    color: #4eaa4d;
    font-weight: bold;
}
.emo-rating > label.emo4:hover:before {
    color: #fcb040;
    font-weight: bold;
}
.emo-rating > label.emo3:hover:before {
    color: #f1592a;
    font-weight: bold;
}
.emo-rating > label.emo2:hover:before {
    color: #bb2720;
    font-weight: bold;
}
.emo-rating > label.emo1:hover:before {
    color: #8c1813;
    font-weight: bold;
}


.emo-rating > input.emo5:checked + label:before {
    color: #4eaa4d;
    font-weight: bold !important;
}
.emo-rating > input.emo4:checked + label:before {
    color: #fcb040;
    font-weight: bold !important;
}
.emo-rating > input.emo3:checked + label:before {
    color: #f1592a;
    font-weight: bold !important;
}
.emo-rating > input.emo2:checked + label:before {
    color: #bb2720;
    font-weight: bold !important;
}
.emo-rating > input.emo1:checked + label:before {
    color: #8c1813;
    font-weight: bold !important;
}


.emo-rating > input.emo5:checked + label:hover {
    color: #4eaa4d !important;
    font-weight: bold;
}
.emo-rating > input.emo4:checked + label:hover {
    color: #fcb040 !important;
    font-weight: bold;
}
.emo-rating > input.emo3:checked + label:hover {
    color: #f1592a !important;
    font-weight: bold;
}
.emo-rating > input.emo2:checked + label:hover {
    color: #bb2720 !important;
    font-weight: bold;
}
.emo-rating > input.emo1:checked + label:hover {
    color: #8c1813 !important;
    font-weight: bold;
}



/*.emo-rating > input:checked + label {*/
/*color: #FFD700;*/
/*}*/
/*.emo-rating > input:checked + label:hover {*/
/*color: #FFED85;*/
/*}*/

.radio-rating {
    border: none;
    float: left;
}
.radio-rating > input {
    display: none;
}

.radio-rating > label {
    color: #ddd;
    float: right;
    font-weight: normal;
    width: 100%;
}

.radio-rating > label > div {
    max-width: 100%;
    white-space: normal;
    font-size: 18px;
}

.radio-rating > label:before {
    margin: 5px;
    font-size: 36px;
    font-family: "Font Awesome 5 Free", sans-serif;
    display: inline-block;
    content: '\f111';
}

.radio-rating > label:hover:before {
    content: '\f192';
}

.radio-rating > input:checked + label:before {
    content: '\f192';
    color: #000000;
}
.radio-rating > input:checked + label:hover {
    content: '\f192';
    color: #000000;
}




.checkbox-rating {
    border: none;
    float: left;
}
.checkbox-rating > input {
    display: none;
}

.checkbox-rating > label {
    color: #ddd;
    float: right;
    font-weight: normal;
    width: 100%;
}

.checkbox-rating > label > div {
    max-width: 70%;
    white-space: normal;
    font-size: 18px;
}

.checkbox-rating > label:before {
    margin: 5px;
    font-size: 36px;
    font-family: "Font Awesome 5 Free", sans-serif;
    display: inline-block;
    content: '\f0c8';
}

.checkbox-rating > label:hover:before {
    content: '\f14a';
}

.checkbox-rating > input:checked + label:before {
    content: '\f14a';
    color: #000000;
}
.checkbox-rating > input:checked + label:hover {
    content: '\f14a';
    color: #000000;
}


.yesno-rating {
    border: none;
    float: left;
}
.yesno-rating > input {
    display: none;
}

.yesno-rating > label {
    color: #ddd;
    margin : 1px
}

.yesno-rating > label:before {
    margin: 5px;
    font-size: 36px;
    font-family: "Font Awesome 5 Free", sans-serif;
    display: inline-block;
    content: '\f0c8';
}

.yesno-rating > label:hover:before {
    content: '\f14a';
}

.yesno-rating > input:checked + label:before {
    content: '\f14a';
    color: #000000;
}
.yesno-rating > input:checked + label:hover {
    content: '\f14a';
    color: #000000;
}



.thumbs-rating {
    border: none;
    float: left;
}
.thumbs-rating > input {
    display: none;
}

.thumbs-rating > label {
    color: #ddd;
    margin : 1px
}

.thumbs-rating > label:before {
    margin: 5px;
    font-size: 36px;
    font-family: "Font Awesome 5 Free", sans-serif;
    display: inline-block;
}


.thumbs-rating > label.up:before {
    content: '\f164';
    font-weight: normal;
    color: #ddd;
}
.thumbs-rating > label.down:before {
    content: '\f165';
    font-weight: normal;
    color: #ddd;
}

.thumbs-rating > label.up:hover:before {
    font-weight: bold;
    color: #4eaa4d;
}
.thumbs-rating > label.down:hover:before {
    font-weight: bold;
    color: #8c1813;
}

.thumbs-rating > input.up:checked + label:before {
    font-weight: bold;
    color: #4eaa4d;
}
.thumbs-rating > input.down:checked + label:before {
    font-weight: bold;
    color: #8c1813;
}

.thumbs-rating > input.up:checked + label:hover {
    font-weight: bold;
}
.thumbs-rating > input.down:checked + label:hover {
    font-weight: bold;
}





.malefemale-rating {
    border: none;
    float: left;
}
.malefemale-rating > input {
    display: none;
}

.malefemale-rating > label {
    color: #ddd;
    margin : 1px
}

.malefemale-rating > label:before {
    margin: 5px;
    font-size: 36px;
    font-family: "Font Awesome 5 Free", sans-serif;
    display: inline-block;
}



.malefemale-rating > label.male:before {
    content: '\f183';
    font-weight: bold;
    color: #ddd;
}
.malefemale-rating > label.female:before {
    content: '\f182';
    font-weight: bold;
    color: #ddd;
}

.malefemale-rating > label.male:hover:before {
    color: #1976D2;
}
.malefemale-rating > label.female:hover:before {
    color: #ec407a;
}

.malefemale-rating > input.male:checked + label:before {
    color: #1976D2;
}
.malefemale-rating > input.female:checked + label:before {
    color: #ec407a;
}

.malefemale-rating > input.male:checked + label:hover {
    color: #1976D2;
}
.malefemale-rating > input.female:checked + label:hover {
    color: #ec407a;
}

.field-hint-note {
    float: left;
    width: 100%;
    position: relative;
    padding-left: 24px;
    color: #3e81ab;
    background-color: #E1F5FE;
    border: 1px solid #c2c7cc;
    border-top-width: 0;
}
.field-hint-note p {
    margin: 5px 0;
}
.field-hint-note-decoration {
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    left: 24px;
    border-style: solid;
    border-width: 6px 7px;
    border-color: transparent transparent #e1f5fe;
}
#maxblockedInput, #minTextareaData {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.control-label>span {
    font-size: 18px;
}
.control-label>span>span {
    font-size: 18px;
    font-weight: normal;
}

.inRange {
    border: 1px solid green;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,128,0,.6);
}
.outRange {
    border: 1px solid red;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225,0,0,.6);
}


.color0 { background: #8c1813 }
.color1 { background: #a01c16 }
.color2 { background: #b61f19 }
.color3 { background: #bb2720 }
.color4 { background: #c2322c }
.color5 { background: #d62922 }
.color6 { background: #f1592a }
.color7 { background: #f78435 }
.color8 { background: #fcb040 }
.color9 { background: #88ac49 }
.color10 { background: #4eaa4d }

@media (min-width: 768px) {
    .container {
        width: 580px;
    }
    h2 {
        font-size: 18px;
    }
    .star-rating > label:before {
        font-size: 30px;
    }
    .radio-rating > label > div {
        text-align: left;
    }
}
@media (max-width: 768px) {
    h2 {
        font-size: 18px;
    }
    textarea {
        min-height: 70px !important;
    }
    .star-rating > label:before {
        font-size: 30px;
    }
    .radio-rating > label > div {
        text-align: left;
        font-size: 16px;
    }
    .logo-hc {
        width: 130px;
        margin-top: 15px;
    }
    .logo-rep {
        width: 100px;
        margin: 15px;
    }
    .radio-rating > label:before {
        font-size: 30px;
    }
}

/* last page */
.thank-you-page {
    text-align: center;
}
.secone,.sectwo {
    position: relative;
}
.secone {
    text-align: center;
}
.secone>i.fa.fa-envelope-open {
    font-size: 100px;
    color: #3fa9f5;
    text-align: center;
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translate(-50%,100%);
}
.steps {
    border-left: 2px dotted #8a9299;
    margin-left: 18px;
}
.steps .step {
    margin: 40px 0;
    position: relative;
}
.steps .step .step-text {
    text-align: left;
    padding-left: 24px;
    font-weight: 700;
}
.steps .step .step-icon {
    text-align: center;
    padding: 7px 0;
    font-size: 16px;
    line-height: 19px;
    position: absolute;
    left: -18px;
    border: 1px solid #8a9299;
    background-color: #f5f6f7;
    box-shadow: 0 0 0 3px #f5f6f7;
    width: 34px;
    top: 50%;
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
    border-radius: 50%;
}
.steps .step .step-icon.checked {
    background-color: #4d8c3f;
    color: #fff;
    border: 1px solid #4d8c3f;
    text-align: center;
}

.hint-note {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 0 0 24px;
    color: #3e81ab;
    background-color: #E1F5FE;
    border: 1px solid #c2c7cc;
    margin: 20px 0;
}
.select2-container {
    width: 100% !important;
}

.container.onefinal {
    width:60%;
    position:absolute;
    top:40%;
    left:50%;
    transform:translate(-50%,-40%);
}

.container.onemissing .thank-you-page {
    width:90%;
    position:absolute;
    top:40%;
    left:50%;
    transform:translate(-50%,-40%);
}

@media (max-width: 768px) {
    h2 {
        font-size: 18px;
    }
    h1, .h1 {
        font-size: 28px;
    }
    .container.onefinal {
        width:90%;
        position:absolute;
        top:40%;
        left:50%;
        transform:translate(-50%,-40%);
    }
    .secone>i.fa.fa-envelope-open {
        text-align:center;
        padding-top: 30px;
        font-size: 60px;
        position: initial;
        top: initial;
        left: initial;
        transform: initial;
    }
    .steps {
        margin-top: 30px;
    }
    .steps .step {
        margin: 20px 0;
    }
}

.full {
    float: left;
    width: 100% !important;
    background: #f1f1f1;
    padding: 0;
    margin: 0 0 20px 0;
    box-shadow: 1px 0 5px rgba(0, 0, 0, .5);
}

.owl-carousel span.flag, span.flag {
    width: 64px;
    height: 64px;
    margin: 0;
    display: block;
}

.owl-carousel span.en, span.en {
    background: url(/css/flags/newflag/en.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.bg, span.bg {
    background: url(/css/flags/newflag/bg.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.gr, span.gr {
    background: url(/css/flags/newflag/gr.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.de, span.de {
    background: url(/css/flags/newflag/de.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.rs, span.rs {
    background: url(/css/flags/newflag/rs.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.ro, span.ro {
    background: url(/css/flags/newflag/ro.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.il, span.il {
    background: url(/css/flags/newflag/il.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.ru, span.ru {
    background: url(/css/flags/newflag/ru.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.tr, span.tr {
    background: url(/css/flags/newflag/tr.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.cn, span.cn {
    background: url(/css/flags/newflag/cn.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.fr, span.fr {
    background: url(/css/flags/newflag/fr.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.it, span.it {
    background: url(/css/flags/newflag/it.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.es, span.es {
    background: url(/css/flags/newflag/es.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.ca, span.ca {
    background: url(/css/flags/newflag/ca.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.se, span.se {
    background: url(/css/flags/newflag/se.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.cz, span.cz {
    background: url(/css/flags/newflag/cz.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.dk, span.dk {
    background: url(/css/flags/newflag/dk.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.fi, span.fi {
    background: url(/css/flags/newflag/fi.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.hr, span.hr {
    background: url(/css/flags/newflag/hr.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.pl, span.pl {
    background: url(/css/flags/newflag/pl.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.pt, span.pt {
    background: url(/css/flags/newflag/pt.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.si, span.si {
    background: url(/css/flags/newflag/si.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.sk, span.sk {
    background: url(/css/flags/newflag/sk.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.jp, span.jp {
    background: url(/css/flags/newflag/jp.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.hu, span.hu {
    background: url(/css/flags/newflag/hu.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.nl, span.nl {
    background: url(/css/flags/newflag/nl.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.no, span.no {
    background: url(/css/flags/newflag/no.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.ar, span.ar {
    background: url(/css/flags/newflag/ar.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel span.ko, span.ko {
    background: url(/css/flags/newflag/ko.png) 50% no-repeat;
    background-size: 100%
}

.owl-carousel {
    position: relative;
    width: 80% !important;
    margin: 0 auto;
}

ul.owl-carousel, ul.owl-carousel li, ul.owl-carousel li a {
    background: 0 0;
    padding: initial;
    width: initial;
    list-style: none;
}

ul.owl-carousel .owl-next, ul.owl-carousel .owl-prev {
    content: '';
    bottom: 50%;
    width: 0;
    height: 0;
    position: absolute
}

.owl-carousel button {
    background: 0 0
}

ul.owl-carousel .owl-prev {
    left: 0;
    margin-left: -25px;
    border: solid transparent;
    border-right-color: #000;
    border-width: 8px
}

ul.owl-carousel .owl-next {
    right: 0;
    margin-right: -25px;
    border: solid transparent;
    border-left-color: #000;
    border-width: 8px
}

ul.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%
}
.owl-stage {
    margin: 0 auto;
}

.nps-rating {
    border: none;
    float: left;
}
.nps-rating > input {
    display: none;
}

.nps-rating > label {
    color: #ddd;
    font-weight: normal;
}

.nps-rating > label > div {
    max-width: 100%;
    white-space: normal;
    font-size: 18px;
    text-align: center;
}

.nps-rating > label:before {
    margin: 5px;
    font-size: 36px;
    font-family: "Font Awesome 5 Free", sans-serif;
    display: inline-block;
    content: '\f111';
}

.nps-rating > label:hover:before {
    content: '\f192';
}

.nps-rating > input:checked + label:before {
    content: '\f192';
    color: #000000;
}
.nps-rating > input:checked + label:hover {
    content: '\f192';
    color: #000000;
}

.nps-rating .nps-scale {
    width: 92%;
    margin: 0 auto;
    position: relative;

}

.nps-scale .left {
    float: left;
}

.nps-scale .right {
    float: right;
}

.nps-scale .left b {
    display: block;
    text-align: left;
}

.nps-scale .right b {
    display: block;
    text-align: right;
}

.pop {
    position: fixed;
    padding: 20px;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background: rgb(255, 255, 255);
    z-index: 20;
    overflow-y: scroll;
    border-radius: 5px;
}
.closePop {
    position: fixed;
    width: 32px;
    height: 32px;
    text-align: center;
    top: 30px;
    right: 50px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    padding: 5px;
    z-index: 30;
    border: 1px solid #454545;
    cursor: pointer;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;

    opacity: .65;
}

.popCont table {
    width: 100%;
    float: left;
}

.modal-backdrop {
    position: fixed;
    top:0;
    left:0;
    right: 0;
    bottom:0;
    background: rgba(0,0,0,0.25);
    z-index: 1;
}

.modal-open {
    overflow: hidden;
}

.scale-rating {
    border: none;
    float: left;
}
.scale-rating > input {
    display: none;
}

.scale-rating > label {
    color: #ddd;
    font-weight: normal;
}

.scale-rating > label > div {
    max-width: 100%;
    white-space: normal;
    font-size: 18px;
    text-align: center;
}

.scale-rating > label:before {
    margin: 5px;
    font-size: 36px;
    font-family: "Font Awesome 5 Free", sans-serif;
    display: inline-block;
    content: '\f111';
}

.scale-rating > label:hover:before {
    content: '\f192';
}

.scale-rating > input:checked + label:before {
    content: '\f192';
    color: #000000;
}
.scale-rating > input:checked + label:hover {
    content: '\f192';
    color: #000000;
}

.scale-rating .scale-scale {
    width: 92%;
    margin: 0 auto;
    position: relative;

}

.scale-scale .left {
    float: left;
}

.scale-scale .right {
    float: right;
}

.scale-scale .left b {
    display: block;
    text-align: left;
}

.scale-scale .right b {
    display: block;
    text-align: right;
}

.scale-rating .scale-scale.five{
    width: 82%;
}
.scale-rating .scale-scale.six{
    width: 85%;
}
.scale-rating .scale-scale.seven{
    width: 88%;
}

@media (min-width: 320px) {
    .nps-rating > label:before {
        margin: 0;
        font-size: 23px;
    }
    .scale-rating > label:before {
        margin: 0;
        font-size: 23px;
    }
}
@media (min-width: 375px) {
    .nps-rating > label:before {
        margin: 0;
        font-size: 27px;
    }
    .scale-rating > label:before {
        margin: 0;
        font-size: 27px;
    }
}
@media (min-width: 414px) {
    .nps-rating > label:before {
        margin: 2px;
        font-size: 27px;
    }
    .scale-rating > label:before {
        margin: 2px;
        font-size: 27px;
    }
}
@media (min-width: 480px) {
    .nps-rating > label:before {
        margin: 5px;
        font-size: 36px;
    }
    .scale-rating > label:before {
        margin: 5px;
        font-size: 36px;
    }
}