@charset "utf-8";

/* CSS Document */
.box1 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    background: #FFF url(../images/bg2.jpg) repeat-x left top;
  
}

.box2 {
    width: 100%;
    /*min-height: 700px;*/
    float: left;
    display: block;
    position: relative;
    padding-left: 308px;
    box-sizing: border-box;
}

.box2-left {
    width: 258px;
    height: auto;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 2.5%;
    box-sizing: border-box;
    /*border: 1px solid #ebebeb;*/
    /*-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);*/
    /*-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);*/
    /*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);*/
}

.left-menu {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    padding: 16px 30px 16px 30px;
    box-sizing: border-box;
    background: #f1f0f0;
    border: 1px solid #edecec;
}

.left-menu li {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    box-sizing: border-box;
    border-bottom: 1px solid #c8c8c8;
    position: relative;
}

.left-menu li:last-child {
    border-bottom: 0px solid #e5e5e5;
}

.left-menu li a {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 18px;
    padding: 10px 0 10px 0;
    display: block;
}

.left-menu li a:hover {
    color: #0056ae;
}

.left-menu li.active a {
    color: #0056ae;
}

.left-menu li.active:after {
    content: '';
    position: absolute;
    right: -31px;
    top: 0;
    bottom: 0;
    width: 3px;
    height: 100%;
    background: #cd3536;
}


.left-menu-2 {
    width: 100%;
    height: auto;
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
}

.left-menu-2 li {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    padding: 5px 0;
    box-sizing: border-box;
    position: relative;
    border-bottom: none;
}

.left-menu-2 li:last-child {
    padding-bottom: 10px;
}

.left-menu-2 li a {
    font-size: 12px;
    font-weight: 500;
    color: #3c3b3b !important;
    line-height: 15px;
    padding: 0px 0 0px 0 !important;
}

.left-menu-2 li a:hover {
    color: #0056ae !important;
}

.left-menu-2 li.active-child a {
    color: #0056ae !important;
}

.left-menu-2 li:after {
    content: '';
    position: absolute;
    right: -31px;
    top: 0;
    bottom: -10px;
    width: 3px;
    height: 100%;
    background: url(../images/sub-list-bg.jpg) repeat-y top right;
    z-index: 5;
}

.left-menu li:first-child>li {
    padding: 0px 0 0px 0 !important;
}

.upcoming-event-box {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    padding: 30px 30px 30px 30px;
    box-sizing: border-box;
    background: #FFF;
}

.upcoming-event-box h2 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #353535;
    line-height: 20px;
    padding-bottom: 30px;
}

.upcoming-event2 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
}

.upcoming-event2 li {
    width: 100%;
    height: auto;
    float: left;
    display: block;
}

.upcoming-event2 li aside {
    background: url(../images/date-bg.png) no-repeat 1px top;
    width: 32px;
    height: 43px;
    float: left;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.upcoming-event2 li aside big {
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    color: #FFF;
    line-height: 18px;
    text-transform: uppercase;
    display: block;
    padding-top: 3px;
}

.upcoming-event2 li aside small {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #FFF;
    line-height: 18px;
    text-transform: uppercase;
    display: block;
}

.upcoming-event2 li figure {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    position: relative;
    padding-left: 45px;
    box-sizing: border-box;
}

.upcoming-event2 li figure p {
    font-size: 12px;
    font-weight: 600;
    color: #404040;
    line-height: 16px;
    padding-bottom: 10px;
    display: block;
}

.upcoming-event2 li figure p a {
    font-size: 12px;
    font-weight: 600;
    color: #404040;
    line-height: 14px;
}

.upcoming-event2 li figure span {
    font-size: 11px;
    font-weight: 400;
    color: #404040;
    line-height: 11px;
    display: block;
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
}

.upcoming-event2 li figure span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 11px;
    height: 11px;
    background: url(../images/time-icon.png) left top no-repeat;
}

.upcoming-event2 li figure samp {
    font-size: 11px;
    font-weight: 400;
    color: #404040;
    line-height: 11px;
    display: block;
    position: relative;
    padding-left: 15px;
}

