/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */
body{ 
    overflow-x: hidden !important;
    src: url("fonts/Lato-Regular.ttf");
   font-family: Roboto, pyidaungsu !important;
}
p{ 
    src: url("fonts/Lato-Regular.ttf");
   font-family: Roboto, pyidaungsu !important;
    font-size: 18px !important;
    text-align: justify;
}
h1{
    font-family: Roboto, pyidaungsu !important;
    src: url("fonts/Lato-Bold.ttf");
    font-size: 30px;
      font-weight: bold;
      line-height: 25px;
      display: block;
}
h2 {
    ffont-family: Roboto, pyidaungsu !important;
    src: url("fonts/Lato-Bold.ttf");
    font-size: 2.5em;
    font-weight: bold;
    padding: 0;
}    
h3{
    src: url("fonts/Lato-Bold.ttf");
    font-family: Roboto, pyidaungsu !important;
    font-weight: bold;
    font-size: 2em;
    padding: 0px 0 0px 0;
}   

@font-face
{
    font-family: Lato-Regular;
    src: url("fonts/Lato-Regular.ttf");
}
@font-face
{   
    font-family: Lato-Bold;
    src: url("fonts/Lato-Bold.ttf");
}
@font-face
{
    font-family: Lato-Italic;
    src: url("fonts/Lato-Italic.ttf");
}
@font-face
{
    font-family: Lato-Light;
    src: url("fonts/Lato-Light.ttf");
}
@font-face
{
    font-family: Lato-Medium;
    src: url("fonts/Lato-Medium.ttf");
}

/* ===================
 * Display:none
 * =================== */
.l-attribution, #block-hotel-branding .site-branding__text,
.path-informations #main-content, .path-frontpage #rid-content, .fieldset-legend,
.file-size, .user-logged-in .js-form-item-field-currency-rate-0-caption{
    display: none !important;
}

/* ===================
 *Header
 * =================== */
 #masthead{
    position: fixed;
 	background-color: #56a3f0 !important;
 	height: 150px;
    width: 100vw;
    z-index: 10;
 }
 .relatedwebsites{
 	width: 72%;
 	height: 30px;
 }
 .relatedwebsites-contactus{
 	float: right;
 }
 .relatedwebsites-contactus p,.dropbutton-arrow{
 	color: #fff !important;
 }
.relatedwebsites-contactus a{
    font-family: Roboto, pyidaungsu !important;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    list-style: outside none none;
    padding: 0px 9px 3px 2px;
    text-decoration: none;
}
 .languageswitcher .dropbutton-widget{
 	background-color: #56a3f0 !important;
 	border-color: #fff !important;
 }
 .languageswitcher .dropbutton-wrapper{
 	color: #fff !important;
 	width: 25%;
 	float: right;
 	margin-top: -48px;
 }
  .dropbutton-action{
  	margin-left: 10px;
  }
 .dropbutton .dropbutton-action a{
 	text-decoration: none;
 	color: #fff !important;
    padding: 0.125rem 0rem !important;
}
/* ===================
 *Main Menu
 * =================== */
 .sf-depth-1, .sf-depth-2 {
 	background-color: #56a3f0 !important;
 	color: #fff !important;
 	font-family: Roboto, pyidaungsu !important;
 	margin: -3px 0px 0px 0px !important;
 	text-decoration: none !important;
 	text-transform: uppercase;
 }
 .sf-depth-1{
    padding-left: 0px !important;
    font-size: 15px;
}
.sf-depth-2 a{
    padding:15px 15px 15px 15px !important;
    font-size: 13px;
}
.sf-depth-2 a:hover{
    background-color: #fff !important;
    color: #56a3f0 !important;
}
.sf-sub-indicator{
    line-height: 9999px;
    opacity: 0.5 !important;
    top: 30% !important;
    right: 1em !important;
}
 /* ===================
 *Slider, Banner
 * =================== */
 .path-frontpage #navbar{
    display: none;
 }

 .path-en-user-login #main-content,
