@charset "UTF-8";
@font-face { font-family: "FontAwesome"; src: url('../fonts/fontawesome-webfont.ttf?1562754837') format('truetype'), url('../fonts/fontawesome-webfont.woff?1562754837') format('woff'), url('../fonts/fontawesome-webfont.eot?1562754837') format('embedded-opentype'), url('../fonts/fontawesome-webfont.svg?1562754837') format('svg'); }
@font-face { font-family: "Noto Sans Myanmar"; src: url('../fonts/NotoSansMyanmar-Regular.ttf?1562754837') format('truetype'), url('../fonts/NotoSansMyanmar-Regular.woff?1562754837') format('woff'), url('../fonts/NotoSansMyanmar-Regular.eot?1562754837') format('embedded-opentype'), url('../fonts/NotoSansMyanmar-Regular.svg?1562754837') format('svg'); }
@font-face { font-family: "Noto Sans Myanmar Bold"; src: url('../fonts/NotoSansMyanmar-Bold.ttf?1562754837') format('truetype'), url('../fonts/NotoSansMyanmar-Bold.woff?1562754837') format('woff'), url('../fonts/NotoSansMyanmar-Bold.eot?1562754837') format('embedded-opentype'), url('../fonts/NotoSansMyanmar-Bold.svg?1562754837') format('svg'); }
@font-face { font-family: "Roboto-Bold"; src: url('../fonts/Roboto-Bold-webfont.ttf?1583471492') format('truetype'), url('../fonts/Roboto-Bold-webfont.woff?1583471492') format('woff'), url('../fonts/Roboto-Bold-webfont.eot?1583471492') format('embedded-opentype'), url('../fonts/Roboto-Bold-webfont.svg?1583471492') format('svg'); }
@font-face { font-family: "Roboto-Regular"; src: url('../fonts/Roboto-Regular-webfont.ttf?1583471492') format('truetype'), url('../fonts/Roboto-Regular-webfont.woff?1583471492') format('woff'), url('../fonts/Roboto-Regular-webfont.eot?1583471492') format('embedded-opentype'), url('../fonts/Roboto-Regular-webfont.svg?1583471492') format('svg'); }
.chosen-container-multi { width: 400px !important; }
.chosen-container-multi .chosen-choices li.search-field input[type="text"] { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; }

.form-item-search-api-views-fulltext-fields.item-fulltext-custom-data { margin-bottom: 6px; }

.form-item-search-api-views-fulltext-fields-attachments-field-document-file { display: inline; }