.upcoming-event2 li figure samp:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 0;
    width: 11px;
    height: 11px;
    background: url(../images/location-icon.png) left top no-repeat;
}

.banner-dots {
    padding-top: 25px;
}

.banner-dots li {   
    width: 6px;
    height: 6px;
    float: left;
    margin-right: 5px;
    list-style-type: none;
}

.banner-dots li a {
    width: 6px;
    height: 6px;
    background: #7d7d7d;
    text-indent: -999px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
}

.banner-dots li.slick-active a {
    background: #0056ae;
}


.box2-right {
    width: 100%;
    min-height: 350px;
    float: left;
    display: block;
    margin-top: 30px;
}


.program {
    width: 100%;
    height: auto;
    float: left;
    display: block;
}

.program li {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    /* padding-bottom: 10px; */
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
}

.program li:last-child {
    padding-bottom: 0px;
}

.program li span {
    width: auto;
    height: auto;
    float: left;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #4e4e4e;
    line-height: 22px;
    padding-right: 5px;
}

.program li big {
    width: auto;
    height: auto;
    float: left;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    box-sizing: border-box;
}

.header-pic {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    margin: 10px 0;
}

.header-pic img {
    width: 100%;
    /* height: 200px; */
}

.box-right100 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    
}



.padding-right35 {
    padding-right: 35px;
}

.padding-left-right35 {   
    box-sizing: border-box;
    padding-bottom: 20px;
        margin-top: 50px;
}

.padding-left60 {
    padding-left: 60px;
}

.padding-top20 {
    padding-top: 20px;
}

.padding-top30 {
    padding-top: 30px;
}

.padding-top50 {
    padding-top: 50px;
}



.padding-buttom20 {
    padding-bottom: 20px !important;
}

.text24 {
    font-size: 20px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 30px;
    display: block;
    padding-bottom: 35px;
}

.readmore {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    padding-left: 40px;
    background: url(../images/line2.png) left top repeat-y;
    position: relative;
}

.readmore:after {
    content: '';
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff url(../images/round-icon.png) left top no-repeat;
}

.readmore p {
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    padding-bottom: 20px;
}


.moreCont {
    display: block;
    position: relative;
    color: #ed3438;
    margin-top: 0px;
    cursor: pointer;
    font-size: 0;
    color: transparent;
}

.moreCont:after {
    content: '';
    width: 25px;
    height: 30px;
    display: block;
    position: absolute;
    left: -43px;
    top: 12px;
    background: #fff url(../images/plus.png) no-repeat 0 0;
}

.moreCont.lessCont:after {
    background: #fff url(../images/less.png) no-repeat 0 0px;
}

.moreCont:before {
    content: 'Read more';
    color: #cd3536;
    font-size: 11px;
    line-height: 42px;
    text-transform: uppercase;
    font-style: normal;
    background: #fff;
    padding: 0px 25px;
    height: 42px;
    display: inline-block;
    border-radius: 35px;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
}

.moreCont.lessCont:before {
    content: 'Less';
    color: #cd3536;
    font-size: 11px;
    line-height: 42px;
    text-transform: uppercase;
    font-style: normal;
}


.current-openings-table2 {
    overflow: auto;
    width: 100%;
}

.grey-box2 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    background: #f7f8f8;
    padding: 50px 0;
}

.box-padding308 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    padding-left: 308px;
}

.box2-right2 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
}

.course {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    padding-bottom: 0px;
}

.course-left {
    width: auto;
    height: auto;
    float: left;
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 42px;
}

.tab1 {
    width: auto;
    height: auto;
    float: right;
    margin-top: -85px;
    background: #fff;
    padding: 0px 20px;
    display: inline-block;
    border-radius: 35px;
    -webkit-box-shadow: 0px 5px 15px -1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 5px 15px -1px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 15px -1px rgba(0, 0, 0, 0.05);
}

.tab1 li {
    width: auto;
    height: auto;
    float: left;
    padding: 0px 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #a2a2a2;
    position: relative;
    line-height: 42px;
    text-transform: uppercase;
}

.tab1 li.aboutGpsTabActive {
    color: #cd3536;
    border-bottom: 2px solid #cd3536;
}


