/*Testing settings*/
#SecOneSubSecHead1-1 {
    /*background-color: #020242;*/

}

.SecOneHierarchyContainer {
    padding: 3px;
    text-align: center;
    display: block;
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #020242;
}

.SecOneHierarchy {
    text-align: center;
    padding-top: 5px;
    display: inline;
}

.SecOneHierarchyMake a, .SecOneHierarchyLine a, .SecOneHierarchyYear a {
    text-decoration: underline;
    cursor: pointer;
    color: #020242;
}

.SecOneModelNameContainer {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #020242;
    padding: 3px;
    display: block;
}

.SecOneModelName a {
    text-align: center;
    text-decoration: underline;
    color: #020242;
    cursor: pointer;
    max-width: 500px;
    /*border: 1px solid red;*/
}

.SecOneSearchTableMain {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #020242;
    width: 100%;
}

.SecOneSearchTableMainRow {
    text-align: center;
}

.SecOneSearchTableSub {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #020242;
    border-collapse: collapse;
    margin: 0 auto;
}

.SecOneSearchTableSub_td_radio {
    text-align: center;
    width: 10px;
}

.SecOnetxtSearch {
    font: bold 12px Arial, Helvetica, sans-serif;
    height: 20px;
    width: 225px;
}


.SecOneLabelOne {
    margin-top: 5px;
    margin-bottom: 5px;
}

.SecOneRadio, .SecOneDescripLabel, .SecOnePNLabel {
    cursor: pointer;
}

.SecOneDescripLabel a, .SecOnePNLabel a {
    text-decoration: none;
    color: #020242;
}


.SecOneclbtnSearch {
    padding-top: 5px;
}

.SecOnebtnSearch, .SecOnebntSubSecImage {
    font: bold 12px Arial, Helvetica, sans-serif;
    padding: 3px 3px 3px 3px;
    border-radius: 5px;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    background-color: #eaebe8;
    color: #020242;

}

.SecOnebtnSearch:hover, .SecOnebntSubSecImage:hover {
    cursor: pointer;
    background-color: #38386a;
    color: white;

}


.SecOneclSubSecImage {
    text-align: center;
    padding: 5px;
}

.SecOneHoverExplain {
    width: 100%;
}

.SecOneHoverExplain_Table {
    margin: 0 auto; /*Centers the table in the div*/
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #020242;
}

.SecOneHoverExplain_Table_td {
    width: 25px;
}

.SecOneMainContainer {
    max-width: 1290px;
    margin: 0 auto; /*This centers everything in it*/
}

