/* contact us */
.contact{
    padding: 61px 129px 0 129px;
    width: calc(100% - 318px);
    min-width: 1282px;
    /* background-color: thistle; */
}
.general-contact{
    text-align: center;
}

.contact .general-contact-center-container{
    text-align: left;

}

.contact-evf{
    padding: 61px 61px 0px 61px;
    /* width: 80%; */
}

.contact .contact-title{
    font-size: 32px;
    color: #754EBE;
    letter-spacing: 0.64px;
    font-weight: bold;
}

.contact .contact-detail{
    font-size: 16px;
    color: #434343;
    /* max-width: 1015px; */

}

.contact .list{
    margin-top: 42px;
    /*display: flex;*/
    /*flex-wrap: wrap;*/
}

.contact .card{
    margin-bottom: 85px;
    margin-right: 90px;
}

.contact .card-title{
    font-size: 24px;
    letter-spacing: 0.48px;
    font-weight: bold;
}

.contact .card-address{
    font-size: 16px;
    color: #434343;
    letter-spacing: 0.32px;
    margin-bottom: 10px;
}

.contact .card-phone{
    font-size: 20px;
    color: #000000;
    letter-spacing: 0.4px;
    margin-bottom: 15px;
}
.contact .card-phone-icon{
    width: 25px;
}
.contact .card-map{
    width: 594px;
    height: 150px;
    background-color: #9F9F9F;
}


.contact .contact-tab{
    /* height: 186px; */
    /* display: flex; */
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 40px 0 60px 0;
}

.contact .contact-tab .contact-tab-btn{
    background: #FFFFFF;
    border: 1px solid #979797;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
    border-radius: 24px;
    font-size: 20px;
    color: #BCBEC0;
    letter-spacing: 0;
    text-align: center;
    line-height: 13px;
    min-width: 302px;
    height: 48px;
    margin-right: 30px;
    margin-top: 20px;
}

.contact-evf .contact-tab .contact-tab-btn{
    background: #FFFFFF;
    border: 1px solid #979797;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
    border-radius: 24px;
    font-size: 20px;
    color: #BCBEC0;
    letter-spacing: 0;
    text-align: center;
    line-height: 13px;
    min-width: 302px;
    height: 48px;
    margin-right: 30px;
}


.contact .contact-tab .contact-tab-btn:focus {outline:none;}
.contact .contact-tab .active{
    background: #754EBE;
    color: #FFFFFF;
    border: 1px solid #754EBE;
}
.contact .contact-table{
    /* max-width: 1241px; */
    border: 1px solid rgba(151,151,151,0.56);
    box-shadow: 0 3px 9px 0 rgba(0,0,0,0.19);
    margin-bottom: 116px;
}
.contact .contact-table .contact-table-header{
    background: #754EBE;
    color: #ffffff;
}
.contact .contact-table .contact-table-header th{
    border-bottom:none;
}

.contact .contact-table .contact-table-header th:last-child{
    text-align: left;
}

.contact .contact-table .contact-table-body{
    background: #FFFFFF;
}
.contact .contact-table .contact-table-body tr:nth-child(2n){
    background: #d3d3fd;
}

.contact .contact-table th:first-child,.contact .contact-table td:first-child{
    padding-left: 62px;
}

.contact .contact-table td,th{
    border-top:none;
    /* height: 62px; */
    font-size: 24px;
    line-height: 1.8;
}

.contact .form-horizontal{
    margin-top: 25px;
    margin-bottom: 69px;
    margin-left: 17%;
}

.contact .form-horizontal .form-group{
    margin-bottom: 26px;
}
.contact .form-control{
    border: 1px solid #754EBE;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.13);
    border-radius: 22.5px;
    min-height: 45px;
}
.contact .control-label{
    font-size: 18px;
    color: #754EBE;
}

.contact .control-label .text-required{
    color: red;
}


.contact .checkbox-list{
    margin-top: 8px;
}

.contact .checkbox-item{
    margin-bottom: 29px;
    text-align: left;
}


.contact .checkbox-item .checkbox-label{
    margin-left: 24px;
    font-size: 16px;
}

.contact #canvas {
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #ddd;
    cursor: pointer;
    background-color:#754EBE;
    width:156px;
    height: 45px
}

.contact .submit-content{
    text-align: center;
}

.contact .submit{
    width: 373px;
    height: 65px;
    background: #754EBE;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
    border-radius: 32.5px;
    color: #ffffff;
    margin-top: 145px;
    font-size: 20px;
    border: none;
}

.contact .contact-tab-title{
    font-size: 32px;
    color: #434343;
    letter-spacing: 0.64px;
    font-weight: bold;
    margin-bottom: 21px;
}

.contact .contact-evf-table{
    box-shadow: 0 -2px 9px 0 rgba(145,139,139,0.50);
    margin-bottom: 100px;
}

.contact .contact-evf-table-header{
    background: #754EBE;
    color: #ffffff;
    font-size: 20px;
}

.contact .contact-evf-table th, .contact .contact-evf-table td:not(:last-child){
    text-align: center;
    vertical-align:middle;
}

.contact .contact-evf-table td:last-child{
    padding: 20px;
    vertical-align:middle;
    text-align: center;
    white-space: pre-line;
}

.contact .contact-evf-table td{
   height: 91px;
}


.contact .contact-evf-table-body{
    font-size: 18px;
}
.contact .download-list{
    margin-bottom: 330px;
    width: 100%;
}
.contact .download-list .download-list-item{
   margin-bottom: 25px;
}
.contact .download-list .download-list-item .download-title{
    font-size: 20px;
    color: #434343;
    border-bottom: 1px #434343 solid;
    margin-top: 10px;

}
.contact .download-list .download-list-item .download-button{
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
    border-radius: 24px;
    background: #754EBE;
    color: #ffffff;
    width: 174px;
    height: 35px;
    border: none;
    margin-top: 10px;
}

