/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */
 body{ 
    overflow-x: hidden !important;
    src: url("fonts/Montserrat-Regular.ttf");
    font-family: Montserrat-Regular, pyidaungsu !important;
}
p{ 
    src: url("fonts/Montserrat-Regular.ttf");
    font-family: Montserrat-Regular, pyidaungsu !important;
    font-size: 15px !important;
    text-align: justify;
    color: #474d4b;
}
h1{
    font-family: Montserrat, pyidaungsu !important;
    src: url("fonts/Montserrat-Bold.ttf");
    font-size: 23px;
    font-weight: normal;
    line-height: 25px;
    display: block;
    color: #474d4b;
}
h2 {
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    src: url("fonts/Lato-Bold.ttf");
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.5em;
    padding: 0;
}    
h3{
    src: url("fonts/Montserrat-Bold.ttf");
    font-family: Montserrat-Bold, pyidaungsu !important;
    font-weight: normal;
    font-size: 21px;
    color: #474d4b;
    padding: 0px 0 0px 0;
}   

@font-face
{
    font-family: Montserrat-Regular;
    src: url("fonts/Montserrat-Regular.ttf");
}
@font-face
{   
    font-family: Montserrat-Bold;
    src: url("fonts/Montserrat-Bold.ttf");
}
@font-face
{   
    font-family: Pyidaungsu_Regular;
    src: url("fonts/Pyidaungsu_Regular.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;
}
.path-user-login #main-content{
    margin-top:53px;
}
/* ===================
 * Logo and Menu
 * =================== */
 #masthead{
    position: fixed;
    background-color: #516273 !important;
    height: 129px;
    width: 100vw;
    z-index: 10;
 }
 .site-branding__logo-link {
    display: block;
    padding-right: 0px;
}
.sitelogo {
    margin: 10px 0;
}
 #rid-header-first{
    width: fit-content;
    height: 129px;
 }
 #rid-header-second{
    width: 82.2%;
 }
 .mainmenu{
    float: left;
    margin-top: 60px;
 }
 a.sf-depth-1{
    color: #ffffff !important;
    background-color: #516273 !important;
    text-align: left !important;
    font-family: Roboto, Pyidaungsu!important;
    padding: 20px 14px 20px 14px !important;
    text-shadow: 1px 1px #516273 !important;
    font-size: 17px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
}
html[lang="my"] a.sf-depth-1{
    font-size: 15px !important;
    padding: 20px 10px 20px 10px !important;
    font-family: Roboto, Pyidaung!important;
}
a.sf-depth-2, a.sf-depth-3 {
    color: #ffffff !important;
    font-family: Roboto, Pyidaungsu !important;
    font-size: 13px !important;
    font-weight: normal !important;
    height: 38px !important;
    padding: 15px 10px 10px 10px !important;
    border-bottom: 1px solid #444 !important;
    background-color: #516273 !important;
    letter-spacing: 1px !important;
}
html[lang="my"] a.sf-depth-2, html[lang="my"] a.sf-depth-3{
    font-family: Roboto, Pyidaung !important;
}

.sf-depth-1 a:hover{
    background-color: #ffffff !important;
    color: #111111 !important;
    text-decoration: none;
}
.sf-depth-2 a:hover, .sf-depth-3 a:hover{
    color: #111111 !important;
    text-decoration: none;
}
.sf-depth-1 ul{
    margin-top: 20px !important;
}
.sf-sub-indicator{
    top: 75% !important;
    color: #111 !important;
}
ul.sf-menu .sf-sub-indicator:after {
    line-height: 0.4 !important;
}
.languageswitcher{
    float: right;
    margin: 58px 0px 0px 0px;
}
.languageswitcher ul{
    display: flex;
    margin: 0px 0px 0px 0px;
}
.languageswitcher ul li{
    background-color: #3f9fc3 !important;
    padding: 5px 20px;
}
.languageswitcher ul .en{
    margin-right: 10px !important;
}
.languageswitcher ul li a,
.languageswitcher ul li a.is-active:hover{
    text-decoration: none;
    color: #ffffff !important;
}
.languageswitcher ul li a.is-active,
.languageswitcher ul li a:hover{
    text-decoration: none;
    color: #000 !important;
}

