@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&display=swap');
/* body{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:15px;} */
body{font-family: 'Montserrat', sans-serif; font-size:15px;}
h1,h2,h3,h4,h5,h6,p,label,input[type="text"],textarea{
  font-family: "Montserrat-Medium", Montserrat !important; 
}

.container_top{display:none;}
#border-nav{display:none;}
.fill-bg{padding-top: 0 !important;}
.survey{ max-width: 980px; margin: 0 auto;/* background: url(../images/white-bg.png);*/ background: rgba(255,255,255, 0.7); /*-moz-box-shadow: 0 0 4px #999999; /* FF3.5+ *-webkit-box-shadow: 0 0 4px #999999; /* Saf3.0+, Chrome */ /*box-shadow: 0 0 4px #999999; /* Opera 10.5, IE 9.0 */ color: #1a4371;}
.survey h1{ font-family: 'Montserrat', sans-serif;  color: #1a4371; font-size: 30px; margin: 0; text-align: center; background: #c9d938; line-height: 40px;  text-transform: uppercase; padding: 10px 0; } /*font-weight: bold;*/
.survey h2{font-family: 'Montserrat', sans-serif;  color: #1a4371; font-size: 20px; /*  margin: 10px 0 10px; */ line-height: 30px; } 
.survey .text{ font-family: 'Montserrat', sans-serif;  padding: 30px;}
.survey .text .input{font-family: 'Montserrat', sans-serif;  width: 100%; margin-bottom: 20px;}
.survey .text .select{font-family: 'Montserrat', sans-serif;  width: 100%; margin-bottom: 20px;}
.survey .one{margin: 0 0 20px; padding: 0; list-style: none;float: left; width: 100%;}
.survey .one li{font-family: 'Montserrat', sans-serif;  margin-bottom: 8px; color: #1a4371;}
.survey .one li .input{ font-family: 'Montserrat', sans-serif;  width: 84.6%; margin: 0;}
.survey p.line{border-bottom: 1px solid #bac8cb; border-top: 1px solid #bac8cb; padding: 14px 0; margin-bottom: 20px;display: inherit;}
.survey p span{margin: 0 6px;}
.survey input[type="text"], .survey select{padding: 5px; font-family: 'Montserrat', sans-serif;  }
.bx-clone {display: none !important;}
/*.bx-viewport {height: auto !important;}*/
.bx-wrapper .bx-viewport {background: transparent !important; border:none;box-shadow: none;}
.survey .survey-question {
    padding: 30px;
    clear: both;
    font-family: "Montserrat-Medium", Montserrat !important; 
} 
.survey-question p {
    display: initial;
}
.submit{
    margin-left: 250px;
    margin-top: -67px;
}
.submit  .btn {
    background: #669fd6 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    font-size: 16px;
    padding: 10px 20px;
    margin-left: 83px;
    font-family: 'Montserrat', sans-serif; 
}

#slider-prev {float:left;margin-top: 10px;}
#slider-next {float:right;margin-top: 10px;}

.subquestions {display: none;}
.subque-cond {display: none;}

.survey .chklist{margin: 0 0 20px; padding: 0; list-style: none; margin-top: 15px;}
.survey .chklist li{
    float: left;
    margin-right: 15px;
    width: 200px;
    margin-bottom: 15px;
  }
.chklist label{
    font-size: 15px;
    /*float: left;*/
    width: auto;
    height: 30px;
    line-height: 18px;
}
.survey .chklist .regular-checkbox + label{
    float: left;
    top: 0;
}

.survey .chklist .multi-checkbox + label{
    float: left;
    top: 0;
}

.multi-checkbox {
  display: none;
}

.multi-checkbox + label {
    top: 4px;
    -webkit-appearance: none;
    height: 19px;
    width: 19px;
    display: inline-block;
    position: relative; background: url(../images/checkbox-sprite.png) no-repeat center center;
    display: inline-block;
    position: relative;
    line-height: 22px;
    margin-right: 10px;
}

.multi-checkbox + label:active, .multi-checkbox:checked + label:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.multi-checkbox:checked + label:after {
  content: ' ';
  position: absolute;
  height: 19px; width: 19px;
  display: inline-block;
  position: relative; background: url(../images/checkbox-sprite-a.png) no-repeat center center;
}

button.btn{border: none; background: #669fd6; font-size: 16px;; color: #FFFFFF; padding: 10px 20px;}
button.btn.back{float: left;}
button.btn.next{float: right;}

body {
  background: #fff;
  padding: 0; margin: 0;
}

#holder {
  width: 100%;
}

#holder > div {
  clear: both;
  padding: 2%;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  float: left;
  width: 96%;
}

label {
  display: inline;
}



/* added by henry */

.regular-checkbox {
  display: block;
}
/*end*/

.regular-checkbox + label {
    top: 4px;
    -webkit-appearance: none;
    height: 19px;
    width: 19px;
    display: inline-block;
    position: relative; background: url(../images/checkbox-sprite.png) no-repeat center center;
    display: inline-block;
    position: relative;
    line-height: 22px;
    margin-right: 10px;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

/*.regular-checkbox:checked + label {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
  color: #99a1a7;
}*/

.regular-checkbox:checked + label:after {
  content: ' ';
  position: absolute;
  height: 19px; width: 19px;
  display: inline-block;
  position: relative; background: url(../images/checkbox-sprite-a.png) no-repeat center center;
}


.big-checkbox + label {
  padding: 18px;
}

.big-checkbox:checked + label:after {
  font-size: 28px;
  left: 6px;
}

.tag {
  font-family: "Montserrat-Medium", Montserrat !important;
  width: 200px;
  position: relative;
  top: 5px;
  /* font-weight: bold; */
  text-transform: uppercase;
  display: block;
  float: left;
}

.radio-1 {
  width: 193px;
}

.button-holder {
  float: left;
}

/* RADIO */
/* added by henry to show radio in new form layout (different html format in cakephp 3 forms) */
.regular-radio {
  display: block;
}
.radio input[type=radio]{
     float: unset !important; 
     margin-left: 0px !important; 
}
/* end */

.regular-radio + label {
    -webkit-appearance: none;
    height: 16px;
    width: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/radio-sprite.png) no-repeat;
    background-size: contain;
    top: 4px;
    margin-right: 10px;
    padding-left: 20px;
    margin-top: 10px;
}

.regular-radio:checked + label {
    content: ' ';
    position: absolute;
    display: inline-block;
    position: relative;
    background: url(../images/radio-sprite-a.png) no-repeat;
    background-size: contain;
    /*padding-left: 24px;
    padding-right: 20px;*/
}



p.line .regular-radio + label{
    padding-right: 0;
    padding-left: 0;
    margin-top: 0;
    height: 16px;
    width: 16px;
}
p.line .disagree_label{
    width: 100%;
    text-align: left;
    display: block;

}
p.line .agree_label{
    width: 95%;
    text-align: right;
    display: block;
}

p.line .options{
    display: block;
    width: 100%;
    text-align: center;
}
/*.regular-radio:checked + label {
  background-color: #e9ecee;
  color: #99a1a7;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}*/

.regular-radio + label:active, .regular-radio:checked + label:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.big-radio + label {
  padding: 16px;
}

.big-radio:checked + label:after {
  width: 24px;
  height: 24px;
  left: 4px;
  top: 4px;
}

.one_radio_button{
    float:none;
}
/* ------- IGNORE */

#header {
  width: 100%;
  margin: 0px auto;
}

#header #center {
  text-align: center;
}

#header h1 span {
  color: #000;
  display: block;
  font-size: 50px;
}

#header p {
  font-family: 'Montserrat', sans-serif;
}
#header h1 {
  color: #892dbf;
  font: bold 40px 'Bree Serif', serif;
}

