body { overflow-x: hidden !important; font-family: Roboto-Regular !important; background-color: #fff !important; } html { scroll-behavior: auto; /* Disable smooth scrolling */ } * { box-sizing: border-box; } p { font-size: 16px !important; line-height: 27px;color: #333333 !important; font-family: Roboto-Regular !important; text-align: justify; } h2 { font-family: Roboto-Light; src: url("font/Roboto-Light.ttf"); font-size: 3em; color: #183b4e; padding: 0; } h3 { font-family: Roboto-Bold; font-size: 1.7em; color: #343434; padding: 35px 0 30px 0; } b, strong { font-size:16px !important;} @font-face { font-family: Roboto-Regular; src: url("font/Roboto-Regular.ttf"); } @font-face { font-family: Roboto-Bold; src: url("font/Roboto-Bold.ttf"); } @font-face { font-family: Roboto-Italic; src: url("font/Roboto-Italic.ttf"); } @font-face { font-family: Roboto-Light; src: url("font/Roboto-Light.ttf"); } @font-face { font-family: Roboto-Medium; src: url("font/Roboto-Medium.ttf"); } /* =================== * Display:none * =================== */ .site-branding__name-link { display:none !important;} .view-empty, .feed-icons, .l-attribution {display:none !important;} #main-content .node--id-47 {display:none !important;} .path-search .messages {display:none !important;} .node--id-28 span.field-name-title {display:none !important;} button, .button { -webkit-box-shadow: none !important; box-shadow: none !important; } .node--type-news .field-name-field-description-n p, .node--type-news.field-name-field-description-n p, .field-node--field-description-n p {display:none !important;} #largeimg .flex-control-nav, #largeimg.flex-control-nav, #largeimg .flex-control-paging, #largeimg.flex-control-paging, #largeimg ol.flex-control-nav {display:none !important;} .path-frontpage .node--id-271 span.field-name-title { display:none !important;} /* =================== * Search * =================== */ .item-list--search-results { -webkit-box-shadow: none !important; box-shadow: none !important;} .search-results { padding: 0 !important;} .path-search h1.page__title { font-family: Roboto-Bold; text-transform: uppercase; font-size: 29px !important; font-weight: bold; color: #2a426e !important; line-height: 26px; display: block; padding: 40px 0 34px 0; } .path-search h2 { background: #fff !important; font-family: Roboto-Bold; text-transform: uppercase; font-size: 29px !important; font-weight: bold; color: #2a426e !important; line-height: 39px; display: block; position: relative; margin-top: -4px; margin-bottom: 17px; } .search-result__title { margin-top: -22px;} /* =================== * Header * =================== */ .pr-header {background-color: #fff !important;} svg.sm, svg.me, svg.ct, svg.se { position: relative; top:7px;} #block-secondarymenu-2 a { line-height:40px; color: #fff; margin-left:10px; } #block-secondarymenu-2 a:hover {color: #95b8ee; text-decoration:none;} .svg0 path, .svg1 path, .svg2 path, .svg3 path { fill: #8dbbf9; } /* ============================================================================= * Main Menu * ========================================================================== */ #block-primarymenu-2 { top: 0; position: relative;} #block-primarymenu-2 li a {color: #5c5c5c !important;} a.we-mega-menu-li:hover {font-size: 18px !important; color: #0176ab;} .we-mega-menu-ul > .we-mega-menu-li {border-left:none !important; } .pr-navbar{ height: 57px; border-bottom: 1px solid transparent !important; } .navbar-we-mega-menu, .we-mega-menu-ul > .we-mega-menu-li > a { background-color: transparent !important; } #block-primarymenu-2 li.active a { color: #95b8ee !important;} /* For Arrow Icon */ .we-mega-menu-ul .dropdown-menu .dropdown-menu > a::after, .we-mega-menu-ul .dropdown-menu .dropdown-menu > span::after { right: 0.3rem !important; } .we-mega-menu-ul > .dropdown-menu > a, .we-mega-menu-ul > .dropdown-menu > span { padding-right: 2.375rem !important; } .we-mega-menu-ul > .we-mega-menu-li > a::after { opacity: 1 !important;} .we-mega-menu-ul .dropdown-menu > a::after, .we-mega-menu-ul .dropdown-menu > span::after { opacity: 1 !important;} .we-mega-menu-ul .dropdown-menu > a::before, .we-mega-menu-ul .dropdown-menu > span::before { background-image: url("images/ico-arrow.png"); background-repeat: no-repeat; width: 16px; height: 11px; z-index:0; } /* ============================================================================= * Sub Menu * ========================================================================== */ .navbar-we-mega-menu.navbar .nav-tabs > li.active > a, .navbar-we-mega-menu.navbar .nav-tabs > li.active > a:focus { font-size: 18px; font-weight: normal !important;color: #95b8ee !important;} .we-mega-menu-submenu li.we-mega-menu-li a { font-size: 15px; font-weight: normal !important;color: #2e2e2e !important;} .we-mega-menu-ul > .we-mega-menu-li > a:hover, .we-mega-menu-ul > .we-mega-menu-li > a:focus, .navbar-we-mega-menu.navbar .nav-tabs > li.active > a:hover, .we-mega-menu-submenu li.we-mega-menu-li a:hover, .we-mega-menu-submenu li.we-mega-menu-li a:focus { font-size: 15px; font-weight: normal !important; color: #153e76 !important;} nav[data-animation="Slide"]:not(.click-action) .we-mega-menu-ul .we-mega-menu-li.dropdown-menu.open > .we-mega-menu-submenu, nav[data-animation="Slide"] .we-mega-menu-ul .we-mega-menu-li.dropdown-menu.clicked > .we-mega-menu-submenu, nav[data-animation="Slide"]:not(.admin) .we-mega-menu-ul .dropdown-menu:hover:not(.clicked) > .we-mega-menu-submenu, nav[data-animation="Slide"]:not(.admin) .we-mega-menu-ul .dropdown-menu:focus:not(.clicked) > .we-mega-menu-submenu { margin-top: 0px !important;background-color: #f0f0f0 !important; z-index: 9999;} .we-mega-menu-ul > .dropdown-menu:hover > a, .we-mega-menu-ul > .dropdown-menu:hover > span, .we-mega-menu-ul > .dropdown-menu:focus > a, .we-mega-menu-ul > .dropdown-menu:focus > span {font-size: 15px; font-weight: normal !important;color: #2e2e2e;} /* ============================================================================= * Slider ========================================================================== */ .l-r, .l-rw { padding: 0 !important;} #block-views-block-slider-block-1 {margin-bottom: -5px !important; background: #0f1c2c;} #block-views-block-slider-block-1.block,#block-views-block-slider-block-1.l-bl { margin: 0 !important;} #rid-content.l-r {background: #fff !important;} /* ============================================================================= Welcome block * ========================================================================== */ #block-welcometomyanmarkoeiinternational { text-align: center; padding: 15px 0 13px 0; } #block-welcometomyanmarkoeiinternational p a { background: #8dbbf9 !important; padding: 13px 37px; margin-top: 10px; font-size: 15px !important; color: #fff; border-radius: 28px; border:none !important; } #block-welcometomyanmarkoeiinternational p a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } #block-welcometomyanmarkoeiinternational p a img { margin-left:10px; position: relative;} #block-welcometomyanmarkoeiinternational p.img { text-align: center;} #block-welcometomyanmarkoeiinternational p { padding: 30px 0 18px 0;} /* ============================================================================= Core Services block * ========================================================================== */ #block-ourcoreservices { text-align: center; padding: 0; margin-bottom: 42px; } #block-ourcoreservices p.text { padding: 29px 0 52px 0;} #block-ourcoreservices table p { padding:0 !important;} .path-frontpage #block-ourcoreservices h2#block-ourcoreservices-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.7em !important; font-weight: bold; color: #2a426e !important; line-height: 28px; text-align: center; position: relative; top: 0px; padding-bottom: 57px; display: block; } .fourty { height: 40px; width: 40px; float:left; margin-right: 15px; } #block-ourcoreservices table { width:100% !important;} #block-ourcoreservices table tr, #block-ourcoreservices table td, #block-ourcoreservices table th {border-color: none !important; border: none !important;} #block-ourcoreservices table td:hover { background-color: none !important;} #block-ourcoreservices table td, #block-ourcoreservices table th { padding:0 !important;} #block-ourcoreservices table p { line-height: 32px; text-align: left;} #block-ourcoreservices table td:hover, #block-ourcoreservices table:hover {background-color: transparent !important;} tr:hover, td:hover, th:hover {background-color: transparent !important;} .node--type-page thead, node--type-page thead:hover {background: #b8d4fb; font-weight: bold;} thead tr {background-color: transparent !important;} td.no, td.no:hover {background: #daf2fc !important; } tr, td, th { border-color: #a6a7a8 !important; font-size: 16px !important;} /* ============================================================================= Our Projects block * ========================================================================== */ #highlighted,#rid-highlighted .l-r, #rid-highlighted, .pr-highlighted__highlighted { background: #e2e2e2 !important; padding-bottom: 34px;} h2#block-ourprojects-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.7em !important; font-weight: bold; color: #2a426e !important; line-height: 44px; text-align: center; display: block; padding: 52px 0 0 0; } /* ============================================================================= * Home Our Projects (9 Blocks) * ========================================================================== */ #block-views-block-our-projects-home-block-block-1 { position: relative; left: 10px;} .pr-features {background-color: #e2e2e2 !important; padding-bottom: 37px;} #block-transportation .field-block-content--body img { width: 387px !important; height: 136px !important; } #block-transportation .field-block-content--body p a { font-family: Roboto-Light; src: url("font/Roboto-Light.ttf"); font-size: 23px; color: #fff !important; text-align: center !important; text-transform: uppercase; font-weight: bold; display: block; line-height: 37px; } /* ============================================================================= * News & Events block (Home) * ========================================================================== */ #block-newsevents { padding: 60px 0 27px 0;} #block-newsevents h2 { font-family: Roboto-Bold; text-transform: uppercase; font-size: 2em !important; font-weight: bold; color: #2a426e !important; line-height: 25px; text-align: center; } .path-frontpage .view-news { padding-left: 15px;} .l-view-gallery { background-color: #efefef !important;} #block-views-block-news-block-1 .col-2 { left: 12px; position: relative;} #block-views-block-news-block-1 .views-field-field-post-date-ne { color: #9ab6e5; font-size: 14px; font-style: italic; margin-bottom: 14px; } #block-views-block-news-block-1 .views-field-title span.field-content a { color: #000; font-family: Roboto-bold !important; font-size:23px; text-transform:uppercase; padding-bottom: 0; display: block; } #block-views-block-news-block-1 .views-field-title span.field-content a:hover { color: #0176ab !important; text-decoration: none; } #block-views-block-news-block-1 .views-field-field-description-n p {text-align: justify; margin-top: 30px; position: relative; width: 596px !important; /* padding-bottom: 20px; */ } #block-views-block-news-block-1 .views-field-field-news-img a img { margin-bottom: 34px;} #block-views-block-news-block-1 .views-view-grid.horizontal .views-col { padding:0 !important; margin-left: -5px; } /* ============================================================================= * Secondary Menu footer block (Home) * ========================================================================== */ #footers { background-color: #2a426e !important; } #rid-footer-first{ width: 77% !important; background-color: #2a426e !important; margin: 44px 0 0 0;} #rid-footer-second { width: 23% !important; background-color: #2a426e !important;} #block-youtube { padding: 20px 0 0 0;} #block-youtube p { color: #fff !important;} #footer, .pr-footer, #rid-footer { background-color: #000 !important; } #footer p.text-align-center {padding: 10px 0 0 0; color: #fff !important;} #footers.regions, #footers .regions { background-color: #2a426e !important; } /* ============================================================================= * Secondary menu (footer) * ========================================================================== */ #block-secondarymenu { position: relative; top: 0px; } #block-secondarymenu .we-mega-menu-ul > .we-mega-menu-li.active > a, #block-secondarymenu .we-mega-menu-ul > .we-mega-menu-li.active > a:hover, #block-secondarymenu .we-mega-menu-ul > .we-mega-menu-li.active > a:focus, #block-secondarymenu .we-mega-menu-ul > .we-mega-menu-li.active-trail > a, #block-secondarymenu .we-mega-menu-ul > .we-mega-menu-li.active-trail > a:hover, #block-secondarymenu .we-mega-menu-ul > .we-mega-menu-li.active-trail > a:focus { background-color: transparent !important;} #block-secondarymenu li.we-mega-menu-li a { font-family: Roboto-Regular !important; src: url("font/Roboto-Regular.ttf"); color: #fff !important; font-size: 14px !important; text-transform: none !important; border-right: 1px solid #fff; padding: 0 12px !important; font-weight: normal !important; } #block-secondarymenu li.we-mega-menu-li a:hover { color: #95b8ee !important; font-size: 14px !important; font-weight: normal !important; } #block-secondarymenu li.we-mega-menu-li:last-child, #block-secondarymenu li.we-mega-menu-li:last-child a, #block-secondarymenu li.use a { border-right: none !important;} #leaderboard, #rid-our-news, #rid-leaderboard { background: #fff !important;} #our_news { background: #fff !important; margin-bottom: -37px;} #rid-our-news { margin-bottom: 22px; position: relative;} /* ============================================================================= * Breadcrumbs * ========================================================================== */ #content-prefix { background-color: #8dbbf9;} a.breadcrumb__link { color: #fff !important;} #rid-content-prefix.l-r, #rid-content-prefix .l-r { background: #8dbbf9 !important;} .breadcrumb li::before { color: #fff !important; } /* ============================================================================= * Node pages * ========================================================================== */ .l-content-suffix { background-color: #fff !important; } #main-content { background-color: #fff !important; } .path-frontpage #main-content { margin-bottom: -2px;display:block;} #c-right table td, #c-right table tr, #c-right table th { border:none !important; padding: 0 20px 18px 6px; display:block; } #c-right table img { float:left; margin-right:20px; margin-top: 10px;} #c-right h4 { margin-bottom: 4px;} .node--type-page span.field-name-title { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.7em !important; font-weight: bold; color: #2a426e !important; line-height: 26px; display: block; padding: 40px 0 34px 0; } .node { padding: 0 !important;box-shadow: none !important; -webkit-box-shadow: none !important; } .node--type-page .field-node--body ul li { font-size: 16px !important; } .page-node-type--what-we-do #main-content { padding-bottom: 15px;} .node--type-what-we-do h1.node__title span.field-name-title, .page-node-type--our-project h1.node__title span.field-name-title, .page-node-type--energy h1.node__title span.field-name-title, .page-node-type--environmental h1.node__title span.field-name-title, .page-node-type--water h1.node__title span.field-name-title, .page-node-type--agriculture h1.node__title span.field-name-title, .page-node-type--transportation h1.node__title span.field-name-title, .page-node-type--urban-and-regional h1.node__title span.field-name-title, .page-node-type--survey h1.node__title span.field-name-title, .page-node-type--digital h1.node__title span.field-name-title, .page-node-type--architectural h1.node__title span.field-name-title { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.7em !important; font-weight: bold; color: #2a426e !important; text-align:center !important; display: block; padding: 36px 0 31px 0; } .page-node-type--environmental .node--id-200 h1.node__title span.field-name-title, .page-node-type--environmental .node--id-201 h1.node__title span.field-name-title, .page-node-type--environmental .node--id-202 h1.node__title span.field-name-title, .page-node-type--environmental .node--id-203 h1.node__title span.field-name-title, .page-node-type--environmental .node--id-204 h1.node__title span.field-name-title, .page-node-type--environmental .node--id-205 h1.node__title span.field-name-title, .page-node-type--environmental .node--id-206 h1.node__title span.field-name-title, .page-node-type--environmental .node--id-207 h1.node__title span.field-name-title, .page-node-type--environmental .node--id-208 h1.node__title span.field-name-title, .page-node-type--environmental .node--id-259 h1.node__title span.field-name-title, .page-node-type--environmental .node--id-260 h1.node__title span.field-name-title, .page-node-type--environmental .node--id-261 h1.node__title span.field-name-title, .page-node-type--environmental .node--id-262 h1.node__title span.field-name-title { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.7em !important; font-weight: bold; color: #2a426e !important; text-align:center !important; display: block; padding: 36px 0 30px 0; } .page-node-type--environmental .node--id-200 h3, .page-node-type--environmental .node--id-201 h3 { font-family: Roboto-Bold; font-size: 1.7em; color: #343434; padding: 0; } .page-node-type--what-we-do #rid-content-suffix .field-block-content--body a, .page-node-type--our-project #rid-content-suffix .field-block-content--body a { background: #8dbbf9 !important; padding: 11px 18px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; } .page-node-type--what-we-do #rid-content-suffix .field-block-content--body a:hover, .page-node-type--our-project #rid-content-suffix .field-block-content--body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } #block-block-content-7d72744f-4c0d-472e-822c-4f4d3c0778ea a img { margin-left: 10px; position: relative; } .page-node-type--news h1.node__title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 23px !important; font-weight: bold; color: #2a426e !important; line-height: 25px; } /* ============================================================================= * What We Do page * ========================================================================== */ .energy .field-name-body, .transport .field-name-body, .water .field-name-body, .architect .field-name-body, .survey .field-name-body { background: #f2f2f2 !important; margin-bottom: 50px; } .energy h2, .transport h2, .water h2, .architect h2, .survey h2 { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; padding-bottom: 26px; } #right p a img, #left p a img { margin-left: 10px; position: relative; } .urban h2, .agriculture h2, .env h2, .digital h2 { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; padding-bottom: 26px; } .urban .field-block-content--body, .agriculture .field-block-content--body, .env .field-block-content--body, .digital .field-block-content--body { background: #f2f2f2 !important; margin-bottom: 50px;} /* ============================================================================= * What We Do page (Our Core Services) * ========================================================================== */ #content-suffix, #rid-content-suffix { background: #fff !important; padding-bottom: 2px;} .services table { width:100% !important;} .services table tr, .services table td, .services table th {border-color: none !important; border: none !important;} .services table td:hover { background-color: none !important;} .services table td, .services table th { padding:0 !important;} .services table p { line-height: 32px; text-align:left;} .services table td:hover, .services table:hover {background-color: transparent !important;} .services h2.block__title span { background: #fff !important; font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.7em !important; font-weight: bold; color: #2a426e !important; line-height: 61px; text-align: center; display: block; position: relative; margin-top: -10px; margin-bottom: 33px; } .services h2#block-block-content-d06f31f5-5681-496e-9b78-2b16ecc02e46-title span { background: #fff !important; font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.7em !important; font-weight: bold; color: #2a426e !important; line-height: 61px; text-align: left; display: block; position: relative; margin-top: 39px; margin-bottom: 33px; } p.text { padding-bottom: 31px;} /* ============================================================================= * Our Projects Page (energy banner) * ========================================================================== */ .view-in-banner .field-content { margin-top: -17px; } /* ============================================================================= * Energy page * ========================================================================== */ .view-projects .views-field-field-energy-image a img { width: 378px !important; height: 232px !important; } /* ============================================================================= * What we do > node page readmore button * ========================================================================== */ .field-node--field-link-do .field__item a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; width: 15%; margin-top: 60px; margin-bottom: 45px; } .field-node--field-link-do .field__item a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } .page-node-type--what-we-do .view-more-projects a img, .page-node-type--agriculture .view-more-projects a img, .page-node-type--water .view-more-projects a img, .page-node-type--architectural .view-more-projects a img, .page-node-type--digital .view-more-projects a img, .page-node-type--survey .view-more-projects a img, .page-node-type--energy .view-more-projects a img, .page-node-type--urban-and-regional .view-more-projects a img, .page-node-type--transportation .view-more-projects a img, .page-node-type--environmental .view-more-projects a img { margin-left: 7px; position: relative; } .page-node-type--agriculture .datetime, .page-node-type--urban-and-regional .datetime, .page-node-type--transportation .datetime, .page-node-type--environmental .datetime, .page-node-type--architectural .datetime, .page-node-type--digital .datetime, .page-node-type--survey .datetime, .page-node-type--energy .datetime, .page-node-type--water .datetime { display:none !important;} /* ============================================================================= * Our Projects (Energy block) * ========================================================================== */ .view-projects .views-field-title span.field-content a {color: #000;} .more .field-block-content--body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } .intro h2 span { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; margin-bottom: 42px; display:block; padding-top: 13px; } #block-views-block-projects-block-18 .views-field-title span.field-content a:hover { color: #95b8ee !important; } #block-views-block-projects-block-18 .views-field-title span.field-content a:hover{ color: #0176ab !important; text-decoration: none; } #block-views-block-projects-block-18 { padding-top: 15px;} /* ============================================================================= * Our Projects (Urban block) * ========================================================================== */ .intro-urban h2 span { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; margin-bottom: 21px; display:block; padding: 50px 40px 22px 0; } .more-urban .field-block-content--body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } #block-views-block-projects-block-2 .views-field-title span.field-content a:hover{ color: #95b8ee !important; } .page-node-type--page .more-urban a img{ margin-left: 7px; position: relative; } /* ============================================================================= * Our Projects (Transportation block) * ========================================================================== */ .more-transport .field-block-content--body a:hover{ background: #0176ab !important; color: #fff; text-decoration: none !important; } .intro-transport h2 span { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; margin-bottom: 40px; display:block; padding-top: 13px; } #block-views-block-projects-block-4 .views-field-title span.field-content a { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #000; text-transform: uppercase; font-weight: bold; line-height: 26px; padding-bottom: 16px; text-align: center !important; display:block; padding: 18px 0 0px 0; width: 378px; } #block-views-block-projects-block-4 .views-field-title span.field-content a:hover { color: #95b8ee !important; } #block-views-block-projects-block-4 { padding-top: 15px;} /* ============================================================================= * Our Projects (Agri block) * ========================================================================== */ #block-views-block-projects-block-6 .views-field-title span.field-content a:hover {color: #95b8ee !important; } .intro-agri h2 span { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; margin-bottom: 21px; display:block; padding: 50px 40px 22px 0; } .more-agri .field-block-content--body a:hover{ background: #0176ab !important; color: #fff; text-decoration: none !important; } /* ============================================================================= * Our Projects (Water block) * ========================================================================== */ #block-views-block-projects-block-10 .views-field-title span.field-content a:hover {color: #95b8ee !important; } .more-water .field-block-content--body a:hover{ background: #0176ab !important; color: #fff; text-decoration: none !important; } .intro-water h2 span{ font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; margin-bottom: 40px; display:block; padding-top: 13px; } /* ============================================================================= * Our Projects (Environ block) * ========================================================================== */ #block-views-block-projects-block-12 .views-field-title span.field-content a:hover {color: #95b8ee !important; } .intro-environ h2 span{ font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; margin-bottom: 21px; display:block; padding: 50px 40px 22px 0; } .more-environ .field-block-content--body a:hover{ background: #0176ab !important; color: #fff; text-decoration: none !important; } /* ============================================================================= * Our Projects (Archi block) * ========================================================================== */ .intro-archi h2 span{ font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; margin-bottom: 21px; display:block; padding: 50px 40px 22px 0; } .more-archi .field-block-content--body a:hover{ background: #0176ab !important; color: #fff; text-decoration: none !important; } #block-views-block-projects-block-8 .views-field-title span.field-content a:hover{color: #95b8ee !important; } /* ============================================================================= * Our Projects (Digital block) * ========================================================================== */ #block-views-block-projects-block-14 .views-field-title span.field-content a:hover {color: #95b8ee !important; } .intro-digital h2 span { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; margin-bottom: 21px; display:block; padding: 50px 40px 22px 0; } .more-digital .field-block-content--body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } /* ============================================================================= * Our Projects (Survey block) * ========================================================================== */ #block-views-block-projects-block-16 .views-field-title span.field-content a:hover{ color: #95b8ee !important; } #block-block-content-b60348f1-20c4-450c-a636-97d58c520c9c { margin-bottom: 58px;} .intro-survey h2 span { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; margin-bottom: 40px; display:block; padding-top: 13px; } .more-survey .field-block-content--body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } /* ============================================================================= * Our Projects (Urban,Agri, Envrion, Digital) * ========================================================================== */ .view-projects { margin-right: 4px;} /* ============================================================================= {Display:none;) * ========================================================================== */ .node--id-47 h1.node__title span, .node--id-131 h1.node__title span, .node--id-132 h1.node__title span, .node--id-133 h1.node__title span, .node--id-134 h1.node__title span, .node--id-135 h1.node__title span, .node--id-136 h1.node__title span, .node--id-137 h1.node__title span, .node--id-138 h1.node__title span, .node--id-139 h1.node__title span, .node--id-241 h1.node__title span, .node--id-153 h1.node__title span { display:none !important;} .page-node-type--our-project .field-node--field-projects-img, .page-node-type--energy .field-node--field-energy-img, .page-node-type--environmental .field-name-field-environ img, .page-node-type--water .field-name-field-water-img img, .page-node-type--agriculture .field-node--field-agri-img img, .page-node-type--transportation .field-node--field-transportation-img img, .page-node-type--urban-and-regional .field-node--field-urban-img img, .page-node-type--survey .field-node--field-survey-img img, .page-node-type--digital .field-node--field-digital-img img, .page-node-type--architectural .field-node--field-archi-img img { display:none !important;} .page-node-type--energy .field-node-field-categories-of-our-, .page-node-type--environmental .field-node-field-env, .page-node-type--water .field-node-field-categories-of-our-projects, .page-node-type--agriculture .field-node-field-agri, .page-node-type--transportation .field-node-field-transport, .page-node-type--urban-and-regional .field-node-field-categories-of-our, .page-node-type--survey .field-node-field-svy, .page-node-type--digital .field-node-field-digit, .page-node-type--architectural .field-node-field-archi { display:none !important;} .page-node-type--news .field-node--field-news-img { display:none !important;} .page-node-type--news .field-node--field-post-date-ne { display:none !important;} .page-node-type--news .field-node-field-news { display:none !important;} .path-photogallery li li li a.breadcrumb__link { display:none !important;} .path-photogallery span.breadcrumb__link, .path-videogallery span.breadcrumb__link { background: #8dbbf9 !important; color: transparent !important; position: relative; left: -12px; } .node--id-256 table td, .node--id-256 table tr, .node--id-256 table th { border:none !important;} /* ============================================================================= * Related News * ========================================================================== */ #block-views-block-related-news-block-1 { border-top: 1px solid #707070; padding-bottom: 21px; margin-top: 55px;} .page-node-type--news .views-field-title span.field-content a { color: #2a426e; font-family: Roboto-Medium !important; font-weight: bold; font-size: 20px; } .view-related-news .datetime { font-style: italic; color: #b8d4fb; } #block-views-block-related-news-block-1 h2#block-views-block-related-news-block-1-title span { color: #000; font-family: Roboto-bold !important; font-size: 23px; text-transform:uppercase; font-weight:bold; padding: 57px 0 32px 0; display: block; } .page-node-type--news h1.node__title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 23px !important; font-weight: bold; color: #2a426e !important; line-height: 25px; padding: 40px 0 33px 0; display: block; } h2#block-myanmar-koei-views-block-thumbnail-albums-block-2-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.5em !important; font-weight: bold; color: #2a426e !important; line-height: 25px; padding: 40px 0 0 0; display: block; } /* ============================================================================= * Updated News Page * ========================================================================== */ .path-updated-news .view-news .views-field-title span.field-content a { font-family: Roboto-Bold; font-size: 20px !important; font-weight: bold; color: #2a426e !important; line-height: 25px; padding:20px 0 0 0; display:block; } .path-updated-news .view-news .views-field-title span.field-content a:hover { color: #95b8ee !important; text-decoration:none; } .path-updated-news .views-field-field-post-date-ne { font-style: italic; color: #b8d4fb; padding-bottom: 14px; display:block; } .path-updated-news #block-views-block-news-block-1 .views-field-title span.field-content a { color: #000; font-family: Roboto-Regular !important; src: url("font/Roboto-Regular.ttf") !important; font-size: 2em; text-transform:uppercase; } #block-views-block-news-block-1 .views-field-title span.field-content a:hover { color: #0176ab !important; text-decoration: none; } /* ============================================================================= * Media page * ========================================================================== */ #block-views-block-news-block-2 .views-field-title span.field-content a { font-family: Roboto-Medium; font-size: 20px !important; font-weight: bold; color: #2a426e !important; line-height: 25px; padding: 35px 0 0 0; display:block; } .page-node-type--page .views-field-field-post-date-ne { font-style: italic; color: #b8d4fb; padding-bottom: 31px; display:block; } #block-views-block-photogallery-block-1 h2#block-views-block-photogallery-block-1-title span, #block-views-block-videogallery-block-1 h2#block-views-block-videogallery-block-1-title span { font-family: Roboto-bold; font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; margin-bottom: 51px; display: block; padding-top: 13px; margin-left: 0; } .all-news .field-block-content--body a:hover, .photo .field-block-content--body a:hover, .video .field-block-content--body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } .page-node-type--page .photo a img, .page-node-type--page .video a img { margin-left: 7px; position: relative; } .view-photogallery .views-field-title span.field-content { font-family: Roboto-Medium; font-size: 20px !important; font-weight: bold; color: #2a426e !important; line-height: 25px; padding: 34px 0 0 0; display:block; } .view-videogallery .views-field-title span.field-content { font-family: Roboto-Medium; font-size: 20px !important; font-weight: bold; color: #2a426e !important; line-height: 25px; padding: 20px 0 0 0; display:block; } .views-field-field-gallery-postdate, .views-field-field-video-postdate { font-style: italic; color: #b8d4fb; padding-bottom: 20px; display:block; } /* ============================================================================= * News Page * ========================================================================== */ .path-updated-news .view-news .views-field-title span.field-content a { font-family: Roboto-Medium; font-size: 20px !important; font-weight: bold; color: #2a426e !important; line-height: 25px; padding: 35px 0 0 0; display:block; } .path-updated-news .views-field-field-post-date-ne { font-style: italic; color: #b8d4fb; padding-bottom: 31px; display:block; } /* ============================================================================= * Contact us,Career page * ========================================================================== */ .contact-us .field-block-content--body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } .page-node-type--page .contact-us a img, .page-node-type--page .all-news a img { margin-left: 7px; position: relative; } .node--id-251 .node__content { margin-bottom: 59px;} /* ============================================================================= * code of conduct button * ========================================================================== */ .conduct .field-block-content--body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; margin-bottom: 38px; width: 200px; } .conduct .field-block-content--body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } .page-node-type--page .conduct a img { margin-left: 7px; position: relative; } .node--id-15 .node__content { margin-bottom: 59px;} /* ============================================================================= * Media Quaries * ========================================================================== */ @media (min-width: 60.0625em){ .pr-main .hr--1-3 .l-r:last-child { width: 100% !important; background: #fff !important; } } @media screen and (min-width: 1280px) { #block-secondarymenu-2 .field__items { margin-left: 246px;} } @media screen and (max-width: 1279px) { #block-secondarymenu-2 .field__items { margin-left: 0px;} } @media screen and (min-width: 961px) { .views-view-grid.cols-3 .views-col { width: 33% !important;} img.align-left, figure.align-left, .field-type-image__figure.align-left { margin: 0 40px 1rem 0 !important; } } /* ============================================================================= Media Quaries (max-width: 320px) * ========================================================================== */ @media screen and (max-width: 320px) { h2#block-ourcoreservices-title span {line-height: 23px;} #block-secondarymenu-2 { background: #2a426e; position: relative; top: 0; border-left: none !important; } .services table td { width:100% !important;display: block;} #block-ourcoreservices table { width:100% !important; display: block;} #search, #sitemap, #media, #contact { float: left; margin-right: 8px; margin-left: -2px !important; } #block-secondarymenu-2 a { line-height: 40px; color: #fff; margin-left: 2px; font-size: 10px; } #block-primarymenu-2 .region-we-mega-menu { float: right; position: relative; top: -128px; right: 15px; } body.toggled .btn-close { z-index:999999 !important; } #rid-header-first { top: 10px;position: relative;} h2#block-welcometomyanmarkoeiinternational-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.7em !important; font-weight: bold; color: #2a426e !important; line-height: 44px; text-align: center; padding: 0 40px; display:block; } #rid-footer-second { width: 94% !important;} #block-youtube p { text-align:left;} #block-energy .field-block-content--body p a, #block-urbanregionaldevelopment .field-block-content--body p a, #block-transportation .field-block-content--body p a, #block-environmentalsocialhomeourprojectsblock .field-block-content--body p a, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body p a, #block-architecturalserviceshomeourprojectsblock .field-block-content--body p a, #block-waterhomeourprojectsblock .field-block-content--body p a, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body p a, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body p a { font-family: Roboto-Light; src: url("font/Roboto-Light.ttf"); font-size: 13px; color: #fff !important; text-align: center !important; text-transform: uppercase; font-weight: bold; margin: 0; position: relative; left: 50%; margin-top: -41px; display: block; transform: translate(-50%, -50%) } #block-energy .field-block-content--body p a:hover, #block-urbanregionaldevelopment .field-block-content--body p a:hover, #block-transportation .field-block-content--body p a:hover, #block-environmentalsocialhomeourprojectsblock .field-block-content--body p a:hover, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body p a:hover, #block-architecturalserviceshomeourprojectsblock .field-block-content--body p a:hover, #block-waterhomeourprojectsblock .field-block-content--body p a:hover, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body p a:hover, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body p a:hover { color:#0099cc !important; text-decoration: none; } } @media screen and (min-width: 321px) and (max-width: 400px) { #block-primarymenu-2 .region-we-mega-menu { float: right; position: relative; top: -132px; right: 15px; } body.toggled .btn-close { z-index:999999 !important; } #rid-header-first { top: 10px;position: relative;} #search, #sitemap, #media, #contact { float: left; margin-right: 16px; margin-left: 3px !important; } #block-secondarymenu-2 a { line-height: 40px; color: #fff; margin-left: 2px; font-size: 12px; } h2#block-welcometomyanmarkoeiinternational-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.7em !important; font-weight: bold; color: #2a426e !important; line-height: 44px; text-align: center; padding: 0 40px; display:block; } #rid-footer-second { width: 92% !important;} #block-youtube p { text-align:left;} #block-energy .field-block-content--body p a, #block-urbanregionaldevelopment .field-block-content--body p a, #block-transportation .field-block-content--body p a, #block-environmentalsocialhomeourprojectsblock .field-block-content--body p a, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body p a, #block-architecturalserviceshomeourprojectsblock .field-block-content--body p a, #block-waterhomeourprojectsblock .field-block-content--body p a, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body p a, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body p a { font-family: Roboto-Light; src: url("font/Roboto-Light.ttf"); font-size: 23px; color: #fff !important; text-align: center !important; text-transform: uppercase; font-weight: bold; margin: 0; position: absolute; top: 26%; left: 50%; margin-right: -9%; transform: translate(-50%, -50%) } #block-energy .field-block-content--body p a:hover, #block-urbanregionaldevelopment .field-block-content--body p a:hover, #block-transportation .field-block-content--body p a:hover, #block-environmentalsocialhomeourprojectsblock .field-block-content--body p a:hover, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body p a:hover, #block-architecturalserviceshomeourprojectsblock .field-block-content--body p a:hover, #block-waterhomeourprojectsblock .field-block-content--body p a:hover, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body p a:hover, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body p a:hover { color:#0099cc !important; text-decoration: none; } } @media screen and (max-width: 480px) { .iframe { width: 100%; height: 315px !important; } } @media screen and (min-width: 401px) and (max-width: 1279px) { #block-energy .field-block-content--body p a, #block-urbanregionaldevelopment .field-block-content--body p a, #block-transportation .field-block-content--body p a, #block-environmentalsocialhomeourprojectsblock .field-block-content--body p a, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body p a, #block-architecturalserviceshomeourprojectsblock .field-block-content--body p a, #block-waterhomeourprojectsblock .field-block-content--body p a, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body p a, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body p a { font-family: Roboto-Light; src: url("font/Roboto-Light.ttf"); font-size: 23px; color: #fff !important; text-align: center !important; text-transform: uppercase; font-weight: bold; margin: 0; position: absolute; top: 30%; left: 50%; margin-right: -9%; transform: translate(-50%, -50%) } #block-energy .field-block-content--body p a:hover, #block-urbanregionaldevelopment .field-block-content--body p a:hover, #block-transportation .field-block-content--body p a:hover, #block-environmentalsocialhomeourprojectsblock .field-block-content--body p a:hover, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body p a:hover, #block-architecturalserviceshomeourprojectsblock .field-block-content--body p a:hover, #block-waterhomeourprojectsblock .field-block-content--body p a:hover, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body p a:hover, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body p a:hover { color:#0099cc !important; text-decoration: none; } #rid-footer-second { width: 100% !important;} } @media screen and (min-width: 401px) and (max-width: 767px) { #block-primarymenu-2 .region-we-mega-menu { float: right; position: relative; top:-137px; right: 15px; } #search, #sitemap, #media, #contact { float: left; margin-right: 11px; margin-left: 2px !important; } #rid-header-first { top: 10px;position: relative;} body.toggled .btn-close { z-index:999999 !important; } h2#block-welcometomyanmarkoeiinternational-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.7em !important; font-weight: bold; color: #2a426e !important; line-height: 44px; text-align: center; padding: 0 40px; display:block; } } /* ============================================================================= Media Quaries (min-width: 320px) and (max-width: 767px) * ========================================================================== */ @media screen and (min-width: 320px) and (max-width: 767px) { #block-ourcoreservices table td { width:100% !important; display: block;} .page-node-type--page .contact-us { width: 200px; margin: auto; margin-top: -9px; margin-bottom: -16px; } /* ============================================================================= * What We do > more button in node pages * ========================================================================== */ .page-node-type--what-we-do #block-views-block-more-projects-block-1 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-6 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-5 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-4 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-3 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-2 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-9 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-8 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-7 .views-field-body a, .page-node-type--energy #block-views-block-more-projects-block-1 .views-field-body a, .page-node-type--environmental #block-views-block-more-projects-block-6 .views-field-body a, .page-node-type--water #block-views-block-more-projects-block-5 .views-field-body a, .page-node-type--agriculture #block-views-block-more-projects-block-4 .views-field-body a, .page-node-type--transportation #block-views-block-more-projects-block-3 .views-field-body a, .page-node-type--urban-and-regional #block-views-block-more-projects-block-2 .views-field-body a, .page-node-type--survey #block-views-block-more-projects-block-9 .views-field-body a, .page-node-type--digital #block-views-block-more-projects-block-8 .views-field-body a, .page-node-type--architectural #block-views-block-more-projects-block-7 .views-field-body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; width: 200px; margin-bottom: 58px; margin-top: -10px; } .page-node-type--what-we-do #block-views-block-more-projects-block-1 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-6 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-5 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-4 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-3 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-2 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-9 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-8 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-7 .views-field-body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } /* ============================================================================= * Our Projects > more button in node pages * ========================================================================== */ #block-views-block-more-projects-block-1 .views-field-body a, #block-views-block-more-projects-block-6 .views-field-body a, #block-views-block-more-projects-block-5 .views-field-body a, #block-views-block-more-projects-block-4 .views-field-body a, #block-views-block-more-projects-block-3 .views-field-body a, #block-views-block-more-projects-block-2 .views-field-body a, #block-views-block-more-projects-block-9 .views-field-body a, #block-views-block-more-projects-block-8 .views-field-body a, #block-views-block-more-projects-block-7 .views-field-body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; width: 200px; margin-bottom: 56px; } #block-views-block-more-projects-block-1 .views-field-body a:hover, #block-views-block-more-projects-block-6 .views-field-body a:hover, #block-views-block-more-projects-block-5 .views-field-body a:hover, #block-views-block-more-projects-block-4 .views-field-body a:hover, #block-views-block-more-projects-block-3 .views-field-body a:hover, #block-views-block-more-projects-block-2 .views-field-body a:hover, #block-views-block-more-projects-block-9 .views-field-body a:hover, #block-views-block-more-projects-block-8 .views-field-body a:hover, #block-views-block-more-projects-block-7 .views-field-body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } .page-node-type--energy .views-field-body a img, .page-node-type--environmental .views-field-body a img, .page-node-type--water a img, .page-node-type--agriculture a img, .page-node-type--transportation a img, .page-node-type--urban-and-regional a img, .page-node-type--survey a img, .page-node-type--digital a img, .page-node-type--architectural a img { margin-left: 7px; position: relative; } .views_slideshow_cycle_slide, .views_slideshow_cycle_slide .views-field-field-slider-img, .views_slideshow_cycle_slide .views-field-field-slider-img img { width: auto !important; max-width: 1920px !important; position: relative; object-position: -668px 0px; } #views_slideshow_cycle_teaser_section_slider-block_1 { height: 631px; } .views_slideshow_cycle_slide .views-field-body { position: relative; margin-top: -49em; bottom: 4em; padding: 0 40px; width: 100vw; } .views-slideshow-controls-bottom { top: -57px; position: relative; z-index: 5; } #widget_pager_bottom_slider-block_1 li { background: url("images/bullet.png") !important; background-repeat: no-repeat !important; width: 20px; height: 20px; } #widget_pager_bottom_slider-block_1 li.active { background: url("images/select_bullet.png") !important; background-repeat: no-repeat !important; width: 20px; height: 20px; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .views_slideshow_cycle_slide, .views_slideshow_cycle_slide .views-field-field-slider-img, .views_slideshow_cycle_slide .views-field-field-slider-img img { width: 100vw !important; height: 531px !important; } .views_slideshow_cycle_slide .views-field-body { position: relative; margin-top: -28em; bottom: 4em; padding: 0 40px; width: 100vw; } .views-slideshow-controls-bottom { top: -57px; position: relative; z-index: 9; height:0; } #widget_pager_bottom_slider-block_1 li { background: url("images/bullet.png") !important; background-repeat: no-repeat !important; width: 20px; height: 20px; } #widget_pager_bottom_slider-block_1 li.active { background: url("images/select_bullet.png") !important; background-repeat: no-repeat !important; width: 20px; height: 20px; } } @media screen and (min-width: 320px) and (max-width: 480px) { #block-energy .field-block-content--body, #block-urbanregionaldevelopment .field-block-content--body, #block-transportation .field-block-content--body, #block-environmentalsocialhomeourprojectsblock .field-block-content--body, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body, #block-architecturalserviceshomeourprojectsblock .field-block-content--body, #block-waterhomeourprojectsblock .field-block-content--body, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body { height: 14.5em; position: relative; } #rid-features-second, #rid-features-third { margin-left: 0; margin-top: -15px; } } @media screen and (min-width: 481px) and (max-width: 800px) { #block-energy .field-block-content--body, #block-urbanregionaldevelopment .field-block-content--body, #block-transportation .field-block-content--body, #block-environmentalsocialhomeourprojectsblock .field-block-content--body, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body, #block-architecturalserviceshomeourprojectsblock .field-block-content--body, #block-waterhomeourprojectsblock .field-block-content--body, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body { height: 28.5em; position: relative; } #rid-features-second, #rid-features-third { margin-left: 0; margin-top: -15px; } } @media screen and (min-width: 801px) and (max-width: 1279px) { #block-energy .field-block-content--body, #block-urbanregionaldevelopment .field-block-content--body, #block-transportation .field-block-content--body, #block-environmentalsocialhomeourprojectsblock .field-block-content--body, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body, #block-architecturalserviceshomeourprojectsblock .field-block-content--body, #block-waterhomeourprojectsblock .field-block-content--body, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body { height: 38.5em; position: relative; } #rid-features-second, #rid-features-third { margin-left: 0; margin-top: -15px; } } /* ============================================================================= Media Quaries (min-width: 768px) * ========================================================================== */ @media screen and (min-width: 768px) { #block-ourcoreservices table td { width:50% !important;} } /* ============================================================================= Media Quaries (min-width: 768px) and (max-width: 1279px) * ========================================================================== */ @media screen and (min-width: 768px) and (max-width: 1279px) { .page-node-type--page .contact-us { width: 22%; margin: auto; margin-top: -9px; margin-bottom: -16px; } #search, #sitemap, #media, #contact { float: left; margin-right: 17px; margin-left: 30px !important; } /* ============================================================================= * What We do > more button in node pages * ========================================================================== */ .page-node-type--what-we-do #block-views-block-more-projects-block-1 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-6 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-5 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-4 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-3 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-2 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-9 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-8 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-7 .views-field-body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; width: 25%; margin-bottom: 58px; margin-top: -10px; } .page-node-type--what-we-do #block-views-block-more-projects-block-1 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-6 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-5 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-4 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-3 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-2 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-9 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-8 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-7 .views-field-body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } /* ============================================================================= * Our Projects > more button in node pages * ========================================================================== */ #block-views-block-more-projects-block-1 .views-field-body a, #block-views-block-more-projects-block-6 .views-field-body a, #block-views-block-more-projects-block-5 .views-field-body a, #block-views-block-more-projects-block-4 .views-field-body a, #block-views-block-more-projects-block-3 .views-field-body a, #block-views-block-more-projects-block-2 .views-field-body a, #block-views-block-more-projects-block-9 .views-field-body a, #block-views-block-more-projects-block-8 .views-field-body a, #block-views-block-more-projects-block-7 .views-field-body a, .page-node-type--energy #block-views-block-more-projects-block-1 .views-field-body a, .page-node-type--environmental #block-views-block-more-projects-block-6 .views-field-body a, .page-node-type--water #block-views-block-more-projects-block-5 .views-field-body a, .page-node-type--agriculture #block-views-block-more-projects-block-4 .views-field-body a, .page-node-type--transportation #block-views-block-more-projects-block-3 .views-field-body a, .page-node-type--urban-and-regional #block-views-block-more-projects-block-2 .views-field-body a, .page-node-type--survey #block-views-block-more-projects-block-9 .views-field-body a, .page-node-type--digital #block-views-block-more-projects-block-8 .views-field-body a, .page-node-type--architectural #block-views-block-more-projects-block-7 .views-field-body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; width: 26%; margin-bottom: 56px; } #block-views-block-more-projects-block-1 .views-field-body a:hover, #block-views-block-more-projects-block-6 .views-field-body a:hover, #block-views-block-more-projects-block-5 .views-field-body a:hover, #block-views-block-more-projects-block-4 .views-field-body a:hover, #block-views-block-more-projects-block-3 .views-field-body a:hover, #block-views-block-more-projects-block-2 .views-field-body a:hover, #block-views-block-more-projects-block-9 .views-field-body a:hover, #block-views-block-more-projects-block-8 .views-field-body a:hover, #block-views-block-more-projects-block-7 .views-field-body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } .page-node-type--energy .views-field-body a img, .page-node-type--environmental .views-field-body a img, .page-node-type--water a img, .page-node-type--agriculture a img, .page-node-type--transportation a img, .page-node-type--urban-and-regional a img, .page-node-type--survey a img, .page-node-type--digital a img, .page-node-type--architectural a img { margin-left: 7px; position: relative; } h2#block-welcometomyanmarkoeiinternational-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.7em !important; font-weight: bold; color: #2a426e !important; line-height: 44px; text-align: center; padding: 0 40px; display:block; } } /* ============================================================================= Media Quaries (min-width: 321px) and (max-width: 1279px) * ========================================================================== */ @media screen and (min-width: 321px) and (max-width: 1279px) { #block-secondarymenu-2 { background: #2a426e; position: relative; top: 0; border-left: none !important; } #rid-header-first { margin-left: 13px;} .services { width:100% !important; } .services table td { width:100% !important;display: block;} #block-ourcoreservices table { width:100% !important; display: block;} } /* ============================================================================= Media Quaries (min-width: 280px) and (max-width: 1279px) * ========================================================================== */ @media screen and (min-width: 280px) and (max-width: 1279px) { .js-layout {overflow-x:hidden !important;} .path-frontpage #rid-banner {background: #fff !important; overflow:hidden !important; } .path-not-frontpage #rid-banner {background: #fff !important; } .l-r, .l-rw { background: #fff !important; } .views_slideshow_cycle_slide .views-field-body a { background: #8dbbf9 !important; padding: 9px 27px; margin-top: 10px; float: left; font-size: 15px !important; color: #fff; border-radius: 28px; border:none !important; } .views_slideshow_cycle_slide .views-field-body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } .views_slideshow_cycle_slide .views-field-body p.pj_title { font-family: Roboto-Regular !important; src: url("font/Roboto-Regular.ttf"); color: #fff !important; font-size: 20px !important; text-transform: uppercase; line-height: 35px !important; text-align: left; } .views_slideshow_cycle_slide .views-field-body p { font-family: Roboto-Regular !important; src: url("font/Roboto-Regular.ttf"); color: #fff !important; font-size: 18px !important; line-height: 25px !important; text-align: left; } .views_slideshow_cycle_slide .views-field-body h1 { font-family: Roboto-Bold; src: url("font/Roboto-Bold.ttf"); text-transform: uppercase; font-size: 1.8em !important; font-weight: bold; color: #fff !important; line-height: 33px; text-align:left; } .views-field-field-slider-img img { width: 100%; height: auto; } .views_slideshow_cycle_slide .views-field-body a img { margin-left:10px; position: relative;} table { width: 100% !important; overflow: auto !important; display: block; } #rid-header-second { height: 58px;} #views-exposed-form-news-page-1 { margin-top: -37px; position: relative; height: 60px;} #views-exposed-form-news-page-1 .form-actions .button { float: left; right: -82px !important; position: relative !important; top: -48px !important; } .page-node-type--news #main-content, .path-photogallery #main-content, .path-videogallery #main-content { padding: 0 40px;} .path-photogallery .view-photogallery .col-1, .path-videogallery .view-videogallery .col-1 { margin-left: 0; position: relative;} .path-photogallery .view-photogallery .col-2, .path-videogallery .view-videogallery .col-2 { margin-left: 0; position: relative;} .path-updated-news h1.page__title { font-family: Roboto-Bold; text-transform: uppercase; font-size: 23px !important; font-weight: bold; color: #2a426e !important; line-height: 25px; padding: 40px; display:block; } .path-photogallery h1.page__title, .path-videogallery h1.page__title { font-family: Roboto-bold; font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; margin-bottom: 21px; display: block; padding: 33px 0 29px 0; margin-left: 0; } .fa-loaded .file a::before { color: red;} .fa-loaded .file a { color: #fff !important;} #block-managementphilosophy span.file { font-size: 16px; background: #8dbbf9; padding: 8px 13px; width: 200px; border-radius: 15px; } /* =================== * Menu block * =================== */ .we-mega-menu-ul > .we-mega-menu-li > a { text-transform: uppercase;} #block-secondarymenu .navbar-we-mega-menu.navbar ul a, #block-secondarymenu .navbar-we-mega-menu.navbar ul a, #block-secondarymenu .navbar-we-mega-menu.navbar ul .we-megamenu-nolink {border-top: 1px solid #333 !important;border-color: #333 !important;} .navbar-we-mega-menu, .we-mega-menu-ul > .we-mega-menu-li > a { background: #0f1c2c !important;} #block-secondarymenu li.we-mega-menu-li a { padding: 14px 22px !important; border-top: 1px solid #333;} #block-welcometomyanmarkoeiinternational p { text-align: justify; padding: 30px 40px 33px 40px;} #block-ourcoreservices p.text { text-align: justify;} #block-ourcoreservices { padding: 0 40px;} #block-primarymenu-2 .navbar-we-mega-menu.navbar .nav-tabs > li.active > a, #block-primarymenu-2 .navbar-we-mega-menu.navbar .nav-tabs > li.active > a:focus, #block-primarymenu-2 .navbar-we-mega-menu.navbar .nav-tabs > li.active > a:hover { color: #95b8ee !important; } /* =================== * Our Projects block (Home) * =================== */ #block-views-block-our-projects-home-block-block-1 .views-field-field-project-img img { width: 100% !important; height: auto; } #block-views-block-our-projects-home-block-block-1 .views-col {width: 100% !important;} #block-views-block-our-projects-home-block-block-1 .col-2, #block-views-block-our-projects-home-block-block-1 .col-3 { left: 0; position: relative; } #block-views-block-our-projects-home-block-block-1 .row-2 { margin-bottom: 26px; margin-top: 40px; } #facilities { padding-left: 0 !important;} #block-views-block-our-projects-home-block-block-1 .views-view-grid.horizontal .col-3 { margin-left: 0;} #block-views-block-our-projects-home-block-block-1 .views-field-field-links a { color: #000 !important; padding:10px 10px; width: 100%; top:0; right:0 !important; } #block-views-block-our-projects-home-block-block-1 .views-field-field-links a:hover { color: #0099cc !important; } #block-views-block-our-projects-home-block-block-1 .views-view-grid.horizontal .views-col {padding:0 40px !important;} #block-views-block-our-projects-home-block-block-1 .views-view-grid.horizontal .views-row { margin-bottom: 0;} #block-views-block-our-projects-home-block-block-1 .views-view-grid.horizontal .row-2 { margin-top: 0;} #block-views-block-our-projects-home-block-block-1 .views-view-grid.horizontal .col-1, #block-views-block-our-projects-home-block-block-1 .views-view-grid.horizontal .col-2, #block-views-block-our-projects-home-block-block-1 .views-view-grid.horizontal .col-3 { margin:auto; margin-bottom: 1.25em !important;} /* =================== * News block (Home) * =================== */ #block-views-block-news-block-1 {padding: 0 40px;} #block-views-block-news-block-1 .views-field-field-news-img img { width: 100%;height: auto;} #block-views-block-news-block-1 .col-1, #block-views-block-news-block-1 .col-2 { left:0; margin:auto;} #block-views-block-news-block-1 .views-view-grid.horizontal .views-col, #block-views-block-news-block-1 .views-view-grid.horizontal .views-co2 { width: 100% !important; margin-left:0 !important;float:left;} .path-frontpage .view-news { padding-left:0;} #block-views-block-news-block-1 .views-field-field-description-n p { width: 100% !important;} #rid-footer-first { width: 100% !important; margin:0; } #block-youtube img.align-right { float: left; margin-right: 19px !important; margin-left: 32px !important; position: relative; width: auto; } #block-views-block-our-projects-home-block-block-1{ left: 0;} .views-view-grid.cols-1 .views-col, .views-view-grid.cols-2 .views-col, .views-view-grid.cols-3 .views-col, .views-view-grid.cols-10 .views-col, .views-view-grid.cols-12 .views-col {width: 100% !important;} #block-views-block-news-block-1 .views-field-field-news-img a img { width:100% !important;} /* For Grid 2 columns to be 100% */ .views-view-grid.horizontal .views-row { display:block !important;} #block-views-block-our-projects-home-block-block-1 .views-field-field-project-img img { width: 100% !important; height: auto !important; } .page-node-type--page #main-content, .path-search #main-content, .page-node-type--what-we-do #main-content {padding: 0 40px;} .page-node-type--page #rid-content-suffix { margin:auto; width: 100%;padding: 0 40px; } .page-node-type--page #main-content .energy .field-block-content--body #right img, .page-node-type--page #main-content .transport .field-block-content--body #right img, .page-node-type--page #main-content .agriculture .field-block-content--body #left img, .page-node-type--page #main-content .water .field-block-content--body #right img, .page-node-type--page #main-content .env .field-block-content--body #left img, .page-node-type--page #main-content .architect .field-block-content--body #right img, .page-node-type--page #main-content .urban .field-block-content--body #left img, .page-node-type--page #main-content .digital .field-block-content--body #left img, .page-node-type--page #main-content .survey .field-block-content--body #right img {width: auto !important;} .page-node-type--energy #main-content, .page-node-type--urban-and-regional #main-content, .page-node-type--transportation #main-content, .page-node-type--agriculture #main-content, .page-node-type--water #main-content, .page-node-type--environmental #main-content, .page-node-type--architectural #main-content, .page-node-type--digital #main-content, .page-node-type--survey #main-content {padding: 0 40px;} .energy .field-block-content--body a, .transport .field-block-content--body a, .water .field-block-content--body a, .architect .field-block-content--body a, .survey .field-block-content--body a { background: #8dbbf9 !important; padding: 8px 33px; margin-top: 55px; font-size: 15px !important; color: #fff; border-radius: 28px; border:none !important; text-align:center; display:block; margin-right:auto; margin-left: auto; width: 164px !important; } .energy .field-block-content--body a:hover, .transport .field-block-content--body a:hover, .water .field-block-content--body a:hover, .architect .field-block-content--body a:hover, .survey .field-block-content--body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } .urban .field-block-content--body a, .agriculture .field-block-content--body a, .env .field-block-content--body a, .digital .field-block-content--body a { background: #8dbbf9 !important; padding: 8px 33px; margin-top: 55px; font-size: 15px !important; color: #fff; border-radius: 28px; border:none !important; text-align:center; display:block; margin-right:auto; margin-left: auto; width: 164px !important; } .urban .field-block-content--body a:hover, .agriculture .field-block-content--body a:hover, .env .field-block-content--body a:hover, .digital .field-block-content--body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } .page-node-type--page .field-node--body h2 { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; padding-bottom: 26px; padding-top: 20px; } #right h2, #left h2 { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; padding-bottom: 26px; padding-top: 20px; } #block-block-content-f464c840-dd9d-4df3-81e3-a44f58bc6504 h2 { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 29px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; padding-bottom: 16px; padding-top: 0; } #block-organizationstructure, #block-myanmar-koei-globalcompact { padding: 0 40px; margin-bottom: 18px !important; margin:auto; width: 100%;} #block-managementphilosophy { padding: 0 40px; margin-bottom: 0; margin:auto; width: 100%;} .breadcrumb { background-color: #8dbbf9 !important; text-transform: uppercase; color: #fff !important; padding:8px 15px !important; } #rid-header-first.l-r{ background: none !important;} #block-secondarymenu.block, #block-youtube.block { margin:0 !important;} #block-youtube { padding:0 !important;} .field-block-content--body .align-left { width: 100% !important; } #c-right table img { width: auto !important;} #c-left, #c-right { float: left; width: 100% !important; margin-top: 35px;} .energy #right, .transport #right, .water #right, .architect #right, .survey #right {padding: 40px; float:right; width: 100%;} .urban #left, .agriculture #left, .env #left, .digital #left {padding: 40px; float:left; width: 100%;} .page-node-type--what-we-do img.node-left, .page-node-type--energy img.node-left, .page-node-type--urban-and-regional img.node-left, .page-node-type--transportation img.node-left, .page-node-type--agriculture img.node-left, .page-node-type--water img.node-left, .page-node-type--environmental img.node-left, .page-node-type--architectural img.node-left, .page-node-type--digital img.node-left, .page-node-type--survey img.node-left { margin-right: 40px; width: 100%;} .page-node-type--energy .field-node--body img, .page-node-type--urban-and-regional .field-node--body img, .page-node-type--transportation .field-node--body img, .page-node-type--agriculture .field-node--body img, .page-node-type--water .field-node--body img, .page-node-type--environmental .field-node--body img, .page-node-type--architectural .field-node--body img, .page-node-type--digital .field-node--body img, .page-node-type--survey .field-node--body img { width:100%} .page-node-type--what-we-do #content-suffix, .page-node-type--our-project #content-suffix, .page-node-type--energy #content-suffix, .page-node-type--urban-and-regional #content-suffix, .page-node-type--transportation #content-suffix, .page-node-type--agriculture #content-suffix, .page-node-type--water #content-suffix, .page-node-type--environmental #content-suffix, .page-node-type--architectural #content-suffix, .page-node-type--digital #content-suffix, .page-node-type--survey #content-suffix { width: 100%; margin:auto; } .view-in-banner .views-field-field-img img { width: 100%; float: none; margin-right: 0; margin-top: 40px;} .view-in-banner .field-content p { padding: 0;} #block-views-block-in-banner-block-1, #block-views-block-in-banner-block-2, #block-views-block-in-banner-block-3, #block-views-block-in-banner-block-4, #block-views-block-in-banner-block-5, #block-views-block-in-banner-block-10, #block-views-block-in-banner-block-6, #block-views-block-in-banner-block-7, #block-views-block-in-banner-block-8, #block-views-block-in-banner-block-9 { width: 100% !important; background: #f2f2f2; height: auto !important; padding: 0 40px 40px 40px; } #block-views-block-projects-block-1, #block-views-block-projects-block-3, #block-views-block-projects-block-5, #block-views-block-projects-block-9, #block-views-block-projects-block-11, #block-views-block-projects-block-13, #block-views-block-projects-block-15, #block-views-block-projects-block-17 { margin-left: 0; margin-top: 32px; position: relative; } #block-views-block-projects-block-1 .col-2, #block-views-block-projects-block-3 .col-2, #block-views-block-projects-block-5 .col-2, #block-views-block-projects-block-7 .col-2, #block-views-block-projects-block-9 .col-2, #block-views-block-projects-block-11 .col-2, #block-views-block-projects-block-13 .col-2, #block-views-block-projects-block-15 .col-2, #block-views-block-projects-block-17 .col-2, #block-views-block-projects-block-1 .col-3, #block-views-block-projects-block-3 .col-3, #block-views-block-projects-block-5 .col-3, #block-views-block-projects-block-7 .col-3, #block-views-block-projects-block-9 .col-3, #block-views-block-projects-block-11 .col-3, #block-views-block-projects-block-13 .col-3, #block-views-block-projects-block-15 .col-3, #block-views-block-projects-block-17 .col-3 { margin-left: 0;} .view-projects .views-field-title span.field-content { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #000; text-transform: uppercase; font-weight: bold; line-height: 26px; padding-bottom: 16px; text-align: center !important; display:block; padding: 37px 0 46px 0; width: auto; } .view-projects .views-field-title span.field-content a:hover { color: #0176ab !important; text-decoration: none; } .views-col a img { width: 100%;} #block-block-content-42e9d49c-0307-429c-97f2-4fc0d9829567, #block-block-content-2f134fb3-e750-43fe-9a2a-bf3b4fb7fe74, #block-block-content-b49fc604-a7e9-4e8d-901e-c66f1602b190, #block-block-content-28ecf8a5-104a-4a46-982a-c538f050fd1b, #block-views-block-projects-block-4, #block-block-content-eb7e4e2b-613f-4e6d-a13f-cdc2335f7d59, #block-views-block-projects-block-10, #block-views-block-projects-block-16, #block-views-block-projects-block-8, #block-views-block-projects-block-2, #block-views-block-projects-block-18, #block-block-content-f5f08d7b-e039-44e0-b69e-1892342889f5, #block-block-content-9c9ecd9c-fd87-4538-ace2-e11d24992c0f { width: 100% !important; padding: 20px 40px 0 40px;} .page-node-type--page .more, .page-node-type--page .more-urban, .page-node-type--page .more-transport, .page-node-type--page .more-agri, .page-node-type--page .more-water, .page-node-type--page .more-environ, .page-node-type--page .more-archi, .page-node-type--page .more-digital, .page-node-type--page .more-survey { margin: auto; margin-top: -26px; margin-bottom: 60px; } .page-node-type--page .all-news, .page-node-type--page .photo, .page-node-type--page .video { margin: auto; margin-top: -9px; margin-bottom: -16px; } .energy-block .view-projects .col-2, .urban-block .view-projects .col-2, .transport-block .view-projects .col-2, .agri-block .view-projects .col-2, .water-block .view-projects .col-2, .environ-block .view-projects .col-2, .archi-block .view-projects .col-2, .digital-block .view-projects .col-2, .survery-block .view-projects .col-2, .energy-block .view-projects .col-3, .urban-block .view-projects .col-3, .transport-block .view-projects .col-3, .agri-block .view-projects .col-3, .water-block .view-projects .col-3, .environ-block .view-projects .col-3, .archi-block .view-projects .col-3, .digital-block .view-projects .col-3, .survery-block .view-projects .col-3 { margin-left: 0;} #block-views-block-projects-block-4 .views-field-title span.field-content a, #block-views-block-projects-block-6 .views-field-title span.field-content a, #block-views-block-projects-block-10 .views-field-title span.field-content a, #block-views-block-projects-block-12 .views-field-title span.field-content a, #block-views-block-projects-block-8 .views-field-title span.field-content a, #block-views-block-projects-block-14 .views-field-title span.field-content a, #block-views-block-projects-block-16 .views-field-title span.field-content a, #block-views-block-projects-block-2 .views-field-title span.field-content a , #block-views-block-projects-block-18 .views-field-title span.field-content a { width: auto;} #block-block-content-eb7e4e2b-613f-4e6d-a13f-cdc2335f7d59, #block-block-content-42e9d49c-0307-429c-97f2-4fc0d9829567, #block-block-content-719a0e45-a9ea-4ed6-a164-e209bec90105, #block-block-content-0b44cd9a-9cbd-4ac6-ae1e-844364b34949, #block-views-block-projects-block-14, #block-views-block-projects-block-12, #block-views-block-projects-block-2, #block-views-block-projects-block-6, #block-block-content-c322400f-5944-4abc-b434-cb3568ad3f3e { background: #f2f2f2; padding: 0 40px 35px 40px; margin:auto; width: 100% !important; } /*Digital, Agri, Environ, Urban */ #block-block-content-e9e783f3-396f-4b8f-9419-3b5ec8b2d27d, #block-block-content-c322400f-5944-4abc-b434-cb3568ad3f3e, #block-block-content-28240211-6773-4808-9117-4d9852ea8532, #block-block-content-e9287824-c696-4ba1-8a12-7efa1e756d52 { background: #fff; padding: 0 40px; margin:auto; width: 100% !important; } #block-views-block-more-projects-block-2, #block-views-block-more-projects-block-4, #block-views-block-more-projects-block-6, #block-views-block-more-projects-block-8 { background: #f2f2f2; padding: 4px 11px 4px 11px; margin:auto; width: 100% !important; margin-top: -50px; } .page-node-type--what-we-do #block-views-block-more-projects-block-2, .page-node-type--what-we-do #block-views-block-more-projects-block-4, .page-node-type--what-we-do #block-views-block-more-projects-block-6, .page-node-type--what-we-do #block-views-block-more-projects-block-8 { background: #fff; padding: 4px 11px 4px 11px; margin:auto; width: 100% !important; margin-top: 25px; } #block-block-content-42e9d49c-0307-429c-97f2-4fc0d9829567 .field, #block-block-content-eb7e4e2b-613f-4e6d-a13f-cdc2335f7d59 .field, #block-block-content-719a0e45-a9ea-4ed6-a164-e209bec90105 .field, #block-block-content-0b44cd9a-9cbd-4ac6-ae1e-844364b34949 .field {margin-bottom: 0 !important;} .more-agri .field-block-content--body a, .more .field-block-content--body a, .more-urban .field-block-content--body a, .more-transport .field-block-content--body a, .more-water .field-block-content--body a, .more-archi .field-block-content--body a, .more-digital .field-block-content--body a, .more-survey .field-block-content--body a, .more-environ .field-block-content--body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; width: 200px; } #block-views-block-news-block-2 .col-1 {margin-left: 0; position: relative;} #block-views-block-news-block-2 .col-2 {margin-left: 0;} #block-views-block-news-block-2 .col-3 {margin-left: 0;} #block-views-block-photogallery-block-1 .col-1 {margin-left: 0; position: relative;} #block-views-block-photogallery-block-1 .col-2 { margin-left: 0;} #block-views-block-videogallery-block-1 .col-1 {margin-left: 0; position: relative;} #block-views-block-videogallery-block-1 .col-2 { margin-left: 0;} .all-news .field-block-content--body a, .photo .field-block-content--body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; margin-bottom: 40px; width: 200px; } .video .field-block-content--body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; margin-bottom: 59px; width: 200px; } img.align-right, figure.align-right, .field-type-image__figure.align-right { width: 100%;} .energy img.align-left, .transport img.align-left, .water img.align-left, .architect img.align-left, .survey img.align-left { width: 100%;} #block-views-block-news-block-2 h2#block-views-block-news-block-2-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 23px !important; font-weight: bold; color: #2a426e !important; line-height: 25px; padding: 40px 0 39px 0; display:block; margin-left: 0; } .path-updated-news .view-news { width: 100%; margin:auto;padding: 0 40px;} .path-updated-news .view-news .col-1 {margin-left: 0; position: relative;} .path-updated-news .view-news .col-2 {margin-left: 0;} .path-updated-news .view-news .col-3 {margin-left: 0;} #block-history { background: #f2f2f2; } #block-submisssion { background: #c6d9f7; } #block-history p.texts, #block-block-content-b0114840-5e06-4a4c-ad85-b87da2085a55 p.texts { margin-bottom: 56px; margin-top: -10px;} #block-history h2#block-history-title span, #block-submisssion h2#block-history-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.7em !important; font-weight: bold; color: #2a426e !important; padding: 54px 0 20px 0; display: block; } #block-organizationstructure h2, #block-myanmar-koei-globalcompact h2 { font-family: Roboto-Bold; text-transform: uppercase; font-size: 25px !important; font-weight: bold; color: #2a426e !important; padding: 34px 0 24px 0; display: block; } #block-block-content-b0114840-5e06-4a4c-ad85-b87da2085a55 h2{ font-family: Roboto-Bold; text-transform: uppercase; font-size: 25px !important; font-weight: bold; color: #2a426e !important; padding: 34px 0 38px 0; display: block; } #block-managementphilosophy h2 { font-family: Roboto-Bold; text-transform: uppercase; font-size: 25px !important; font-weight: bold; color: #2a426e !important; padding: 34px 0 24px 0; display: block; } .page-node-type--page #rid-content-suffix.region #block-history { margin:auto; width: 100%; padding:0 40px !important; background: #f2f2f2 !important;} .page-node-type--page #rid-content-suffix.region #block-block-content-b0114840-5e06-4a4c-ad85-b87da2085a55 { margin:auto; width: 100%; padding:0 40px !important; background: #c6d9f7 !important;} .page-node-type--page #rid-content-suffix.region #block-organizationstructure, .page-node-type--page #rid-content-suffix.region #block-managementphilosophy { margin:auto; width: 100%; padding:0 40px !important; background: #fff !important;} .page-node-type--page #main-content { padding:0 40px; } #block-organizationstructure{ margin-bottom: 18px !important; margin:auto; position: relative; top: -20px; } #block-managementphilosophy { margin:auto; } #block-energy .field-block-content--body img, #block-urbanregionaldevelopment .field-block-content--body img, #block-transportation .field-block-content--body img, #block-environmentalsocialhomeourprojectsblock .field-block-content--body img, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body img, #block-architecturalserviceshomeourprojectsblock .field-block-content--body img, #block-waterhomeourprojectsblock .field-block-content--body img, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body img, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body img { width: 100% !important; height: auto !important; padding: 0 40px; } .pr-features .arc--3 .l-r { width: 100% !important; background: #e2e2e2 !important; } #block-block-content-c322400f-5944-4abc-b434-cb3568ad3f3e, #block-block-content-e9287824-c696-4ba1-8a12-7efa1e756d52, #block-block-content-28240211-6773-4808-9117-4d9852ea8532, .page-node-type--urban-and-regional #block-views-block-more-projects-block-2, .page-node-type--agriculture #block-views-block-more-projects-block-4, .page-node-type--environmental #block-views-block-more-projects-block-6, .page-node-type--digital #block-views-block-more-projects-block-8 { padding: 47px 11px 4px 11px; margin:auto; margin-top: -13px; background: #fff; width: 100% !important;} .view-in-banner h2 { font-family: Roboto-Bold; text-transform: uppercase; font-size: 2em !important; font-weight: bold; color: #2a426e !important; line-height: 44px; padding: 65px 0 25px 0; } .intro-archi h2 span{ font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; margin-bottom: 40px; display:block; padding-top: 0; } #block-views-block-news-block-1 .views-view-grid.horizontal .col-2 {margin-left: 13px;} /* ====================================== * arrow for slider * ====================================== */ #views_slideshow_controls_text_previous_slider-block_1 a { color: transparent !important; background: url("images/left_arrow.png") !important; background-repeat: no-repeat !important; width: 100px; height: 83px; float:left; top: -14em; left: 0.5em; position: relative; } #views_slideshow_controls_text_previous_slider-block_1 a:hover { color: transparent !important; background: url("images/left_arrow_hover.png") !important; background-repeat: no-repeat !important; width: 100px; height: 83px; float:left; top: -14em; left: 0.5em; position: relative; } #views_slideshow_controls_text_next_slider-block_1 a { color: transparent !important; background: url("images/right_arrow.png") !important; background-repeat: no-repeat !important; width: 100px; height: 83px; float:right; top: -14em; right: -1em; position: relative; } #views_slideshow_controls_text_next_slider-block_1 a:hover { color: transparent !important; background: url("images/right_arrow_hover.png") !important; background-repeat: no-repeat !important; width: 100px; height: 83px; float:right; top: -14em; right: -1em; position: relative; } #views_slideshow_controls_text_pause_slider-block_1 a { display: none !important;} table.tb, table.tb td, table.tb tr { border:none !important; width: 100%;display:block; overflow-x: hidden;} .page-node-type--architectural img.node-left, .page-node-type--transportation img.node-left, .page-node-type--energy img.node-left, .page-node-type--urban-and-regional img.node-left, .page-node-type--environmental img.node-left, .page-node-type--water img.node-left, .page-node-type--survey img.node-left, .page-node-type--digital img.node-left, .page-node-type--agriculture img.node-left { width: 100% !important;height: auto !important;} .contact-us .field-block-content--body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; margin-bottom: 58px; margin-top: 0px; } } @media screen and (min-width: 768px) and (max-width: 1279px) { #block-primarymenu-2 .region-we-mega-menu { float: right; position: relative; top: -210px; right: 15px; } body.toggled .btn-close { z-index:999999 !important; } } @media screen and (max-width: 991px) { /* ============================================================================= * Sub Menu * ========================================================================== */ #block-primarymenu-2 .we-mega-menu-submenu li.we-mega-menu-li a { font-family: Roboto-Regular !important; src: url("font/Roboto-Regular.ttf"); font-weight: normal !important; color: #fff !important; font-size: 13px !important; padding: 0 !important; line-height: 40px; text-transform:none !important; border-bottom: 1px solid #2f4055 !important; } #block-primarymenu-2 .we-mega-menu-submenu li.we-mega-menu-li a:hover { color: #95b8ee !important; font-size: 13px !important; padding: 0 !important; line-height: 40px; text-transform:none !important; border-bottom: 1px solid #2f4055 !important; } #block-primarymenu-2 li.we-mega-menu-li a { font-family: Roboto-Regular !important; src: url("font/Roboto-Regular.ttf"); font-weight: normal !important; color: #fff !important; font-size: 13px !important; padding: 0 0 0 15px !important; line-height: 45px; } #block-primarymenu-2 li.we-mega-menu-li a:hover { color: #95b8ee !important; font-size: 13px !important; padding: 0 0 0 15px !important; line-height: 45px; } } @media screen and (min-width: 992px) and (max-width: 1279px) { /* .page { overflow-x: hidden;} */ .js-layout{ overflow-x: hidden;} .pr-header { display:inline;} .we-mega-menu-submenu li a {display: block;} #block-primarymenu-2 .we-mega-menu-submenu-inner {width: 320px; background: #fff;} .we-mega-menu-submenu {width: 320px; background: #fff; border:1px solid transparent !important;} .we-mega-menu-ul .dropdown-menu > a::after, .we-mega-menu-ul .dropdown-menu > a::before { display:none !important;} #block-primarymenu-2 .container-fluid { background: #343a40 !important;width: 370px;} /* ============================================================================= * Sub Menu * ========================================================================== */ #block-primarymenu-2 .we-mega-menu-submenu li.we-mega-menu-li a { font-family: Roboto-Regular !important; src: url("font/Roboto-Regular.ttf"); font-weight: normal !important; color: #5c5c5c !important; font-size: 13px !important; padding: 0 !important; line-height: 40px; text-transform:none !important; border-bottom: 1px solid #2f4055 !important; } #block-primarymenu-2 .we-mega-menu-submenu li.we-mega-menu-li a:hover { color: #95b8ee !important; font-size: 13px !important; padding: 0 !important; line-height: 40px; text-transform:none !important; border-bottom: 1px solid #2f4055 !important; } #block-primarymenu-2 li.we-mega-menu-li a { font-family: Roboto-Regular !important; src: url("font/Roboto-Regular.ttf"); font-weight: normal !important; color: #fff !important; font-size: 13px !important; padding: 0 0 0 15px !important; line-height: 45px; } #block-primarymenu-2 li.we-mega-menu-li a:hover { color: #95b8ee !important; font-size: 13px !important; padding: 0 0 0 15px !important; line-height: 45px; } } /* ============================================================================= Media Quaries (min-width: 761px) and (max-width: 1279px) * ========================================================================== */ @media screen and (min-width: 761px) and (max-width: 1279px) { .pr-header .arc--2 .l-r { width: 100% !important; } .block-plugin-id--system-branding-block { margin: 20px 0 5px 0 !important;} } /* ============================================================================= Media Quaries (min-width: 1280px) * ========================================================================== */ @media screen and (min-width: 1280px) { /* #masthead { position: fixed; width: 100%; z-index:10; border-bottom: 1px solid #d1d1d1; } */ /* .page { overflow-x: hidden;} */ .js-layout { overflow-x: hidden;} #block-primarymenu-2 .we-mega-menu-ul > #block-mainmenu .we-mega-menu-li > a:hover, #block-primarymenu-2 .navbar-we-mega-menu.navbar .nav-tabs > li.active > a:hover { font-size: 18px !important; font-weight: normal !important; color: #95b8ee !important;} #block-primarymenu-2 .we-mega-menu-submenu li.we-mega-menu-li a { font-family: Roboto-Regular !important; src: url("font/Roboto-Regular.ttf"); font-weight: normal !important; font-weight: normal !important; font-weight: normal !important; color: #5c5c5c !important; font-size: 18px !important; padding: 0 !important; line-height: 45px; border-bottom: 1px solid #e5e5e5; } #block-primarymenu-2 .we-mega-menu-submenu li.we-mega-menu-li a:hover { color: #95b8ee !important; padding: 0 !important; line-height: 45px;border-bottom: 1px solid #e5e5e5; } .l-header { position: fixed; left: 0; width: 100vw; margin:auto; z-index: 10; border-bottom: 1px solid #d1d1d1; opacity: 1; transition: opacity 0.3s ease-in-out; } .loaded l-header { opacity: 1; transition: opacity 0.3s ease-in-out; } a.logo img { margin-left: -17px;} /* Resize the logo image */ .logo-resize { transition: all .3s ease; } .logo-resize-small { width: 73%; /* Smaller width when scrolling down */ transition: all .3s ease; } .pr-header-small { height: 127px; } .path-frontpage #rid-banner {background: #fff !important; margin-top: 80px; overflow:hidden !important;} .path-not-frontpage #rid-banner {background: #fff !important; margin-top: 0; } .user-logged-out #rid-content-prefix.l-r { background: #8dbbf9 !important; margin-top: 148px; } .user-logged-in #rid-content-prefix.l-r { background: #8dbbf9 !important; margin-top: 148px; } .path-updated-news .view-news .col-1 {margin-left: -11px; position: relative;} .path-updated-news .view-news .col-2 {margin-left: 11px;} .path-updated-news .view-news .col-3 {margin-left: 13px;} .path-updated-news h1.page__title { font-family: Roboto-Bold; text-transform: uppercase; font-size: 23px !important; font-weight: bold; color: #2a426e !important; line-height: 25px; padding: 40px 0; display:block; } #search { float: left; margin-right: 17px; margin-left: -172px !important; } #media { float: left; margin-right: 17px; margin-left: 30px !important; } #contact { float: left; margin-right: 17px; margin-left: 30px !important; } #sitemap { float: left; margin-right: 17px; margin-left: -50px !important; } #block-secondarymenu-2 {background: #2a426e;position: relative; top: -20px; border-left: 56px solid #fff;} #left p a img, #right p a img { width: auto !important; height: auto !important;} #left img.align-left, #right img.align-right { width: 616px !important; height: 415px !important;} /* Slider */ .views_slideshow_cycle_slide, .views_slideshow_cycle_slide .views-field-field-slider-img, .views_slideshow_cycle_slide .views-field-field-slider-img img { width: 100vw !important; height: 531px !important; } .views_slideshow_cycle_slide .views-field-body { position: relative; margin: 0 35px 0 47em; padding: 20px; margin-top: -31em; } .views_slideshow_cycle_slide .views-field-body a { background: #8dbbf9 !important; padding: 9px 27px; margin-top: 10px; float: left; font-size: 15px !important; color: #fff; border-radius: 28px; border:none !important; } .views_slideshow_cycle_slide .views-field-body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } .views_slideshow_cycle_slide .views-field-body p.pj_title { font-family: Roboto-Regular !important; src: url("font/Roboto-Regular.ttf"); color: #fff !important; font-size: 20px !important; text-transform: uppercase; line-height: 35px !important; text-align: left; } .views_slideshow_cycle_slide .views-field-body p { font-family: Roboto-Regular !important; src: url("font/Roboto-Regular.ttf"); color: #fff !important; font-size: 18px !important; line-height: 25px !important; text-align: justify; margin-right: 63px; } .views_slideshow_cycle_slide .views-field-body h1 { font-family: Roboto-Bold; src: url("font/Roboto-Bold.ttf"); text-transform: uppercase; font-size: 2.5em !important; font-weight: bold; color: #fff !important; line-height: 44px; text-align:left; } .views-field-field-slider-img img { width: 100%; height: auto; } .views-slideshow-controls-bottom { top: -57px; position: relative; z-index: 9; height:0; } .views_slideshow_cycle_slide .views-field-body a img { margin-left:10px; position: relative;} .form--inline .form-item { float: right !important; margin-right: 7.75rem !important; } #views-exposed-form-news-page-1 { margin-top: -80px; position: relative; height: 60px;} #views-exposed-form-news-page-1 .form-actions .button { float: right !important; right: -1107px !important; position: relative !important; top: -16px !important; } #block-views-block-our-projects-home-block-block-1 .views-field-field-project-img img { width: 384px !important; height: 136px !important; } .breadcrumb { background-color: #8dbbf9 !important; text-transform: uppercase; color: #fff !important; padding: 0 0 0 0 !important; } #block-youtube img.align-right { top: -6px; left: -20px; position: relative; } #c-left {float:left; margin-right: 20px; width: 50%; margin-top: 35px;} #c-right {float:right; width: 48%; margin-top: 20px;} .page-node-type--page .contact-us { width: 15%; margin: auto; margin-top: -43px; margin-bottom: -16px; } .energy #right, .transport #right, .water #right, .architect #right, .survey #right {padding: 52px 59px 40px 10px; float:right; width:47%;} .urban #left, .agriculture #left, .env #left, .digital #left {padding: 52px 10px 40px 60px; float:left; width:47%;} .energy .field-block-content--body a, .transport .field-block-content--body a, .water .field-block-content--body a, .architect .field-block-content--body a, .survey .field-block-content--body a { background: #8dbbf9 !important; padding: 8px 33px; margin-top: 55px; font-size: 15px !important; color: #fff; border-radius: 28px; border:none !important; text-align:center; display:block; margin-right:auto; margin-left: auto; width: 35%; } .energy .field-block-content--body a:hover, .transport .field-block-content--body a:hover, .water .field-block-content--body a:hover, .architect .field-block-content--body a:hover, .survey .field-block-content--body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } .urban .field-block-content--body a, .agriculture .field-block-content--body a, .env .field-block-content--body a, .digital .field-block-content--body a { background: #8dbbf9 !important; padding: 8px 33px; margin-top: 55px; font-size: 15px !important; color: #fff; border-radius: 28px; border:none !important; text-align:center; display:block; margin-right:auto; margin-left: auto; width: 35%; } .urban .field-block-content--body a:hover, .agriculture .field-block-content--body a:hover, .env .field-block-content--body a:hover, .digital .field-block-content--body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } .page-node-type--what-we-do img.node-left { margin-right: 40px;} /* ============================================================================= * What We do > more button in node pages * ========================================================================== */ .page-node-type--what-we-do #block-views-block-more-projects-block-1 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-6 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-5 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-4 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-3 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-2 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-9 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-8 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-7 .views-field-body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; width: 200px; margin-bottom: 58px; margin-top: -10px; } .page-node-type--what-we-do #block-views-block-more-projects-block-1 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-6 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-5 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-4 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-3 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-2 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-9 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-8 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-7 .views-field-body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } .view-in-banner .views-field-field-img img { float:left; margin-right: 60px; width: 832px !important; height: 459px !important;} .view-in-banner .field-content p { padding: 0 60px 0 0;} #block-views-block-in-banner-block-1, #block-views-block-in-banner-block-2, #block-views-block-in-banner-block-3, #block-views-block-in-banner-block-4, #block-views-block-in-banner-block-5, #block-views-block-in-banner-block-10, #block-views-block-in-banner-block-6, #block-views-block-in-banner-block-7, #block-views-block-in-banner-block-8, #block-views-block-in-banner-block-9 { width: 100% !important; background: #f2f2f2; height: 459px !important; } #block-views-block-projects-block-1 .col-2, #block-views-block-projects-block-3 .col-2, #block-views-block-projects-block-5 .col-2, #block-views-block-projects-block-7 .col-2, #block-views-block-projects-block-9 .col-2, #block-views-block-projects-block-11 .col-2, #block-views-block-projects-block-13 .col-2, #block-views-block-projects-block-15 .col-2, #block-views-block-projects-block-17 .col-2, #block-views-block-projects-block-1 .col-3, #block-views-block-projects-block-3 .col-3, #block-views-block-projects-block-5 .col-3, #block-views-block-projects-block-7 .col-3, #block-views-block-projects-block-9 .col-3, #block-views-block-projects-block-11 .col-3, #block-views-block-projects-block-13 .col-3, #block-views-block-projects-block-15 .col-3, #block-views-block-projects-block-17 .col-3 { margin-left: 0;} .view-projects .views-field-title span.field-content { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #000; text-transform: uppercase; font-weight: bold; line-height: 26px; padding-bottom: 16px; text-align: center !important; display:block; padding: 37px 0 46px 0; width: 378px; } .view-projects .views-field-title span.field-content a:hover { color: #0176ab !important; text-decoration: none; } #block-views-block-projects-block-18 .views-field-title span.field-content a, #block-views-block-projects-block-6 .views-field-title span.field-content a, #block-views-block-projects-block-10 .views-field-title span.field-content a, #block-views-block-projects-block-12 .views-field-title span.field-content a, #block-views-block-projects-block-8 .views-field-title span.field-content a, #block-views-block-projects-block-14 .views-field-title span.field-content a, #block-views-block-projects-block-16 .views-field-title span.field-content a, #block-views-block-projects-block-2 .views-field-title span.field-content a { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #000; text-transform: uppercase; font-weight: bold; line-height: 26px; padding-bottom: 16px; text-align: center !important; display:block; padding: 18px 0 0px 0; width: 378px; } #block-block-content-e9e783f3-396f-4b8f-9419-3b5ec8b2d27d .field-block-content--body, #block-block-content-28240211-6773-4808-9117-4d9852ea8532 .field-block-content--body, #block-block-content-c322400f-5944-4abc-b434-cb3568ad3f3e .field-block-content--body, #block-block-content-e9287824-c696-4ba1-8a12-7efa1e756d52 .field-block-content--body { background: #f2f2f2 !important; width: 15% !important; padding:0 0 60px 0; margin:auto; } .page-node-type--page .more-urban, .page-node-type--page .more-agri, .page-node-type--page .more-environ, .page-node-type--page .more-digital { margin: auto; margin-top: -10px; } #block-block-content-c322400f-5944-4abc-b434-cb3568ad3f3e .more-agri, #block-block-content-e9287824-c696-4ba1-8a12-7efa1e756d52 .more-environ, #block-block-content-4b43dee2-131c-459c-ab3e-ba1b07ca3160 .more-archi, #block-block-content-e9e783f3-396f-4b8f-9419-3b5ec8b2d27d .more-digital, #block-block-content-28240211-6773-4808-9117-4d9852ea8532 .more-urban, #block-block-content-4b43dee2-131c-459c-ab3e-ba1b07ca3160 .more-archi { width: 15% !important; margin: auto; } #block-block-content-e9e783f3-396f-4b8f-9419-3b5ec8b2d27d, #block-block-content-c322400f-5944-4abc-b434-cb3568ad3f3e { background: #f2f2f2 !important; width:100% !important;} .more-agri .field-block-content--body a, .more .field-block-content--body a, .more-urban .field-block-content--body a, .more-transport .field-block-content--body a, .more-water .field-block-content--body a, .more-archi .field-block-content--body a, .more-digital .field-block-content--body a, .more-survey .field-block-content--body a, .more-environ .field-block-content--body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; width: 200px; } .page-node-type--page .more, .page-node-type--page .more-water, .page-node-type--page .more-archi, .page-node-type--page .more-survey, .page-node-type--page .more-transport { margin: auto; margin-top: -9px; margin-bottom: 60px; } .page-node-type--page .more a img, .page-node-type--page .more-transport a img, .page-node-type--page .more-agri a img, .page-node-type--page .more-water a img, .page-node-type--page .more-environ a img, .page-node-type--page .more-archi a img, .page-node-type--page .more-digital a img, .page-node-type--page .more-survey a img { margin-left: 7px; position: relative; } .all-news .field-block-content--body a, .photo .field-block-content--body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; margin-bottom: 40px; } .video .field-block-content--body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; margin-bottom: 59px; } .page-node-type--page .all-news, .page-node-type--page .photo, .page-node-type--page .video { width: 15%; margin: auto; margin-top: -9px; margin-bottom: -16px; } .page-node-type--what-we-do #block-views-block-more-projects-block-1 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-6 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-5 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-4 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-3 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-2 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-9 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-8 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-7 .views-field-body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; width: 200px; margin-bottom: 58px; margin-top: -10px; } .page-node-type--what-we-do #block-views-block-more-projects-block-1 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-6 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-5 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-4 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-3 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-2 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-9 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-8 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-7 .views-field-body a:hover { background: #0176ab !important; color: #fff; text-decoration: none !important; } /* ============================================================================= * What We do > more button in node pages * ========================================================================== */ .page-node-type--what-we-do #block-views-block-more-projects-block-1 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-6 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-5 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-4 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-3 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-2 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-9 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-8 .views-field-body a, .page-node-type--what-we-do #block-views-block-more-projects-block-7 .views-field-body a, .page-node-type--energy #block-views-block-more-projects-block-1 .views-field-body a, .page-node-type--environmental #block-views-block-more-projects-block-6 .views-field-body a, .page-node-type--water #block-views-block-more-projects-block-5 .views-field-body a, .page-node-type--agriculture #block-views-block-more-projects-block-4 .views-field-body a, .page-node-type--transportation #block-views-block-more-projects-block-3 .views-field-body a, .page-node-type--urban-and-regional #block-views-block-more-projects-block-2 .views-field-body a, .page-node-type--survey #block-views-block-more-projects-block-9 .views-field-body a, .page-node-type--digital #block-views-block-more-projects-block-8 .views-field-body a, .page-node-type--architectural #block-views-block-more-projects-block-7 .views-field-body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; width: 200px; margin-bottom: 58px; margin-top: -10px; } .page-node-type--what-we-do #block-views-block-more-projects-block-1 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-6 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-5 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-4 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-3 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-2 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-9 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-8 .views-field-body a:hover, .page-node-type--what-we-do #block-views-block-more-projects-block-7 .views-field-body a:hover, .page-node-type--energy #block-views-block-more-projects-block-1 .views-field-body a:hover, .page-node-type--environmental #block-views-block-more-projects-block-6 .views-field-body a:hover, .page-node-type--water #block-views-block-more-projects-block-5 .views-field-body a:hover, .page-node-type--agriculture #block-views-block-more-projects-block-4 .views-field-body a:hover, .page-node-type--transportation #block-views-block-more-projects-block-3 .views-field-body a:hover, .page-node-type--urban-and-regional #block-views-block-more-projects-block-2 .views-field-body a:hover, .page-node-type--survey #block-views-block-more-projects-block-9 .views-field-body a:hover, .page-node-type--digital #block-views-block-more-projects-block-8 .views-field-body a:hover, .page-node-type--architectural #block-views-block-more-projects-block-7 .views-field-body a:hover { background: #0176ab !important; text-decoration:none; } /* ============================================================================= * Our Projects > more button in node pages * ========================================================================== */ #block-views-block-more-projects-block-1 .views-field-body a, #block-views-block-more-projects-block-6 .views-field-body a, #block-views-block-more-projects-block-5 .views-field-body a, #block-views-block-more-projects-block-4 .views-field-body a, #block-views-block-more-projects-block-3 .views-field-body a, #block-views-block-more-projects-block-2 .views-field-body a, #block-views-block-more-projects-block-9 .views-field-body a, #block-views-block-more-projects-block-8 .views-field-body a, #block-views-block-more-projects-block-7 .views-field-body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; width: 200px; margin-bottom: 56px; } #block-views-block-more-projects-block-1 .views-field-body a:hover, #block-views-block-more-projects-block-6 .views-field-body a:hover, #block-views-block-more-projects-block-5 .views-field-body a:hover, #block-views-block-more-projects-block-4 .views-field-body a:hover, #block-views-block-more-projects-block-3 .views-field-body a:hover, #block-views-block-more-projects-block-2 .views-field-body a:hover, #block-views-block-more-projects-block-9 .views-field-body a:hover, #block-views-block-more-projects-block-8 .views-field-body a:hover, #block-views-block-more-projects-block-7 .views-field-body a:hover { background: #0176ab !important; text-decoration:none; } .views-field-field-energy-img a img, .views-field-field-urban-img a img, .views-field-field-transportation-img a img, .views-field-field-agri-img a img, .views-field-field-water-img .views-field-field-environ a img, .views-field-field-archi-img a img, .views-field-field-digital-img a img, .views-field-field-survey-img a img { width: 378px !important; height: 232px !important; } /* ============================================================================= * Sub Menu * ========================================================================== */ #block-primarymenu-2 .we-mega-menu-submenu li.we-mega-menu-li a { font-family: Roboto-Regular !important; src: url("font/Roboto-Regular.ttf"); font-weight: normal !important; color: #5c5c5c !important; font-size: 17px !important; padding: 0 !important; line-height: 45px; } #block-primarymenu-2 .we-mega-menu-submenu li.we-mega-menu-li a:hover { color: #95b8ee !important; font-size: 17px !important; padding: 0 !important; line-height: 45px; } #block-primarymenu-2 li.we-mega-menu-li a { font-family: Roboto-Regular !important; src: url("font/Roboto-Regular.ttf"); font-weight: normal !important; color: #5c5c5c !important; font-size: 18px !important; padding: 0 0px 0 57px !important; line-height: 52px; } #block-primarymenu-2 li.we-mega-menu-li a:hover { color: #95b8ee !important; font-size: 18px !important; padding: 0 0px 0 57px !important; } #block-primarymenu-2 .navbar-we-mega-menu.navbar .nav-tabs > li.active > a, #block-primarymenu-2 .navbar-we-mega-menu.navbar .nav-tabs > li.active > a:focus, #block-primarymenu-2 .navbar-we-mega-menu.navbar .nav-tabs > li.active > a:hover { font-weight: normal !important; font-size: 18px !important; color: #95b8ee !important; } /* ====================================== * arrow for slider * ====================================== */ #views_slideshow_controls_text_previous_slider-block_1 a { color: transparent !important; background: url("images/left_arrow.png") !important; background-repeat: no-repeat !important; width: 100px; height: 83px; float:left; top: -14em; left: 0.5em; position: relative; } #views_slideshow_controls_text_previous_slider-block_1 a:hover { color: transparent !important; background: url("images/left_arrow_hover.png") !important; background-repeat: no-repeat !important; width: 100px; height: 83px; float:left; top: -14em; left: 0.5em; position: relative; } #views_slideshow_controls_text_next_slider-block_1 a { color: transparent !important; background: url("images/right_arrow.png") !important; background-repeat: no-repeat !important; width: 100px; height: 83px; float:right; top: -14em; right: -1em; position: relative; } #views_slideshow_controls_text_next_slider-block_1 a:hover { color: transparent !important; background: url("images/right_arrow_hover.png") !important; background-repeat: no-repeat !important; width: 100px; height: 83px; float:right; top: -14em; right: -1em; position: relative; } #views_slideshow_controls_text_pause_slider-block_1 a { display: none !important;} table.tb, table.tb td, table.tb tr { border:none !important;} .page-node-type--architectural img.node-left, .page-node-type--transportation img.node-left, .page-node-type--energy img.node-left, .page-node-type--urban-and-regional img.node-left, .page-node-type--environmental img.node-left, .page-node-type--water img.node-left, .page-node-type--survey img.node-left, .page-node-type--digital img.node-left, .page-node-type--agriculture img.node-left { width: 594px !important;height: 257px !important;} .iframe { margin-bottom: 30px;} .contact-us .field-block-content--body a { background: #8dbbf9 !important; padding: 11px 33px; font-size: 15px !important; color: #fff; border-radius: 28px; border: none !important; text-align: center; display: block; margin-right: auto; margin-left: auto; margin-bottom: 58px; margin-top: 52px; } } /* ============================================================================= Media Quaries (min-width: 1280px) and (max-width: 1300px) * ========================================================================== */ @media screen and (min-width: 1280px) and (max-width: 1300px) { .pr-banner, .path-frontpage/* ,.pr-header */ {overflow-x:hidden !important;} .page-node-type--page .field-node--body h2 { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; padding-bottom: 26px; padding-top: 20px; } #right h2, #left h2 { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; padding-bottom: 26px; padding-top: 20px; } #block-block-content-f464c840-dd9d-4df3-81e3-a44f58bc6504 h2 { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 29px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; padding-bottom: 16px; padding-top: 0; } .services { background: #fff !important; padding: 0 50px; margin:auto; } #block-block-content-42e9d49c-0307-429c-97f2-4fc0d9829567, #block-views-block-projects-block-14, #block-views-block-projects-block-12, #block-views-block-projects-block-2, #block-block-content-eb7e4e2b-613f-4e6d-a13f-cdc2335f7d59, #block-views-block-projects-block-6, #block-block-content-719a0e45-a9ea-4ed6-a164-e209bec90105, #block-block-content-0b44cd9a-9cbd-4ac6-ae1e-844364b34949 { background: #f2f2f2 !important; padding: 0 6px 0 11px; margin:auto; width: 100% !important; } #block-block-content-2f134fb3-e750-43fe-9a2a-bf3b4fb7fe74, #block-block-content-b49fc604-a7e9-4e8d-901e-c66f1602b190, #block-block-content-28ecf8a5-104a-4a46-982a-c538f050fd1b { padding: 38px 6px 0 11px; margin:auto;width: 100% !important;} #block-views-block-projects-block-4, #block-views-block-projects-block-6 { padding: 18px 6px 0 11px; margin:auto;width: 100% !important;} #block-block-content-eb7e4e2b-613f-4e6d-a13f-cdc2335f7d59 { padding: 0 6px 0 11px; margin:auto;width: 100% !important;} #block-block-content-c322400f-5944-4abc-b434-cb3568ad3f3e, #block-block-content-e9287824-c696-4ba1-8a12-7efa1e756d52, #block-block-content-28240211-6773-4808-9117-4d9852ea8532, #block-views-block-more-projects-block-2, #block-views-block-more-projects-block-4, #block-views-block-more-projects-block-6, #block-views-block-more-projects-block-8 { padding: 4px 6px 4px 11px; margin:auto; margin-top: -13px; background: #f2f2f2; width: 100% !important;} #block-block-content-c322400f-5944-4abc-b434-cb3568ad3f3e, #block-block-content-e9287824-c696-4ba1-8a12-7efa1e756d52, #block-block-content-28240211-6773-4808-9117-4d9852ea8532, .page-node-type--urban-and-regional #block-views-block-more-projects-block-2, .page-node-type--agriculture #block-views-block-more-projects-block-4, .page-node-type--environmental #block-views-block-more-projects-block-6, .page-node-type--digital #block-views-block-more-projects-block-8 { padding: 47px 6px 4px 11px; margin:auto; margin-top: -13px; background: #fff; width: 100% !important;} #block-views-block-projects-block-10, #block-views-block-projects-block-16, #block-views-block-projects-block-8, #block-views-block-projects-block-14, #block-views-block-projects-block-18, #block-views-block-projects-block-12 { padding: 18px 6px 0 11px; margin:auto;width: 100% !important;} #block-block-content-9c9ecd9c-fd87-4538-ace2-e11d24992c0f { padding: 0 6px 0 11px; margin:auto; width: 100% !important;} #block-block-content-f5f08d7b-e039-44e0-b69e-1892342889f5 { padding: 0 6px 0 11px; margin:auto; width: 100% !important; margin-top: -15px;} #block-block-content-42e9d49c-0307-429c-97f2-4fc0d9829567 .field, #block-block-content-eb7e4e2b-613f-4e6d-a13f-cdc2335f7d59 .field, #block-block-content-719a0e45-a9ea-4ed6-a164-e209bec90105 .field, #block-block-content-0b44cd9a-9cbd-4ac6-ae1e-844364b34949 .field {margin-bottom: 0 !important;} #block-views-block-news-block-2 h2#block-views-block-news-block-2-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 23px !important; font-weight: bold; color: #2a426e !important; line-height: 25px; padding: 40px 0 39px 0; display:block; margin-left: 0; } #block-views-block-news-block-2 .col-1, .path-updated-news .view-news .col-1 {margin-left: 0; position: relative;} #block-views-block-news-block-2 .col-2, .path-updated-news .view-news .col-2 {margin-left: 10px;} #block-views-block-news-block-2 .col-3, .path-updated-news .view-news .col-3 {margin-left: 15px;} #block-views-block-photogallery-block-1 .col-1 {margin-left: 0; position: relative;} #block-views-block-photogallery-block-1 .col-2 { margin-left: 10px;} #block-views-block-videogallery-block-1 .col-1 {margin-left: 0; position: relative;} #block-views-block-videogallery-block-1 .col-2 { margin-left: 10px;} .path-videogallery .view-videogallery .col-2 { margin-left: 0; position: relative;} .node--id-15 .node__content { margin-bottom: 38px;} #block-history { background: #f2f2f2; } #block-block-content-b0114840-5e06-4a4c-ad85-b87da2085a55 { background: #c6d9f7; } #block-history p.texts, #block-block-content-b0114840-5e06-4a4c-ad85-b87da2085a55 p.texts { margin-bottom: 56px;margin-top: -10px;} #block-history img.align-left { width: 50% !important; margin-right: 40px !important; padding-bottom: 4px; } #block-history h2#block-history-title span, #block-block-content-b0114840-5e06-4a4c-ad85-b87da2085a55 h2#block-block-content-b0114840-5e06-4a4c-ad85-b87da2085a55-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 29px !important; font-weight: bold; color: #2a426e !important; padding: 54px 0 38px 0; display: block; } #block-history h2, #block-block-content-b0114840-5e06-4a4c-ad85-b87da2085a55 h2 { font-family: Roboto-Bold; text-transform: uppercase; font-size: 29px !important; font-weight: bold; color: #2a426e !important; padding: 0 0 18px 0; display: block; } #block-organizationstructure h2#block-organizationstructure-title span, #block-managementphilosophy h2#block-managementphilosophy-title span, #block-managementphilosophy h2, #block-myanmar-koei-globalcompact h2#block-myanmar-koei-globalcompact-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 29px !important; font-weight: bold; color: #2a426e !important; padding: 20px 0 32px 0; display: block;#block-managementphilosophy h2#block-managementphilosophy-title span, #block-managementphilosophy h2 } h2#block-myanmar-koei-views-block-thumbnail-albums-block-2-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.5em !important; font-weight: bold; color: #2a426e !important; padding: 20px 0 0 0; display: block; } .page-node-type--page #rid-content-suffix.region #block-history { margin:auto; width: 1280px; padding:0 11px !important; background: #f2f2f2 !important;} .page-node-type--page #rid-content-suffix.region #block-block-content-b0114840-5e06-4a4c-ad85-b87da2085a55 { margin:auto; width: 1280px; padding:0 11px !important; background: #c6d9f7 !important;} .page-node-type--page #rid-content-suffix.region #block-organizationstructure{ margin:auto; margin-bottom: 35px; margin-top: -33px; position: relative; width: 1280px; padding:0 11px !important; background: #fff !important;} .page-node-type--page #rid-content-suffix.region #block-managementphilosophy { margin:auto; width: 1280px; padding:0 11px !important; background: #fff !important;} .page-node-type--news #main-content, .page-node-type--page #rid-content-suffix { padding:0 11px; background: #fff !important;} #block-organizationstructure, #block-managementphilosophy { margin:auto; } .page-node-type--page #block-views-block-news-block-2 .views-field-field-description-n p, .path-updated-news .view-news .views-field-field-description-n p { width: 378px !important;} .page-node-type--page .view-videogallery .views-field-field-video { width: 601px !important; height: 336px !important;} #block-views-block-projects-block-1, #block-views-block-projects-block-3, #block-views-block-projects-block-5, #block-views-block-projects-block-7, #block-views-block-projects-block-9, #block-views-block-projects-block-11, #block-views-block-projects-block-13, #block-views-block-projects-block-15, #block-views-block-projects-block-17 { position: relative; margin: auto; padding: 25px 54px 0 0; width: 1360px; } img.align-right, figure.align-right, img.align-left, .field-type-image__figure.align-right { margin-bottom:0 !important;} .energy-block .view-projects .col-2, .urban-block .view-projects .col-2, .transport-block .view-projects .col-2, .agri-block .view-projects .col-2, .water-block .view-projects .col-2, .environ-block .view-projects .col-2, .archi-block .view-projects .col-2, .digital-block .view-projects .col-2, .survery-block .view-projects .col-2, .energy-block .view-projects .col-3, .urban-block .view-projects .col-3, .transport-block .view-projects .col-3, .agri-block .view-projects .col-3, .water-block .view-projects .col-3, .environ-block .view-projects .col-3, .archi-block .view-projects .col-3, .digital-block .view-projects .col-3, .survery-block .view-projects .col-3 { margin-left: 15px;} .path-photogallery h1.page__title, .path-videogallery h1.page__title { font-family: Roboto-bold; font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; margin-bottom: 21px; display: block; padding: 33px 0 29px 0; margin-left: 0; } #block-energy .field-block-content--body img, #block-urbanregionaldevelopment .field-block-content--body img, #block-transportation .field-block-content--body img, #block-environmentalsocialhomeourprojectsblock .field-block-content--body img, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body img, #block-architecturalserviceshomeourprojectsblock .field-block-content--body img, #block-waterhomeourprojectsblock .field-block-content--body img, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body img, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body img { width: 387px !important; height: 136px !important; } #block-energy .field-block-content--body, #block-urbanregionaldevelopment .field-block-content--body, #block-transportation .field-block-content--body, #block-environmentalsocialhomeourprojectsblock .field-block-content--body, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body, #block-architecturalserviceshomeourprojectsblock .field-block-content--body, #block-waterhomeourprojectsblock .field-block-content--body, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body { height: 11.5em; position: relative; } #block-energy .field-block-content--body p a, #block-urbanregionaldevelopment .field-block-content--body p a, #block-transportation .field-block-content--body p a, #block-environmentalsocialhomeourprojectsblock .field-block-content--body p a, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body p a, #block-architecturalserviceshomeourprojectsblock .field-block-content--body p a, #block-waterhomeourprojectsblock .field-block-content--body p a, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body p a, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body p a { font-family: Roboto-Light; src: url("font/Roboto-Light.ttf"); font-size: 23px; color: #fff !important; text-align: center !important; text-transform: uppercase; font-weight: bold; margin: 0; position: absolute; top: 42%; left: 50%; margin-right: -9%; transform: translate(-50%, -50%) } #block-energy .field-block-content--body p a:hover, #block-urbanregionaldevelopment .field-block-content--body p a:hover, #block-transportation .field-block-content--body p a:hover, #block-environmentalsocialhomeourprojectsblock .field-block-content--body p a:hover, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body p a:hover, #block-architecturalserviceshomeourprojectsblock .field-block-content--body p a:hover, #block-waterhomeourprojectsblock .field-block-content--body p a:hover, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body p a:hover, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body p a:hover { color:#0099cc !important; text-decoration: none; } .pr-features .arc--3 .l-r { width: 31% !important;} #rid-features-second { margin-left: 43px;} #rid-features-third { margin-left: 45px;} .page-node-type--page .pr-main__rw, .page-node-type--news .pr-main__rw, .page-node-type--what-we-do .pr-main__rw, .page-node-type--energy .pr-main__rw, .page-node-type--environmental .pr-main__rw, .page-node-type--water .pr-main__rw, .page-node-type--agriculture .pr-main__rw, .page-node-type--transportation .pr-main__rw, .page-node-type--urban-and-regional .pr-main__rw, .page-node-type--survey .pr-main__rw, .page-node-type--digital .pr-main__rw, .page-node-type--architectural .pr-main__rw { max-width: 90em !important;} .view-in-banner h2 { font-family: Roboto-Bold; text-transform: uppercase; font-size: 2em !important; font-weight: bold; color: #2a426e !important; line-height: 44px; padding: 47px 60px 24px 0; } .page-node-type--what-we-do img.node-left, .page-node-type--energy img.node-left, .page-node-type--urban-and-regional img.node-left, .page-node-type--transportation img.node-left, .page-node-type--agriculture img.node-left, .page-node-type--water img.node-left, .page-node-type--environmental img.node-left, .page-node-type--architectural img.node-left, .page-node-type--digital img.node-left, .page-node-type--survey img.node-left { margin-right: 68px; } h2#block-welcometomyanmarkoeiinternational-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.7em !important; font-weight: bold; color: #2a426e !important; line-height: 44px; text-align: center; padding: 35px 0 16px 0; display:block; } .page-node-type--energy .field-node--body img.align-left, .page-node-type--transportation .field-node--body img.align-left, .page-node-type--urban-and-regional .field-node--body img.align-left, .page-node-type--agriculture .field-node--body img.align-left, .page-node-type--water .field-node--body img.align-left, .page-node-type--environmental .field-node--body img.align-left, .page-node-type--architectural .field-node--body img.align-left, .page-node-type--digital .field-node--body img.align-left, .page-node-type--survey .field-node--body img.align-left { margin-right: 40px;} } /* ============================================================================= Media Quaries (min-width: 1301px) * ========================================================================== */ @media screen and (min-width: 1301px) { .services { background: #fff !important; margin:auto; } h2#block-myanmar-koei-views-block-thumbnail-albums-block-2-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.5em !important; font-weight: bold; color: #2a426e !important; padding: 34px 0 0 0; display: block; } #block-block-content-42e9d49c-0307-429c-97f2-4fc0d9829567, #block-views-block-projects-block-14, #block-views-block-projects-block-12, #block-block-content-eb7e4e2b-613f-4e6d-a13f-cdc2335f7d59, #block-views-block-projects-block-6, #block-block-content-719a0e45-a9ea-4ed6-a164-e209bec90105, #block-block-content-0b44cd9a-9cbd-4ac6-ae1e-844364b34949 { background: #f2f2f2 !important; padding: 0 59px 1px 49px; margin:auto; width: 1360px !important; } #block-views-block-projects-block-2 { background: #f2f2f2 !important; padding: 15px 59px 1px 49px; margin:auto; width: 1360px !important; } #block-block-content-2f134fb3-e750-43fe-9a2a-bf3b4fb7fe74, #block-block-content-b49fc604-a7e9-4e8d-901e-c66f1602b190, #block-block-content-28ecf8a5-104a-4a46-982a-c538f050fd1b { padding: 40px 59px 0 49px; margin:auto; width: 1360px !important;} #block-views-block-projects-block-4, #block-views-block-projects-block-6 { padding: 18px 59px 20px 49px; margin:auto; width: 1360px !important;} #block-block-content-c322400f-5944-4abc-b434-cb3568ad3f3e, #block-block-content-e9287824-c696-4ba1-8a12-7efa1e756d52, #block-block-content-28240211-6773-4808-9117-4d9852ea8532 { padding: 33px 59px 0 59px; margin:auto; /* margin-top: -13px; background: #f2f2f2; */ width: 1360px !important;} .page-node-type--page #block-views-block-more-projects-block-8, .page-node-type--page #block-views-block-more-projects-block-6, .page-node-type--page #block-views-block-more-projects-block-4, .page-node-type--page #block-views-block-more-projects-block-2 { padding: 0 59px 13px 59px;background: #f2f2f2;} .page-node-type--digital #block-views-block-more-projects-block-8, .page-node-type--environmental #block-views-block-more-projects-block-6, .page-node-type--agriculture #block-views-block-more-projects-block-4, .page-node-type--urban-and-regional #block-views-block-more-projects-block-2 { padding: 15px 59px 0px 59px;} #block-views-block-projects-block-10, #block-views-block-projects-block-16, #block-views-block-projects-block-8, #block-views-block-projects-block-14, #block-views-block-projects-block-18, #block-views-block-projects-block-12 { padding: 15px 59px 0 49px; margin:auto; width: 1360px !important;} #block-block-content-f5f08d7b-e039-44e0-b69e-1892342889f5, #block-block-content-9c9ecd9c-fd87-4538-ace2-e11d24992c0f{ padding: 20px 59px 0 49px; margin:auto; width: 1360px !important;} #block-views-block-news-block-2 h2#block-views-block-news-block-2-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 23px !important; font-weight: bold; color: #2a426e !important; line-height: 25px; padding: 40px 0 39px 0; display:block; margin-left: 0; } #block-views-block-photogallery-block-1 h2#block-views-block-photogallery-block-1-title span { margin-left:0;} #block-views-block-news-block-2 .col-1 {margin-left: 5px; position: relative;} #block-views-block-news-block-2 .col-2 {margin-left: 11px;} #block-views-block-news-block-2 .col-3 {margin-left: 11px;} #block-views-block-photogallery-block-1 .col-1, #block-views-block-videogallery-block-1 .col-1 {margin-left: 0; position: relative;} .path-photogallery .view-photogallery .col-1, .path-videogallery .view-videogallery .col-1 {margin-left: -14px; position: relative;} #block-views-block-photogallery-block-1 .col-2, #block-views-block-videogallery-block-1 .col-2 { margin-left: 17px;} .path-photogallery .view-photogallery .col-2, .path-videogallery .view-videogallery .col-2 { margin-left: 25px;} img.align-right, figure.align-right, img.align-left, .field-type-image__figure.align-right { margin-bottom:0 !important;} .energy img.align-left, .transport img.align-left, .water img.align-left, .architect img.align-left, .survey img.align-left { margin:0 !important;} #block-views-block-news-block-2 .views-field-field-description-n p { width: 378px;} /* ============================================================================= * About Us page * ========================================================================== */ .node--id-15 .node__content { margin-bottom: 38px;} #block-history { background: #f2f2f2; padding: 0 60px 0 53px; } #block-block-content-b0114840-5e06-4a4c-ad85-b87da2085a55 { background: #c6d9f7; padding: 0 60px 0 53px; margin-top: -10px;} #block-history p.texts, #block-block-content-b0114840-5e06-4a4c-ad85-b87da2085a55 p.texts { margin-bottom: 56px;margin-top: -10px;} #block-history img.align-left { width: 50%; margin-right: 40px !important; padding-bottom: 4px;} img.ht { padding-right: 40px; position: relative;} #block-history h2#block-history-title span, #block-block-content-b0114840-5e06-4a4c-ad85-b87da2085a55 h2#block-block-content-b0114840-5e06-4a4c-ad85-b87da2085a55-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 29px !important; font-weight: bold; color: #2a426e !important; padding: 54px 0 20px 0; display: block; } #block-history h2, #block-block-content-b0114840-5e06-4a4c-ad85-b87da2085a55 h2 { font-family: Roboto-Bold; text-transform: uppercase; font-size: 29px !important; font-weight: bold; color: #2a426e !important; padding: 0 0 18px 0; display: block; } h2#block-myanmar-koei-views-block-thumbnail-albums-block-2-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.5em !important; font-weight: bold; color: #2a426e !important; padding: 34px 0 0 0; display: block; } #block-organizationstructure h2#block-organizationstructure-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.7em !important; font-weight: bold; color: #2a426e !important; padding: 34px 0 32px 0; display: block; } #block-managementphilosophy h2#block-managementphilosophy-title span, #block-managementphilosophy h2 { font-family: Roboto-Bold; text-transform: uppercase; font-size: 29px !important; font-weight: bold; color: #2a426e !important; padding: 20px 0 25px 0; display: block; } .page-node-type--page #rid-content-suffix { margin:auto; width: 1360px; } #block-organizationstructure, #block-myanmar-koei-globalcompact { padding: 0 60px 22px 53px; margin:auto; width: 1360px; margin-top: -27px;} #block-managementphilosophy { padding: 0 60px 0 53px; margin:auto; width: 1360px; } .page-node-type--page .view-videogallery .views-field-field-video { width: 601px !important; height: 336px !important;} .page-node-type--page #block-views-block-news-block-2 .views-field-field-description-n p, .path-updated-news .view-news .views-field-field-description-n p { width: 378px !important;} #block-views-block-projects-block-1, #block-views-block-projects-block-3, #block-views-block-projects-block-5, #block-views-block-projects-block-7, #block-views-block-projects-block-9, #block-views-block-projects-block-11, #block-views-block-projects-block-13, #block-views-block-projects-block-15, #block-views-block-projects-block-17 { position: relative; margin: auto; padding: 25px 59px 0 3px; width: 1360px; } .energy-block .view-projects .col-2, .urban-block .view-projects .col-2, .transport-block .view-projects .col-2, .agri-block .view-projects .col-2, .water-block .view-projects .col-2, .environ-block .view-projects .col-2, .archi-block .view-projects .col-2, .digital-block .view-projects .col-2, .survery-block .view-projects .col-2, .energy-block .view-projects .col-3, .urban-block .view-projects .col-3, .transport-block .view-projects .col-3, .agri-block .view-projects .col-3, .water-block .view-projects .col-3, .environ-block .view-projects .col-3, .archi-block .view-projects .col-3, .digital-block .view-projects .col-3, .survery-block .view-projects .col-3 { margin-left: 15px;} .path-photogallery h1.page__title, .path-videogallery h1.page__title { font-family: Roboto-bold; font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; margin-bottom: 21px; display: block; padding: 33px 0 29px 0; margin-left: -10px; } #block-energy .field-block-content--body img, #block-urbanregionaldevelopment .field-block-content--body img, #block-transportation .field-block-content--body img, #block-environmentalsocialhomeourprojectsblock .field-block-content--body img, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body img, #block-architecturalserviceshomeourprojectsblock .field-block-content--body img, #block-waterhomeourprojectsblock .field-block-content--body img, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body img, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body img { width: 387px !important; height: 136px !important; } #block-energy .field-block-content--body, #block-urbanregionaldevelopment .field-block-content--body, #block-transportation .field-block-content--body, #block-environmentalsocialhomeourprojectsblock .field-block-content--body, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body, #block-architecturalserviceshomeourprojectsblock .field-block-content--body, #block-waterhomeourprojectsblock .field-block-content--body, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body { height: 11.5em; position: relative; } #block-energy .field-block-content--body p a, #block-urbanregionaldevelopment .field-block-content--body p a, #block-transportation .field-block-content--body p a, #block-environmentalsocialhomeourprojectsblock .field-block-content--body p a, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body p a, #block-architecturalserviceshomeourprojectsblock .field-block-content--body p a, #block-waterhomeourprojectsblock .field-block-content--body p a, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body p a, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body p a { font-family: Roboto-Light; src: url("font/Roboto-Light.ttf"); font-size: 23px; color: #fff !important; text-align: center !important; text-transform: uppercase; font-weight: bold; margin: 0; position: absolute; top: 42%; left: 50%; margin-right: -9%; transform: translate(-50%, -50%) } #block-energy .field-block-content--body p a:hover, #block-urbanregionaldevelopment .field-block-content--body p a:hover, #block-transportation .field-block-content--body p a:hover, #block-environmentalsocialhomeourprojectsblock .field-block-content--body p a:hover, #block-surveyinvestigationhomeourprojectsblock .field-block-content--body p a:hover, #block-architecturalserviceshomeourprojectsblock .field-block-content--body p a:hover, #block-waterhomeourprojectsblock .field-block-content--body p a:hover, #block-digitaltechnologyhomeourprojectsblock .field-block-content--body p a:hover, #block-agricultureruraldevelopmenthomeourprojectsblock .field-block-content--body p a:hover { color:#0099cc !important; text-decoration: none; } .pr-features .arc--3 .l-r { width: 31% !important;} #rid-features-second { margin-left: 44px;} #rid-features-third { margin-left: 44px;} .page-node-type--page .pr-main__rw, .page-node-type--news .pr-main__rw { max-width: 90em !important;} .view-in-banner h2 { font-family: Roboto-Bold; text-transform: uppercase; font-size: 2em !important; font-weight: bold; color: #2a426e !important; line-height: 44px; padding: 47px 60px 24px 0; } .intro-archi h2 span { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; margin-bottom: 17px; display:block; padding-top: 13px; } #block-views-block-news-block-1 .views-view-grid.horizontal .col-2 {margin-left: 9px;} .page-node-type--what-we-do img.node-left, .page-node-type--energy img.node-left, .page-node-type--urban-and-regional img.node-left, .page-node-type--transportation img.node-left, .page-node-type--agriculture img.node-left, .page-node-type--water img.node-left, .page-node-type--environmental img.node-left, .page-node-type--architectural img.node-left, .page-node-type--digital img.node-left, .page-node-type--survey img.node-left { margin-right: 40px; } h2#block-welcometomyanmarkoeiinternational-title span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 0.7em !important; font-weight: bold; color: #2a426e !important; line-height: 44px; text-align: center; padding: 0 0 16px 0; margin-top: -47px; display:block; } .page-node-type--energy .field-node--body img.align-left, .page-node-type--transportation .field-node--body img.align-left, .page-node-type--urban-and-regional .field-node--body img.align-left, .page-node-type--agriculture .field-node--body img.align-left, .page-node-type--water .field-node--body img.align-left, .page-node-type--environmental .field-node--body img.align-left, .page-node-type--architectural .field-node--body img.align-left, .page-node-type--digital .field-node--body img.align-left, .page-node-type--survey .field-node--body img.align-left { margin-right: 40px;} .page-node-type--page .field-node--body h2 { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; padding-bottom: 26px; padding-top: 20px; } #right h2, #left h2 { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 23px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; padding-bottom: 26px; padding-top: 20px; } #block-block-content-f464c840-dd9d-4df3-81e3-a44f58bc6504 h2 { font-family: Roboto-bold; src: url("font/Roboto-bold.ttf"); font-size: 29px; color: #2a426e !important; text-transform: uppercase; font-weight: bold; line-height: 37px; padding-bottom: 16px; padding-top: 0; } } .contextual-region .contextual .contextual-links a { color: #333 !important;} .blue { color: #006fc0;} .user-logged-out #block-myanmar-koei-local-tasks { margin-top: 136px; position: relative; } .fa-loaded .file a::before { color: red;} .fa-loaded .file a { color: #fff !important;} #block-managementphilosophy span.file { font-size: 16px; background: #8dbbf9; padding: 8px 13px; width: 200px; border-radius: 15px; } .page-node-type--architectural img.align-center, .page-node-type--energy img.align-center, .page-node-type--environmental img.align-center, .page-node-type--water img.align-center, .page-node-type--agriculture img.align-center, .page-node-type--transportation img.align-center, .page-node-type--urban-and-regional img.align-center, .page-node-type--survey img.align-center, .page-node-type--digital img.align-center { margin-bottom: 60px;} /* ====================================== * For Logo * ====================================== */ @media screen and (min-width: 320px) and (max-width: 767px) { #block-logo .logo img { margin-bottom: 0 !important; padding-right: 33px !important; top: 0; position: relative; width: 85%; } } @media screen and (min-width: 768px) and (max-width: 1279px) { #block-logo .logo img { margin-bottom: 0 !important; padding-right: 33px !important; top: 10px; position: relative; } } @media (min-width: 992px) { .we-mega-menu-submenu { margin-top: 24px !important; padding: 0 .9375rem .625rem .9375rem !important;} nav[data-animation="Slide"]:not(.click-action) .we-mega-menu-ul .we-mega-menu-li.dropdown-menu.open > .we-mega-menu-submenu, nav[data-animation="Slide"] .we-mega-menu-ul .we-mega-menu-li.dropdown-menu.clicked > .we-mega-menu-submenu, nav[data-animation="Slide"]:not(.admin) .we-mega-menu-ul .dropdown-menu:hover:not(.clicked) > .we-mega-menu-submenu, nav[data-animation="Slide"]:not(.admin) .we-mega-menu-ul .dropdown-menu:focus:not(.clicked) > .we-mega-menu-submenu { background-color: #fff !important;} .we-mega-menu-ul .dropdown-menu > a::before { position: absolute; right: -2.062rem !important; top: 49% !important; margin-top: -.3125rem; background-position: 173% 30%; background-repeat: no-repeat; display: inline-block; } .we-mega-menu-ul .dropdown-menu > a::after { position: absolute; right: -2.062rem !important; top: 33% !important; margin-top: -.3125rem; width: 4.688rem !important; background-position: 173% 30%; background-repeat: no-repeat; display: inline-block; } .we-mega-menu-ul .dropdown-menu:hover > .we-mega-menu-submenu, .we-mega-menu-ul .dropdown-menu:focus > .we-mega-menu-submenu { z-index:11;} } @media (max-width: 991px) { .navbar-we-mega-menu.navbar ul > li ul { padding-left: 22px !important; padding-bottom: 10px; padding-top: 10px; background: #0f1c2c !important; } } @media (max-width: 767px) { #thumbnails a.flex-prev, #thumbnails a.flex-next, #largeimg a.flex-prev, #largeimg a.flex-next, ul.flex-direction-nav { display:none !important;} } ---------------------------------------------------------- #cssmenu { width: auto; } #cssmenu ul { background: #89bcd3 !important; list-style: none; margin: 0; padding: 0; line-height: 1; display: block; zoom: 1; } #cssmenu ul:after { content: " "; display: block; font-size: 0; height: 0; clear: both; /* visibility: hidden; */ } #cssmenu ul li { /* display: inline-block; */ padding: 0; margin: 0; } #cssmenu.align-right ul li { float: right; } #cssmenu.align-center ul { text-align: center; } #cssmenu ul li a { color: #fff !important; text-decoration: none; display: block; padding: 20px 11px; font-weight: 700; font-size: 18px; text-align: center; line-height: 24px; position: relative; -webkit-transition: color .25s; -moz-transition: color .25s; -ms-transition: color .25s; -o-transition: color .25s; transition: color .25s; z-index: 1 !important; text-shadow: 1px 2px 1px #000; } #cssmenu ul li a:hover { color: #fff !important; } #cssmenu ul li a:hover:before { width: 100%; } #cssmenu ul li a:after { content: ""; display: block; position: absolute; right: -3px; top: 49px; height: 3px; width: 6px; background: red; opacity:0.5; } #cssmenu ul li a:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 100%; width: 0; background: #0176ab; -webkit-transition: width .25s; -moz-transition: width .25s; -ms-transition: width .25s; -o-transition: width .25s; transition: width .25s; z-index: -1; } #cssmenu ul li.last > a:after, #cssmenu ul li:last-child > a:after { display: none; } #cssmenu ul li.active a { color: red; } #cssmenu ul li.active a:before { width: 100%; } #cssmenu.align-right li.last > a:after, #cssmenu.align-right li:last-child > a:after { display: block; } #cssmenu.align-right li:first-child a:after { display: none; } #bleft { float: left; width: 30%; margin-right: 62px;} #bmid { float: left; width: 30%; margin-right: 20px;} #bright { float: right; width: 30%;} @media screen and (max-width: 768px) { #cssmenu ul li a:after { content: ""; display: block; position: absolute; right: -3px; top: 49px; height: 3px; width: 6px; background: red; opacity:0.5; } #cssmenu ul li a:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 100%; width: 0; background: #0176ab; -webkit-transition: width .25s; -moz-transition: width .25s; -ms-transition: width .25s; -o-transition: width .25s; transition: width .25s; z-index: -1; } table{ width: 100% !important; float:left; border: none !important;} .node--id-1053 .field-node--body p { height: 50px !important; margin: -11px !important;} #bleft { float: left; width: 100%; margin-right: 0; margin-bottom: 30px;} #bmid { float: left; width: 100%; margin-top: 17px;} #bright { float: left; width: 100%; margin-top: 45px;} } ------------------------------------------------------------ table.my-table { width:100% !important; border: 1px solid #b3b8d0 !important;} .my-table thead, .my-table th, .my-table strong { color: #fff !important; text-align: center; background-color: #4471c4 !important; } /* Style for odd rows */ .my-table tr:nth-child(odd) { background-color: #cfd5ea; } .des-body tr:nth-child(odd) { background-color: #d0dffb; } /* Style for even rows */ .my-table tr:nth-child(even) { background-color: #e9ebf5; } .des-body tr:nth-child(even) { background-color: #fff; } .des-body p { padding: 20px;} @media screen and (max-width: 979px) { .des-body img { width: 100%;} table.des-body {float:left;} table.des-body td, table.des-body tr { width:100%; display:block;} } @media screen and (min-width: 980px) { .des-body img { width: auto;} } .node--type-environmental h3 { margin: 20px; padding:0 !important; color: #333 !important;} table.des-body td, table.des-body tr, table.des-body th { border: 1px solid transparent !important;} table.des-body { padding:0;margin: 0 0 40px 0;} ---------------------------------------------------------- @media screen and (max-width: 979px) { #bmid div#cssmenu { margin-top: 0 !important;position: relative; } } @media screen and (min-width: 980px) { #bmid div#cssmenu {margin-top: 0 !important; position: relative;} } table.my-table { width: 100% !important;} @media screen and (max-width: 979px) { #l-column { width: 100%; } #r-column { width: 100%; top: 57px; position: relative; margin-bottom: 50px;} #l-column p, #r-column p { text-align: left !important;} #l-column h4, #r-column h4 {font-size: 1.4rem !important; color: #4471c4 !important;} } @media screen and (min-width: 980px) { #l-column { float: left; width: 50%; padding: 20px;} #r-column { float: right; width: 50%; padding: 20px; margin-bottom: 195px;} #l-column h4, #r-column h4 { color: #4471c4 !important; } } #bleft img.pto, #bmid img.pto, #bright img.pto { width: 17px !improtant; height: 16px !important;} @media screen and (min-width: 1301px) { #block-myanmar-koei-globalcompact img { width: 20% !important; } #block-myanmar-koei-globalcompact span { font-family: Roboto-Bold; text-transform: uppercase; font-size: 29px !important; font-weight: bold; color: #2a426e !important; padding: 54px 0 20px 0; display: block; } } @media screen and (max-width: 1280px) { #block-myanmar-koei-globalcompact img { width: 100%; position: relative;} } .user-logged-in, .layout-region--main { overflow-x:hidden !important;}