.contact .download-list .download-list-item .download-img{
    height: 27px;
    margin-right: 11px;
    margin-top: 10px;
}

.download-list-item-header{
    display: flex;
}

/*selection*/
.contact .contact-selection-tool{
    display: none;
 }

 .contact .form-horizontal .form-group .selectpicker{
    margin-bottom: 26px;
}

.contact .form-horizontal .form-group .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    width: 100%;
}

.contact .form-horizontal .form-group .bootstrap-select > .dropdown-toggle {
    border: 1px solid #754EBE;
    border-radius: 30px;
    /* height: 45px; */
    line-height: 32px;
}

.contact .form-horizontal .form-group .bootstrap-select .dropdown-menu .selected{
    background-color: #e6dcf88e;
}

.contact  .multi-select-hint{
    width: 100%;
    text-align: left;
    margin-top: 5px;
    color: #754EBE;
}

.contact .success .title {
    font-size: 35px;
    color: #754EBE;
    letter-spacing: 0.7px;
    font-weight: bold;
    margin-bottom: 17px;
    text-align: center;
}

.contact .success .checkmark {
    text-align: center;
    margin-top: 60px;
}

.contact .success .checkmark img {
    width: 10vw;
    max-width: 100px;
    min-width: 50px;
    text-align: center;
    margin-bottom: 20px;
}

.contact .success .description {
    font-size: 20px;
    color: #4A4A4A;
    margin-bottom: 11px;
    text-align: center;
}

.contact .success .button-container {
    display: block;
    margin-top: 20px;
}

.contact .success .button-container a {
    text-decoration: none;
}

.contact .success .return-to-home-button {
    text-align: center;
    background: #754EBE;
    border-radius: 24px;
    color: #FFFFFF;
    font-size: 15px;
    padding: 10px 20px;
}


@media only screen and (max-width: 650px) {
    .contact {
      width: 100%;
      min-width: auto;
      padding: 0 5%;
    }
    .contact .contact-title {
        font-size: 22px;
        margin-top: 20px;
    }
    .contact .form-horizontal {
        margin-left: 0;
        margin-top: 0;
    }
    .contact .control-label {
        width: 90%;
        text-align: left;
    }
    .form-horizontal .form-group {
        margin: 0;
    }

    .contact .form-horizontal .form-group .selectpicker{
        margin-bottom: 26px;
    }

    .contact .form-horizontal .form-group .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
        width: 100%;
    }

    .contact .form-horizontal .form-group .bootstrap-select > .dropdown-toggle {
        border: 1px solid #754EBE;
        border-radius: 30px;
        /* height: 45px; */
        line-height: 32px;
    }



    .contact .checkbox-list {
        text-align: left;
    }


    .contact .checkbox-item {
        margin-bottom: 29px;
        margin-left: 5%;
    }
    .contact .submit{
        width: 100%;
        height: auto;
        padding: 10px 0;
        margin-top: 30px;
    }

    .contact #canvas {
        margin-top: 20px;
    }

    .contact .list{
        margin-top: 10px;
    }

    .contact .contact-tab{
        width: 100%;
        min-width: auto;
        /* flex-direction: column; */
        height: auto;
        margin: 10px 0;
    }

    .contact .contact-tab a{
        width: 100%;
        max-width: 400px;
    }

    .contact .contact-tab .contact-tab-btn{
        margin-right: 0;
        width: 32%;
        margin-top: 10px;
        min-width: auto;
        font-size: 11px;
        height: 30px;
    }

    .contact .contact-table {
        margin-top: 42px;
    }

    .contact .contact-table th:first-child, .contact .contact-table td:first-child {
        padding-left: 20px;
    }

    .contact .contact-table .contact-table-header th:last-child{
        text-align: right;
    }
    .contact .contact-table td, th {
        font-size: 20px;
        vertical-align: middle;
    }

    .contact .contact-table td th {
        font-size: 20px;
        vertical-align: middle;
    }
    .contact .contact-table td:last-child{
        text-align: right;
    }
    .contact .card-phone-icon {
        width: 15px;
    }

    .contact .card-map {
        width: 100%;
        height: 150px;
    }
    .contact .card {
        margin-bottom: 85px;
        margin-right: 0px;
    }
    .contact .contact-evf-table td:last-child {
        padding: 10px;
    }
    .contact .contact-tab-title {
        font-size: 26px;
        margin-top: 42px;
    }

    .contact .download-list {
        margin-bottom: 30px;
    }

    /*selection*/

    .contact .contact-selection-tool{
        display: flex;
        flex-direction: column;
        align-items: top;
        width: 100%;
        margin-top: 20px;
        align-items: center;
    }

    .contact .contact-selection-tool .select{
        width: 100%;
        border-radius: 20px;
        height: 40px;
        font-size: 14px;
        margin-top: 20px;
        color: #754EBE;
        background: #FFFFFF;
        border: 1px solid #858383;
        box-shadow: 0 2px 4px 0 rgba(108,105,105,0.15);
        padding-left: 20px;
        padding-right: 30px;
        outline: none;
        background: url("./../image/select-bar-icon.png") right center no-repeat;
        background-size: 16px auto;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .contact .contact-selection-tool .select option:hover{
        font-weight:normal;
        color: #754EBE;
        background: #754ebe50;

    }

    .contact .contact-selection-tool .select option:focus,
    option:active,
    option:checked {
        font-weight:normal;
        color: #754ebe;
    }

    .contact .success {
        margin-top: 50px;
    }
}