#leaderboard {
    margin-top: 150px;
 }
 #navbar{
    height: 150px;
    margin-top: 150px;
 }
 #leaderboard .regions, #rid-leaderboard, #navbar .regions, #rid-navbar{
 	justify-content: normal !important;
 	padding: 0px 0px 0px 0px !important;
 }
  #leaderboard, #navbar{
 	justify-content: normal !important;
 }

 .flexslider{
 	border: none !important;
 }
.home-slider .flexslider, 
.home-slider .flexslider ul li,
.home-slider .flexslider ul img{
    width: 100vw !important;
    height: 566px;
}
.home-slider .flexslider .flex-caption {
    font-family: pyidaungsu;
    color: #fff;
    font-size: 35px;
    line-height: 56px;
    position: relative;
    bottom: 300px;
    text-align: center;
}
.banner-slider .flexslider, 
.banner-slider .flexslider ul li,
.banner-slider .flexslider ul img{
    width: 100vw !important;
    height: 150px;
}
.banner-slider .flexslider .flex-caption {
    font-family: pyidaungsu;
    color:#fff;
    text-transform: uppercase;
    font-size: 3.5em !important;
    line-height: 0px;
    position: relative;
    bottom: 1.3em;
    font-weight: bold;
    text-align: center;

}
.home-slider .flex-control-paging li a{
    background-image: url('/sites/default/files/dot.png') !important;
    cursor: pointer;
    height: 15px;
    width: 15px;
    top: -40px;
    position: relative;
    z-index: 2 !important;
    padding: 4px;
}
.home-slider .flex-control-paging li a.flex-active{
    background: #ededed !important;
    cursor: default;
}

/* ===================
 *News & Announcements,Exchange Rate & Money Charger Rate, Services
 * =================== */
#highlighted {
    padding: 30px 0px 50px 0px;
}
#rid-highlighted-first{
    background-color: #fff !important;
    padding: 0 50px;
}
#rid-highlighted{
   padding: 0 50px; 
}
#content-prefix,#content-prefix .regions{
    background-color: #fff !important;
 }
 #content-prefix{
    padding: 50px 0px 20px 0px;
 }
.newsservices .block__title,
.newsblock .block__title, 
.announcementsblock .block__title,
.exchangerate .block__title, 
.moneychangerrate .block__title{
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 36px;
    position: relative;
}
.newsservices .view-footer,
.newsservices .block__title{
    text-align: center !important;
}

.newsservices img,
.newsblock img, 
.announcementsblock img {
    float: left;
    height: 180px;
    padding-right: 34px;
    width: 50%;
}
.newsblock .view-rows, 
.announcementsblock .view-rows{
    height: 220px;
    padding-bottom: 20px;
}
.exchangerate {
    height: 311px;
}
.newsservices .view-rows,
.services-row {
    margin: 15px 0px;
}
.announcementsblock{
    margin-top: 30px;
}
.field-node--field-date,
.newsservices .views-field-field-date, 
.newsblock .views-field-field-date, 
.announcementsblock .views-field-field-date,
.exchangerate .views-field-field-date, 
.moneychangerrate .views-field-field-date{
    color: red;
    display: block;
    font-family: Arial, pyidaungsu !important;
    font-size: 12px;
}
.newsservices .views-field-title a,
.newsblock .views-field-title a, 
.announcementsblock .views-field-title a {
    font-size: 18px;
    color: #3277ae !important;
    font-family: Roboto, pyidaungsu !important;
    text-decoration: none;
}
.newsservices .view-footer a, 
.newsblock .view-footer a, 
.announcementsblock .view-footer a,
.exchangerate .view-footer a {
    font-family: Roboto, pyidaungsu !important;
    background: #56a3f0 none repeat scroll 0 0 !important;
    border-radius: 4px;
    color: #fff !important;
    font-size: 20px;
    padding: 5px 15px;
    text-transform: uppercase;
    text-decoration: none;
}
.exchangerate .view-footer a{
    padding: 5px 47px;
}
.newsservices .view-footer {
    margin: 30px 0px;
}
.exchangerate .view-footer{
    margin: -10px 0px 30px 14px;
}
.exchangerate table, 
.moneychangerrate table{
    width: 100%;
    margin: 10px 0px 20px 0px;
}
.exchangerate table .table__header tr, 
.exchangerate table .table__header td, 
.exchangerate table .table__header th, 
.moneychangerrate table .table__header tr,
.moneychangerrate table .table__header td,
.moneychangerrate table .table__header th{
    background-color: transparent !important;
    border: transparent;
    text-align: center !important;
    font-family: Roboto, pyidaungsu !important;
    font-size: 20px;
    font-weight: bold;
    padding: 0px;
}
.exchangerate table .table__body tr, 
.exchangerate table .table__body td, 
.exchangerate table .table__body th, 
.moneychangerrate table .table__body tr,
.moneychangerrate table .table__body td,
.moneychangerrate table .table__body th {
    font-family: Roboto, pyidaungsu !important;
    padding: 20px;
    background: #56a3f0;
    border: 15px solid;
    border-radius: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
}
/* ===================
 *Footer 
 * =================== */