#travel {
  padding: 10px;
  background: rgba(0,0,0,0.6);
  border-bottom: 2px solid rgba(0,0,0,0.2);
  font-variant: normal;
  text-decoration: none;
  margin-bottom: 20px;
}

#travel a {
  font-family: "Montserrat-Medium", Montserrat !important;
  text-decoration: none;
  border-bottom: 1px solid #f9f9f9;
  color: #f9f9f9;
}
.embed-container { position: relative; /*padding-bottom: 56.25%;*/ height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

textarea {
    box-sizing: border-box;
    overflow: auto;
    resize: vertical;
    vertical-align: top;
    width: 100%;
}

.head-img {
  height: 190px;
  width: 100%;
}
.head_image{/*background: #184370;*/ text-align: center;} 
/*.head_image img{width: 100%;}*/

.container_top{display: block;}
.submit{margin-left: 200px;}

.column-select{width: 100%; margin-right: 20px; float: left; padding: 12px 0 8px 0;}
.column-select .select-option{margin-bottom: 8px;}
.column-one{width: auto; margin-right: 50px; text-align: center; float: left;}
.column-two{width: auto; text-align: center; float: left; margin-right: 100px;}
.column-three{width: auto; text-align: center; float: left;}
.column-three span{float: left; line-height: 30px;}
.column-three .select-option{margin-bottom: 9px;}
.column-a, .column-b, .column-c{line-height: 40px; text-align: left;}
.column-one .column-a:first-child{text-align: center;}
.column-two .column-b:first-child{text-align: center;}
.column-three .column-c:first-child{text-align: center; margin-bottom: 6px;}
.column-select span{float: left; width: 50px; line-height: 30px;}

.sort_que { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.sort_que li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; cursor:move; }
.sort_que li span { position: absolute; margin-left: -1.3em; }
.sort_que li.fixed{cursor:default; color:#959595; opacity:0.5;}
.sort_que > li { touch-action: none;}
.mix-options{border-collapse: collapse; margin: 10px 0 0px;}
.mix-options th {border: 1px solid #ffffff; font-weight: normal; padding: 8px; color: rgb(24, 67, 112);}
.mix-options td {border: 1px solid #fff; padding: 8px; color: rgb(24, 67, 112)}
.mix-options td p{display: inline-block;}
.mix-options td span{float: left;}
.mix-options td p{float: right; width: 90%;}

.survey-image{max-width: 221px; max-height: 100px;vertical-align: 0;}
.followup-hidden{display: none;}

.chklist{border-collapse: collapse; margin: 10px 0 0px;}
.chklist th {border: 1px solid #ffffff; font-weight: normal; padding: 8px; color: rgb(24, 67, 112);}
.chklist td {border: 1px solid #fff; padding: 8px; color: rgb(24, 67, 112);}

.survey-question img{
  display: initial;
}

.survey-question h2 p{
  /* 09-11-17 */
  /*display: initial;*/
}

.survey-question p{
  display: block;
  font-family: "Montserrat-Medium", Montserrat !important;
}

.survey-question .que_lab ol li{
  list-style-type: decimal;
}

.survey-question .que_lab ul li{
  list-style-type: initial;
}

.survey-question .mixmatch_sort li{
  list-style: none; border: 1px solid #FFFFFF; padding: 7px; line-height: 29px;
}
.survey-question .mixmatch_sort{margin: 9px 0 0;}
.survey-question .mixmatch_sort li p{margin: 0;}

.survey-question p img {
    display: block;
    margin: 0 auto;
}

.que_count{
    float: left;
    font-size: 20px;
    font-family:  "Montserrat-Medium", Montserrat !important; 
    /* font-weight: bold; */
}
.que_lab{
  float: left;
}

.que_lab h2{
  position: relative;
    margin-top: -27px;
    margin-left: 20px;
}
.survey-sub-questions{
  clear: both;
}
.survey_question_align_right{
  margin: 0 0 0 auto;
  float: right;
}
.survey_question_align_center{
  margin: 0 auto;
  display: block;
}
.submit_class{margin-left: 250px !important;}

#surveyModal{width: 50%; height: 75%; left: 0; right: 0; margin: 0 auto; background: #FFFFFF; top: 15%; overflow: hidden;} 
#surveyModal .modal-body{text-align: center;} 
#surveyModal .modal-body img:first-child {position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%;} 
#surveyModal .modal-body img{width: auto; max-height: 100%;} 
.confirm_btn{margin-top:20px !important;color:white;}
.mixmatch_sort li{margin:0;}
.mixmatch_sort li p img{max-height: 235px;width: auto;}
.mixmatch_sort li.dynamic_height{height: 250px;}
@media only screen and (min-width:1024px){
    .container_top{display:block;}
    #border-nav{display:block;}
    .fill-bg{padding-top: 50px !important;}

    .one_radio_button{
        float:left;
        height: 35px;
    }
    .regular-radio + label {
        margin-top: 0;
        height: 19px;
        padding-left: 22px;
        padding-right: 10px;
    }
    .survey p span{margin: 0 10px;}
    p.line .regular-radio + label{
        height: 19px;
        width: 19px;
    }
    p.line .options{
        display:inline;
    }
    p.line .disagree_label{
        display: inline;

    }
    p.line .agree_label{
        display: inline;
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*.survey h1{font-size: 24px;}*/
.survey .survey-question{padding: 10px;}
.survey_pagination iframe {width: 100%;}
/*.survey h2 {font-size: 16px; line-height: 22px;}*/
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
/*.survey h1{font-size: 22px;}*/
.survey .survey-question{padding: 10px;}
.survey_pagination iframe {width: 100%;}
/*.survey h2 {font-size: 16px; line-height: 20px;}*/
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
/*.survey h1{font-size: 20px;}*/
.survey .survey-question{padding: 10px;}
.survey_pagination iframe {width: 100%;}
.sort_que > li{touch-action: initial;}
/*.survey h2 {font-size: 14px; line-height: 20px;}*/
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
/*.survey h1{font-size: 20px;}*/
.survey .survey-question{padding: 10px;}
.survey_pagination iframe {width: 100%;}
.sort_que > li{touch-action: initial;}
.survey-question #UserEmail{width:160px;}
/*.survey h2 {font-size: 14px; line-height: 20px;}*/
}

@media print {
    .bx-viewport{
        overflow: visible  !important;
        width: 100%  !important;
    }
    .survey_fill{
        width: 100% !important;
    }

    #slider-next, #slider-prev{
        display: none;
    }
    .survey_pagination:last-of-type{
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.head_image img{width: 100%;}
.survey{width: 972px;}

p.line .disagree_label, p.line .options, p.line .agree_label{display: inline-block; width: auto;}
.sort_que{width: 100%;}
.sort_que li{font-size: 14px;}

.mix-options{display:table;table-layout: fixed;}
.mix-options tr{display: table-row;}
.mix-options td {display: table-cell;width:31% !important;}
.mix-options th {display: table-cell;width:31% !important;}
.select-option select{width:65%;}
.mix-options td span{float: left;}
.mix-options td p{float: right; width: 90%;}

.chklist{display:table;table-layout: fixed;}
.chklist tr{display: table-row;}
.chklist td {display: table-cell;width:31% !important;}
.chklist th {display: table-cell;width:31% !important;}

.survey {width: 90%;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.head_image img{width: 100%;}
.survey{width: 748px;}
.input{margin: -9px auto 0; width: 28%;}
.submit{  margin-top: -52px; margin-left: 163px;}
.submit_class{margin-left: 155px !important;}
p.line .disagree_label, p.line .options, p.line .agree_label{display: inline-block; }
.sort_que{width: 100%;}
.sort_que li{font-size: 14px;}

.mix-options{display:table;table-layout: fixed;}
.mix-options tr{display: table-row;}
.mix-options td {display: table-cell;width:31% !important;}
.mix-options th {display: table-cell;width:31% !important;}
.select-option select{width:65%;}
.mix-options td span{float: left;}
.mix-options td p{float: right; width: 90%;}

.chklist{display:table;table-layout: fixed;}
.chklist tr{display: table-row;}
.chklist td {display: table-cell;width:31% !important;}
.chklist th {display: table-cell;width:31% !important;}


.submit{margin-top: -48px !important; margin-left: 163px !important;}
.submit_new {float: left; margin-top: -23px !important; margin-left: 265px !important;}

.submit_new_class {margin-left: 255px !important; margin-top: -16px !important;}

#surveyModal .modal-body img{width: 100%;}
#surveyModal .modal-body img:first-child{width: auto;}

.survey {width: 90%;}
.survey .survey-question {padding: 30px; width: 100% !important; background: transparent;}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
.head_image img{width: 100%;}
.survey{width: 620px;}
.submit{  margin-top: -52px;}
p.line .disagree_label, p.line .options, p.line .agree_label{display: inline-block; width: auto;}
.sort_que{width: 100%;}
.sort_que li{font-size: 14px;}

.mix-options{display:table;table-layout: fixed;}
.mix-options tr{display: table-row;}
.mix-options td {display: table-cell;width:31% !important;}
.mix-options th {display: table-cell;width:31% !important;}
.select-option select{width:65%;}
.mix-options td span{float: left;}
.mix-options td p{float: right; width: 80%;}

.chklist{display:table;table-layout: fixed;}
.chklist tr{display: table-row;}
.chklist td {display: table-cell;width:31% !important;}
.chklist th {display: table-cell;width:31% !important;}


.submit_class{margin-left: 70px !important;}
.submit{margin-top: -48px !important; margin-left: 163px !important;}
.submit_new {float: left; margin-top: -23px !important; margin-left: 265px !important;}

.survey_question1{padding: 20px 0;}
.submit_new_class {margin: 0 auto !important; float: none !important;}
.btn_new{float: none !important; margin: 0 !important;}
.submit {margin: 0 auto; clear: both; text-align: center;}
.submit_class {margin: 20px auto !important; display: table;}


#surveyModal {width: 84%;}

#surveyModal .modal-body img{width: 100%;}
#surveyModal .modal-body img:first-child{width: auto;}

.survey {width: 90%;}
.survey .survey-question {padding: 30px; width: 100% !important; background: transparent;}
fieldset .text{width: 100% !important; text-align: left !important;}
fieldset .text .input{width: 100% !important; border: 1px solid #CCCCCC}

.survey .text{text-align: center}
.radio-tile-group .input-container{ padding-right: 0;}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
.head_image img{width: 100%;}
.survey{width: 460px;}
p.line .disagree_label{text-align: left;}
p.line .options{text-align: center; margin: 10px 0;}
.survey-question select{width: 100%;}
p.line .agree_label{text-align: right;}
.sort_que{width: 100%;}
.sort_que li{font-size: 14px;}

.mix-options{display:table;table-layout: fixed;}
.mix-options tr{display: table-row;}
.mix-options td {display: table-cell;width:31% !important;}
.mix-options th {display: table-cell;width:31% !important;}
.select-option select{width:65%;}
.mix-options td span{float: left;}
.mix-options td p{float: right; width: 80%;}

.chklist{display:table;table-layout: fixed;}
.chklist tr{display: table-row;}
.chklist td {display: table-cell;width:31% !important;}
.chklist th {display: table-cell;width:31% !important;}

.survey input[type="text"], .survey select{width: 95%;}


.survey_pagination survey_slide_0{width: 100%;}

.submit{margin-top: -48px !important; margin-left: 83px !important;}
.submit_new {float: left; margin-top: -23px !important; margin-left: 185px !important;}
#UserEmail{width: 30%;}


.survey_question1{padding: 20px 0;}
.submit_new_class {margin: 0 auto !important; float: none !important;}
.btn_new{float: none !important; margin: 0 !important;}
.submit {margin: 0 auto; clear: both; text-align: center;}
.submit_class {margin: 20px auto !important; display: table;}

#surveyModal {width: 84%;}


#surveyModal .modal-body img{width: 100%;}
#surveyModal .modal-body img:first-child{width: auto;}

.survey {width: 90%;}
.survey .survey-question {padding: 30px; width: 100% !important; background: transparent;}
fieldset .text{width: 100% !important; text-align: left !important;}
fieldset .text .input{width: 100% !important; border: 1px solid #CCCCCC}

.survey .text{text-align: center}
.radio-tile-group .input-container{ padding-right: 0;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.head_image img{width: 100%;}
.survey{width: 300px;}
p.line .disagree_label{text-align: left;}
p.line .options{text-align: center; margin: 10px 0;}
.survey-question select{width: 100%;}
p.line .agree_label{text-align: right;}
.submit{  margin-top: -47px;margin-left: 113px;}
.input{ border: 0px solid #accde8;
    margin: -9px 0 0;
    width: 160px;}
.sort_que{width: 100%;}
.sort_que li{font-size: 12px;}

.mix-options{display:table;table-layout: fixed;}
.mix-options tr{display: table-row;}
.mix-options td {display: table-cell;width:31% !important;}
.mix-options th {display: table-cell;width:31% !important;}
.select-option select{width:65%;}
.mix-options td span{float: left;}
.mix-options td p{float: right; width: 80%;}

.chklist{display:table;table-layout: fixed;}
.chklist tr{display: table-row;}
.chklist td {display: inline-block; width: 100%; box-sizing: border-box;}
.chklist th {display: inline-block; width: 100%; box-sizing: border-box;}

.survey .survey-question{width: 100% !important; padding: 30px}
.survey h2{font-size: 14px;}
.survey input[type="text"], .survey select{width: 95%;}
.submit_class{margin-left: 0px !important;}
 
.survey_pagination survey_slide_0{width: 100%;}



.submit_new {float: left; margin-top: 28px; margin-left: 0;}
 
#surveyModal {width: 84%;}

#surveyModal .modal-body img{width: 100%;}
#surveyModal .modal-body img:first-child{width: auto;}

fieldset .text{width: 100% !important; text-align: left !important;}
fieldset .text .input{width: 100% !important; border: 1px solid #CCCCCC}

.survey .text{text-align: center}
.radio-tile-group .input-container{ padding-right: 0;}
}

@media only screen and (min-width: 600px){
	.survey-width{width:600px;}
}

.survey-response img {width: 100%;}

.survey h2 .input.checkbox{display: inline-block; margin: 0;}
.survey .text{padding: 0}
.survey .text .input{width: auto;}
.survey .survey-question.slide-2 .survey_question_align_ + .input.text{text-align: center}
.survey .agree_label{float: right;margin-top: -30px;}
.survey p.line{border-bottom: none}
.survey .survey-question{
  padding: 10px 30px 10px 30px !important;
}
.survey .text .input{
  margin-bottom:10px;
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile{
  background-color: #4772a2 !important;
}

.bxclassnewadd {
  min-height: 109px;
}