.SecOneSubSectionRow {
    /*border: solid 2px green;*/
    margin: 0 auto;
    padding: 0;
    max-width: 1285px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.SecOneSection {
    /*border: solid 2px red;*/
    border-radius: 10px;
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #020242;
    background-color: #e0e9f5;
    text-align: center;
}

.SecOneSubActSecImage, .SecOneSubActSecPopUpImage {
    width: 199px;
    border-radius: 10px;
}

.SecOneSubSectionContainer, .SecOneSubSectionPopUpContainer {
    border: solid 1px #e0e9f5;
    box-shadow: 3px 3px #e0e9f5;
    border-radius: 15px;
    min-width: 200px;
    max-width: 200px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    background-color: white;
}
.SecOneSubSectionHREF, .SecTwoSubSectionHREF {
    min-width: 200px;
    max-width: 200px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.SecOneSubSecHead {
    display: inline-block;
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #020242;
    margin: 0 auto;
    text-align: center;
    width: 88%;
    padding-top: 5px;
    padding-bottom: 2px;
    border-radius: 26px;
}

.SecOneSubSecHead a {
    text-decoration: none;
    color: #020242;
}

.SecOneSubSecHeadTN_Balloon {
    /*display: inline-block;*/
    padding-left: 2px;
    padding-top: 2px;
    float: left;
    left: 2px;
    position: relative;
    top: 2px;
}

.SecOneSubSecPopUpHead {
    display: inline-block;
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #020242;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 2px;
    border-radius: 26px;
}

.SecOneSubSecImage {
    text-align: center;
    vertical-align: center;
}

/*https://css-tricks.com/fun-viewport-units/*/
.SecTwoHierarchyContainer {
    padding: 3px;
    text-align: center;
    display: block;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #020242;
}

.SecTwoHierarchyMake a, .SecTwoHierarchyLine a, .SecTwoHierarchyYear a {
    text-decoration: underline;
    color: #020242;
    cursor: pointer;
}

.SecTwoHierarchy {
    text-align: center;
    padding-top: 5px;
    display: inline;
}

.SecTwoModelNameContainer {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #020242;
    padding: 3px;
    display: block;
}

.SecTwoModelName {
    text-align: center;
}

.SecTwoModelName a {
    text-decoration: underline;
    color: #020242;
    cursor: pointer;
}

.SecTwoSearchTableMain {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #020242;
    width: 100%;
}

.SecTwoSearchTableMainRow {
    text-align: center;
}

.SecTwotxtSearch {
    font: bold 12px Arial, Helvetica, sans-serif;
    height: 20px;
    width: 200px;
}

.SecTwoSearchTableSub {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #020242;
    border-collapse: collapse;
    margin: 0 auto;
}

.SecTwoSearchTableSub_td_radio {
    text-align: center;
    width: 10px;
}

.SecTwoLabelOne {
    margin-top: 5px;
    margin-bottom: 5px;
}

.SecTwoRadio, .SecTwoDescripLabel, .SecTwoPNLabel {
    cursor: pointer;
}

.SecTwoDescripLabel a, .SecTwoPNLabel a {
    text-decoration: none;
    color: #020242;
}

.SecTwoclbtnSearch {
    margin-top: 5px;
}

.SecTwobtnSearch, .SecTwobntSubSecImage {
    font: bold 12px Arial, Helvetica, sans-serif;
    padding: 3px 3px 3px 3px;
    border-radius: 5px;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    background-color: #eaebe8;
    color: #020242;

}

.SecTwobtnSearch:hover, .SecTwobntSubSecImage:hover {
    cursor: pointer;
    background-color: #38386a;
    color: white;
}


.SecTwoclSubSecImage {
    text-align: center;
    padding: 5px;
}

.SecTwoHoverExplain {
    width: 100%;
}

.SecTwoHoverExplain_Table {
    margin: 0 auto; /*Centers the table in the div*/
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #020242;
}

.SecTwoHoverExplain_Table_td {
    width: 25px;
}

.SecTwo_Section_Name {
    width: 100%;
    text-align: center;
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #020242;
    padding-bottom: 5px;
}

.SecTwoMainContainer {
    max-width: 1290px;
    margin: 0 auto; /*This centers everything in it*/
}

.SecTwoSubSectionRow {
    margin: 0 auto;
    padding: 0;
    max-width: 1285px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.SecTwoSection {
    /*border: solid 2px red;*/
    border-radius: 10px;
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #020242;
    background-color: #e0e9f5;
    text-align: center;
}

.SecTwoSubActSecImage, .SecTwoSubActSecPopUpImage {
    width: 199px;
    border-radius: 10px;
}

.SecTwoSubSectionContainer, .SecTwoSubSectionPopUpContainer {
    border: solid 1px #e0e9f5;
    box-shadow: 3px 3px #e0e9f5;
    border-radius: 15px;
    min-width: 200px;
    max-width: 200px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    background-color: white;

}

.SecTwoSubSecHead {
    display: inline-block;
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #020242;
    margin: 0 auto;
    text-align: center;
    width: 88%;
    padding-top: 5px;
    padding-bottom: 2px;
    border-radius: 26px;
}

.SecTwoSubSecHead a {
    text-decoration: none;
    color: #020242;
}

.SecTwoSubSecHeadTN_Balloon {
    /*display: inline-block;*/
    padding-left: 2px;
    padding-top: 2px;
    position: relative;
    float: left;
    left: 2px;
    top: 2px;
}

.SecTwoSubSecPopUpHead {
    display: inline-block;
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #020242;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 2px;
    border-radius: 26px;
}

.SecTwoSubSecImage {
    text-align: center;
    vertical-align: center;
}

@media screen and (max-width: 1310px) {
    .SecOneModelName, .SecTwoModelName {

    }

    .SecOneSubSectionRow, .SecTwoSubSectionRow {
        max-width: 1070px;
    }
}

@media screen and (max-width: 1099px) {
    .SecOneSubSectionRow, .SecTwoSubSectionRow {
        max-width: 645px;
    }

    .SecOneModelName, .SecTwoModelName {

    }
}

@media screen and (max-width: 725px) {

    .SecOneSubSectionRow, .SecTwoSubSectionRow {
        max-width: 435px;
    }

    .SecOneModelName, .SecTwoModelName {

    }
}

@media screen and (max-width: 535px) {
    .SecOneModelName, .SecTwoModelName {

    }

    .SecOneMainContainer, .SecTwoMainContainer {
        padding-left: 10px;
    }

    .SecOneSection, .SecTwoSection {
        margin-top: 3px;
    }

    .SecOneSubSectionRow, .SecTwoSubSectionRow {
        flex-direction: column;
        align-items: center;
    }

    .SecOneSubSectionContainer, .SecTwoSubSectionContainer{
        /*max-width: initial;*/
        /*min-width: 99%;*/
        /*		width: 100%;*/
        margin-top: 2px;
        margin-bottom: 2px;
    }
}

@media screen and (max-width: 400px) {
    .SecOneModelName, .SecTwoModelName {

    }
}