#footer {
    background-color: #56a3f0 !important ;
}
.footer h2 {
    text-align: center;
    font-size: 28px;
    font-weight: normal;
    font-family: "pyidaungsu" !important;
    color: #fff !important;
    margin-top: 30px;
}
.footer p{
    font-family: "pyidaungsu" !important;
    color: #fff !important;
    font-size: 16px !important;
}
#backtotop{
    background-image: url('/sites/default/files/up-arrow.png') !important;
    width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 7px;
    background-color: #ddd;
    background-position: center center;
    background-repeat: no-repeat;
    /* opacity: 0.8; */
    filter: alpha(opacity = 80);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#backtotop:hover{
    background-color: #4654c8 !important;
}
/* ===================
 *breadcrumbs
 * =================== */
 .breadcrumbs a {
    font-family: Roboto, pyidaungsu !important;
    text-decoration: none;
    text-transform: uppercase;
    color: #333 !important;
    font-size: 13px;
}
/* ===================
 *Main Content
 * =================== */
.pager__link{
    background-color: #dddddd !important;
    padding: 8px 20px !important;
}
.pager__link--is-active {
    background-color: #56a3f0 !important;
    padding: 8px 20px !important;
    color: #fff;
}
 #main-content p, #main-content li{ 
    line-height: 35px;
    font-size: 18px;
 }
 #rid-content .node{
    padding: 50px;
}
.node__header{
    margin: 0px 0px 30px 0px;
}
#rid-content p{
    line-height: 35px;
}
.md-table{
    width: 100%;
}
.md-table,
.bod-table,
.management-table,
.fcs-table{
    margin: 40px auto;
    width: 70%;
}
.anti-money-table,
.related-websites-table,
.services-table{
    width: 100%;
}
.md-table td,
.bod-table td,
.management-table td,
.fcs-table td,
.fcs-table th,
.anti-money-table td,
.related-websites-table td,
.services-table td,
.services-table th{
    padding:30px !important;
}
/*.md-table td, .md-table tr, 
.bod-table td, .bod-table tr, */
.management-table td, .management-table tr,
.anti-money-table td, .anti-money-table tr{
    border: none !important;
}
/* ===================
 * Services Page, News and Announcements
 * =================== */
 .path-services .view-services,
 .path-news .view-news-and-announcements,
 .path-announcements .view-news-and-announcements{
    background-color: #ffffff;
    padding: 50px;
 }
 .path-services .views-row,
 .path-announcements .views-row,
 .path-news .views-row{
    border-bottom: 1px solid #c2c2c2;
    padding: 30px 0px;
}
.path-services .views-row{
    height: 360px;
}
.path-announcements .views-row{
    height: 400px;
}
.path-news .views-row{
    height: 470px;
}
 .path-services .views-field-field-image img,
 .page-node-type--services .field-node--field-image img,
 .path-news .views-field-field-image img,
 .path-announcements .views-field-field-image img{
    float: left;
    height: auto;
    margin-right: 30px;
    width: 50%;
    border: 1px solid #c2c2c2;
}

 .page-node-type--article .field-node--field-image img{
    width: 100%;
    height: auto;
 }
 .path-services  .views-field-title a,
 .path-news  .views-field-title a,
 .path-announcements  .views-field-title a{
    color: #3277ae;
    font-family: Roboto, pyidaungsu !important;
    font-size: 25px;
    line-height: 37px;
    text-decoration: none;
}
.node__title{
    font-family: Roboto, pyidaungsu !important;
    font-size: 25px;
    line-height:37px;
    text-decoration: none;
}
.path-news  .views-field-title,
.path-announcements .views-field-title{
    margin-bottom: 20px;
}
.path-services  .views-field-field-date,
.path-news  .views-field-field-date,
.path-announcements  .views-field-field-date{
    color: red;
    display: block;
    font-family: Arial, pyidaungsu !important;
    font-size: 12px;
    margin-bottom: 15px;
}
.path-services .views-field-view-node span.field-content a,
.path-news .views-field-view-node span.field-content a ,
.path-announcements .views-field-view-node span.field-content a {
    background: #56a3f0 none repeat scroll 0 0 !important;
    border-radius: 4px;
    color: #fff !important;
    float: left;
    font-size: 15px;
    text-decoration: none;
    padding: 5px 15px;
    text-transform: uppercase;
    margin-top: 25px;
}
/* ===================
 * Laws Page and Exchange Rate Page
 * =================== */
 .path-exchange-money-changer-rate h2 {
    font-size: 24px;
    color: #177b2c;
}
 .path-laws .view-laws,
 .path-exchange-money-changer-rate .view-currency-rate{
    background-color: #ffffff;
    padding: 50px;
    margin-bottom: 50px;
 }
