body {
    background: url(../img/loading.gif) no-repeat center center;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    color: #555;
    line-height: 1.4;
    overflow-x: hidden;
}
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ddd; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
::-webkit-input-placeholder { color: #afafaf !important; opacity: 1 !important; }
:-moz-placeholder { color: #afafaf !important; opacity: 1 !important; }
::-moz-placeholder { color: #afafaf !important; opacity: 1 !important; }
:-ms-input-placeholder { color: #afafaf !important; opacity: 1 !important; }
address { font-style: normal; }
blockquote { border: none; font-size: 1em; padding: 0; }
p { margin-bottom: 20px; }
.line {height: 1px; background-color: #ccc; margin-bottom: 30px}
*:hover, *:visited, *:active, *:focus { outline: none; }
a { -webkit-transition: color 0.15s ease; -moz-transition: color 0.15s ease; -o-transition: color 0.15s ease; transition: color 0.15s ease; }
a:link, a:visited, a:focus { color: #004677; outline: none !important; text-decoration: none; }
a:hover { color: #032740; outline: none; text-decoration: none; }
img { max-width: 100%; }
body, html { height: 100%; }
h4 { font-size: 17px; font-weight: 600; }
.small-text{ font-size: 13px; font-weight: 300}
.timetablelist {/*border: solid 1px #ff0000;*/ background-color: #fff; clear: both;  margin-bottom: 20px }
.timetableitem {width: 12.5%; float:left; text-align: center; font-weight: bold; padding: 5px; border-bottom: solid 1px #555;}
.timetableitem span {font-weight: normal; display: block; text-align: center; font-size: 12px}
.slick-slide img {display: inline-block;}
.iris-notes{font-size: 0.8em; font-weight: bold}
.iris-notes ul, .iris-notes li {padding: 0; margin: 0; list-style: none; width: auto; text-align: left; display: inline-block}
.iris-notes-header{background-color: #e0e0e0; min-height: 40px; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 10px 0px 10px 0px}
.iris-notes .grey{background-color: #ccc; }
.iris-notes .grey {background-color: #ccc;}
.iris-notes .yellow {background-color: #c1c104;}
.iris-notes .red {background-color: #ff0000;}
.iris-notes .green {background-color: #009933;}
.iris-align {margin-left: 15px}
.operation-by{font-size: 26px; margin-bottom: 0px}
.operation-by-sub {margin-top: 0px}
.bootstrap-select { width: 100% !important; }
.bootstrap-select .btn { background: #fff !important; border-color: #e3e3e3; border-radius: 5px; height: 40px; overflow: hidden; padding-right: 50px; text-overflow: ellipsis; }
.bootstrap-select.btn-group .dropdown-toggle .caret { border: none; margin-top: -15px; right: 25px; }
.bootstrap-select.btn-group .dropdown-toggle .caret:before { color: #383c41; content: "\f107"; font-family: FontAwesome; font-size: 20px; }
.bootstrap-select.btn-group .dropdown-menu > li > a { white-space: normal; }

.radio, .checkbox { margin-bottom: 5px; margin-top: 0; }

.datewrap { background: #fff; position: relative; }
.datewrap .form-control { background: none; padding-right: 50px; position: relative; z-index: 2; }
.datewrap:before { content: ""; }
.datewrap:after { color: #333; content: "\f073"; font-family: FontAwesome; font-size: 15px; position: absolute; top: 10px; right: 13px; }

table.dataTable thead th, table.dataTable thead td { border-bottom: none; }
table.dataTable.no-footer, .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: none; }
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child { padding-left: 35px; }
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { background: #781d7e; left: 7px; margin-top: -10px; top: 50%; }
table.dataTable > tbody > tr.child td { text-align: left; }
table.dataTable > tbody > tr.child ul { display: block; }
table.dataTable > tbody > tr.child ul li { font-size: 0; padding: 5px 0; }
table.dataTable > tbody > tr.child span.dtr-title { color: #333; font-size: 13px; font-weight: 500; min-width: 0; vertical-align: top; width: 30%; }
table.dataTable > tbody > tr.child span.dtr-data { display: inline-block; font-size: 13px; padding-left: 20px; vertical-align: top; width: 69%;}

.imgeffect { display: block; overflow: hidden; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.imgeffect .imgwrap { display: block; overflow: hidden; }
.imgeffect img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; transition: all 0.7s ease-out; }
.imgeffect:hover img { opacity: 0.7; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.form-control { background: #fff; border-color: #e3e3e3; border-radius: 5px; box-shadow: none !important; font-size: 1.1em; height: 40px; }
textarea.form-control { height: auto; resize: none; }
.form-control:focus { border-color: #e89f23; }

label { font-weight: 500; }
.form-horizontal .control-label { text-align: left; }

.radio label:after { background: #eb6e1f; }
.checkbox label { padding-left: 10px; margin-top: 2px; }
.checkbox label:before { width: 20px; height: 20px; -webkit-border-radius: 2px 3px 3px 2px/2px 2px 3px 3px; -moz-border-radius: 2px 3px 3px 2px/2px 2px 3px 3px; border-radius: 2px 3px 3px 2px/2px 2px 3px 3px; background-color: #fff; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .35); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .35); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .35); border: solid 1px #dfe0e1; top: -2px; }
.checkbox label:after { color: #eb6e1f; font-size: 14px; height: 20px; top: -2px; width: 20px; }

.rating-xs { font-size: 16px; }
.rating-sm { font-size: 24px; }
.rating-lg { font-size: 32px; }

.slider.slider-horizontal { display: block; width: 100%; }
.slider .tooltip-main.top { margin-left: -33.5px !important; opacity: 1; }
.range-wrap { margin-top: 50px; padding-bottom: 30px; position: relative; }
.range-wrap .min { bottom: 0; left: 0; position: absolute; }
.range-wrap .max { bottom: 0; position: absolute; right: 0; }

.page {
    background: #1d1622 url(../img/bg.jpg) fixed no-repeat center 0;
    background-size: cover;
    min-height: 100%;
    /*opacity: 0;*/
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
}
.main { padding-bottom: 30px; padding-top: 30px; min-height: 400px; }

.modal { text-align: center; }
.modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
.modal-header { border-bottom: none; }
.modal-title { color: #004677; font-weight: 700; text-transform: uppercase; }
.bus-time-table{font-weight: 400}

.pp-w-1 .modal-dialog { margin: 15px auto; width: 1140px; }

.main-content,
.full-content { background: #fff; border-radius: 5px; padding: 30px; }
.full-content { margin-top: 30px; }
 
.bg { background: no-repeat center center; background-size: cover; }
.bg .bgimg { display: none; }

.slick-arrow { background: none; border: none; font-size: 0; margin-top: -20px; position: absolute; top: 50%; z-index: 5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.slick-arrow:before { font-family: FontAwesome; font-size: 30px; }
.slick-arrow:hover { color: #000; }
.slick-prev { left: 0; }
.slick-prev:before { content: "\f104"; }
.slick-next { right: 0; }
.slick-next:before { content: "\f105"; }
.slider-nav .item { opacity: .6; padding: 5px 10px; }
.slider-nav .slick-current { opacity: 1; }

.breadcrumb { background: none; border-radius: 0; color: #e47b38; font-size: 0.9em; margin: 0 auto 20px; padding: 0; text-transform: uppercase; }
.breadcrumb li { margin-bottom: 0 !important; }
.breadcrumb a:link, .breadcrumb a:visited { color: #c0c0c0; }
.breadcrumb a:hover { color: #e47b38; }
.breadcrumb > li + li:before { content: "\f105"; font-family: FontAwesome; margin: 0px 5px 0px 5px}

.pager { font-size: 0; text-align: right; }
.pager li { margin-left: 5px; vertical-align: top; }
.pager li > a, .pager li > span { border-radius: 0; padding: 3px 7px; }
.pager li > a:hover, .pager li.active > a, .pager li > span { background: #963ece; border-color: #963ece; color: #fff; }
.pager li.prev, .pager li.next { font-size: 0; }
.pager li.prev a:before, .pager li.next a:before { font-size: 16px; }

.btn-1 { border-radius: 5px; border: none; color: #fff !important; display: inline-block; font-weight: 600; padding: 10px 20px; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.btn-1 { background: #eb6e1f; }
.btn-1:hover { background: #781d7e; }

.title-1 { color: #781d7e; font-size: 2.8em; font-weight: 600; margin: 0 0 20px; text-transform: capitalize; }

.btn-control { background: #004677; color: #fff !important; display: block; font-size: 2.5em; padding: 10px 20px; text-transform: uppercase; }
.btn-control { display: none; padding: 10px 30px 10px 10px; position: relative; }
.btn-control:before { content: "\f105"; font-family: FontAwesome; margin-top: -13px; position: absolute; top: 50%; right: 10px; }
.btn-control.open:before { content: "\f107"; }

.mesg-box { background: #781d7e; border-radius: 0; color: #fff; font-family: "Roboto", Arial, sans-serif; margin: 0; padding: 0; }
.mesg-box .container { position: relative; }
.mesg-box .container .fa-close { background: #57145b; font-size: 0; height: 40px; position: absolute; text-align: center; top: 0; right: 15px; width: 40px; }
.mesg-box .container .fa-close:hover { background: #000; }
.mesg-box .container .fa-close:before { font-size: 16px; left: 50%; margin-left: -7px; margin-top: -9px; position: absolute; top: 50%; }
.mesg-box a:link, .mesg-box a:visited { color: #fff; }
.mesg-box a:hover { text-decoration: underline; }
.mesg-box .col-1, .mesg-box .col-2 { float: left; padding: 10px 0; width: 70%; }
.mesg-box .col-2 { padding-right: 60px; text-align: right; width: 30%; }
.mesg-box .fa { display: inline-block; padding-left: 20px; position: relative; }
.mesg-box .fa:before { left: 0; position: absolute; top: 2px; }
.mesg-box .fa-caret-right { padding-left: 15px; }
.mesg-box .fa-caret-right:before { top: 3px; }

.footer-container { background: #1d1622; color: #fff; font-family: "Roboto", Arial, sans-serif; padding: 40px 0; position: relative; }
.footer-container a:link, .footer-container a:visited { color: #fff; }
.footer-container a:hover { color: #eb6e1f; }
.footer-container h4 { color: #fff; font-size: 1.3em; font-weight: bold; margin: 0 0 10px; text-transform: uppercase; }
.footer-container p { margin: 5px 0; }
.footer-container ul { list-style: none; margin: 0; padding: 0; }
.footer-container ul li { margin-bottom: 3px; }
.footer-container .links-1, .footer-container .links-2 { font-size: 0; }
.footer-container .links-1 li { display: inline-block; font-size: 12px; width: 50%; }
.footer-container .links-2 li { display: inline-block; font-size: 12px; padding: 0 10px; position: relative; }
.footer-container .links-2 li:before { border-left: #fff solid 1px; content: ""; height: 10px; left: 0; margin-top: -4px; position: absolute; top: 50%; }
.footer-container .links-2 li:first-child { padding-left: 0; }
.footer-container .links-2 li:first-child:before { display: none; }
.footer-container .footer-info { border-bottom: #615c65 solid 1px; }
.footer-container .verz { background: url(../img/verz-logo.png) no-repeat right center; color: #fff; padding-right: 18px; }
.footer-container .logo { margin-top: 10px; }
.footer-container .col-wrap { display: table; width: 100%; }
.footer-container .col-1, .footer-container .col-2, .footer-container .col-3, .footer-container .col-4 { border-left: #615c65 solid 1px; display: table-cell; padding: 0 60px; width: 22%; vertical-align: top; }
.footer-container .col-1 { border: none; padding-left: 0; width: 24%; }
.footer-container .col-4 { padding-right: 0; }
.footer-container .col-5 { float: left; width: 50%; }
.footer-container .col-6 { float: left; text-align: right; width: 48%; }
.footer-container .footer-info { margin-bottom: 40px; padding-bottom: 40px; }

.header-container { padding-bottom: 10px; padding-top: 20px; position: relative; }
.header-container a:link, .header-container a:visited { color: #fff; }
.header-container a:hover { color: #fcb131; }
.header-container .logo { float: left; width: 220px; }
.header-container .zoom-font { margin-top: -18px; position: absolute; top: 50%; right: 15px; }
.header-container .zoom-font { font-size: 0; text-align: right; }
.header-container .zoom-font a { background: #fff; border: #781d7e solid 1px; border-radius: 5px; color: #781d7e; display: inline-block; font-size: 16px; height: 39px; line-height: 39px; margin-left: 10px; text-align: center; text-transform: uppercase; width: 39px; }
.header-container .zoom-font a:hover { background: #781d7e; color: #fff; }

.quick-search { margin-top: -18px; position: absolute; top: 50%; right: 170px; width: 250px; }
.quick-search.open { height: auto; opacity: 1; overflow: auto; z-index: 999; }
.quick-search .input-group { background: rgba(42,36,43,.3); border: #e3e3e3 solid 1px; border-radius: 5px;  }
.quick-search .form-control, 
.quick-search .fa-search { background: none; border: none; color: #fff; height: 37px; }
.quick-search ::-webkit-input-placeholder { color: #fff !important; }
.quick-search :-moz-placeholder { color: #fff !important; }
.quick-search ::-moz-placeholder { color: #fff !important; }
.quick-search :-ms-input-placeholder { color: #fff !important; }
.quick-search .fa-close { position: absolute; top: 10px; right: 10px; }
.quick-search .fa-close:before { font-size: 20px; margin-right: 5px; }
.quick-search .fa-search { color: #fff; margin: 0; padding: 8px 15px; }
    .quick-search .fa-search {
        font-size: 0;
    }
.quick-search .fa-search:before { font-size: 12px; }
.quick-search .fa-search:hover { color: #022d4b; }

.banner { position: relative; }
.banner img { width: 100%; }
.banner .item { border-radius: 5px; height: 425px; position: relative; }
.banner .caption { color: #fff; padding: 30px 30px 30px 40%; }
.banner .caption h2, .banner .caption h3, .banner .caption h4 { font-family: "Roboto", Arial, sans-serif; font-size: 55px; font-weight: 300; line-height: .9; margin: 5px 0; text-transform: uppercase; text-shadow: #000 0 0 7px, #000 0 0 20px; }
.banner .caption h3 { font-size: 5.8em; }
.banner .caption h4 { font-size: 4.2em; font-weight: 700; }
.banner .caption p { font-size: 1.6em; margin-top: 10px; text-shadow: #000 0 0 7px, #000 0 0 20px; }
.banner .slick-arrow { background: none; border: #fff solid 2px; border-radius: 100%; bottom: 30px; color: #fff !important; height: 30px; line-height: 23px; margin: 0; padding: 0; text-align: center; top: auto; width: 30px; }
.banner .slick-arrow:before { font-size: 24px; }
.banner .slick-arrow:hover { background: #fff; color: #781d7e !important; }
.banner .slick-prev { left: 40%; }
.banner .slick-next { left: 40%; margin-left: 40px; right: auto; }

.banner .news { left: 30px; position: absolute; top: 30px; width: 35%; }

.news { background: #781d7e; border-radius: 5px; color: #fff; }
.news h2 { border-bottom: #bb72c0 dotted 2px; font-size: 2.25em; font-weight: 300; margin: 0; padding: 15px 20px; text-transform: capitalize; }
.news p { margin: 5px 0; }
.news ul { list-style: none; margin: 0; padding: 0; }
.news ul li { border-bottom: #bb72c0 dotted 2px; margin-bottom: 15px; padding-bottom: 15px; }
.news .type { font-size: .8em; }
.news .type span { display: inline-block; margin-right: 20px; }
.news a:link, .news a:visited { color: #eb6e1f; display: inline-block; }
.news a:hover { color: #fff; }
.news .content { padding: 20px 10px 20px 20px; }
.news .scroll { height: 260px; overflow: auto; }

.sticky-wrapper { background: none; height: auto !important; }
.is-sticky .menu { background: #1d1622; padding: 10px 0; width: 100%; z-index: 9999; }
.menu { font-weight: 300; padding: 30px 15px 0; transition: all .5s; text-transform: capitalize; }
.menu a { color: #636363; }
.menu .type a { color: #781d7e; }
.menu li:hover, .menu ul li.active,
.menu .type:hover, .menu ul li .type.active { background: #781d7e; }
    /*.menu ul ul li:hover, .menu ul ul li.active { background: #dc82e3; }*/
.menu li:hover a, .menu ul li.active a,
.menu .type a:hover, .menu ul li .type.active a { color: #fff; }
.menu ul { font-size: 0; list-style: none; margin: 0; padding: 0; text-align: center; width: 100%; }
.menu ul li { background: #fff; border-radius: 3px; display: inline-block; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; margin: 5px; position: relative; text-align: left; vertical-align: middle; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.menu ul li a { border-radius: 3px; display: table; line-height: 1.2; padding: 5px; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.menu ul li a strong { display: block; font-weight: 400; }
.menu ul li img { max-width: 25px; }
.menu ul li .ico-hover,
.menu ul li li:hover .ico-normal,
.menu li:hover .ico-normal, 
.menu ul li.active a .ico-normal { display: none; }

.menu ul li:hover .ico-hover,
.menu li:hover .ico-hover, 
.menu ul li.active a .ico-hover { display: block; }
.menu ul li span { display: table-cell; height: 35px; padding: 0 2px; vertical-align: middle;  }
.menu ul li a { padding-left: 37px; position: relative; }
.menu ul li a:before { background: url(../img/ico.png) no-repeat 0 0; content: ""; height: 30px; margin-top: -15px; left: 2px; position: absolute; top: 50%; width: 30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.menu ul li.ico-home a:before { background-position: 0 0; }
.menu ul li.ico-home a:hover:before, .menu ul li.ico-home.active a:before { background-position: 0 -30px; }
.menu ul li.ico-bus a:before { background-position: 0 -60px; }
.menu ul li.ico-bus a:hover:before, .menu ul li.ico-bus.active a:before { background-position: 0 -90px; }
.menu ul li.ico-rail a:before { background-position: 0 -120px; }
.menu ul li.ico-rail a:hover:before, .menu ul li.ico-rail.active a:before { background-position: 0 -150px; }
.menu ul li.ico-help a:before { background-position: 0 -180px; }
.menu ul li.ico-help a:hover:before, .menu ul li.ico-help.active a:before { background-position: 0 -210px; }
.menu ul li.ico-talk a:before { background-position: 0 -240px; }
.menu ul li.ico-talk a:hover:before, .menu ul li.ico-talk.active a:before { background-position: 0 -270px; }
.menu ul li.ico-retail a:before { background-position: 0 -300px; }
.menu ul li.ico-retail a:hover:before, .menu ul li.ico-retail.active a:before { background-position: 0 -330px; }
.menu ul li.ico-reaching a:before { background-position: 0 -360px; }
.menu ul li.ico-reaching a:hover:before, .menu ul li.ico-reaching.active a:before { background-position: 0 -390px; }
.menu ul li.ico-join a:before { background-position: 0 -420px; }
.menu ul li.ico-join a:hover:before, .menu ul li.ico-join.active a:before { background-position: 0 -450px; }
.menu ul li.ico-corporate a:before { background-position: 0 -480px; }
.menu ul li.ico-corporate a:hover:before, .menu ul li.ico-corporate.active a:before { background-position: 0 -510px; }
.menu ul li.ico-investor a:before { background-position: 0 -540px; }
.menu ul li.ico-investor a:hover:before, .menu ul li.ico-investor.active a:before { background-position: 0 -570px; }
.menu ul li.ico-new a:before { background-position: 0 -600px; }
.menu ul li.ico-new a:hover:before, .menu ul li.ico-new.active a:before { background-position: 0 -630px; }
    .menu ul li.ico-star a:before {
        background-position: 0 -690px;
    }

    .menu ul li.ico-star a:hover:before, .menu ul li.ico-star.active a:before {
        background-position: 0 -660px;
    }
.menu ul ul, .menu .subarrow { display: none; }

.list-1, .list-1 ul { font-weight: 600; list-style: none; margin: 0; padding: 0; }
.list-1 a { color: #2b63ca; display: block; padding: 15px 20px; position: relative; }
.list-1 a:hover { color: #eb6e1f; }
.list-1 > li:first-child {
    border-top: #ccc dotted 2px;
}
.list-1 > li { border-bottom: #ccc dotted 2px; }
.list-1 > li:last-child { border-bottom: none; }
.list-1 > li > a:before { content:"\f178"; font-family: FontAwesome; font-size: 16px; position: absolute; right: 20px; top: 13px; }
.list-1 > li > a { padding-right: 50px; }
.list-1 > li > a:hover { background: #f3f3f3; }
.list-1 > li:last-child  a { border-radius: 0 0 5px 5px; }
.list-1 ul { font-weight: 300; margin-bottom: 10px; }
.list-1 ul li a { padding: 3px 5px 3px 40px; }
.list-1 ul li a:before { color: #eb6e1f; content:"\f18e"; font-family: FontAwesome; font-size: 12px; position: absolute; left: 20px; top: 1px; }

.intro-home { margin: 15px -15px; }
.intro-home .item { padding: 15px; width: 33.3%; }

.box { margin-bottom: 20px; }
.box-1 { background: #fff; border-radius: 5px; }
.box-1 h2 { color: #4b4848; font-size: 2.1em; font-weight: 400; margin: 0; padding: 15px 20px; }
.box-1 .type { color: #781d7e; }
.box-1 h3 { color: #781d7e; font-size: 1.66em; font-weight: 400; margin: 20px 0 10px; }
.box-1 p { margin: 5px 0; }
.box-1 .content { padding: 20px 20px 10px 20px; }
.box-1 .btn-1 { margin: 20px 0 10px; text-align: center; }
.box-1 .content-twitter { height: 300px; padding: 10px; overflow: auto; }
.box-1 .output { padding: 10px 20px; }

.note-1 { font-size: .85em; }
.note-1 a { color: #ff8d45; }
.note-1 a:hover { color: #000; }

.check-wrap-1 { font-size: 0; }
.check-wrap-1 .radio,
.check-wrap-1 .checkbox { display: inline-block; font-size: 12px; margin-top: 0; margin-bottom: 15px; vertical-align: top; width: 49%; }
.check-wrap-1.check-inline .radio,
.check-wrap-1.check-inline .checkbox { margin-right: 30px; vertical-align: middle; width: auto; }
.check-wrap-1.check-block .radio,
.check-wrap-1.check-block .checkbox { display: block; width: auto; }

.document { word-wrap: break-word; }
.document p { line-height: 1.8;margin: 0 0 20px; }
.document h1, .document h2, .document h3, .document h4, .document h5, .document h6 { font-weight: bold; margin: 0 0 20px; }
.document h1 { color: #781d7e; font-size: 35px; text-transform: capitalize; }
.document h4 { font-size: 1.2em; }
.document h5 { color: #781d7e; font-size: 15px; text-transform: uppercase; }
.document h5 em { color: #333; text-transform: capitalize; }
.document h6 { color: #eb6e1f; font-size: 1.1px; }
.document hr { border-top-style: dashed; }
	.document ul { /*padding-left: 20px;*/
		line-height: 1.7;
	}
.document a { border-bottom: 1px solid #eb6e1f; color: #eb6e1f; }
.document a:hover { border-bottom: 1px solid #333; color: #333; }
.document .pull-left { margin-right: 20px; }
.fa-lg { color: #781d7e; font-size: 22px; }

.document ul, .document ol { margin-bottom: 20px; }
/*.document table td { padding-bottom: 10px; padding-right: 20px; vertical-align: top; }*/
.document .ceo { margin-bottom: -60px; min-height: 750px; padding-right: 400px; position: relative; text-align: justify; }
.document .image { bottom: -50px; position: absolute; right: -200px; width: 600px; }

.btn-menu, .menu .fa-close, .full-descript, .delivery, .shipping, .control-search { display: none; }

.menu-page-toggle { display: none; }
.menu-page { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background-color: #f1f2f3; -webkit-box-shadow: 0 1px rgba(211, 211, 211, .5); -moz-box-shadow: 0 1px rgba(211, 211, 211, .5); box-shadow: 0 1px rgba(211, 211, 211, .5); list-style: none; margin: 0 0 20px; padding: 0; }
.menu-page li { display: table; float: left; }
.menu-page a { border-right: 1px solid #e5e6e7; border-left: 1px solid #fff; color: #555; display: table-cell; padding: 20px 10px; position: relative; text-align: center; transition: all .5s; vertical-align: middle; }
.menu-page a:before { content: "\f18e"; font-family: FontAwesome; margin-right: 5px; }
.menu-page a:after { background: #781d7e; bottom: 0; content: ""; height: 3px; left: 0; position: absolute; transition: all .5s; width: 0; }
.menu-page .active a:after,
.menu-page a:hover:after { width: 100%; }
.menu-page a:hover,
.menu-page .active a { color: #781d7e; }
.menu-page .active a { font-weight: 600; }
.menu-page li:first-child a { border-left: none; }
.menu-page li:last-child a { border-right: none; }

.tb-bus-service { font-weight: 600; margin: 0; }
.tb-bus-service > thead > tr > th { 
	background-color: #3d3d3d;
	background-image: -webkit-linear-gradient(top, #444, #313131);
	background-image: -moz-linear-gradient(top, #444, #313131);
	background-image: -o-linear-gradient(top, #444, #313131);
	background-image: -ms-linear-gradient(top, #444, #313131);
	background-image: linear-gradient(to bottom, #444, #313131); border-left: 1px solid #1f1f1f; border-right: 1px solid #4e4e4e; color: #fff; padding: 15px; text-align: center; text-transform: uppercase; vertical-align: middle; }
.tb-bus-service > thead > tr > .tb-bus-no { background-color: #eb6e1f;
	background-image: -webkit-linear-gradient(top, #ff8233, #d15a10);
	background-image: -moz-linear-gradient(top, #ff8233, #d15a10);
	background-image: -o-linear-gradient(top, #ff8233, #d15a10);
	background-image: -ms-linear-gradient(top, #ff8233, #d15a10);
	background-image: linear-gradient(to bottom, #ff8233, #d15a10); font-size: 36px; border-left: none; }
.tb-bus-service > tbody > .tb-bus-th > td { color: #fff; vertical-align: middle; padding: 15px 10px; text-align: center; }
.tb-bus-th-1 { background-color: #781d7e;
	background-image: -webkit-linear-gradient(top, #781d7e, #5d1762);
	background-image: -moz-linear-gradient(top, #781d7e, #5d1762);
	background-image: -o-linear-gradient(top, #781d7e, #5d1762);
	background-image: -ms-linear-gradient(top, #781d7e, #5d1762);
	background-image: linear-gradient(to bottom, #781d7e, #5d1762);color: #FFF }
.tb-bus-th-2 { background-color: #a726af; color: #FFF}
.tb-bus-service > tbody > .tb-bus-td > td { /*padding: 15px;*/ text-align: center; vertical-align: middle; }
.tb-bus-service > tbody > .tb-bus-td > td.text-left { text-align: left; }
.tb-bus-service > tbody > .tb-bus-td > .tb-bus-td-2 { background: #f2f3f6; }

.tb-train { font-weight: 600; text-align: center; }
.tb-train > thead > tr > th { background: #781d7e; color: #fff; padding: 15px 20px; text-align: center; text-transform: uppercase; }
.tb-train > tbody > tr > td { color: #555; padding: 15px; }
.tb-train.text-left th, .tb-train.text-left td { text-align: left; }

.tb-bus {
    font-weight: 600;
    text-align: center;
}

    .tb-bus > thead > tr > th {
        background: #781d7e;
        color: #fff;
        padding: 15px 20px;
        text-align: left;
        text-transform: uppercase;
    }

    .tb-bus > tbody > tr > td {
        color: #555;
        padding: 15px;
    }

    .tb-bus.text-left th, .tb-bus.text-left td {
        text-align: left;
    }

.tb-break { width: 100% !important; }

.timetable td {margin: 0;padding-bottom: 10px;
    padding-right: 0px;
    vertical-align: top;}
.color-label{
    width: auto
}
.pod h6 { border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; font-weight: 400; margin: 0 0 10px; }

.panel-group .panel { border: none; border-radius: 0; box-shadow: none; }
.panel-heading { border-radius: 0; padding: 0; }
.panel-default > .panel-heading {
	background: none;
	border: none;
	margin-bottom: 5px;
}
.panel-title a { background: #781d7e;
    /*background: #3968c9;*/
    color: #fff;
    display: block;
    font-size: 18px;
    padding: 15px 50px 15px 20px;
    position: relative;
}
.document .panel-title { margin: 0; }
.document .panel-title a { border: none; color: #fff; }
.panel-title a:after { font-family: FontAwesome; content: "\f056"; position: absolute; right: 0; top: 15px; right: 20px; }
.panel-title .collapsed { background: #f1f2f3; color: #2f3741; }
.document .panel-title .collapsed {  color: #2f3741; }
.panel-title .collapsed:after { content: "\f055"; }
.panel-default>.panel-heading+.panel-collapse>.panel-body { border: 1px solid #d9dce4; margin-top: 1px; padding: 15px}
.panel-body h5 { font-weight: 600; text-transform: uppercase; }
.search-result {margin-bottom: 30px}

.heading { margin-bottom: 20px; }
.heading .title-1 { float: left; margin-right: 30px; }
.heading .menu-page-2 { float: left; }
.menu-page-2 { list-style: none; margin: 0; padding: 0; }
.menu-page-2 li { float: left; margin-left: -1px; }
.menu-page-2 a { border: 1px solid #d9dce4;  display: block; color: #919191; font-weight: 600; padding: 12px 20px 10px; transition: all .5s; }
.menu-page-2 li:first-child a { border-radius: 5px 0 0 5px; }
.menu-page-2 li:last-child a { border-radius: 0 5px 5px 0; }
.menu-page-2 a:hover,
.menu-page-2 .active a { background: #781d7e; border: 1px solid #781d7e; color: #fff; }

.tb-travel-1 { text-align: center; }
.tb-travel-1 thead > tr > th { background: #781d7e; color: #fff; padding: 15px; text-align: center; text-transform: uppercase; }
.tb-travel-1 tbody > tr > td { font-weight: 600; padding: 10px 20px; }

.tb-travel-2 thead > tr > th { background: #781d7e; color: #fff; padding: 10px; text-align: center; vertical-align: middle; }
.tb-travel-2 thead > tr > .th-travel-color { background: #eb6e1f; }
.tb-travel-2 tbody > tr > td { font-weight: 600; padding: 10px; text-align: center; }
.tb-travel-2 tbody > tr > td:first-child { text-align: left; }
.text-sm th { font-size: 10px; }

.list-2 { color: #781d7e; list-style: none; margin: 0; padding: 0; }
.list-2 li:before { font-family: FontAwesome; content: "\f105"; margin-right: 5px; }

.blockquote blockquote { background: #fafafa; border: 1px solid #e7e7e7; border-radius: 5px; margin-bottom: 40px; padding: 35px 20px 20px 20px; position: relative; }
.blockquote blockquote:before { background: #eb6e1f; border-radius: 42px; color: #fff; font-size: 16px; font-family: FontAwesome; height: 42px; line-height: 42px; position: absolute; text-align: center; top: -18px; width: 42px; }
.blockquote blockquote:after { border: 1px solid #f4b186; content: ""; height: 34px; border-radius: 34px; width: 34px; position: absolute; top: -14px; }
.blockquote blockquote:nth-child(2n+1):before { content: "\f10d"; left: 12px; }
.blockquote blockquote:nth-child(2n+2):before { content: "\f10e"; right: 12px; }
.blockquote blockquote:nth-child(2n+1):after { left: 16px; }
.blockquote blockquote:nth-child(2n+2):after { right: 16px; }
.blockquote blockquote h5 { margin: 0; }

.form-press .control-label { color: #781d7e; font-size: 20px; font-weight: 400; float: left; margin-right: 10px; margin-top: 5px; width: 60px; }
.form-press .group-txt { margin-left: 70px; }
.form-press .check-wrap-1 { margin-top: 10px; }
.col-offset-1 { margin-left: 30px; }

.accordion-2 .panel-title .collapsed { border-radius: 5px; color: #781d7e; }
.accordion-2 .panel-title a { border-radius: 5px 5px 0 0; color: #fff; }
.accordion-2 .panel-title a:after { content: "\f068"; }
.accordion-2 .panel-title .collapsed:after { content: "\f067"; }
.accordion-2 .panel-default>.panel-heading+.panel-collapse>.panel-body { margin-top: 0; }
.list-3 { margin: -15px; }
.list-3 a { overflow: hidden; }
.list-3 .number { border-right: 1px solid #ccc; display: block; float: left; font-size: 18px; line-height: 1; vertical-align: middle; text-align: center; width: 60px; }
.list-3 .text { display: block; margin-left: 80px; }

.list-accordion { text-align: left; }
.list-accordion a { border: none; color: #1d8bd8; }
    .list-accordion li > a:after {
        content: "\f106";
        font-family: FontAwesome;
        font-size: 18px;
        margin-left: 5px;
    }
.list-accordion .collapsed:after { content: "\f107"; }
.list-accordion .panel-body { background: #f5f5f5; margin: 10px 0; }
ul.list-accordion .panel-body{ background: #fff; margin: 10px 0; }

.sidebar-menu { margin-bottom: 20px; }
.sidebar-menu h4 { background: #781d7e; border-radius: 5px 5px 0 0; color: #fff; margin: 0; padding: 15px 20px; text-transform: uppercase; }
.sidebar-menu .news { margin-bottom: 20px; }
.menu-bar { background: #f5f5f5; border-radius: 0 0 5px 5px; list-style: none; margin: 0 0 20px; padding: 10px 0; }
.menu-bar a { border-top: 1px solid #ccc; color: #555; display: block; padding: 8px 20px; }
.menu-bar li:first-child a { border-top: none; }
.menu-bar .active > a,
.menu-bar a:hover { color: #e47b38; }
.menu-bar .active > a { font-weight: 600; }
.menu-bar ul { display: none; list-style: none; margin: 0; padding: 0 0 10px; }
.menu-bar ul li a { border-top: none; padding: 5px 10px 5px 45px; position: relative; }
.menu-bar .active > ul { display: block; }
.menu-bar ul li a:before { content: "\f105"; font-family: FontAwesome; left: 30px; position: absolute; top: 5px; }

.site-map { margin: 0 -15px; }
.site-map a { color: #555; }
.site-map > li { float: left; margin-bottom: 20px; padding: 0 15px; width: 33.3%; }
.site-map > li > a { display: block; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; }
.site-map ul { padding-left: 15px; }

.annual-reports { list-style: none; margin: 0; padding: 0; }
.annual-reports li { text-align: center; }
.annual-reports img { width: 100%; }

.table-col10 {width: 10%}
.table-col20 {width: 20%}
.table-col30 {width: 30%}
.table-col40 {width: 40%}
.table-col50 {width: 50%}
.table-col60 {width: 60%}
.table-col70 {width: 70%}
.table-col80 {width: 80%}
 .bootstrap-select.btn-group .dropdown-menu.inner { max-height: 210px; overflow-y:auto;}
 .scroller { white-space: nowrap; }
 .dropdown-menu>li>a {border-bottom: none}
 /*Graph bus*/
.rcornerspurple {color: #ffffff;padding: 0px;width: 780px;height: auto;border-radius: 10px;background-color: #5d1a6f;margin-bottom: 20px;padding: 10px;}
.rcornerspurple h2{float: left;font-size: 150px;font-weight: 600;width: 60%;margin: 0;padding: 0}
.rcornerspurple .streetbox{border-top: 3px solid #fff;padding-top: 20px;font-size: 18px}
.streetbox .btn-1:hover {
    background: #FFF;
    color: #eb6e1f !important;
}
.rcornerspurple .right-content{width: 39%;position: relative;height: auto;float: right}
.rcornerspurple .topicon{position: absolute; top: 0px; right:0px; margin-top: 0px}
.rcornerspurple .bottomicon{position: absolute; bottom: 0px; right:0px; }
.rcornerspurple .bottomicon .servicenumber{margin-bottom: 0.5em;border-radius: 5px;background-color: #FFF;color: #5d1a6f;font-size: 13px;padding: 5px; width: auto; text-align:center; cursor: pointer; }
h1.graph {margin: 20px 0px; padding: 0px; color: #5d1a6f; font-size: 18px; }
.rcorners1 {padding-top: 10px;height: auto;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;background-color: #F9f9F9;}
.graph-header{background-color: #e0e0e0;min-height: 40px;border-top-left-radius: 20px;border-top-right-radius: 20px;padding: 10px 0px 10px 0px}
.panel-boby{padding: 20px}
.title{font-weight: bold;font-size: 16px;padding-bottom: 5px; text-align:left}
.lefttext td{text-align:left;}
.clr{clear: both;}
.left-title{width: 49.6%;font-weight: bold;font-size: 16px;text-align: left;color: #ff0000;float: left;}
.right-title{width: 49.6%; font-weight: bold;font-size: 16px;text-align: right;color: #ff0000;float: right;}
.left-title2{width: 82.6%;font-weight: bold;font-size: 14px;text-align: left;color: #ff0000;float: left;margin-bottom: 5px}
.right-title2{width: 16.5%;font-weight: bold;font-size: 14px;text-align: right;color: #ff0000;float: right;margin-bottom: 5px}
.left-title3{font-weight: bold;font-size: 14px;text-align: left;color: #ff0000;float: left;margin-bottom: 5px; width: 50%}
.right-title3{font-weight: bold;font-size: 14px;text-align: right;color: #ff0000;float: right;margin-bottom: 5px; width: 50%}
.date-black{font-weight: bold;font-size: 14px;color: #000000;display: inline-block;/*margin-left: 20px*/}
.colorLegend{width: 15px;height: 15px;margin-left: 20px;display: inline-block;border-radius: 10px}
.bg-color-orange {background-color: #F68C47}
.bg-color-yellow {background-color: #FFD400}
.bg-color-purple {background-color: #BD73B0}
.bg-color-green {background-color: #94D6DA}

.buscolor-one-five {color: #F68C47}
.buscolor-six-ten {color: #FFD400}
.buscolor-eleven-fitteen {color: #BD73B0}
.buscolor-sixteen-tweety {color: #94D6DA}

.buscolor-green {color: #009933}
.buscolor-yellow {
    color: #c1c104
}
.buscolor-red {color: #FF0000}


.style1 {border-collapse: collapse;border: 1px solid #000000;margin-bottom: 20px;font-size: 16px}
.purple-line {border-bottom: 1px solid #5D1A6F;}
.normal-line{border-bottom: 1px solid #000000;}
.col1bg{background-color: #ece9e4;}
.col2bg{background-color: #f7f6f0;}
.hedertext{color: #5D1A6F; font-weight: bold}
.right-purpleborder{border-right: solid 4px #5D1A6F}
.righttext{text-align: right}
.fontbold{font-weight: bold; 
          text-transform: capitalize}
.style1 td{border: 1px solid #000000; width: 8.33%; vertical-align: top}
.active-dir { color: #FFFFFF !important }
.inactive-dir {
    color: #f3b6f7 !important
}
.direction-text {text-transform: capitalize}
.document .panel-collapse table td {
    padding-bottom: 0px;
    padding-right: 0px;
    vertical-align: top;
}
.shoptab li {width: 50%}
.nav-tabs { border-bottom: none; margin-bottom: 0px !important}
.nav-tabs > li { margin-bottom: 0; }
.nav-tabs > li > a { background: #f1f1f1; border: none !important; color: #666; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #781d7e; color: #fff; }
.tab-content { border: #ddd solid 1px; padding: 15px; }
.tab-type { border: none; padding: 0; }
.shop-wrap .space { margin-bottom: 10px; }
.shop-wrap .output-2 { margin-bottom: 30px; margin-top: 10px; text-align: center; }

.grid-1 .item { float: left; vertical-align: top; width: 33.33%; }
.grid-1 a { display: block; position: relative; }
.grid-1 .name { background: rgba(0,0,0,.6); bottom: 0; color: #fff; left: 0; line-height: 1; padding: 10px; position: absolute; right: 0; text-align: center; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.grid-1 a:hover .name { background: #000; }
.grid-1 .item a img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; width: 100%}
.grid-1 .item a:hover img { opacity: 0.6; }

.grid-1 .item-key-management { float: left; vertical-align: top; width: 25%; overflow: hidden; height:234px; overflow: hidden}
.grid-1 .item-key-management a img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; width: 100%; height: auto !important; }
.grid-1 .item-key-management a:hover img { opacity: 0.6; }


.pp-detail h2 { color: #781d7e; font-size: 1.6em; line-height: 1; margin: 20px 0 5px; text-transform: uppercase; }
.pp-detail h3 { font-size: 1.1em; margin: 0 0 5px; text-transform: uppercase; }
.pp-detail .modal-body { padding: 30px; }
.pp-detail .close { position: absolute; right: 10px; top: 10px; z-index: 999; }
.pp-detail .image { margin-bottom: 20px; }

.modal { z-index: 99999; }
.modal-backdrop { z-index: 9999; }
.news-category{width: 100%; float: left}
.banner .link { bottom: 0; font-size: 0; left: 0; position: absolute; top: 0; right: 0; }
.or-section{min-height: 30px; vertical-align: middle}
.force-left .text-left{text-align: left !important}
.document .bootstrap-tabs ul{padding-left: 0px}
.responsive-div{width: 100%; overflow: auto}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
.systemmap-imgage {
    padding-left: 0px !important;
    margin-left: 0px !important;
}
.systemmap-imgage li{list-style: none}
.center-text{text-align: center !important}
.shoptable h5 {
    font-size: 20px;
    color: #7C439A
}

.ota {font-size: 58px; margin-top: 10px; margin-right: 10px}
.streetbox a, .streetbox a:hover{
    color: #ff8233;
    text-decoration: none;
    font-size: 20px;
    display: block;
    width: 58px;
    border: none
}

.streetbox {
    display: block;
    width: auto
}

.direction-link {
    background-color: #ddd;
    font-size: 16px;
    
}
.direction-link td {
        color: #781d7e !important
}

    .direction-link .text-black {
        color: #000
    }

    .noted {
        font-size: 11px;
    }

.group-name {
    background-color: #7C439A; font-size: 25px; color: #FFF; text-align: left
}
    .group-name td {
        color: #FFF !important;
    }

.service-type2 {
    font-size: 20px;
    font-style: italic;
}


#myTopBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #781d7e; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

    #myTopBtn:hover {
        background-color: #FFF; /* Add a dark-grey background on hover */
        color: #000;
    }

.train-color {
    color: #da1d4e;
    font-size: 12px;
}

.lrt-color {
    color: #024b50;
    font-size: 12px;
}
.margin-right{margin-right: 20px}
.share-price { background: #781d7e; border-radius: 5px; height: 39px; line-height: 37px; margin-top: -18px; padding: 2px 15px; position: absolute; right: 440px; top: 50%; }
.share-price:hover { background: #fff; color: #781d7e !important; }

@media (max-width:1400px) {
}

@media (min-width:1200px){
}

@media (max-width:1199px){
	.pp-w-1 .modal-dialog { width: 940px; }
	.footer-container .col-1 { padding-right: 30px; }
	.footer-container .col-2, .footer-container .col-3 { padding: 0 30px; }
	.footer-container .col-4 { padding-left: 30px; }
	.footer-container .col-5, .footer-container .col-6 { text-align: center; width: 100%; }
	.mesg-box .col-1, .mesg-box .col-2 { width: 50%; }
	.grid-1 .item { width: 33.3%; }
    .grid-1 .item-key-management { width: 33.3%; }
    .document {
        word-wrap: break-word;
    }

}
@media (min-width:992px){
	.menu ul ul, .menu .subarrow { display: none !important; }
    .document {
        word-wrap: break-word;
    }
    .rcornerspurple {
        color: #ffffff;
        padding: 0px;
        width: 100%;
        height: auto;
        border-radius: 10px;
        background-color: #5d1a6f;
        margin-bottom: 20px;
        padding: 10px;
    }

        .rcornerspurple h2 {
            float: left;
            font-size: 100px;
            font-weight: 600;
            width: 60%;
            margin: 0;
            padding: 0
        }

        .rcornerspurple .streetbox {
            border-top: 1px solid #fff;
            padding-top: 20px;
            font-size: 18px
        }

        .rcornerspurple .right-content {
            width: 39%;
            position: relative;
            float: right
        }

        .rcornerspurple .topicon {
            position: relative;
            margin-top: 0.83em;
            margin-bottom: 20px
        }

        .rcornerspurple .bottomicon {
            position: relative;
            /*margin-bottom: 1.7em;*/
            border-radius: 5px;
            color: #5d1a6f;
            font-size: 18px;
            padding: 5px;
            text-align: right;
        }

            .rcornerspurple .bottomicon .servicenumber {
                margin-bottom: 0.5em;
                border-radius: 5px;
                background-color: #FFF;
                color: #5d1a6f;
                font-size: 13px;
                padding: 5px;
                width: 35px;
                float: right;
                width: auto;
                text-align: center

            }

    
}
@media (max-width:991px){
    .document {
        word-wrap: break-word;
    }
	.is-sticky .header-commons { background: #fff; box-shadow: 0 0 5px 1px #ddd; left: 0; padding: 10px 0; transition: all .5s; width: 100%; z-index: 99999; }
	.is-sticky .logo img { max-width: 180px }

	.menu { background: #fff; bottom: 0; margin: 0; overflow-y: auto; padding: 0; position: fixed; right: -400px; top: 0; width: 360px; z-index: 999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	.is-sticky .menu { background: #fff; width: 360px; }
	.menu ul li { border-bottom: #ccc solid 1px; border-radius: 0; display: block; margin: 0; padding: 0; position: relative; }
	.menu ul li a { display: block; padding: 10px 50px; }
	.menu ul li a strong { display: inline; }
	.menu ul li a:before { left: 12px; }
	.menu ul ul { left: auto; position: relative; top: auto; }
	.menu ul li.active > ul { display: block; }
	.menu ul ul li a { color: #636363 !important; display: block; padding: 10px 10px 10px 50px; }
	.menu ul ul li.active a, .menu ul ul li a:hover { color: #fff !important; }
	.menu ul ul li a:before { display: none; }
	.menu .subarrow { background: #48044d; border-radius: 2px; cursor: pointer; display: block; height: 40px; line-height: 40px; position: absolute; text-align: center; top: 7px; right: 10px; width: 40px; z-index: 2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	.menu .subarrow:hover { background: #310234; }
	.menu .subarrow:after { color: #fff; content: "\f105"; display: block; font-family: 'FontAwesome'; height: 100%; position: absolute; top: 0; right: 0; width: 100%; }	
	.menu .open:after {content: "\f107"; }
	.btn-menu{ background: rgba(0,0,0,.5); border-radius: 3px; color: #000 !important; display: block; height: 38px; font-size: 0; font-weight: 700; line-height: 1; margin-top: -18px; padding: 9px 7px 7px; position: absolute; right: 15px; top: 50%; width: 40px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	.btn-menu span { background: #fff; height:3px;margin-bottom:5px;display:block;position:relative}
	.burger-icon-2{transition:opacity .1s ease;-webkit-transition:opacity .1s ease;-moz-transition:opacity .1s ease;-ms-transition:opacity .1s ease;-o-transition:opacity .1s ease}
	.burger-icon-1,.burger-icon-3{ display: block; transition:transform .2s ease;-webkit-transition:-webkit-transform .2s ease;-moz-transition:-moz-transform .2s ease;-ms-transition:-ms-transform .2s ease;-o-transition:-o-transform .2s ease}
	.active-burger { position: fixed; right: 10px; top: 26px; z-index: 9999; }
	.active-burger .burger-icon-2{opacity:0}
	.active-burger .burger-icon-1{-webkit-transform:rotate3d(0,0,1,45deg);-moz-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);-o-transform:rotate3d(0,0,1,45deg);top:8px}
	.active-burger .burger-icon-3{ -webkit-transform:rotate3d(0,0,1,-45deg);-moz-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);-o-transform:rotate3d(0,0,1,-45deg);top:-8px}
	.open-sub { right: 0 !important; }
	.page { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	.open-page { margin-left: -360px; }
	.pp-w-1 .modal-dialog { width: 740px; }
	.header-container .zoom-font, .is-sticky .zoom-font { right: 60px; }
	/*.open-page .zoom-font { right: 15px; }*/
	.is-sticky .active-burger { top: 32px; }
	.quick-search { right: 210px; }
	.footer-container .col-wrap { display: block; font-size: 0; margin: 0 -15px; width: auto; }
	.footer-container .col-1, .footer-container .col-2,	.footer-container .col-3, .footer-container .col-4 { border: none; display: inline-block; font-size: 12px; margin-bottom: 30px; padding: 0 15px; width: 50%; }
	.footer-container h4 { margin-top: 30px; }
	.intro-home .item { width: 50%; }
	.banner .caption { padding: 20px; }
	.banner .slick-prev, .banner .slick-next { left: 20px; }
	.banner .news { left: auto; margin-top: 30px; position: relative; top: auto; width: 100%; }
	.mesg-box .col-1, .mesg-box .col-2 { padding-right: 60px; width: 100%; }
	.mesg-box .col-2 { padding-left: 25px; padding-top: 0; text-align: left; }

	.w-menu-page { position: relative; z-index: 3; }
	.menu-page-toggle { cursor: pointer; display: block; color: #fff; padding-bottom: 10px; text-align: center; text-transform: uppercase; }
	.menu-page { border-radius: 5px; left: 0; height: 0; overflow-y: hidden; position: absolute; top: -20px; transition: all .5s; width: 100%; }
	.menu-page-open.menu-page { height: auto; top: 30px; }
	.menu-page li { width: 50% !important; }
	.menu-page a { padding: 15px 10px; }
	.menu-page a br { display: none; }
	.menu-page a:nth-child(2n+2) { border-right: none; padding: 10px; }
	.sidebar-menu h4 { border-radius: 5px; cursor: pointer; padding-right: 40px; position: relative; }
	.sidebar-menu h4:after { content: "\f107"; font-family: FontAwesome; font-size: 20px; position: absolute; top: 12px; right: 20px; }
	.menu-bar { display: none; }
	.menu-bar.menu-page-open { display: block; }
	.sidebar-menu .news { margin-top: 20px; }

    .rcornerspurple {color: #ffffff;padding: 0px;width: 100%;height: auto;border-radius: 10px;background-color: #5d1a6f;margin-bottom: 20px;padding: 10px;}
    .rcornerspurple h2{float: left;font-size: 100px;font-weight: 600;width: 60%;margin: 0;padding: 0}
    .rcornerspurple .streetbox{border-top: 1px solid #fff;padding-top: 20px;font-size: 18px}
    .rcornerspurple .right-content{width: 39%;position: relative; float: right}
    .rcornerspurple .topicon{position: relative; margin-top: 0.83em; margin-bottom: 20px}
        .rcornerspurple .bottomicon {
            position: relative;
            margin-bottom: 1.7em;
            border-radius: 5px;
            color: #5d1a6f;
            font-size: 18px;
            padding: 5px;
            text-align: right;
        }
            .rcornerspurple .bottomicon .servicenumber {
                margin-bottom: 0.5em;
                border-radius: 5px;
                background-color: #FFF;
                color: #5d1a6f;
                font-size: 13px;
                padding: 5px;
                width: 35px;
                float: right;
                width: auto;
                text-align: center
            }
    .tbres, .rcorners1 .header, .rcorners1 .graph-header {font-size: 11px}
    .document {
        word-wrap: break-word;
    }
        .document table td {
            padding-bottom: 10px;
            padding-right: 0px;
            vertical-align: top;
            word-wrap: break-word;
        }

    .or-section {
        margin-top: 30px; font-weight: bolder
    }
    h4, h3, .document h1{ text-align: left}
    .style1 {font-size: 8px}
    .timetableitem {
        width: 25%;
        float: left;
        text-align: center;
        font-weight: bold;
        padding: 5px;
    }
	.header-container { margin-bottom: 50px; }   
	.quick-search { bottom: -40px; left: 15px; top: auto; right: 15px; width: auto; }
	.share-price { right: 208px;}
    .banner  .item {background-position: right center;}
}
    
@media (max-width:767px){
    .banner .item {background-position: right -30px center;}

    .banner .item { height: 350px; }
    .banner .caption { font-size: 1.3em; }
    .banner .caption h2 { font-size: 35px; }
    .banner .caption h3 { font-size: 2.9em; }
    .banner .caption h4 { font-size: 2.5em; }
}
@media (max-width:500px){
    .banner .item {background-position: right 0px center;}

}
@media (max-width:425px){
    .banner .item {background-position: right -10px center;}

}
@media (max-width:375px){
    .banner .item {background-position: right -40px center;}

}
@media (max-width:320px){
    .banner .item {background-position: right -65px center;}

}

}
@media (max-width:767px){
	.pp-w-1 .modal-dialog, .modal-dialog { width: 690px; }
    .document {
        word-wrap: break-word;
    }
    .bootstrap-tabs li {
        width: 50%;
        border-bottom: #fff solid 1px;
    }
}
@media (min-width:720px){
	.hide-720 { display: block !important; }
}
@media (max-width:720px){
	.btn-control { display: block; }
	.pp-w-1 .modal-dialog, .modal-dialog { width: 600px; }
	.mesg-box .container .fa-close { right: 0; }
	.header-container { margin-bottom: 90px; }
	.quick-search { bottom: -90px; }
	.share-price { bottom: -40px; left: 15px; text-align: center; top: auto; right: 15px; width: auto; }
}
@media (max-width:640px){
	.pp-w-1 .modal-dialog, .modal-dialog { width: 530px; }
	.intro-home .item { width: 100%; }
	.banner .item { height: 350px; }
	.banner .caption { font-size: 1.3em; }
	.banner .caption h2 { font-size: 35px; }
	.banner .caption h3 { font-size: 2.9em; }
	.banner .caption h4 { font-size: 2.5em; }
    .direction-link .btn-1 {
        margin-left: 15px
    }
}
@media (max-width:560px){
	.pp-w-1 .modal-dialog, .modal-dialog { width: 450px; }
	.grid-1 .item { width: 50%; }
    .grid-1 .item-key-management { width: 50%; }
}
@media (max-width:480px){
	.pp-w-1 .modal-dialog, .modal-dialog { width: 390px; }
	.banner .item { height: 250px; }
	.banner .caption { font-size: 11px; }
	.banner .caption h2 { font-size: 1.6em; }
	.banner .caption h3 { font-size: 1.4em; }
	.banner .caption h4 { font-size: 1.2em; }
}
@media (max-width:420px){
	.pp-w-1 .modal-dialog, .modal-dialog { width: 290px; }
	/*.footer-container .col-1, .footer-container .col-2,	.footer-container .col-3, .footer-container .col-4 { display: block; width: 100%; }*/
	.header-container .logo,
	.is-sticky .logo img { width: 130px; }
	.is-sticky .logo { padding-left: 15px; }
	.btn-menu{ height: 31px; margin-top: 0; padding: 6px 7px 0px; top: 18px; width: 38px; }
	.header-container .zoom-font { top: 36px; }
	.header-container .zoom-font a { font-size: 14px; height: 30px; line-height: 28px; margin-left: 5px; width: 30px; }
	.is-sticky .active-burger { top: 10px; }
	.is-sticky .zoom-font { top: 30px; }
	.is-sticky .btn-menu { top: 11px; }
	.menu-page li { height: auto !important; width: 100% !important; }
	.menu-page a { border: none; border-bottom: 1px solid #fff; }
	.menu-page li:last-child a { border: none; }
	.grid-1 .item { width: 100%; }
    .grid-1 .item-key-management { width: 50%; }
	.menu { right: -300px; width: 270px; }
	.is-sticky .menu { width: 270px; }
	.open-page { margin-left: -270px; }
}
@media (max-width:320px) {
	.menu ul li { margin: 5px 0; width: 100%; }
	.menu ul li a strong { display: inline; }
}

@media print{
	aside { display: none; }
	a[href]:after { content: none !important; }
}