.white-box3 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    background: #FFF;
    padding: 50px 0;
}

.box3a h2 {
    font-size: 20px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    display: block;
    padding-bottom: 35px;
}

.box3a p {
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 20px;
    display: block;
    padding-bottom: 35px;
}

.list2 {
    width: 100%;
    height: auto;
    display: block;
}

.list2 li {
    width: 100%;
    display: block;
    /* padding-left: 32px; */
    margin-bottom: 15px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 19px;
}

.list2 li a {
    font-size: 14px;
    font-weight: 600;
    color: #0056ae;
    line-height: 19px;
}

.list2 li:last-child {
    margin-bottom: 0px;
}

.list2 li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 19px;
    background: url(../images/arrow2.png) no-repeat left top;
}

.list2 li strong {
    font-weight: 600;
}

.list2 li i {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
}

#selectLink {
    display: none;
}

.padding-bottom-none {
    padding-bottom: 0px !important;
}

.fire-safety1 h3 {
    font-size: 18px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    display: block;
    padding-bottom: 20px;
    font-family: 'Noto Serif', serif;
}

.fire-safety1 p {
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 20px;
    display: block;
    padding-bottom: 20px;
}

.fire-safety1 p:last-child {
    padding-bottom: 0px;
}

.fire-safety1 h2 {
    width: 100%;
    font-family: 'Noto Serif', serif;
    height: auto;
    float: left;
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 30px;
    position: relative;
    padding-bottom: 30px;
}

/*.fire-safety1 h2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; background: #4e4e4e;}*/
.text-rotate {

    transform: rotate(-90deg);


    /* Legacy vendor prefixes that you probably don't need... */

    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    padding: 50px 0px !important;
    vertical-align: middle !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

footer {
    background: #fff;
}

.download {
    width: 100%;
    height: auto;
    float: left;
    display: block;
}

.download a {
    width: auto;
    padding: 0px 40px 20px 0px;
    font-size: 20px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 30px;


    position: relative;
    font-family: 'Noto Serif', serif;
}

.download a:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 24px;
    background: url(../images/dwn.png) left 6px no-repeat;
}

.box50per {
    width: 50%;
    height: auto;
    float: left;
    padding-right: 5%;
}

.box50per:last-child {
    padding-right: 0%;
}

.box50per h4 {
    width: 100%;
    font-family: 'Noto Serif', serif;
    height: auto;
    float: left;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #0056ae;
    line-height: 24px;
    position: relative;
    padding-bottom: 15px;
}

.min-height60 {
    min-height: 60px;
}

.box-mid {
    width: auto;
    text-align: center;
    padding-top: 50px;
    float: left;
}

.box-mid a {
    width: auto;
    height: 41px;
    display: inline-block;
    padding: 0px 40px;
    background: transparent;
    border: 1px solid #70a0d2;
    border-radius: 25px;
    box-sizing: border-box;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #0056ae;
    line-height: 41px;
    text-transform: uppercase;
}

.box-mid a:last-child {
    margin-right: 0px;
}

.box-mid a:hover {
    background: #0056ae;
    color: #fff;
}

.gap50 {
    width: 100%;
    height: 50px;
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    clear: both;
}

.or h5 {
    width: 100%;
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
}

.or span {
    width: 100%;
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #0056ae;
    line-height: 22px;
    padding: 10px 0;
}


.grey-box3 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    background: #f7f8f8;
    padding: 50px 0 30px 0;
}

.white-box3 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    background: #FFF;
    padding: 50px 0 50px 0;
}



.page-det p {
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 20px;
    display: block;
    padding-bottom: 20px;
    width: 100%;
    height: auto;
    float: left;
}

.page-det h2 {
    width: 100%;
    font-family: 'Noto Serif', serif;
    height: auto;
    float: left;
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 30px;
    position: relative;
    padding-bottom: 20px;
}

.page-det h3 {
    width: 100%;
    font-family: 'Noto Serif', serif;
    height: auto;
    float: left;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 26px;
    position: relative;
    padding-bottom: 20px;
}







.page-det2:after {
    content: '';
    clear: both;
    width: 100%;
    line-height: 0;
}

.page-det2 h2 {
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #4e4e4e;
}