.view-laws .view-rows tr td,
.path-exchange-money-changer-rate .view-currency-rate .view-rows tr td{
    padding: 0px 30px 0px 30px !important;
}
.view-laws .view-rows tr.odd,
.view-currency-rate .view-rows tr.odd{
    background-color: #EEEEEE;
}
.path-laws table,
.path-exchange-money-changer-rate table {
    width: 100%;
}
.path-exchange-money-changer-rate tr,
.path-exchange-money-changer-rate td,
.path-exchange-money-changer-rate th,
.path-laws tr, .path-laws td, .path-laws th {
    height: 100px !important;
    border: none;
    border-bottom: 1px solid #CCC !important;
}
.view-laws .views-field-title,
.view-currency-rate .views-field-title {
    color: #444;
    font-family: pyidaungsu !important;
    font-size: 25px;
}
.path-exchange-money-changer-rate .view-currency-rate .file--application-pdf a,
.path-laws .file--application-pdf a{
    background-image: url('/sites/default/files/dwn.png') !important;
    background-repeat: no-repeat;
    position: relative;
    color: transparent !important;
    color: transparent !important;
    height: 50px !important;
    width: 160px !important;
    float: right;
}
.file--application-pdf a::before{
    display: none !important;
}
/* ===================
 * Faqs
 * =================== */
 .path-faqs .view-faqs{
    background-color: #ffffff;
    padding: 50px;
    margin-bottom: 50px;
 }
.path-faqs .ui-accordion .ui-accordion-header{
    font-family: Roboto, Pyidaungsu !important;
    font-size: 18px !important;
    background-color: #e7e7e7 !important;
    color: #3277ae !important;
    padding: 1em .5em 1em .7em !important;
    margin: 10px 0 0 0 !important;
}
.ui-state-active a:link{
    color: #3277ae !important;
    text-decoration: none;
}
.ui-accordion .ui-accordion-content{
    height: auto !important;
}
/* =============================================================================
Google Authenticator
 * ========================================================================== */    
.path-en-login-user-1-authenticate #main-content{
    margin-top: 170px;
}


/* =============================================================================
Media Quaries
 * ========================================================================== */    