body { background: #f5f5f4; font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; color: #333333; font-size: 17px; line-height: 24px; }
body p { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; color: #333333; font-size: 17px; line-height: 24px; }
body a { color: #0084c8; outline: none; }
body a:hover, body a:focus { color: #005581; text-decoration: none; outline: none; }
body img { max-width: 100%; }
body h1, body .page-title { font-family: Roboto-Bold, "Noto Sans Myanmar", "Arial", sans-serif; color: #016da5; font-size: 48px; font-weight: normal; line-height: 50px; padding: 35px 0; }
body #page-title { font-size: 28px; line-height: inherit; }
body h2 { font-family: Roboto-Bold, "Noto Sans Myanmar", "Arial", sans-serif; color: #016da5; font-size: 28px; font-weight: normal; line-height: 35px; padding: 15px 0; text-transform: capitalize; margin-bottom: 20px; }
body h3 { font-family: Roboto-Bold, "Noto Sans Myanmar", "Arial", sans-serif; color: #016da5; font-size: 23px; font-weight: normal; line-height: 30px; }
body .item-list ul.pager { padding: 0; margin: 10px 0 25px 0; padding: 0; }
body .item-list ul.pager li { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; height: 40px; line-height: 40px; text-decoration: none; width: 40px; cursor: pointer; font-size: 12px; margin: 0 5px 5px 0; display: inline-block; padding: 0; }
body .item-list ul.pager li a { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #ececeb; color: #333333; display: block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; }
body .item-list ul.pager li a:hover { color: #333333; }
body .item-list ul.pager li a:before { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #ccc; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
body .item-list ul.pager li a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
body .item-list ul.pager li.pager-current { background: #016da5; color: #fff; font-weight: normal; }
body .view-filters { position: relative; }
body select.chosen-processed { width: 274px; height: 32px; line-height: 32px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; border: 1px solid #bbbbba !important; box-shadow: none; }
body #edit-field-subj-categories-wrapper { padding-right: 10px; }
body #edit-field-blog-category-selective-wrapper { margin-left: 18px; }
body #edit-keyword-wrapper .views-operator { padding-bottom: 11px; }
body #edit-field-event-categories-wrapper { width: 48%; padding-right: 0px; padding-bottom: 8px; }
body #edit-search-api-views-fulltext-wrapper, body #edit-keyword-wrapper, body .views-exposed-widget .views-widget-filter-keyword { width: 100%; padding-bottom: 8px; }
body #edit-field-blog-category-wrapper, body .views-exposed-widget .views-widget-filter-field_event_categories { width: 48%; padding-bottom: 8px; }
body #edit-field-blog-category-wrapper .chosen-container-multi, body .views-exposed-widget .views-widget-filter-field_event_categories .chosen-container-multi { border-radius: 0px; width: 420px !important; }
body .views-exposed-form .views-exposed-widget { float: left; display: inline-block; vertical-align: top; padding: 10px 2px 14px 0px; }
body .views-exposed-form .views-exposed-widget input[type="text"] { 			/*@include image-2x('../images/retina-images/icon-search01@2x.png', 13px, 13px); 	background: url("../images/icon-search01.png") right 13px top 15px no-repeat;
			font-style: italic;*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; width: 95%; height: 53px; line-height: 53px; padding: 0 0 0 8px; box-sizing: border-box; }
body .views-exposed-form .views-exposed-widget .form-submit { margin-top: 0px; height: 53px; line-height: 55px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
body .views-exposed-form .views-exposed-widget label { display: inline-block; color: #333333; font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 17px; font-weight: normal; padding-right: 5px; }
body .chosen-container-multi .chosen-choices, body #edit-sm-vid-main-library { border: 1px solid #cccccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-image: none; min-height: 50px !important; overflow-y: scroll; padding: 8px 10px; }
body .chosen-container-multi .chosen-choices li.search-choice, body #edit-sm-vid-main-library li.search-choice { padding: 0px; margin: 3px 5px 3px 5px; line-height: 16px; }
body .chosen-container-multi .chosen-choices li.search-choice span, body #edit-sm-vid-main-library li.search-choice span { background: #e3e1e1; border-color: #c1c0c0; color: #000000; font-size: 15px; line-height: 20px; padding: 3px 20px 0px 5px; display: inline-block; }
body .chosen-container-multi .chosen-choices li.search-choice .search-choice-close, body #edit-sm-vid-main-library li.search-choice .search-choice-close { background: url("../images/close-image.png") no-repeat !important; background-position: 50% 50% !important; border-left: 1px solid #cccccc; top: 0; right: 0; width: 16px; height: 100%; }
body .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover, body #edit-sm-vid-main-library li.search-choice .search-choice-close:hover { background-position: 50% 50%; }
body .views-exposed-widget.views-widget-sort-by, body .views-exposed-widget.views-widget-per-page { padding: 0 2px 22px 0px; }
body .views-exposed-widget.views-widget-per-page { margin-left: 12px; }
body .views-widget-per-page .chosen-container-single { width: 70px !important; }
body .chosen-container-single, body select.chosen-processed { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; width: 270px !important; }
body .chosen-container-single .chosen-single, body select.chosen-processed .chosen-single { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; border: 1px solid #bbbbba !important; box-shadow: none; height: 32px; line-height: 32px; }
body .chosen-container-single .chosen-single:focus, body select.chosen-processed .chosen-single:focus { outline: none; }
body .chosen-container-single .chosen-single .chosen-search input[type="text"], body select.chosen-processed .chosen-single .chosen-search input[type="text"] { padding: 0; }
body .chosen-container-single .chosen-single span, body select.chosen-processed .chosen-single span { color: #333333; font-size: 17px; margin-right: 35px; padding-top: 2px; }
body .chosen-container-single .chosen-single span:focus, body select.chosen-processed .chosen-single span:focus { outline: none; }
body .chosen-container-single .chosen-single div, body select.chosen-processed .chosen-single div { width: 32px; height: 32px; line-height: 32px; }
body .chosen-container-single .chosen-single div b, body select.chosen-processed .chosen-single div b { background-color: #e3e1e1; background-image: none !important; }
body .chosen-container-single .chosen-single div b:before, body select.chosen-processed .chosen-single div b:before { font-family: FontAwesome, "Noto Sans Myanmar", "Arial", sans-serif; content: ""; color: #333333; font-size: 17px; display: block; height: 32px; line-height: 32px; text-align: center; }
body .chosen-container-active .chosen-single { border: 1px solid #cccccc; border-radius: 0; font-size: 17px; }
body .chosen-container-active .chosen-single:focus { outline: none; }
body .chosen-container-active.chosen-with-drop .chosen-single div b:before { content: ""; }
body .chosen-container .chosen-results { margin: 0; padding: 0; }

input[type="text"], input[type="password"], input[type="search"], input[type="email"], textarea, select { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; -webkit-appearance: none; -webkit-border-radius: 0px; border-radius: 0; border: 1px solid #cccccc; outline: none; font-size: 18px; color: #333333; }

input[type="text"], input[type="password"], input[type="search"], input[type="email"] { line-height: 24px; height: 22px; padding: 15px; border-radius: 4px; }

textarea { padding: 15px; }

select { padding: 0 15px; }

::-webkit-input-placeholder { font-size: 12px; }

:-ms-input-placeholder { font-size: 12px; }

:-moz-placeholder { font-size: 11px; }

.ctools-auto-submit-full-form .form-text { width: 10em !important; height: 32px !important; line-height: 32px !important; border-radius: 4px !important; }

input[type="submit"], a.button { font-family: Roboto-Bold, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 15px; background: #016da5; border: 1px solid #005581; text-transform: uppercase; box-shadow: none; height: 54px; line-height: 54px; padding: 0 3em; color: #fff; -webkit-appearance: none; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 0.5em; outline: none; }

.ajax-progress-throbber { position: absolute; }

#main-content { max-width: 1170px; margin: 0 auto; }

.block-title { margin-bottom: 5px; }

.block .view-content { clear: both; }

.view-empty { clear: both; text-align: center; color: #016da5; font-weight: bold; text-transform: uppercase; font-size: 20px; padding: 75px 0 50px 0; }
.view-empty ul li { list-style: none; color: #333333; font-size: 14px; font-style: italic; margin-bottom: 10px; }

.loader-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; background: none repeat scroll 0 0 #ffffff; }

.loader-mask .fa { color: #016da5; }

#cboxCurrent { top: auto; bottom: 0; right: 10px; }

.social-icon { margin-bottom: 0; }
.social-icon a { -webkit-transition: all 5s ease; -moz-transition: all 5s ease; transition: all 5s ease; margin: 0 4px 0 4px; }
.social-icon a:hover .fa:before { color: #fff; }
.social-icon a:hover .fa { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
.social-icon a:hover .fa.fa-rss { background: #f26522; }
.social-icon a:hover .fa.fa-facebook { background: #3b5a9a; }
.social-icon a:hover .fa.fa-play { background: #cc181e; }
.social-icon a:hover .fa.fa-twitter { background: #1aa9e1; }
.social-icon a:hover .fa.fa-linkedin { background: #0073b2; }
.social-icon.staff-icon .fa { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.social-icon .fa { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #f9f9f9; width: 30px; height: 30px; line-height: 30px; text-align: center; margin-right: 5px; }
.social-icon .fa:before { color: #016da5; }

.address-icon .fa { width: 20px; margin: 5px 5px 15px 0; text-align: center; float: left; }
.address-icon .fa:before { font-size: 16px; }
.address-icon p { display: inline-block; vertical-align: top; }

.block-toggle.up-arrow { cursor: pointer; }

.edit-link { position: absolute; top: 10px; left: 10px; visibility: hidden; }
.edit-link a { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; width: 30px; height: 30px; background: black; color: transparent; display: block; line-height: 30px; }
.edit-link a:before { font-family: FontAwesome, "Noto Sans Myanmar", "Arial", sans-serif; content: ""; color: #fff; text-align: center; width: 30px; display: block; }
.edit-link a:hover { color: transparent; }

.browse-term-name .edit-link { top: 0; left: auto; right: 10px; }
.browse-term-name .edit-link a { color: transparent; }

.views-row, .view-browse-taxonomy-term li { position: relative; }

.views-row:hover .edit-link, .views-row:hover .browse-term-arrow, .jcarousel-skin-default .jcarousel-item:hover .edit-link, .jcarousel-skin-default .jcarousel-item:hover .browse-term-arrow, .block-content.content:hover .edit-link, .block-content.content:hover .browse-term-arrow, .view-browse-taxonomy-term li:hover .edit-link, .view-browse-taxonomy-term li:hover .browse-term-arrow { visibility: inherit; }

.quote-box { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; margin: 0 0 1.5em; padding: 25px; position: relative; font-size: 18px; line-height: 28px; }
.quote-box:before, .quote-box:after { content: ''; position: absolute; width: 50%; height: 1px; background: #0084c8; }
.quote-box:before { left: 0; top: 0; }
.quote-box:after { right: 0; bottom: 0; }

.pdf-icon:before, .txt-icon:before, .print-icon:before, .doc-icon:before, .ppt-icon:before, .xlx-icon:before { content: ''; width: 30px; height: 30px; line-height: 30px; vertical-align: middle; display: inline-block; }

.pdf-icon:before { background: url("../images/icon-pdf.svg") no-repeat; }

.txt-icon:before { background: url("../images/icon-text.svg") no-repeat; }

.print-icon:before { background: url("../images/icon-print.svg") no-repeat; }

.doc-icon:before { background: url("../images/icon-doc.svg") no-repeat; }

.ppt-icon:before { background: url("../images/icon-ppt.svg") no-repeat; }

.xlx-icon:before { background: url("../images/icon-xlx.svg") no-repeat; }

.img-center { text-align: center; }

.views-more-link, .read-more a { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; display: block; text-align: right; font-size: 13px; font-style: italic; color: #009999; }
.views-more-link:after, .read-more a:after { font-family: FontAwesome, "Noto Sans Myanmar", "Arial", sans-serif; content: ""; color: #009999; margin-left: 5px; }
.views-more-link:hover, .read-more a:hover { color: #005581; text-decoration: underline; }
.views-more-link:hover:after, .read-more a:hover:after { color: #005581; text-decoration: none; }

.hide-page-title h1#page-title, .hide-pane-title h1#page-title { display: none; }

.msp-title-page #page-title { font-size: 30px; line-height: 35px; }

.caption.file-icon p { display: none; }

.region-leaderboard { background: #016da5; text-align: right; padding: 9px 0; clear: both; }
.region-leaderboard .region-inner { max-width: 1170px; margin: 0 auto; }
.region-leaderboard .region-inner .block { margin-bottom: 0px; }

#block-menu-menu-header-sub, #block-block-8, #block-locale-language, #block-mspiral-core-custom-journal-title-block, #block-block-16 { display: inline-block; vertical-align: top; }

#block-menu-menu-header-sub .block-inner { margin: 0; }
#block-menu-menu-header-sub ul { margin: 0; padding: 4px 0 0 0; }
#block-menu-menu-header-sub ul li { list-style: none; display: inline-block; padding: 0; }
#block-menu-menu-header-sub ul li a { color: #fff; font-size: 16px; }
#block-menu-menu-header-sub ul li a:after { content: '|'; margin: 0 15px; }

#block-mspiral-core-custom-journal-title-block .block-inner { margin: 0px; }
#block-mspiral-core-custom-journal-title-block .search-block a .fa { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #f9f9f9; width: 30px; height: 30px; line-height: 30px; text-align: center; }
#block-mspiral-core-custom-journal-title-block .search-block a .fa:before { color: #016da5; }

#test-form .form-item-search-block-form { width: 35%; vertical-align: top; margin-top: 0px; }
#test-form .form-item-search-block-form, #test-form .form-actions { display: inline-block; }
#test-form input[type="search"] { border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 18px; width: 100%; font-size: 25px; height: 65px; line-height: 65px; }
#test-form .form-actions input[type="submit"] { border-top-right-radius: 4px; border-bottom-right-radius: 4px; font-size: 20px; height: 97px; line-height: 97px; padding: 0 4em; margin-right: 0px; }
#test-form .advance_search { color: #009999; display: block; }

.mfp-wrap { z-index: 999999 !important; }

#block-block-16 .donate-btn a { background: #009999; border-radius: 2px; font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; color: #fff; font-size: 16px; display: block; padding: 4px 22px 1px 22px; }

.pane-what-s-new-panel-pane-what-new .view-what-s-new .views-row, .pane-what-s-new-panel-pane-what-new-page .view-what-s-new .views-row { margin-bottom: 16px; }
.pane-what-s-new-panel-pane-what-new .view-what-s-new .views-row .views-field-title a, .pane-what-s-new-panel-pane-what-new-page .view-what-s-new .views-row .views-field-title a { color: #009999; font-size: 18px; line-height: 25px; display: block; }
.pane-what-s-new-panel-pane-what-new .view-what-s-new .views-row .views-field-title:hover .tooltip-text, .pane-what-s-new-panel-pane-what-new-page .view-what-s-new .views-row .views-field-title:hover .tooltip-text { display: block; }
.pane-what-s-new-panel-pane-what-new .view-what-s-new .views-row .views-field-field-date-of-entry .date-display-single, .pane-what-s-new-panel-pane-what-new-page .view-what-s-new .views-row .views-field-field-date-of-entry .date-display-single { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 17px; }

.what-new-page .views-row { margin-bottom: 26px; }

#header { background: #f9f9f9; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.header-inner { max-width: 1170px; margin: 0 auto; }

#branding { margin-left: 0px; }

#branding, .region-header { display: inline-block; vertical-align: top; }

.region-header { float: right; margin-top: 10px; text-align: right; }

#logo { margin: 5px 0; }

.social-block, #block-search-form, #block-locale-language { display: inline-block; vertical-align: top; }

.social-block { margin-right: 5px; }
.social-block .block-inner { margin: 0; }

#block-mspiral-core-custom-page-title { background: #fff; }
#block-mspiral-core-custom-page-title .block-inner { max-width: 1170px; margin: 0 auto; }
#block-mspiral-core-custom-page-title .content { font-family: Roboto-Bold, "Noto Sans Myanmar", "Arial", sans-serif; color: #016da5; font-size: 48px; font-weight: normal; line-height: 50px; padding: 35px 0; }

#block-locale-language .contextual-links-wrapper { right: -25px; }

.language-switcher-locale-url { margin: 0; padding: 4px 0 0 0 !important; }
.language-switcher-locale-url li { display: inline-block; list-style: none; }
.language-switcher-locale-url li a { font-size: 17px; }
.language-switcher-locale-url li.active { display: none; }
.language-switcher-locale-url li.en a { color: #fff; }
.language-switcher-locale-url li.my a { color: #fff; font-size: 15px; }

#block-search-form .form-actions { position: absolute; display: inline-block; top: 0; right: 2px; }
#block-search-form input[type="submit"] { background: url("../images/icon-search01.png") 12px 8px no-repeat; height: 30px; text-indent: -99999px; width: 35px; padding: 0; outline: none; margin-right: 0; border: 0; }
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) { #block-search-form input[type="submit"] { /* on retina, use image that's scaled by 2 */ background-image: url("../images/retina-images/icon-search01@2x.png"); background-size: 13px 13px; } }
#block-search-form #edit-search-block-form--2 { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background: #fff; border: 1px solid #ccc; width: 140px; padding: 0 40px 0 15px; height: 28px; line-height: 25px; vertical-align: top; color: #333333; outline: none; font-size: 12px; }

#search-block-form { position: relative; }

.msp-search-form { max-width: 1170px; margin: 0 auto; text-align: center; display: none; clear: both; }
.msp-search-form .container-inline div { display: inline-block; vertical-align: top; margin: 0; }
.msp-search-form #search-block-form--3 { padding: 30px 0; }
.msp-search-form #search-block-form--3 div { display: inline-block; vertical-align: top; margin: 0; }
.msp-search-form #search-block-form--3 input[type="search"] { width: 400px; background: #fff; }
.msp-search-form #search-block-form--3 input[type="submit"] { margin-right: 0; }

.page-search-node h1#page-title { display: none; }

#search-form .container-inline div { display: inline-block; vertical-align: top; margin: 0; }

.view-search .views-row { border-bottom: 1px dotted #000000; padding-bottom: 15px; margin-bottom: 20px; }

.search-thumbnail, .search-text { display: inline-block; vertical-align: top; }

.search-thumbnail { margin-right: 15px; }

.search-text { width: 85%; }

.search-title { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 17px; color: #0084c8; }

#edit-search-api-views-fulltext-fields .all-checkbox { display: inline-block; margin-right: 5px; }

#edit-search-api-views-fulltext-fields { padding: 8px 0; line-height: 30px; }

#menu-bar { background: #0084c8; margin: 0; }

.i18n-my #block-system-main-menu ul.menu li a { font-size: 18px; }

#block-menu-menu-main-menu-2 { display: none; margin: 0 !important; text-align: unset; }
#block-menu-menu-main-menu-2 ul.menu { margin: 0; padding: 0; }
#block-menu-menu-main-menu-2 ul.menu li { list-style: none; display: inline-block; position: relative; float: none; padding: 0 3px 0 0; }
#block-menu-menu-main-menu-2 ul.menu li a, #block-menu-menu-main-menu-2 ul.menu li span { font-family: Roboto-Bold, "Noto Sans Myanmar", "Arial", sans-serif; text-shadow: rgba(249, 249, 249, 0.3) 1px 0 0; color: #016da5; font-size: 18px; font-weight: normal; margin: 0 1px 0 0; padding: 8px 15px; line-height: 24px; display: block; text-transform: uppercase; text-shadow: unset; color: #a1a1a1; font-size: 16px; padding: 5px 10px; }
#block-menu-menu-main-menu-2 ul.menu li a:hover, #block-menu-menu-main-menu-2 ul.menu li a.active, #block-menu-menu-main-menu-2 ul.menu li span:hover, #block-menu-menu-main-menu-2 ul.menu li span.active { color: #f9f9f9; }

#block-system-main-menu { max-width: 1170px; margin: 0 auto; margin: 45px auto 0; clear: both; }
#block-system-main-menu ul.menu { margin: 0; padding: 0; text-align: right; }
#block-system-main-menu ul.menu li { list-style: none; display: inline-block; position: relative; float: none; padding: 0 3px 0 0; }
#block-system-main-menu ul.menu li a, #block-system-main-menu ul.menu li span { font-family: Roboto-Bold, "Noto Sans Myanmar", "Arial", sans-serif; text-shadow: rgba(249, 249, 249, 0.3) 1px 0 0; color: #016da5; font-size: 18px; font-weight: normal; margin: 0 1px 0 0; padding: 8px 15px; line-height: 24px; display: block; text-transform: uppercase; outline: none; }
#block-system-main-menu ul.menu li a:hover, #block-system-main-menu ul.menu li a.active, #block-system-main-menu ul.menu li span:hover, #block-system-main-menu ul.menu li span.active { 	/*@include box-shadow(rgba(black, 0.1) 0 1px 0 inset); // for only style2
	@include text-shadow(rgba(black, 0.3) 1px 0 0); @include border-radius(5px); // for only style2 background: $menu-hover-bg; */ color: #a1a1a1; }
#block-system-main-menu ul.menu li ul { -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; transition: transform 0.2s ease-out; transform: translate3d(0, -5px, 0); position: absolute; visibility: hidden; left: 0; z-index: 999999; width: auto; padding: 0; min-width: 180px; }
#block-system-main-menu ul.menu li ul li { background: #0084c8; display: block; margin: 0; padding: 0; text-align: left; }
#block-system-main-menu ul.menu li ul li ul { left: 100.5%; top: 0; display: block; }
#block-system-main-menu ul.menu li ul li ul:before { content: ''; }
#block-system-main-menu ul.menu li ul li a, #block-system-main-menu ul.menu li ul li span { -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; transition: transform 0.2s ease-out; transform: translate3d(0, -5px, 0); display: block; margin-right: 0; font-size: 20px; border-bottom: 1px dotted #fff; margin: 0 15px; padding: 10px 7px; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; text-shadow: none !important; clear: both; }
#block-system-main-menu ul.menu li ul li a:hover, #block-system-main-menu ul.menu li ul li a.active, #block-system-main-menu ul.menu li ul li span:hover, #block-system-main-menu ul.menu li ul li span.active { color: #000000 !important; background: transparent; text-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; text-shadow: none !important; }
#block-system-main-menu ul.menu li ul li.first { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
#block-system-main-menu ul.menu li ul li.last { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
#block-system-main-menu ul.menu li ul li.last a { border-bottom: 0; }
#block-system-main-menu ul.menu li ul:before { font-family: FontAwesome, "Noto Sans Myanmar", "Arial", sans-serif; content: ""; left: 10px; color: #0084c8; position: absolute; top: 0; font-size: 27px; line-height: 10px; }
#block-system-main-menu ul.menu li.expanded a:after { font-family: FontAwesome, "Noto Sans Myanmar", "Arial", sans-serif; content: ""; color: #0084c8; margin-left: 5px; }
#block-system-main-menu ul.menu li.expanded:hover a { 	/*@include box-shadow(rgba(black, 0.1) 0 1px 0 inset); // for only style2
	@include text-shadow(rgba(black, 0.3) 1px 0 0); @include border-radius(5px); // for only style2 background: $menu-hover-bg; */ color: #a1a1a1; }
#block-system-main-menu ul.menu li.expanded:hover a:after { color: #fff; }
#block-system-main-menu ul.menu li.expanded ul li a:after { content: ''; }
#block-system-main-menu ul.menu li.expanded ul li.expanded a:after { font-family: FontAwesome, "Noto Sans Myanmar", "Arial", sans-serif; content: ""; color: #fff; margin-left: 5px; float: right; }
#block-system-main-menu ul.menu li.expanded ul li.expanded:hover a:after { color: #000000; }
#block-system-main-menu ul.menu li.expanded ul li.expanded ul li a:after { content: ''; }
#block-system-main-menu ul.menu li:hover ul { visibility: inherit; transform: translate3d(0, 0, 0); padding: 9px 0 0 0; }
#block-system-main-menu ul.menu li:hover ul li a { transform: translate3d(0, 0, 0); }
#block-system-main-menu ul.menu li:hover ul li ul { -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transform: translate3d(-20px, 0, 0); padding: 0; visibility: hidden; }
#block-system-main-menu ul.menu li:hover ul li:hover ul { visibility: inherit; transform: translate3d(0, 0, 0); }
#block-system-main-menu ul.menu li.active-trail ul li a:hover, #block-system-main-menu ul.menu li.active-trail ul li a.active { color: #000000 !important; background: transparent; text-shadow: none; }
#block-system-main-menu ul.menu li.expanded a:hover, #block-system-main-menu ul.menu li.expanded a.active-trail { 	/*@include box-shadow(rgba(black, 0.1) 0 1px 0 inset); // for only style2
	@include text-shadow(rgba(black, 0.3) 1px 0 0); @include border-radius(5px); // for only style2 background: $menu-hover-bg; */ color: #a1a1a1; }
#block-system-main-menu ul.menu li.expanded a:hover:after, #block-system-main-menu ul.menu li.expanded a.active-trail:after { color: #fff; }

#block-tb-megamenu-main-menu .tb-megamenu { background: transparent; }
#block-tb-megamenu-main-menu .tb-megamenu .caret { display: none; }
#block-tb-megamenu-main-menu .tb-megamenu .nav li { float: none; display: inline-block; vertical-align: top; }
#block-tb-megamenu-main-menu .tb-megamenu-nav li a { font-family: Roboto-Bold, "Noto Sans Myanmar", "Arial", sans-serif; text-shadow: rgba(249, 249, 249, 0.3) 1px 0 0; color: #016da5; font-size: 18px; font-weight: normal; margin: 0 1px 0 0; padding: 8px 15px; line-height: 24px; display: block; text-transform: uppercase; border-right: 0; }
#block-tb-megamenu-main-menu .tb-megamenu-nav li a:hover { 	/*@include box-shadow(rgba(black, 0.1) 0 1px 0 inset); // for only style2
	@include text-shadow(rgba(black, 0.3) 1px 0 0); @include border-radius(5px); // for only style2 background: $menu-hover-bg; */ color: #a1a1a1; }
#block-tb-megamenu-main-menu .tb-megamenu-nav li.dropdown a.dropdown-toggle.hover:after { color: #fff; }
#block-tb-megamenu-main-menu .tb-megamenu-nav li.dropdown a.dropdown-toggle:after { font-family: FontAwesome, "Noto Sans Myanmar", "Arial", sans-serif; content: ""; color: #0084c8; }
#block-tb-megamenu-main-menu .tb-megamenu-nav li.active a, #block-tb-megamenu-main-menu .tb-megamenu-nav li.open a { 	/*@include box-shadow(rgba(black, 0.1) 0 1px 0 inset); // for only style2
	@include text-shadow(rgba(black, 0.3) 1px 0 0); @include border-radius(5px); // for only style2 background: $menu-hover-bg; */ color: #a1a1a1; }
#block-tb-megamenu-main-menu .tb-megamenu-nav li.active a:after, #block-tb-megamenu-main-menu .tb-megamenu-nav li.open a:after { color: #fff !important; }
#block-tb-megamenu-main-menu .tb-megamenu-nav li .dropdown-menu { background: transparent; border: 0; box-shadow: none; padding: 9px 0 0 0; }
#block-tb-megamenu-main-menu .tb-megamenu-nav li .dropdown-menu:before { font-family: FontAwesome, "Noto Sans Myanmar", "Arial", sans-serif; content: ""; left: 10px; color: #0084c8; position: absolute; top: 0; font-size: 27px; line-height: 10px; display: block; }
#block-tb-megamenu-main-menu .tb-megamenu-nav li .dropdown-menu .mega-dropdown-inner { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #0084c8; }
#block-tb-megamenu-main-menu .tb-megamenu-nav li .dropdown-menu .tb-megamenu-subnav li { text-align: left; display: block; font-size: 15px; padding: 0; margin: 0; }
#block-tb-megamenu-main-menu .tb-megamenu-nav li .dropdown-menu .tb-megamenu-subnav li:hover a, #block-tb-megamenu-main-menu .tb-megamenu-nav li .dropdown-menu .tb-megamenu-subnav li.active a { color: #000000 !important; }
#block-tb-megamenu-main-menu .tb-megamenu-nav li .dropdown-menu .tb-megamenu-subnav li a { border-radius: 0 !important; text-shadow: none !important; box-shadow: none !important; background: transparent !important; border-bottom: 1px dotted #fff; border-top: 0; background: transparent; color: #fff; }
#block-tb-megamenu-main-menu .tb-megamenu-nav li #block-search-form .block-inner { margin: 0; }
#block-tb-megamenu-main-menu .tb-megamenu-nav li #search-block-form--2 { position: relative; }

.menu-name-menu-browse-sub ul.menu, .block-menu-browse-sub ul.menu { margin: 0; padding: 0; }
.menu-name-menu-browse-sub ul.menu li, .block-menu-browse-sub ul.menu li { padding: 0; list-style: none; position: relative; margin-bottom: 10px; }
.menu-name-menu-browse-sub ul.menu li a, .block-menu-browse-sub ul.menu li a { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; color: #333333; font-size: 17px; display: block; border-bottom: 1px solid #dcdcdb; padding: 0 0 10px 0; }
.menu-name-menu-browse-sub ul.menu li a:hover, .menu-name-menu-browse-sub ul.menu li a.active, .block-menu-browse-sub ul.menu li a:hover, .block-menu-browse-sub ul.menu li a.active { color: #016da5; }

.pane-search-form { margin-top: 40px; }
.pane-search-form .form-item-search-block-form { display: inline-block; width: 74.5%; vertical-align: top; margin: 0; }
.pane-search-form .form-item-search-block-form input[type="search"] { background: #fff; border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 18px; width: 100%; height: 67px; line-height: 67px; padding: 0 12px; }
.pane-search-form .form-actions input[type="submit"] { border-color: transparent; border-top-right-radius: 4px; border-bottom-right-radius: 4px; font-size: 20px; height: 69px; line-height: 69px; margin-right: 0px; }
.pane-search-form a.advance_search { font-family: Roboto-Bold, "Noto Sans Myanmar", "Arial", sans-serif; color: #009999; font-size: 15px; text-decoration: underline; display: block; text-align: right; width: 75%; margin-top: 7px; }

.page-solr .block-title, .page-browse .block-title { font-size: 23px; line-height: 33px; margin-bottom: 0px; }

.pane-browse-taxonomy-term-panel-pane-browse-taxonomy .block-title { padding-top: 0; }

.page-solr .pane-block-10.block { margin-bottom: 0px; }
.page-solr .pane-block-10.block .block-content { display: none; }
.page-solr .pane-facetapi .item-list, .page-solr .pane-facetapi .item-list-facetapi-facetapi-links { margin-top: 8px; }
.page-solr .pane-facetapi .item-list ul, .page-solr .pane-facetapi .item-list-facetapi-facetapi-links ul { margin: 0; padding: 0; }
.page-solr .pane-facetapi .item-list ul li, .page-solr .pane-facetapi .item-list-facetapi-facetapi-links ul li { list-style: none; }

.pane-facetapi.block { border-bottom: 1px solid #dcdcdb; padding-bottom: 4px; margin: 0 0 6px 12px; margin-bottom: 6px; }
.pane-facetapi.block .block-title.accordion-close, .pane-facetapi.block .block-title.accordion-open { color: #333333; font-size: 17px; font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; cursor: pointer; margin-left: -12px; padding: 0; clear: both; position: relative; }
.pane-facetapi.block .block-title.accordion-close:after, .pane-facetapi.block .block-title.accordion-open:after { font-family: FontAwesome, "Noto Sans Myanmar", "Arial", sans-serif; color: #333333; font-size: 17px; float: right; margin-right: 18px; }
.pane-facetapi.block .block-title.accordion-close:after { content: ""; }
.pane-facetapi.block .block-title.accordion-open:after { content: ""; }

.front #views-exposed-form-search-api-solr-result-panel-pane-home-search-api { position: relative; }
.front #edit-search-api-views-fulltext-fields-wrapper { margin-top: 25px; }
.front .pane-views-3ae4957f7269e8553f1633cbf815a571 { margin-bottom: 0; }
.front #edit-keyword-wrapper { width: 100% !important; }
.front #edit-text-filter-by-wrapper { margin-top: 10px; position: absolute; right: 0; }
.front #edit-text-filter-by { text-align: right; position: relative; }
.front #edit-text-filter-by a.advance_search { font-family: Roboto-Bold, "Noto Sans Myanmar", "Arial", sans-serif; color: #fff; font-size: 15px; text-transform: uppercase; background: #016da5; padding: 12px 20px; border-radius: 4px; border: 1px solid #005581; }
.front .views-exposed-form .views-exposed-widget { display: inline-block; vertical-align: top; padding: 5px 0px 1px 0px; }
.front .views-exposed-form .views-exposed-widget .form-submit { height: 47px; line-height: unset; padding: 0px 15px; font-size: 15px; margin-right: 0px; }
.front .views-exposed-form .views-exposed-widget input[type="text"] { height: 47px; padding: 0 12px; }
.front .views-exposed-form .views-exposed-widget #edit-keyword { width: 100%; box-sizing: border-box; }
.front .views-exposed-form input[type="submit"], .front .views-exposed-form a.button { font-size: 20px; }

.views-submit-button { position: absolute; top: 0; right: 0; }

.view-solr-search-result { position: relative; }
.view-solr-search-result .view-header { color: #000000; font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 18px; position: absolute; right: 35px; bottom: 25px; }
.view-solr-search-result .views-exposed-form .views-exposed-widgets .chosen-container-multi { width: 844px !important; }
.view-solr-search-result .views-exposed-form .views-exposed-widgets .chosen-container-multi .chosen-choices li.search-field input[type="text"] { line-height: 15px; }
.view-solr-search-result .views-exposed-form .views-exposed-widgets #edit-keyword-wrapper .description { color: #707070; font-size: 14px; padding-top: 5px; }
.view-solr-search-result .views-exposed-form .views-exposed-widgets .views-submit-button { padding-bottom: 37px; top: unset; padding: 0; }
.view-solr-search-result .views-row { margin-bottom: 22px; }
.view-solr-search-result .views-row .views-field-title { margin-bottom: 4px; }
.view-solr-search-result .views-row .views-field-title span { color: #009999; font-size: 18px; }
.view-solr-search-result .views-row .views-field-title span a { color: #009999; font-size: 18px; }
.view-solr-search-result .expand-group { margin-bottom: 12px; }
.view-solr-search-result .expand-group .expand-title, .view-solr-search-result .expand-group .collapse-title, .view-solr-search-result .accordion-title.more, .view-solr-search-result .accordion-title.less { color: #016da5; position: relative; cursor: pointer; }
.view-solr-search-result .expand-group .expand-title:after, .view-solr-search-result .expand-group .collapse-title:after, .view-solr-search-result .accordion-title.more:after, .view-solr-search-result .accordion-title.less:after { font-family: FontAwesome, "Noto Sans Myanmar", "Arial", sans-serif; color: #fff; background: #016da5; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; cursor: pointer; margin-left: 4px; width: 20px; height: 20px; text-align: center; }
.view-solr-search-result .expand-group .expand-title:after, .view-solr-search-result .accordion-title.more:after { content: ""; line-height: 21px; }
.view-solr-search-result .expand-group .collapse-title:after, .view-solr-search-result .accordion-title.less:after { content: ""; line-height: 19px; }

.pane-search-result-view .views-field span.views-label, .pane-search-result-view .views-field span.views-field-content, .pane-search-result-view .views-field.views-field-title span.field-content { display: inline-block; vertical-align: top; }
.pane-search-result-view .views-field span.views-label { padding: 2px 8px 2px 0; width: 22%; }
.pane-search-result-view .views-field.views-field-title span.field-content, .pane-search-result-view .views-field span.views-field-content { width: 76%; }
.pane-search-result-view .views-field .more-content span.field-content { width: 76%; display: inline-block; vertical-align: top; }

.file-download-wrap span.views-label.views-label-sm-field-format-size-1:not(:nth-child(1)) { display: none; }
.file-download-wrap span.field-content { width: auto !important; }

.what-new-page .views-field span.views-label, .what-new-page .views-field span.views-field-content, .notice-board-page .views-field span.views-label, .notice-board-page .views-field span.views-field-content { display: inline-block; vertical-align: top; }
.what-new-page .views-field span.views-label, .notice-board-page .views-field span.views-label { width: 16%; }
.what-new-page .views-field span.views-field-content, .notice-board-page .views-field span.views-field-content { width: 80%; }
.what-new-page .views-field .field-content span.field-content, .notice-board-page .views-field .field-content span.field-content { width: 80%; display: inline-block; vertical-align: top; }
.what-new-page .views-field .more-content span.field-content, .notice-board-page .views-field .more-content span.field-content { width: 80%; display: inline-block; vertical-align: top; }

body.page-search-node .edit-field-subj-categories-wrapper { width: 100% !important; }

body.section-category .view-what-s-new .view-content h3 { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-weight: normal; font-style: italic; font-size: 17px; }

.alph-browse-btn a { background: #016da5; border-radius: 4px; color: #fff; display: block; padding: 13px 20px 10px 20px; border: 1px solid #005581; }
.alph-browse-btn a:hover { color: #fff; }

#columns { padding-top: 10px; }

.front #columns { background: #eeeeec; }

.page-news .block-title, .page-notice-board .block-title { margin-bottom: 10px; }

.child-list-taxonomy-pane li { list-style: none; margin: 0; }
.child-list-taxonomy-pane li:before { color: #575757; font-family: FontAwesome, "Noto Sans Myanmar", "Arial", sans-serif; content: ""; font-size: 28px; margin-right: 4px; position: relative; top: 2px; }
.child-list-taxonomy-pane li.views_tree_collapsed:before, .child-list-taxonomy-pane li.views_tree_link_expanded:before { content: ""; margin-right: 8px; position: relative; top: 2px; }
.child-list-taxonomy-pane .views_tree_link { float: left; height: 100%; }
.child-list-taxonomy-pane .field-content .views-field-nothing { display: inline-block; vertical-align: top; width: 95%; margin-left: 8px; }

.views_tree_link a { margin: 0 5px 0 0; text-indent: -9999px; display: block; }

.view-browse-taxonomy-term .item-list ul { padding: 0px; }
.view-browse-taxonomy-term .item-list ul li { list-style: none; margin: 0; padding-bottom: 6px; }
.view-browse-taxonomy-term .item-list ul li:before { color: #575757; font-family: FontAwesome, "Noto Sans Myanmar", "Arial", sans-serif; content: ""; font-size: 28px; margin-right: 4px; position: relative; top: 2px; }
.view-browse-taxonomy-term .item-list ul li .views-field-nothing, .view-browse-taxonomy-term .item-list ul li .browse-wrapper { display: inline-block; vertical-align: top; width: 95%; }
.view-browse-taxonomy-term .item-list ul li .views-field-nothing .browse-term-name, .view-browse-taxonomy-term .item-list ul li .views-field-nothing .browse-term-count, .view-browse-taxonomy-term .item-list ul li .browse-wrapper .browse-term-name, .view-browse-taxonomy-term .item-list ul li .browse-wrapper .browse-term-count { display: inline-block; }
.view-browse-taxonomy-term .item-list ul li.views_tree_collapsed:before, .view-browse-taxonomy-term .item-list ul li.views_tree_link_expanded:before { display: inline-block; content: ""; margin-right: 8px; position: relative; top: 2px; }

.views_tree_collapsed .item-list ul { padding-top: 5px; padding-left: 45px; margin-bottom: 0px; }
.views_tree_collapsed .item-list ul li .views-field-nothing { width: 85%; }

.views_tree_link_collapsed a, .views_tree_link_expanded a { border-radius: 50px; width: 24px; height: 24px; }

.views_tree_link { width: 24px; }

.views_tree_link_collapsed a { background: transparent url("../images/plus-img01.png") no-repeat center center; }
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .views_tree_link_collapsed a { /* on retina, use image that's scaled by 2 */ background-image: url("../images/retina-images/plus-img01@2x.png"); background-size: 24px 24px; } }

.views_tree_link_expanded a { background: transparent url("../images/minus-img01.png") no-repeat center center; }
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .views_tree_link_expanded a { /* on retina, use image that's scaled by 2 */ background-image: url("../images/retina-images/minus-img01@2x.png"); background-size: 24px 24px; } }

.pane-what-s-new-panel-pane-announcement { margin-top: 0px; }
.pane-what-s-new-panel-pane-announcement .field-content { text-align: center; }
.pane-what-s-new-panel-pane-announcement .field-content p { background: #f2dedf; border: 1px solid #ffbebe; font-size: 15px; line-height: 23px; font-style: italic; color: #845859; padding: 12px 25px; margin-bottom: 0; }
.pane-what-s-new-panel-pane-announcement .field-content p a { color: #009999; text-decoration: underline; }

.slider-pane .block-inner, .slider-pane { margin: 0; }

.page-slider { margin-bottom: 1.5em; }

.fp-slider { height: 585px; position: relative; }
.fp-slider:hover .views-slideshow-controls-top .views_slideshow_controls_text_previous a, .fp-slider:hover .views-slideshow-controls-top .views_slideshow_controls_text_next a { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transform: translate3d(0, 0px, 0); }
.fp-slider .views-content-counter { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 0; background: #ececeb; text-indent: 9999px; cursor: pointer; width: 16px; z-index: 999; float: left; overflow: hidden; left: 2%; height: 16px; top: -15px; position: relative; padding: 0; display: block; }
.fp-slider #widget_pager_top_slide_views-panel_pane_slide_per_taxo { margin: 15px 0 0 0; }
.fp-slider .views-slideshow-controls-top { text-align: center; }
.fp-slider .views-slideshow-controls-top .widget_pager_top { position: absolute; bottom: 20px; width: 100%; }
.fp-slider .views-slideshow-controls-top .views-slideshow-pager-field-item { display: inline-block; margin: 0 0.3em; }
.fp-slider .views-slideshow-controls-top .views-slideshow-pager-field-item.active .views-content-counter { background: #0084c8; }
.fp-slider .views-slideshow-controls-top .views_slideshow_controls_text_previous a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; cursor: pointer; background: rgba(0, 0, 0, 0.5); width: 60px; height: 60px; position: absolute; z-index: 1000; top: 250px; color: transparent; left: 2%; }
.fp-slider .views-slideshow-controls-top .views_slideshow_controls_text_previous a:before { font-family: FontAwesome, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 40px; color: #fff; display: block; line-height: 60px; text-align: center; }
.fp-slider .views-slideshow-controls-top .views_slideshow_controls_text_previous a:before { content: ""; }
.fp-slider .views-slideshow-controls-top .views_slideshow_controls_text_pause a { display: none; }
.fp-slider .views-slideshow-controls-top .views_slideshow_controls_text_next a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; cursor: pointer; background: rgba(0, 0, 0, 0.5); width: 60px; height: 60px; position: absolute; z-index: 1000; top: 250px; color: transparent; right: 2%; }
.fp-slider .views-slideshow-controls-top .views_slideshow_controls_text_next a:before { font-family: FontAwesome, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 40px; color: #fff; display: block; line-height: 60px; text-align: center; }
.fp-slider .views-slideshow-controls-top .views_slideshow_controls_text_next a:before { content: ""; }
.fp-slider .views_slideshow_cycle_main { width: 100% !important; float: left; }
.fp-slider .views_slideshow_cycle_main .views-slideshow-cycle-main-frame, .fp-slider .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row { width: 100% !important; float: left; }
.fp-slider .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row { position: relative; }
.fp-slider .home-page-slide-left { text-align: center; }
.fp-slider .home-page-slide-left img { max-width: 100%; height: auto; margin: 0; padding: 0; }
.fp-slider .home-page-slide-right { position: relative; }
.fp-slider .slide-heading { position: absolute; bottom: 35px; right: 3em; text-align: right; padding: 2em 4em 4em; }
.fp-slider .slide-heading .heading-one { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 44px; line-height: 44px; text-transform: uppercase; display: block; color: #000000; }
.fp-slider .slide-heading .heading-two { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 70px; line-height: 70px; text-transform: uppercase; display: block; color: #0084c8; }
.fp-slider .slide-heading .heading-three { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 40px; line-height: 40px; text-transform: uppercase; display: block; color: #000000; }

.msp-carousel h2.pane-title { text-align: center; }
.msp-carousel .block-content { margin-top: 40px; }
.msp-carousel .jcarousel-skin-default { text-align: center; margin: 20px 0; }
.msp-carousel .jcarousel-skin-default .jcarousel-container-horizontal { width: auto !important; padding: 0px; height: auto; }
.msp-carousel .jcarousel-skin-default .jcarousel-container-horizontal:hover .jcarousel-prev, .msp-carousel .jcarousel-skin-default .jcarousel-container-horizontal:hover .jcarousel-next { display: block; }
.msp-carousel .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-clip-horizontal { width: 90% !important; margin: 0 auto; }
.msp-carousel .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-clip-horizontal ul li { border: 0; background: none; position: relative; }
.msp-carousel .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-clip-horizontal ul li img { vertical-align: middle; }
.msp-carousel .jcarousel-skin-default .jcarousel-prev, .msp-carousel .jcarousel-skin-default .jcarousel-next { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; display: none; height: 64px; width: 64px; }
.msp-carousel .jcarousel-skin-default .jcarousel-prev-horizontal { background: url("../images/icon-previous02.png") no-repeat 0 0; background-position: 0 0 !important; left: 3px; }
.msp-carousel .jcarousel-skin-default .jcarousel-next-horizontal { background: url("../images/icon-next02.png") no-repeat 0 0; background-position: 0 0 !important; right: 3px; }

.msp-two-col-carousel .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-clip-horizontal ul li { width: auto !important; margin: 0 40px; height: 270px; min-width: 470px; text-align: center; }
.msp-two-col-carousel .jcarousel-skin-default .jcarousel-prev, .msp-two-col-carousel .jcarousel-skin-default .jcarousel-next { top: 6em; }

.msp-three-col-carousel .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-clip-horizontal ul li { width: auto !important; margin: 0 35px; height: 620px; min-width: 282px; text-align: center; }
.msp-three-col-carousel .jcarousel-skin-default .jcarousel-prev, .msp-three-col-carousel .jcarousel-skin-default .jcarousel-next { top: 6em; }
.msp-three-col-carousel .jcarousel-skin-default .quote-box { font-size: 17px; padding: 15px; }
.msp-three-col-carousel .jcarousel-skin-default .testimonial-carousel { width: 282px; }
.msp-three-col-carousel .jcarousel-skin-default .testimonial-carousel-comment { margin: 1em 0 0 0; }

.msp-four-col-carousel .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-clip-horizontal ul li { width: auto !important; margin: 0 35px; height: 120px; min-width: 100px; text-align: left; }
.msp-four-col-carousel .jcarousel-skin-default .jcarousel-prev, .msp-four-col-carousel .jcarousel-skin-default .jcarousel-next { top: 1em; }

.msp-four-col.msp-two-col-carousel .feature-image a { line-height: 180px; }

.hide-arrow { display: none !important; }

.front h2.pane-title { font-family: Roboto-Bold, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 23px; line-height: inherit; }
.front .msp-full-column { margin: 3em 0; }
.front .region-two-50-second .panel-separator { display: none; }
.front .region-two-50-second .pane-what-s-new-panel-pane-what-new, .front .region-two-50-second .pane-what-s-new { display: inline-block; vertical-align: top; width: 48%; }

.notice-board-home-page a { color: #009999; font-size: 18px; }
.notice-board-home-page .views-more-link, .notice-board-home-page .read-more a { font-size: 13px; }
.notice-board-home-page .views-field-field-subj-categories .field-content { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 17px; }
.notice-board-home-page .views-row { margin-bottom: 16px; }

.msp-full-column { text-align: center; margin: 1em 0; }
.msp-full-column .block-content { margin: 0 7em; }

.msp-two-col .views-row { display: inline-block; vertical-align: top; margin: 0 24px 24px 0; width: 48%; }
.msp-two-col .views-row:nth-child(2n+2) { margin-right: 0; }
.msp-two-col .gallery-overview-bottom { width: 100%; }

.msp-three-col .feature-text { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 17px; color: #0084c8; margin-top: 30px; font-size: 30px; }
.msp-three-col .feature-image a { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px, rgba(0, 0, 0, 0.3) 0 0 5px 1px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px, rgba(0, 0, 0, 0.3) 0 0 5px 1px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px, rgba(0, 0, 0, 0.3) 0 0 5px 1px inset; border: 10px solid #0084c8; background: #0084c8; margin: 0 auto; border: 10px solid #f5f5f4; }
.msp-three-col .feature-bottom { margin-bottom: 50px; }
.msp-three-col .views-row { display: inline-block; vertical-align: top; margin: 0 24px 24px 0; width: 31.1%; }
.msp-three-col .views-row:nth-child(3n+3) { margin-right: 0; }
.msp-three-col .feature-image a { width: 185px; height: 185px; line-height: 240px; display: block; }
.msp-three-col .gallery-overview-bottom { width: 99.8%; }

.region-two-66-33-first .msp-three-col .views-row { width: 31.1%; }

.msp-four-col .feature-text { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 17px; color: #0084c8; margin-top: 20px; }
.msp-four-col .feature-image a { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #0084c8; margin: 0 auto; border: 10px solid #f5f5f4; }
.msp-four-col .feature-image a:hover { border: 10px solid #f5f5f4; }
.msp-four-col .feature-bottom { margin-bottom: 50px; }
.msp-four-col .views-row { display: inline-block; vertical-align: top; margin: 0 24px 24px 0; width: 23.1%; }
.msp-four-col .views-row:nth-child(4n+4) { margin-right: 0; }
.msp-four-col .feature-image a { width: 160px; height: 160px; line-height: 210px; display: block; }
.msp-four-col .gallery-overview-bottom { width: 99.8%; padding: 10px 0; }
.msp-four-col .gallery-title a { font-size: 15px; }

.news-title, .publication-bottom, .event-title { min-height: 48px; }
.news-title a, .publication-bottom a, .event-title a { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 17px; color: #0084c8; }

.news-info, .news-info a, .event-detail-bar .date-display-range, .event-detail-bar .date-display-single, .event-info, .event-info a, .blog-info, .blog-info a, .publication-info, .publication-info a { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 12px; color: rgba(83, 83, 83, 0.5); }

.news-info .news-date, .news-info .news-category { display: inline-block; vertical-align: top; }
.news-info .news-category a:first-child:before { content: '|'; color: rgba(83, 83, 83, 0.5); display: inline-block; margin: 0 5px; }

.event-overview .event-category a:before, .event-overview .event-location:before { content: '|'; color: rgba(83, 83, 83, 0.5); display: inline-block; margin: 0 5px; }
.event-overview .event-date { color: rgba(83, 83, 83, 0.5); }

.event-date, .event-time, .event-place { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 12px; color: rgba(83, 83, 83, 0.8); clear: both; }
.event-date .event-label, .event-time .event-label, .event-place .event-label { float: left; margin-right: 3px; }

.news-info, .soical-bar, .post-date, .news-category, .event-location, .event-date, .event-category, .event-info, .publication-info, .publication-date, .publication-category, .blog-info, .blog-date, .blog-category { display: inline-block; vertical-align: top; }

.event-location .field-item:before { content: '|'; color: rgba(83, 83, 83, 0.5); margin: 0 5px; }

.news-detail-bar, .event-detail-bar, .publication-detail-bar, .blog-detail-bar { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; clear: both; padding: 4px 0; margin-bottom: 15px; }

.news-detail-title { font-family: Roboto-Bold, "Noto Sans Myanmar", "Arial", sans-serif; color: #016da5; font-size: 28px; font-weight: normal; line-height: 35px; padding: 15px 0; text-transform: capitalize; margin-bottom: 20px; }

.soical-bar { float: right; }

.node-content { clear: both; }
.node-content .quote-box { margin: 0 6em 1.5em; }
.node-content .field-name-body { clear: both; }
.node-content .field-type-taxonomy-term-reference.field-label-inline .field-item { padding: 0px !important; }
.node-content .field-type-taxonomy-term-reference { margin-top: 0px; margin-bottom: 0px; }
.node-content .field-type-taxonomy-term-reference ul { margin: 0; padding: 0; }
.node-content .field-type-taxonomy-term-reference ul li { display: inline-block; vertical-align: top; margin: 0; padding-bottom: 6px; }
.node-content .field-type-taxonomy-term-reference ul li a { /*@include border-radius(4px);
background: $pager-color;
color: $p-color;
display: inline-block;
height: 26px;
line-height: 26px;
padding: 0 20px 0 23px;
position: relative;
margin: 0 10px 0px 0;
text-decoration: none;
font-size: 12px;
&:before { @include border-radius(10px); @include box-shadow(inset 0 1px rgba(0, 0, 0, 0.25)); background: $page; content: ''; height: 6px; left: 10px; position: absolute; width: 6px; top: 10px;
}
&:after { background: $page-bg; border-bottom: 13px solid transparent; border-left: 10px solid $pager-color; border-top: 13px solid transparent; content: ''; position: absolute; right: 0; top: 0;
}
&:hover { background-color: $menu-bg; color: $page; &:after { border-left: 10px solid $menu-bg; }
} */ }
.node-content .news-category .field-type-taxonomy-term-reference, .node-content .event-category .field-type-taxonomy-term-reference, .node-content .publication-category .field-type-taxonomy-term-reference, .node-content .blog-category .field-type-taxonomy-term-reference { margin: 0; }
.node-content .news-category .field-type-taxonomy-term-reference ul, .node-content .event-category .field-type-taxonomy-term-reference ul, .node-content .publication-category .field-type-taxonomy-term-reference ul, .node-content .blog-category .field-type-taxonomy-term-reference ul { margin: 0; }
.node-content .news-category .field-type-taxonomy-term-reference ul li, .node-content .event-category .field-type-taxonomy-term-reference ul li, .node-content .publication-category .field-type-taxonomy-term-reference ul li, .node-content .blog-category .field-type-taxonomy-term-reference ul li { margin-bottom: 0; }
.node-content .news-category .field-type-taxonomy-term-reference ul li:first-child:before, .node-content .event-category .field-type-taxonomy-term-reference ul li:first-child:before, .node-content .publication-category .field-type-taxonomy-term-reference ul li:first-child:before, .node-content .blog-category .field-type-taxonomy-term-reference ul li:first-child:before { content: '|'; display: inline-block; color: rgba(83, 83, 83, 0.5); margin: 0 5px; }
.node-content .news-category .field-type-taxonomy-term-reference ul li:first-child a:before, .node-content .event-category .field-type-taxonomy-term-reference ul li:first-child a:before, .node-content .publication-category .field-type-taxonomy-term-reference ul li:first-child a:before, .node-content .blog-category .field-type-taxonomy-term-reference ul li:first-child a:before { content: ''; margin: 0; }
.node-content .news-category .field-type-taxonomy-term-reference ul li a, .node-content .event-category .field-type-taxonomy-term-reference ul li a, .node-content .publication-category .field-type-taxonomy-term-reference ul li a, .node-content .blog-category .field-type-taxonomy-term-reference ul li a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: none; height: auto; line-height: 24px; padding: 0; margin: 0; color: rgba(83, 83, 83, 0.5); }
.node-content .news-category .field-type-taxonomy-term-reference ul li a:hover, .node-content .event-category .field-type-taxonomy-term-reference ul li a:hover, .node-content .publication-category .field-type-taxonomy-term-reference ul li a:hover, .node-content .blog-category .field-type-taxonomy-term-reference ul li a:hover { background: transparent; color: rgba(83, 83, 83, 0.5); }
.node-content .news-category .field-type-taxonomy-term-reference ul li a:before, .node-content .event-category .field-type-taxonomy-term-reference ul li a:before, .node-content .publication-category .field-type-taxonomy-term-reference ul li a:before, .node-content .blog-category .field-type-taxonomy-term-reference ul li a:before { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; position: inherit; background: transparent; height: 0; left: 0; width: 0; top: 0; content: ','; color: rgba(83, 83, 83, 0.5); margin: 0 5px 0 0; }
.node-content .news-category .field-type-taxonomy-term-reference ul li a:after, .node-content .event-category .field-type-taxonomy-term-reference ul li a:after, .node-content .publication-category .field-type-taxonomy-term-reference ul li a:after, .node-content .blog-category .field-type-taxonomy-term-reference ul li a:after { background: transparent; border: none; }

.node-publication .node-content, .node-publication .node-content .field-name-body, .publication-detail-bar, .view-document-icon, .view-document-icon .view-content { clear: inherit; }

.publication-detail-bar { float: right; width: 74.3%; }

.publication-image { float: left; margin-right: 30px; }

.msp-icon-txt ul li { list-style: none; margin: 0; }
.msp-icon-txt ul li .file .file-icon { display: none; }
.msp-icon-txt ul li .file:before { background: url("../images/icon-text.svg") no-repeat; background-size: 30px 30px; content: ''; display: inline-block; width: 30px; height: 30px; vertical-align: middle; }

nav.clearfix ul { display: inline-block !important; vertical-align: top; }
nav.clearfix ul li { list-style: none; margin: 0; padding: 0 4px 0 0; display: block; }
nav.clearfix ul li a { text-indent: -9999px; display: block; margin: 0; width: 25px; height: 30px; }
nav.clearfix ul li.print_html a { background: url("../images/icon-print.svg") no-repeat; }
nav.clearfix ul li.print_pdf a { background: url("../images/icon-pdf.svg") no-repeat; }

#block-block-18 { float: left; }
#block-block-18 .admin-page { color: #fff; }
#block-block-18 .admin-page a { color: #fff; font-size: 15px; display: inline-block; padding-top: 5px; }

.author-info .author-top { margin-right: 20px; }
.author-info .author-bottom { width: 86%; }

.author-detail .author-top { margin: 0 auto; display: block; }
.author-detail .author-name, .author-detail .author-position, .author-detail .author-icon { text-align: center; }

.author { background: #efefef; padding: 20px; margin-bottom: 20px; }

.author-top, .author-bottom { display: inline-block; vertical-align: top; }

.author-top { width: 120px; }
.author-top img { -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; }

.author-bottom p { margin-bottom: 0; }

.author-name, .content-title { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 17px; color: #0084c8; margin-bottom: 15px; }

.author-icon { margin-bottom: 15px; }

.msp-wrap-three { margin-bottom: 20px; }
.msp-wrap-three .msp-col-one, .msp-wrap-three .msp-col-two { display: inline-block; vertical-align: top; }
.msp-wrap-three .msp-col-one { width: 31.5%; margin-right: 15px; }
.msp-wrap-three .msp-col-two { width: 66%; }

.staff-details .staff-top { text-align: center; }
.staff-details .staff-bottom { background: transparent; }
.staff-details .staff-body { margin-top: 20px; }

.staff-name, .ttl-name, .testimonial-carousel-name { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 17px; color: #0084c8; color: #000000; }

.staff-position, .author-position { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; color: #0084c8; font-size: 17px; margin: 0 0 10px; }

.staff-bottom { background: #eeeeee; padding: 20px; text-align: center; margin-top: -7px; }

.slider-pane h2.block-title { text-align: center; margin-bottom: 50px; }

.testimonial-slider.fp-slider { height: auto; }
.testimonial-slider.fp-slider .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row { padding-bottom: 35px; }
.testimonial-slider:hover .views-slideshow-controls-top .views_slideshow_controls_text_previous a, .testimonial-slider:hover .views-slideshow-controls-top .views_slideshow_controls_text_next a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; }
.testimonial-slider .views-slideshow-controls-top .views_slideshow_controls_text_previous a { background: url("../images/icon-previous02.png") no-repeat; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; cursor: pointer; position: absolute; text-indent: -9999px; width: 52px; height: 84px; top: 200px; z-index: 999; outline: none; }
.testimonial-slider .views-slideshow-controls-top .views_slideshow_controls_text_next a { background: url("../images/icon-next02.png") no-repeat; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; cursor: pointer; position: absolute; text-indent: -9999px; width: 52px; height: 84px; top: 200px; z-index: 999; outline: none; }

.ttl-post, .testimonial-carousel-post { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; color: #0084c8; font-size: 17px; margin: 0 0 5px; }

.ttl-image, .ttl-info, .testimonial-carousel-info { text-align: center; }

.ttl-image img, .testimonial-carousel-image img { -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px; }

.ttl-email, .testimonial-carousel-email { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; color: #0084c8; font-size: 13px; }

.testimonial { margin: 0 17em; }
.testimonial .quote-box { margin: 2em 0 0; }

.pane-faq-panel-pane-faq .views-row .views-field { margin-bottom: 5px; }
.pane-faq-panel-pane-faq .views-row .views-label-title, .pane-faq-panel-pane-faq .views-row .views-label-body { margin: 0 5px 0 0; }
.pane-faq-panel-pane-faq .views-row .field-content { display: inline-block; }

.gallery-overview-bottom { background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 7px; display: block; width: 100%; padding: 20px 0; }

.gallery-count { color: #fff; padding: 0 10px; }

.gallery-title { color: #fff; }
.gallery-title a { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 17px; color: #0084c8; padding: 0 10px; color: #fff; }
.gallery-title a:hover { color: #fff; }

.collageformatter-collage-image { position: relative; overflow: hidden; }
.collageformatter-collage-image a:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; background: url("../images/icon-camera.png") center center no-repeat rgba(0, 0, 0, 0.3); content: ''; text-align: center; display: block; font-size: 30px; position: absolute; top: -100px; height: 100%; width: 100%; }
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .collageformatter-collage-image a:before { /* on retina, use image that's scaled by 2 */ background-image: url("../images/retina-images/icon-camera@2x.png"); background-size: 32px 32px; } }
.collageformatter-collage-image:hover a:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; top: 0; }

.page-not-found { text-align: center; margin-top: 80px; }
.page-not-found span { display: block; margin-bottom: 30px; }

.page-not-found-icon:before { -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px; font-family: FontAwesome, "Noto Sans Myanmar", "Arial", sans-serif; content: ""; color: #fff; background: #0084c8; text-align: center; font-size: 80px; width: 150px; height: 150px; display: inline-block; line-height: 150px; }

.page-not-found-code { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 100px; line-height: 100px; color: #005581; }

.page-not-found-text { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 25px; line-height: 30px; color: #333333; }

.page-not-found-home a { font-family: Roboto-Bold, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 15px; background: #016da5; border: 1px solid #005581; text-transform: uppercase; box-shadow: none; height: 54px; line-height: 54px; padding: 0 3em; color: #fff; font-weight: 20px; color: #fff !important; display: inline-block; }

.feature-bottom, .feature-top { text-align: center; }

.region-two-66-33-second h2.block-title { font-family: Roboto-Bold, "Noto Sans Myanmar", "Arial", sans-serif; color: #016da5; font-size: 23px; font-weight: normal; line-height: 30px; padding: 15px 0; }

.recent-news, .upcoming-events, .event-upcoming { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 15px; }

.recent-news-top, .recent-news-bottom, .event-upcoming-top, .event-upcoming-bottom { display: inline-block; vertical-align: top; }

.recent-news-bottom { width: 57.5%; margin-left: 15px; }

.event-upcoming-bottom { width: 55%; margin-left: 15px; }

.contact-address-map-icon, .contact-phone-icon, .contact-clock-icon { margin-top: 30px; }
.contact-address-map-icon .block-content:before, .contact-phone-icon .block-content:before, .contact-clock-icon .block-content:before { content: ''; width: 69px; height: 54px; display: block; margin: 0 auto 30px; text-align: center; }
.contact-address-map-icon .block-content p, .contact-phone-icon .block-content p, .contact-clock-icon .block-content p { margin-bottom: 0; }

.contact-address-map-icon .block-content:before { background: url("../images/icon-gmap.png") center no-repeat; }
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .contact-address-map-icon .block-content:before { /* on retina, use image that's scaled by 2 */ background-image: url("../images/retina-images/icon-gmap@2x.png"); background-size: 69px 54px; } }

.contact-phone-icon .block-content:before { background: url("../images/icon-phone.png") center no-repeat; }
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .contact-phone-icon .block-content:before { /* on retina, use image that's scaled by 2 */ background-image: url("../images/retina-images/icon-phone@2x.png"); background-size: 54px 54px; } }

.contact-clock-icon .block-content:before { background: url("../images/icon-clock.png") center no-repeat; }
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .contact-clock-icon .block-content:before { /* on retina, use image that's scaled by 2 */ background-image: url("../images/retina-images/icon-clock@2x.png"); background-size: 54px 54px; } }

.contact-form-full { padding-top: 30px; }
.contact-form-full .webform-client-form label { display: none; }
.contact-form-full .form-item { margin-bottom: 0; }
.contact-form-full .form-item:nth-of-type(1), .contact-form-full .form-item:nth-of-type(2), .contact-form-full .form-item:nth-of-type(3) { display: inline-block; vertical-align: top; }
.contact-form-full .form-item:nth-of-type(1), .contact-form-full .form-item:nth-of-type(2) { margin-right: 28px; }
.contact-form-full .form-item:nth-of-type(4) input[type="text"] { width: 97.2%; }
.contact-form-full input[type="text"], .contact-form-full input[type="email"] { width: 336px; }
.contact-form-full input[type="submit"] { width: 40%; margin-right: 0; }
.contact-form-full .form-actions { text-align: center; }
.contact-form-full .form-textarea-wrapper { display: block !important; }

.contact-form input[type='text'], .contact-form input[type='email'] { width: 78%; }
.contact-form input[type="submit"] { width: 83%; }
.contact-form label { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-weight: normal; display: inline-block; vertical-align: middle; width: 12%; font-size: 15px; margin-right: 1em; }
.contact-form .edit-submitted-message { width: 69px; }
.contact-form .form-textarea-wrapper { display: inline-block; width: 83.5%; }
.contact-form .form-actions { text-align: right; }

.grippie { display: none !important; }

.map-block { position: relative; }

.map-overlay { background: transparent; position: absolute; width: 95%; height: 400px; margin-top: 0; }

.map iframe { width: 100%; }

.region-content-second .block-inner, .region-content-second #block-block-5 { margin: 0; }

.player iframe { height: 525px; }

#tasks ul.tabs { padding: 0; border-bottom: 0; }
#tasks ul.tabs li { margin: 0 0 0 -1px; }
#tasks ul.tabs li a { -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); margin: 0; padding: 5px 10px; font-size: 14px; border: 1px solid #ccc !important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6e6e6+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */ color: #333333; }
#tasks ul.tabs li a:hover { background: #e6e6e6 !important; }
#tasks ul.tabs li:first-child a { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
#tasks ul.tabs li:last-child a { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
#tasks ul.tabs li.active a { -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); background: #e6e6e6; }
#tasks ul.tabs li.active a:hover { background: #e6e6e6 !important; }
#tasks ul.action-links { text-align: right; padding: 0; margin: 0; }
#tasks ul.action-links li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #0084c8; color: #fff; padding: 7px 10px; font-size: 13px; }
#tasks ul.action-links li a:hover { background: #005581; }

.region-tertiary-content { background: #f5f5f4; padding: 65px 0 40px 0; text-align: center; }
.region-tertiary-content .region-inner { max-width: 1170px; margin: 0 auto; }
.region-tertiary-content .region-inner #block-views-4f8b0728af4b7e3068c55a04dc349570 { width: 74.789%; }
.region-tertiary-content .region-inner #block-views-4f8b0728af4b7e3068c55a04dc349570 .block-inner { margin-left: 0px; }
.region-tertiary-content .region-inner #block-views-4f8b0728af4b7e3068c55a04dc349570 .group { width: 31.6%; display: inline-block; vertical-align: top; margin-top: 2px; margin-right: 16px; }
.region-tertiary-content .region-inner #block-views-4f8b0728af4b7e3068c55a04dc349570 .group .views-row { background: #dce7ec; border-radius: 4px; margin-bottom: 4px; padding: 12px 18px; position: relative; }
.region-tertiary-content .region-inner #block-views-4f8b0728af4b7e3068c55a04dc349570 .group .views-row .views-field { display: inline-block; vertical-align: top; }
.region-tertiary-content .region-inner #block-views-4f8b0728af4b7e3068c55a04dc349570 .group .views-row .views-field-name a { color: #333333; font-size: 18px; }
.region-tertiary-content .region-inner #block-views-4f8b0728af4b7e3068c55a04dc349570 .group .views-row .views-field-name:hover .tooltip-text { display: block; }
.region-tertiary-content .region-inner #block-views-4f8b0728af4b7e3068c55a04dc349570 .group .views-row .views-field-tid { position: absolute; top: 11px; right: 10px; }
.region-tertiary-content .region-inner #block-views-4f8b0728af4b7e3068c55a04dc349570 .group .views-row .views-field-tid span { background: #016da5; border-radius: 100%; color: #fff; font-size: 12px; width: 38px; height: 38px; line-height: 41px; display: block; text-align: center; position: relative; top: -6px; }
.region-tertiary-content .region-inner #block-views-4f8b0728af4b7e3068c55a04dc349570 .group .views-row .views-field-tid span a { background: #016da5; border-radius: 100%; color: #fff; font-size: 12px; width: 38px; height: 38px; line-height: 41px; display: block; text-align: center; }
.region-tertiary-content .region-inner #block-views-4f8b0728af4b7e3068c55a04dc349570 .group:last-child { margin-right: 0px; }
.region-tertiary-content .region-inner #block-views-what-s-new-block-notice-board { width: 25.211%; }
.region-tertiary-content .region-inner #block-views-what-s-new-block-notice-board .view-what-s-new .views-row { margin-bottom: 26px; }
.region-tertiary-content .region-inner #block-views-what-s-new-block-notice-board .view-what-s-new .views-row .views-field-title a { font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; color: #009999; font-size: 18px; line-height: 25px; display: block; margin-bottom: 0px; }
.region-tertiary-content .region-inner #block-views-what-s-new-block-notice-board .view-what-s-new .views-row .views-field-title a:hover { color: #005581; }
.region-tertiary-content .region-inner #block-views-what-s-new-block-notice-board .view-what-s-new .views-row .views-field-title:hover .tooltip-text { display: block; }
.region-tertiary-content .region-inner #block-views-what-s-new-block-notice-board .view-what-s-new .views-row:last-child { margin-bottom: 0px; }
.region-tertiary-content .region-inner .block { display: inline-block; vertical-align: top; }
.region-tertiary-content .region-inner .block h2 { font-size: 23px; margin: 10px 0 20px; padding: 0; }
.region-tertiary-content .region-inner .view-footer { padding-top: 30px; }
.region-tertiary-content p { color: rgba(255, 255, 255, 0.5); font-size: 13px; padding: 0; margin: 0 0 15px 0; clear: both; }
.region-tertiary-content p a { color: rgba(255, 255, 255, 0.5); }
.region-tertiary-content p a:hover { color: whitesmoke; }

.node-link-info .field h2.field-label, .node-link-info .field .field-items { display: inline-block; vertical-align: top; padding: 2px 0 4px 0; }
.node-link-info .field h2.field-label { padding: 0; width: 18%; margin-top: 0; }
.node-link-info .field .field-items { width: 80%; }
.node-link-info .field-type-text-with-summary p { margin-bottom: 0px; }
.node-link-info .field-name-field-subj-categories .field-item { display: list-item; list-style: inherit; }

.notice-board-page .views-row { margin-bottom: 20px; }
.notice-board-page .views-row .views-field-title a { color: #009999; font-size: 18px; }

#footer { background: #cecece; border-top: 1px solid #ababaa; }
#footer .region-footer { max-width: 1170px; margin: 0 auto; overflow: hidden; }
#footer .region-footer .block { display: inline-block; width: 100%; margin: 0; padding: 0; text-align: center; }
#footer .region-footer .block img { position: relative; top: 7px; margin: 0 5px; }
#footer .region-footer .block p { margin: 12px 0; font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; color: #777777; font-size: 13px; }
#footer .region-footer .block a { color: #777777; }
#footer .region-footer .block a:hover { color: whitesmoke; }
#footer #block-block-1 { text-align: right; }

#block-menu-menu-footer-menu ul.menu { padding: 0; margin: 0; text-align: center; }
#block-menu-menu-footer-menu ul.menu li { list-style: none; display: inline-block; }
#block-menu-menu-footer-menu ul.menu li a { font-size: 13px; }
#block-menu-menu-footer-menu ul.menu li a:after { content: '|'; margin: 0 5px; }
#block-menu-menu-footer-menu ul.menu li.last a:after { content: ''; }

.tooltip-text { background: #016da5; font-size: 14px; display: none; width: 100%; color: #fff; position: absolute; right: 0; bottom: 90%; left: 0; padding: 10px; z-index: 9999; margin-bottom: 18px; }
.tooltip-text::before { font-family: Fontawesome, "Noto Sans Myanmar", "Arial", sans-serif; color: #016da5; font-size: 27px; content: ""; position: absolute; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); bottom: -27px; margin: 0px; }

#breadcrumb { background: #eeeeec; margin: 0px; }
#breadcrumb .breadcrumb-wrapper { max-width: 1170px; margin: 0 auto; padding: 8px 0; }
#breadcrumb .breadcrumb-wrapper li a, #breadcrumb .breadcrumb-wrapper li span { color: #333333; font-family: Roboto-Regular, "Noto Sans Myanmar", "Arial", sans-serif; font-size: 14px; }

.pane-mspiral-core-custom-page-title .block-content { color: #009999; font-size: 18px; }

.view-taxonomy-term .views-field-title a { color: #009999; font-size: 18px; }

.page-browse #columns { max-width: 1170px; margin: 0 auto; }
.page-browse .block .view-content { clear: inherit; }
.page-browse .attachment { padding-bottom: 14px; }
.page-browse .attachment span { padding: 0 4px 6px 0; }

#node-41916 .field-items ul li { display: inline-block; padding: 8px 0 8px 0; width: 210px; }

.custom-links { width: 100%; text-align: right; }

.custom-links div { display: inline-block; vertical-align: top; margin-right: 20px; }

.custom-links div:last-child { margin-right: 6px; }

.custom-links a { display: block; font-family: 'Roboto-Bold', 'Noto Sans Myanmar Bold', "Arial", sans-serif; font-size: 15px; background: #016da5; border: none; text-transform: uppercase; box-shadow: none; height: 50px; line-height: 50px; padding: 0 2em; color: #ffffff; -webkit-appearance: none; -webkit-border-radius: 4px; border-radius: 4px; outline: none; }

.custom-links a:hover { color: #ffffff; }