/* ===================
 * Slider
 * =================== */
.path-frontpage #leaderboard .regions,.path-frontpage #rid-leaderboard{
    justify-content: normal !important;
    padding: 0px 0px 0px 0px !important;
 }
.path-frontpage #leaderboard{
    height: 696px !important;/*
    margin-top: 129px;*/
    justify-content: normal !important;
 }
.path-not-frontpage #leaderboard .regions,.path-not-frontpage #rid-leaderboard{
    justify-content: normal !important;
    padding: 0px 0px 0px 0px !important;
 }
.path-not-frontpage #leaderboard{
    height: 289px !important;
    justify-content: normal !important;
 }

 .flexslider{
    border: none !important;
    padding: 0 !important;
 }
 .flex-direction-nav a:before {
    margin-top: 10px;
}
.flex-next{
    margin-right: 10px !important;
}
.home-slider .flexslider, /*
.home-slider .flexslider ul li,*/
.home-slider .flexslider ul img{
    width: 100vw !important;
    height: auto !important;
}
.banner-slider .flexslider, /*
.home-slider .flexslider ul li,*/
.banner-slider .flexslider ul img{
    width: 100vw !important;
    height: 289px !important;
}
.home-slider .views-field-field-body-text{
    margin-top: -400px;
}
.bfctitle{
    font-family: 'Montserrat-Bold' !important;
    font-size: 3.5em !important;
    text-decoration: none;
    color: #3277ae !important;
    font-weight: bolder !important;
    text-align: center;
    text-shadow: 4px -1px 3px #fff;
    margin-bottom: 50px;
}
.bfctext{
    position: relative;
    background-image: url('/sites/default/files/gradient.png') !important;
    background-repeat: repeat;
    max-width: 34% !important;
    color: #fff;
    padding: 22px;
    font-size: 18px;
    text-align: center;
    margin: auto;
}
.bfclink{
    text-align: center;
    margin-top: 5px;
}
.bfclink a{
    font-size: 16px !important;
    color: #3f9fc3;
    border: 1px solid #fff;
    padding: 5px 20px 5px 20px;
    background: #fff;
}
.bfclink a:hover{
    background-color: #3f9fc3;
    color: #fff;
    text-decoration: none;
}
.home-slider .flex-control-paging li a{
    cursor: pointer;
    height: 12.5 px;
    width: 12.5 px;
    top: 80px !important;
    position: relative;
    z-index: 2 !important;
    padding: 4px;
}
.home-slider .flex-control-paging li a.flex-active{
    background: #000 !important;
    cursor: default;
} 
/* ===================
 * Secondary Menu
 * =================== */
#navbar{
    background-color:#3277ae !important ;
    position: relative;
    height: 80px;
    width: 100%;
    border-top: 2px solid #fff;
}
.secondary-menu .block__content .field-block-content--body{
    margin: 0 !important;
}
.navbar li {
    height: 77px;
    float: left;
    text-align: center;
    list-style: none;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0;
    margin: 0px 0px 0px 0px;
    border-right: 1px solid #6599c2;
}
.navbar li a.menu01{
    margin-left: -25px;
}
.navbar a {
    padding: 17px 16px;
    line-height: 20px;
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    display: block;
    text-decoration: none;
    font-weight: normal !important;
}

/* ===================
 * welcome to bahosi
 * =================== */
 #highlighted,  #highlighted .container, #features{
    background-color: #fff0db !important;
 }