.padding-bottom45-left-right35 {
    padding-bottom: 45px;
    padding-left: 35px;
    padding-right: 35px;
}

.row2 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
}

.row2 aside {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.row2 aside figure {
    width: 100%;
    height: 100%;
    background: #FFF;
    padding: 35px;
    box-sizing: border-box;
}

.row2 aside figure.color1 {
    border-top: 2px solid #01c1d6;
}

.row2 aside figure.color2 {
    border-top: 2px solid #ffb617;
}

.row2 aside figure.color3 {
    border-top: 2px solid #0080c9;
}

.row2 aside figure.color4 {
    border-top: 2px solid #7d37ab;
}

.row2 aside figure h3 {
    font-family: 'Noto Serif', serif;
    font-size: 18px;
    line-height: 24px;
    color: #4e4e4e;
    font-weight: 400;
    padding-bottom: 20px;
}

.list5 {
    width: 100%;
    height: auto;
    display: block;
}

.list5 li {
    width: 100%;
    display: block;
    padding-left: 32px;
    margin-bottom: 15px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #727272;
    line-height: 19px;
}

.list5 li:last-child {
    margin-bottom: 0px;
}

.list5 li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 19px;
    background: url(../images/arrow2.png) no-repeat 5px top;
}

.list5 li strong {
    font-size: 16px;
    font-weight: 600;
    color: #4e4e4e;
    line-height: 22px;
}

.list5 li i {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
}

.or3 {
    width: 100%;
    max-width: 822px;
    margin: 0 auto;
    text-align: center;
}

.or3 li {
    width: 274px;
    height: 274px;
    border-radius: 142px;
    float: left;
    position: relative;
    display: table;
}

.or3 li span {
    vertical-align: middle;
    display: table-cell;
    font-size: 18px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    padding: 0 15%;
    box-sizing: border-box;
}

.or3 li span i {
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
    display: block;
}

.or3 li.one {
    background: rgba(255, 78, 0, 0.7);
}

.or3 li.one:after {
    content: 'Or';
    width: 56px;
    height: 56px;
    background: #FFFFFF;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: -12px;
    top: 50%;
    margin-top: -28px;
    z-index: 99;
    font-size: 12px;
    line-height: 56px;
    color: #4e4e4e;
}

.or3 li.two {
    margin-left: -30px;
    background: rgba(255, 182, 23, 0.8);
}

.or3 li.two:after {
    content: 'Or';
    width: 56px;
    height: 56px;
    background: #FFFFFF;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: -12px;
    top: 50%;
    margin-top: -28px;
    z-index: 99;
    font-size: 12px;
    line-height: 56px;
    color: #4e4e4e;
}

.or3 li.three {
    margin-left: -30px;
    background: rgba(255, 78, 0, 0.7);
}

.row2-box {
    width: 100%;
    height: auto;
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
}

.row2-box aside {
    width: 50%;
    float: left;
    display: block;
    padding: 35px 7%;
    box-sizing: border-box;
    border-right: 1px solid #e4e4e4;
}

.row2-box aside:last-child {
    border-right: 0px solid #000;
}

.row2-box aside.one {
    border-top: 2px solid #ffb617;
}

.row2-box aside.tow {
    border-top: 2px solid #ff4e00;
}

.row2-box aside h2 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
    padding-bottom: 15px;
}

.row2-box aside p {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
    padding: 0 0 10px;
}

.row2-box aside h3 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
}