@media screen and (min-width: 320px) and (max-width: 425px){
#rid-header-second {
    height: 40px;
    margin-top: -9.2em;
}
.relatedwebsites{
    width: fit-content;
}
.sitelogo{
    margin-top:2em;
}
.languageswitcher{
    margin-left: 14px;
}
.js .dropbutton-multiple .dropbutton-widget {
    padding-right: 0em;
    margin-left: 14px;
}
#superfish-main-toggle{
    background: transparent; 
    margin-top: 30px;
    color: #fff;
}
#superfish-main-toggle span{
  display: none;
}
.sf-depth-1{
    padding-left: 10px !important;
}
#rid-highlighted, #rid-highlighted-first{
    padding: 0;
}
.exchangerate {
    height: auto;
}
#backtotop {
    background-image: url(/modules/back_to_top/backtotop.png) !important;
}
.banner-slider .flexslider .flex-caption {
    font-size: 2.5em !important;
}
.view-services .services-col{
    width: 100% !important;
}
#rid-content .node {
    padding: 10px;
}
.md-table, .bod-table, .management-table, .fcs-table{
     width: 100%; 
}
.md-table td, .bod-table td, .management-table td, 
.fcs-table td, .fcs-table th, .anti-money-table td, 
.related-websites-table td, .services-table td, .services-table th {
    padding: 0px !important;
}
.path-services .view-services, .path-news .view-news-and-announcements, 
.path-announcements .view-news-and-announcements {
    padding: 10px;
}
.path-services .views-field-field-image img, .page-node-type--services .field-node--field-image img, 
.path-news .views-field-field-image img, .path-announcements .views-field-field-image img {
    float: none;
    height: auto;
    margin-right: 0px;
    width: 100%;
}
.path-services .views-row {
    height: 400px;
}
.path-news .views-row {
    height: auto;
}
.path-services .views-field-view-node span.field-content a, 
.path-news .views-field-view-node span.field-content a, 
.path-announcements .views-field-view-node span.field-content a{
    margin-top: 0px;
}
.path-laws .view-laws, .path-exchange-money-changer-rate .view-currency-rate {
    padding: 0px;
    margin-bottom: 0px;
}
.view-laws .view-rows tr td, .path-exchange-money-changer-rate .view-currency-rate .view-rows tr td {
    padding: 0px 0px 0px 0px !important;
}
.path-faqs .view-faqs {
    padding: 0px;
}
}

@media screen and (min-width: 426px) and (max-width: 768px) {
 #rid-header-second {
    height: 40px;
    margin-top: -9.2em;
}
.relatedwebsites{
    width: fit-content;
}
.sitelogo{
    margin-top:2em;
}
.languageswitcher{
    margin-left: 14px;
}
.js .dropbutton-multiple .dropbutton-widget {
    padding-right: 0em;
    margin-left: 14px;
}
#superfish-main-toggle{
    background: transparent; 
    margin-top: 30px;
    color: #fff;
}
#superfish-main-toggle span{
  display: none;
}
.sf-depth-1{
    padding-left: 10px !important;
}
#rid-highlighted, #rid-highlighted-first{
    padding: 0;
}
.exchangerate {
    height: auto;
}
#backtotop {
    background-image: url(https://www.mmftb.gov.mm/modules/back_to_top/backtotop.png) !important;
}
.banner-slider .flexslider .flex-caption {
    font-size: 2.5em !important;
}
.view-services .services-col{
    width: 100% !important;
}
#rid-content .node {
    padding: 10px;
}
.md-table, .bod-table, .management-table, .fcs-table{
     width: 100%; 
}
.md-table td, .bod-table td, .management-table td, 
.fcs-table td, .fcs-table th, .anti-money-table td, 
.related-websites-table td, .services-table td, .services-table th {
    padding: 0px !important;
}
.path-services .view-services, .path-news .view-news-and-announcements, 
.path-announcements .view-news-and-announcements {
    padding: 10px;
}
.path-services .views-field-field-image img, .page-node-type--services .field-node--field-image img, 
.path-news .views-field-field-image img, .path-announcements .views-field-field-image img {
    float: none;
    height: auto;
    margin-right: 0px;
    width: 100%;
}
.path-services .views-row {
    height: 400px;
}
.path-news .views-row {
    height: auto;
}
.path-services .views-field-view-node span.field-content a, 
.path-news .views-field-view-node span.field-content a, 
.path-announcements .views-field-view-node span.field-content a{
    margin-top: 0px;
}
.path-laws .view-laws, .path-exchange-money-changer-rate .view-currency-rate {
    padding: 0px;
    margin-bottom: 0px;
}
.view-laws .view-rows tr td, .path-exchange-money-changer-rate .view-currency-rate .view-rows tr td {
    padding: 0px 0px 0px 0px !important;
}
.path-faqs .view-faqs {
    padding: 0px;
}
}