.welcometobahosi h2{
    padding: 50px 0 15px 0;
    color: #3277ae;
    font-size: 1.3em;
    text-transform: none;
    margin-top: 14px;
}
#rid-features-first,
#rid-features-second,
#rid-features-third{
    padding: 0 40px 0 40px;
}
.one-stop p,
.experience p,
.available-services p {
    font-size: 20px;
    color: #002147;
    font-weight: normal !important;
    line-height: 28px;
    letter-spacing: 1px;
}
/* ===================
 * various technic
 * =================== */
 #content-suffix{
    background-image: url('/sites/default/files/bg_surgery.jpg') !important;
    height: 500px;
    width: 100%;
    margin: auto;
    padding: 50px 0 50px 0;
    background-position: center;
}
#content-suffix .container{
    background-color: transparent !important;
} 
.techniques h2 {
    width: 70%;
    margin: 0 auto;
    color: #fff;
    font-size: 1.3em;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
}
#sub-features{
    background-color: transparent !important;
    margin-top: -315px;
    max-width: 1366px;
}
.take-home-baby, .IVF-ICSI, 
.on-goning-lists, .bfc-journey {
    background: #002147 !important;
    height: 180px;
    border-radius: 4px;
}
.take-home-baby #value1, .IVF-ICSI #value2, 
.on-goning-lists #value3, .bfc-journey #value4 {
    color: #fff !important;
    font-size: 52px;
    font-weight: bold;
    text-align: center;
    line-height: 110px;
}
.take-home-baby p, .IVF-ICSI p, 
.on-goning-lists p, .bfc-journey p {
    color: #fff !important;
    text-align: center;
    line-height: 28px;
    z-index: 10 !important;
    font-size: 17px;
}

/* ===================
 * Counselling, Fertilization and Sperm
 * =================== */
 #counselling, #counselling .container,
 #fertilization, #fertilization .container,
 #sperm, #sperm .container{
    background: #ccddeb !important;
    margin: auto;
    position: relative;
}
#counselling .container, #rid-counselling,
#fertilization .container, #rid-fertilization,
#sperm .container, #rid-sperm,
#location .container, #rid-location{
    padding: 0;
}
 #location, #location .container{
    background: #fff !important;
    margin: auto;
    position: relative;
}
.counselling-text,
.sperm-text,
.location-text{
    width: 50%;
    float: left;
    padding: 60px;
}
.location-text{
    padding-bottom: 30px;
}
.location-text img{
    margin-top: 7px;
}
.counselling-image,
.sperm-image,
.location-image{
    width: 50%;
    height: 433px;
    float: right;
    margin: 0;
}
.fertilization-image{
    width: 50%;
    height: 433px;
    float: left;
    margin: 0;
}
.fertilization-text{
    width: 50%;
    float: right;
    padding: 60px;
}
.counselling-image img,
.fertilization-image img,
.sperm-image img,
.location-image img {
    width: 683px;
    height: 433px;
}
.counselling-text h2,
.fertilization-text h2,
.sperm-text h2{
    font-size: 24px;
    color: #333333;
    font-weight: bolder !important;
    line-height: 30px;
    display: block;
    font-family: 'Pyidaungsu' !important;
}
.counselling-text p,
.fertilization-text p,
.sperm-text p,
.location-text p {
    font-size: 20px;
    color: #333333;
    font-weight: normal !important;
    line-height: 25px;
    animation-duration: 3s;
    animation-name: slide-out;
}
.counselling-text a,
.fertilization-text a,
.sperm-text a{
    font-size: 15px;
    color: #fff;
    font-weight: normal !important;
    line-height: 25px;
    background: #3277ae !important;
    width: 242px;
    height: 42px;
    padding: 10px 30px;
    position: relative;
    top: 50px;
}
.counselling-text a:hover,
.fertilization-text a:hover,
.sperm-text a:hover{
    text-decoration: none;
}

/* ===================
 * Activity
 * =================== */
#activity{
    padding: 10px 0px 30px 0px;
    border-top: 60px solid #fff;
    background-color: #f8f8f8 !important;
}
.activity-block h2 {
    font-family: Montserrat-Regular !important;
    padding: 20px;
    text-align: center;
    font-size: 24px;
    color: #3277ae;
    font-weight: normal !important;
    line-height: 21px;
    letter-spacing: 1px;
}
.activity-block h2 span.one {
    font-size: 24px;
    color: #3277ae;
    font-weight: bold !important;
    line-height: 40px;
    letter-spacing: 2px;
}
.activity-block .views-field-field-post-date {
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    margin: 20px 0 20px 0;
    position: relative;
    color: #002147;
    font-weight: bold;
    font-size: 23px;
}
.activity-block a{
    color: #002147;
}
.activity-block a:hover{
    text-decoration: none;
}
/* ===================
 * Copyright
 * =================== */
#footer{
    background: #002147 !important;
    height: 233px;
}
.copyright{
   margin: 50px 0px 0px 0px;
}
.copyright img{
    margin: 0px 10px 20px 15px;
}
.cp{
    font-size: 13px;
    color: #8090a3;
}