/*home 23-03-20-papan*/
.pic-box {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.pic-box aside {
    width: 50%;
    float: left;
    display: block;
    padding-right: 30px;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.pic-box aside:last-child {
    padding-right: 0px;
}

.pic-box aside span {
    width: 100%;
    height: 100%;
    float: left;
    display: block;
    background: #f7f8f8;
}

.pic-box aside span i {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    line-height: 0;
}

.pic-box aside span i img {
    width: 100%;
}

.pic-box aside small {
    width: 100%;
    float: left;
    display: block;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
}

.blue-text {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 30px;
    color: #2377da;
}

.brd_top_red {
    border-top: 3px solid #ff4e00;
}

.brd_top_blue {
    border-top: 3px solid #0c6bbd;
}

.mr_top50 {
    margin: 50px 0 0;
}



.professor-details {
    display: flex;
}

.professor-details div:first-child {
    width: 30%;
    max-width: 350px;
}

.professor-details div:last-child {
    width: 80%;
}

.current-openings-table2.faculty-profile-table th:nth-of-type(3) {
    text-align: center !important;
}



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

    .row2 aside {
        width: 100%;
    }

    .or3 {
        max-width: 600px;
    }

    .or3 li {
        width: 210px;
        height: 210px;
        border-radius: 105px;
    }

    .or3 li span {
        padding: 0 21%;
    }
}

@media screen and (max-width:1023px) {
    .box2-left {
        width: 100%;
        position: relative;
    }

    .box2 {
        min-height: inherit;
        padding-left: 0px;
        height: auto;
    }

    .box-padding308 {
        padding-left: 0px;
    }

    .padding-left35 {
        padding-left: 0px;
    }

    .padding-left60 {
        padding-left: 10px;
    }


    .selectMenu {
        width: 100%;
        position: relative;
        z-index: 5;
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .selectMenu strong {
        display: block;
        padding: 15px 30px 15px 30px;
        border-bottom: 1px solid #DDD;
        background: url(../images/downArrow.png) no-repeat 95% 50%;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        color: #000000;
    }

    .selectMenu strong:after {
        content: '';
    }

    #selectLink {
        display: block;
    }

    .selectDropdown {
        display: none;
    }

  

    .current-openings-table2 h2 {
        font-size: 20px;
        font-weight: 400;
        color: #4e4e4e;
        line-height: 22px;
        display: block;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .padding-left-right35 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width:800px) {
    .padding-bottom45-left-right35 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .row2 {
        padding-left: 0px;
        padding-right: 0px;
    }

}

@media screen and (max-width:700px) {
    .box50per {
        width: 100%;
        padding-right: 0%;
    }

    .min-height60 {
        min-height: inherit;
    }

    .padding-top30-mob {
        margin-top: 50px;
    }

    .padding-bottom45-left-right35 {
        padding-bottom: 45px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width:980px) {
    .fire-safety1 p br {
        display: block;
    }
}

@media screen and (max-width:600px) {
    .or3 {
        width: auto;
        max-width: inherit;
        margin: 0 auto;
        display: table;
    }

    .or3 li {
        width: 274px;
        height: 274px;
        border-radius: 142px;
        float: inherit;
    }

    .or3 li.two {
        margin-left: 0px;
        margin-top: -30px;
    }

    .or3 li.three {
        margin-left: 0px;
        margin-top: -30px;
    }

    .or3 li.one:after {
        right: inherit;
        left: 50%;
        margin-left: -28px;
        top: inherit;
        bottom: 0;
        margin-top: inherit;
        z-index: 99;
    }

    .or3 li.two:after {
        right: inherit;
        left: 50%;
        margin-left: -28px;
        top: inherit;
        bottom: 0;
        margin-top: inherit;
        z-index: 99;
    }

    .row2-box aside {
        width: 100%;
        border-right: 0px solid #e4e4e4;
    }

    .pic-box aside {
        width: 100%;
        padding-right: 0px;
    }

    .upcoming-event-box {
        display: none;
    }

    footer {
        padding: 0px 0 0px 0 !important;
    }

    .box2-right {
        min-height: auto;
        margin-top: 20px;
    }
    }

    .box-mid a {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .download a {
        float: left;
        font-size: 17px;
    }

    .professor-details {
        flex-wrap: wrap;
    }

    .professor-details h2 {
        padding-top: 20px;
    }


@media screen and (max-width:400px) {
    .heading-text {
        font-size: 17px;
        padding-right: 100px;

    }
}

/* ===========================================================
   CMS Full Width Layout (Only when sidebar is disabled)
   =========================================================== */

.box2.no-sidebar {
    padding-left: 0;
}

.box2.no-sidebar .box2-right {
    width: 100%;
    max-width: 1100px;
    margin: 30px auto 0;
    float: none;
}

.box2.no-sidebar .box2-left {
    display: none;
}