/* ===================
 * Main
 * =================== */
 .path-frontpage #main-content{
    display: none;
 }
 #banner,  #banner .container{
    background-color: #ffffff !important;
 }
 .pager__link--is-active{
    border: 1px solid #3f9fc3 !important;
 }
 #main-content{
    padding: 0px 0 50px 0;
    background-color: #ffffff !important;
 }
  #main-content .container{
    background-color: transparent !important;
  }
  .sidebar-block{
    margin: 0;
    border: 1px solid #ddd;
  }
  .sidebar-block h2{
    margin: 0;
    background: #3277ae;
    padding: 0 20px 0 31px;
    font-size: 15px;
    line-height: 45px;
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
    letter-spacing: 1px;
    width: 100%;
    max-width: 100%;
}
.sidebar-block .block__content{
    padding: 30px;
}
.sidebar-block a{
    font-size: 15px;
    color: #5c5e62;
}

.page-node-type--opd .flex-control-paging li a,
.page-node-type--article .flex-control-paging li a{
    cursor: pointer;
    height: 12.5 px;
    width: 12.5 px;
    top: -40px;
    position: relative;
    z-index: 2 !important;
    padding: 4px;
}
/* ===================
 * Testinomials, Services, Activities, Knowledge
 * =================== */
 .path-testinomials .view-categories .views-row,
 .path-services .view-categories .views-row,
 .path-activities .view-activities .views-row{
    height: 240px;
    border-bottom: 1px solid #ddd;
 }
.path-news .view-categories .views-view-responsive-grid__item,
 .path-knowledge .view-categories .views-row{
    height: auto;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd !important;
}
.path-testinomials .view-categories .views-field-title, 
.path-services .view-categories .views-field-title,
.path-activities .view-activities .views-field-title,
.path-knowledge  .view-categories .views-field-title,
.path-news .view-categories .views-field-title{
    margin:20px 0px 15px 0px;
 }
.views-field-field-post-date{
    font-size: 15px;
    color: #007878;
    font-weight: normal;
    float: none;
    position: relative;
    margin:0px 0px 10px 0px;
 }
.views-exposed-form{
    float: right;
 }
.views-exposed-form #edit-submit-activities{
    border-radius: 30px !important;
 }
.path-activities .flex-direction-nav,
.sidebar-block .flex-direction-nav{
    display: none;
}
.views-exposed-form .form--inline .form-actions {
    clear: none;
}
.path-testinomials .view-categories .views-row .views-field-field-testinomials-image img,
.path-services .view-categories .views-row .views-field-field-service-image img,
.path-activities .view-activities .views-row .views-field-field-feature-image img{
    float: left;
    margin:0px 20px 0px 0px;
 }
 .path-testinomials .view-categories .views-row .views-field-view-node a,
 .path-services .view-categories .views-row .views-field-view-node a,
 .path-activities .view-activities .views-row .views-field-view-node a,
 .path-knowledge .view-categories .views-row .views-field-view-node a,
 .path-news .view-categories .views-row .views-field-view-node a {
    background: transparent none repeat scroll 0 0 !important;
    color: #5c5e62;
    font-size: 14px;
    font-weight: normal;
    left: -10px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 0 !important;
    margin-top: 50px !important;
}
.path-testinomials .view-categories .views-row .views-field-view-node,
.path-services .view-categories .views-row .views-field-view-node,
.path-activities .view-activities .views-row .views-field-view-node,
.path-knowledge .view-categories .views-row .views-field-view-node,
.path-news .view-categories .views-row .views-field-view-node{
    margin-top: 15px !important;
}
/* ===================
 * Media Gallery
 * =================== */
.path-video-gallery .view-media-gallery .views-row{
    height: 250px;
    border-bottom: 1px solid #ddd;
}
.path-video-gallery .view-media-gallery .views-field-title{
    margin:20px 0px 15px 0px;
 }

.path-activities .flex-direction-nav {
    display: none;
}
.path-video-gallery .view-media-gallery .views-row .views-field-field-cover-image img{
    float: left;
    margin:0px 20px 0px 0px;
 }
 .path-video-gallery .view-media-gallery .views-row .views-field-view-node{
    margin-top: 80px;
 }
.path-video-gallery .view-media-gallery .views-row .views-field-view-node a {
    background: transparent none repeat scroll 0 0 !important;
    color: #5c5e62;
    font-size: 14px;
    font-weight: normal;
    left: -10px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 0 !important;
    margin-top: 50px !important;
}

.path-news .view-categories .views-row .views-field-view-node{
    margin-top: 15px !important;
}
 .views-field-field-gallery-image .item-list__item:not(:first-child) {
  display: none;
} 

/* ===================
 * Back To top
 * =================== */
#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:  #516273 !important;
}





 /* =============================================================================
Media Quaries
 * ========================================================================== */    
@media screen and (min-width: 320px) and (max-width: 425px){
.languageswitcher {
    float: none; 
    margin: -84px 0px 0px 0px;
}
.mainmenu {
    margin: -80px 0px 0px 0px;
}
#superfish-main-toggle{
    background: transparent; 
    margin: 0px 0px 0px 220px;
    color: #3f9fc3 !important;
}
#superfish-main-toggle span{
  display: none;
}
.path-frontpage #leaderboard{
    height: 161px !important;
    margin-top: 129px;
    justify-content: normal !important;
 }
.bfctitle {
    font-size: 1.5em !important;
}
.home-slider .views-field-field-body-text {
    margin-top: -229px !important;
}
.bfctext {
    font-size: 12px ;
    max-width: 90% !important;
    padding: 3px;
}
#navbar {
    height: auto;
}
.navbar a {
    padding: 10px 10px;
}
.techniques h2 {
    width: 100%;
    margin: 0px;
    font-size: 17px;
}

.counselling-text,
.sperm-text,
.location-text,
.counselling-image,
.sperm-image,
.location-image,
.fertilization-text,
.counselling-image img,
.fertilization-image,
.fertilization-image img,
.sperm-image img,
.location-image img {
    width: 100%;
    height: auto;
    float: none;
    padding: 5px;
}

#footer {
    height: auto;
}
#backtotop {
            background: url(../backtotop2x.png) no-repeat center center;
    width: 35px;
    height: 35px;
}
.path-testinomials .view-categories .views-row, .path-services .view-categories .views-row, .path-activities .view-activities .views-row {
    height: auto;
}

.path-testinomials .view-categories .views-row .views-field-field-testinomials-image img, .path-services .view-categories .views-row .views-field-field-service-image img, .path-activities .view-activities .views-row .views-field-field-feature-image img {
    float: none;
    width: 100%;
    margin: 0px 20px 0px 0px;
}
}

@media screen and (min-width: 426px) and (max-width: 768px) {
.languageswitcher{
    float: none; 
    margin: -45px 0px 0px 0px;
}
.mainmenu {
    margin: -100px 0px 0px 0px;
    width: max-content;
}
#superfish-main-toggle{
    background: transparent; 
    margin: 0px 0px 0px 220px;
    color: #3f9fc3 !important;
}
#superfish-main-toggle span{
  display: none;
}
.bfctitle {
    font-size: 1.5em !important;
}
.bfctext {
    max-width: 90% !important;
}
#navbar {
    height: auto;
}
.navbar a {
    padding: 10px 10px;
}
.techniques h2 {
    width: 100%;
    margin: 0px;
    font-size: 17px;
}
.counselling-text,
.sperm-text,
.location-text,
.counselling-image,
.sperm-image,
.location-image,
.fertilization-text,
.counselling-image img,
.fertilization-image,
.fertilization-image img,
.sperm-image img,
.location-image img {
    width: 100%;
    height: auto;
    float: none;
    padding: 1.5em;
}
#footer {
    height: auto;
}
#backtotop {
            background: url(../backtotop2x.png) no-repeat center center;
    width: 35px;
    height: 35px;
}
.path-testinomials .view-categories .views-row, .path-services .view-categories .views-row, .path-activities .view-activities .views-row {
    height: auto;
}

.path-testinomials .view-categories .views-row .views-field-field-testinomials-image img, .path-services .view-categories .views-row .views-field-field-service-image img, .path-activities .view-activities .views-row .views-field-field-feature-image img {
    float: none;
    width: 100%;
    margin: 0px 20px 0px 0px;
}
}