@import "bootstrap.css"; @import "dark.css"; @import "font-icons.css"; @import "animate.css"; @import "magnific-popup.css"; @import "colors.css"; @import "style.css"; @import "style-v4.css"; @import "style_extra.css"; @import "style_custom.css"; @import "swiper.css"; @import "real-estate.css"; @import "responsive.css"; @import "our_services.css"; @import "international_patient.css"; @import "about_us.css"; @import "news.css"; @import "tcm.css"; @import "expansion.css"; @import "global.css"; @import "singapore.css"; @import "stroke.css"; @import "translate.css"; @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'); @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700'); @font-face { font-weight: normal; font-style: normal; font-family: 'codropsicons'; src:url('../../fonts/codropsicons/codropsicons.eot'); src:url('../../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'), url('../../fonts/codropsicons/codropsicons.woff') format('woff'), url('../../fonts/codropsicons/codropsicons.ttf') format('truetype'), url('../../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg'); } @font-face { font-family: Futura BT Light; src: url('../../fonts/Futura-BT-Light.eot'); src: local("?"), url("../../fonts/Futura-BT-Light.woff") format("woff"), url("../../fonts/Futura-BT-Light.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: Futura BT Heavy; src: url('../../fonts/futura_bt_heavy.eot'); src: local("?"), url("../../fonts/futura_bt_heavy.woff") format("woff"), url("../../fonts/futura_bt_heavy.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: Futura BT Medium; src: url('../../fonts/Futura-BT-Medium.eot'); src: local("?"), url("../../fonts/Futura-BT-Medium.woff") format("woff"), url("../../fonts/Futura-BT-Medium.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: Futura HV BT Heavy; src: local("?"), url("../../fonts/Futura-Hv-Bt-Heavy.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: Futura BT Book; src: url('../../fonts/Futura-BT-Book.eot'); src: local("?"), url("../../fonts/Futura-BT-Book.woff") format("woff"), url("../../fonts/Futura-BT-Book.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: Futura Medium; src: url('../../fonts/Futura-Std-Medium.eot'); src: local("?"), url("../../fonts/Futura-Std-Medium.woff") format("woff"), url("../../fonts/Futura-Std-Medium.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: Futura Bold; src: url('../../fonts/Futura-Std-Bold.eot'); src: local("?"), url("../../fonts/Futura-Std-Bold.woff") format("woff"), url("../../fonts/Futura-Std-Bold.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: Futura Book; src: url('../../fonts/Futura-Std-Book.eot'); src: local("?"), url("../../fonts/Futura-Std-Book.woff") format("woff"), url("../../fonts/Futura-Std-Book.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: Futura Light; src: url('../../fonts/Futura-Std-Light.eot'); src: local("?"), url("../../fonts/Futura-Std-Light.woff") format("woff"), url("../../fonts/Futura-Std-Light.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: Futura Heavy; src: url('../../fonts/Futura-Std-Heavy.eot'); src: local("?"), url("../../fonts/Futura-Std-Heavy.woff") format("woff"), url("../../fonts/Futura-Std-Heavy.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: Calibri Bold; src: url('../../fonts/Calibri_Bold.eot'); src: local("?"), url("../../fonts/Calibri_Bold.woff") format("woff"), url("../../fonts/Calibri_Bold.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: "DINPro-Black"; src: url("../../fonts/DINPro-Black.eot"); src: url("../../fonts/DINPro-Black.ttf") format("truetype"); } @font-face { font-family: "DINPro-Bold"; src: url("../../fonts/DINPro-Bold.eot"); src: url("../../fonts/DINPro-Bold.ttf") format("truetype"); } @font-face { font-family: "DINPro-Medium"; src: url("../../fonts/DINPro-Medium.eot"); src: url("../../fonts/DINPro-Medium.ttf") format("truetype"); } @font-face { font-family: "DINPro-Regular"; src: url("../../DINPro-Regular.eot"); src: url("../../fonts/DINPro-Regular.ttf") format("truetype"); } /*---Header---*/ #top-bar { background:#fff; height:auto; border:none; line-height:1.5; padding:3px 0; } .gradient_border { height:2px; background-image:linear-gradient(to right, #e3c594,#935523, #e3c594); } #top-bar .social_media img { max-height:12px; } #top-bar ul.header_menu { list-style:none; margin:0; padding:0; height:34px; } #top-bar ul.header_menu li { display:inline-block; vertical-align:middle; border-right:1px dotted #fff; padding:0; color:#444; } #top-bar ul.header_menu li:last-child { border-right:0px dotted #fff; margin-bottom:10px !important; } #top-bar ul.header_menu li a { color:#000; font-size:12px; font-family:Futura Light, sans serif; padding:0 3px; text-transform:uppercase; } #top-bar ul.header_menu li a:hover { color:#e92829; } .top_float_mobile { display:none; } header.sticky-header:not(.static-sticky) #primary-menu > ul li a { line-height:60px; height:60px; } .header-extras { margin:0; padding:0; } .header-extras .tPadding{ padding:17px 0px !important; } .header-extras .tPadding2{ padding:17px 0px !important; } .header-extras img { max-height:40px; } .header-extras .header_float { float:left; } .header-extras li .header_float .image_header1 { width:22px; height:35px; background:url(../../images/general_line.png) no-repeat center; background-size:contain; } .header-extras1 li:hover .header_float .image_header1 { background:url(../../images/general_line_hover.png) no-repeat center; background-size:contain; } .header-extras li .header_float .image_header2 { width:44px; height:35px; background:url(../../images/ambulance_header.png) no-repeat center; background-size:contain; } .header-extras1 li:hover .header_float .image_header2 { background:url(../../images/ambulance_header_hover.png) no-repeat center; background-size:contain; } .header-extras li .header_float .image_header3 { width:38px; height:35px; background:url(../../images/emergency.png) no-repeat center; background-size:contain; } .header-extras li .header_float .image_header4 { width:38px; height:35px; background:url(../../images/icons/flags/indo.png) no-repeat center; background-size:contain; } .header-extras1 li:hover .header_float .image_header3 { background:url(../../images/emergency_hover.png) no-repeat center; background-size:contain; } .header-extras li:first-child { /*padding:0 25px;*/ border:none; } .header-extras li { padding:0 8px; border-left:1px solid #d9d9d9; height:70px; margin:0; } .header-extras li .he-text { text-transform:uppercase; color:#ac8c5e; font-size:13px; font-family:Futura BT Book, sans-serif; padding-left:5px; letter-spacing: 0.3px; font-weight:normal !important; } @media (max-width:1100px){ .header-extras li .he-text, .header-extras li .he-text span a{ font-size:10px; } #logo img{ max-width:430px; padding: 8px 0; } } .header-extras li .he-text span { text-transform:none; font-size:12px; font-family:Futura BT Light, sans-serif; } .header-extras li .he-text span a { color:#7f7f7f; } .header-extras1 li.hover_effect:hover { background:#d1b58e; } .header-extras1 li:hover .he-text { color:#fff; } .header-extras1 li:hover .he-text span { color:#fff; } .header-extras1 li:hover .he-text span a { color:#fff; } .search_hide { display:block; float:left; } .search_show { display:none; float:left; height:70px; line-height:70px; padding:0 15px; width:calc(100% - 60px); border-left: 1px solid #d9d9d9; } .search_show input { font-size:32px; color:#000 !important; font-weight:700; height:70px; line-height:70px; letter-spacing:2px; font-family:'Roboto',sans-serif; } .search_show input::placeholder { color:#000; text-transform:uppercase; } .search_icon { float:right; height:70px; line-height:70px; border-left: 1px solid #d9d9d9; padding:0 15px; } .search_icon i { color:#ac8c5e; } #header { height:60px; background: none; background-color: transparent; border: none; position: absolute; margin: 0 auto; left: 0; right: 0; } #header-wrap { height:60px; background: rgba(255,255,255,0.3); } #header.sticky-header:not(.static-sticky) #primary-menu > ul > li > ul { top:80px; } /*#logo {*/ /* padding:0 15px;*/ /*}*/ #logo img { max-height:70px; height:auto; padding:5px 0; } #primary-menu ul ul { padding-left:0; } #primary-menu ul ul li a { padding:0 15px; font-size:13px; color:#000 !important; } #primary-menu ul ul li > a:hover, #primary-menu ul ul li.current > a { color:#e92829 !important; } #primary-menu:not(.style-2) { height:60px; } #primary-menu:not(.style-2) > ul { height:60px; } #primary-menu.style-2 { border-top:none; } #primary-menu ul li a { height:50px; line-height:50px; text-transform:uppercase; color:#000; font-weight:400; font-size:13px; padding:0 25px 0 0; font-family:Futura Book, sans-serif; } #primary-menu ul li:hover a, #primary-menu ul li.current a { color:#e92829; } #primary-menu > div > ul > li:hover a, #primary-menu > div > ul > li.current a { color:#e92829; } #primary-menu ul li.mega-menu .mega-menu-content { top:50px; } #primary-menu ul li .mega-menu-content, #primary-menu ul ul:not(.mega-menu-column) { border-top:2px solid #b99663; } #primary-menu ul li .mega-menu-content li:hover > a { background-color:transparent; padding-left:5px !important; color:#e92829 !important; } #primary-menu ul li .mega-menu-content h4 { font-size:14px; text-transform:uppercase; font-weight:400; font-family:Futura Medium, sans-serif; letter-spacing:1px; color:#000; background:url(../../images/menu_title_border.jpg) no-repeat bottom left; padding-bottom:5px; margin-bottom:0px; } #primary-menu ul li .mega-menu-content h4 a { padding-left:0 !important; color:#000 !important; font-size:14px; padding-bottom: 0px !important; letter-spacing:1px; } #primary-menu ul li .mega-menu-content p { font-size:13px; color:#000; margin-bottom:5px; padding-top:5px; } #primary-menu.style-2 > div > ul > li > a i { line-height:1.8; } #primary-menu.style-2 > div > ul { width:100%; padding:0; } #primary-menu ul li .mega-menu-content.style-2 ul li > a { padding-left:0; } .hcalldiv { float:right !important; background:#ac8c5e !important; margin:0 !important; } #primary-menu.style-2 > div > ul > li.hcalldiv > a { line-height:50px !important; font-family:Futura BT Medium, sans-serif; padding:0 35px !important; } body:not(.device-md):not(.device-sm):not(.device-xs) #primary-menu.style-2.center > div, body:not(.device-sm):not(.device-xs):not(.device-xxs) #primary-menu.style-2.center > div { display:block !important; } #top-search { /*margin-top:30px;*/ } #top-search form input { color:#000; } #top-search form input::placeholder { color:#000; } #top-search a { color:#000; } #top-search { margin: 20px 0 25px 15px; } #top_social_mobile { display:none; } #top_social_mobile ul { list-style:none; margin:0; padding:0; } #top_social_mobile ul li { display:inline-block; } #top_social_mobile ul li a { padding:0 4px; } #top_social_mobile .mobile_social1, #top_social_mobile .mobile_social2, #top_social_mobile .mobile_social3 { display:inline-block; padding:0 10px; } #top_social_mobile .mobile_social2 { border-left:1px solid #fff; border-right:1px solid #fff; height:20px; margin:12px 0; line-height:20px; } /* Top Social - Old -----------------------------------------------------------------*/ #top-social, #top-social ul { margin: 0; } #top-social li, #top-social li a, #top-social li .ts-icon, #top-social li .ts-text { display: block; position: relative; float: left; width: auto; overflow: hidden; height: 44px; line-height: 44px; } #top-social li { border-left: 1px solid #EEE; } #top-social li:first-child { border-left: 0 !important; } #top-social li a { float: none; width: 40px; font-weight: bold; color: #fff; -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out; -o-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out; transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out; } #top-social li a:hover { color: #FFF !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } #top-social li .ts-icon { width: 40px; text-align: center; font-size: 14px; } /* Top Social -----------------------------------------------------------------*/ .top_social_relative { display:none; } #top-social, #top-social ul { margin: 0; } #top-social li, #top-social li a, #top-social li .ts-icon, #top-social li .ts-text { display: block; position: relative; float: left; margin-left: 2px; width: auto; overflow: hidden; height: 44px; line-height: 44px; } #top-social li { border-left: 1px dotted #EEE; } #top-social li:first-child { border-left: 0 !important; } #top-social li a { float: none; width: 400px; font-weight: normal; -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out; -o-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out; transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out; } #top-social li a:hover { color: #FFF !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } #top-social li .ts-text { font-size: 12px; } #top-social li .ts-icon { width: 80px; text-align: center; font-size: 12px; } #content { background-color:transparent; } .top_float { width:50%; float:left; position:relative; right:0; } .top_float.social_media img { max-height:25px; } /*---Homepage---*/ .slider_video { opacity:0; } .vertical-middle { height: auto !important; left: 0; max-width: none !important; z-index: 2; } .fixed_header { position:fixed; z-index:99; top:35%; } .vertical-middle + .video-wrap { z-index: 1 !important; } #slider { position:relative; z-index:1; } #content { z-index:2; position:relative; } .slider-caption:not(.dark) h2 { color:#ac8c5e; } .slider-caption:not(.dark) p { color:#000; } .slider-caption:not(.dark) h2 { font-size:35px; text-transform:none; font-weight:600; margin-bottom:15px; margin-top:0 !important; font-family:Futura Medium, sans serif; } .slider-caption:not(.dark) p { font-size:16px; text-transform:none; font-weight:400; margin-bottom:10px; margin-top:0; font-family:Futura Light, sans serif; } .doctor_tab { background:#f3f3f3; position:relative; z-index:9; } .doctor_tab .doctor_container { background:#fff; max-width:1170px; width:auto; margin:0 auto; position:absolute; z-index:3; left:0; right:0; margin-top:-40px; box-shadow:0 30px 40px rgba(0,0,0,0.08); } .doctor_tab .doctor_container form { margin:0; } .doctor_tab .establish_relative { position:relative; text-align:center; height:700px; max-width:1920px; background:url(../../images/establish.jpg) no-repeat top center; background-size:cover; } .doctor_tab .establish_relative .establish_mobile { display:none; } .doctor_tab .establish_relative .establish_absolute { max-width:550px; width:100%; position:absolute; right:10%; top:50%; transform:translateY(-50%); text-align:justify; } .doctor_tab .establish_relative .establish_absolute p.establish_quote { font-size:14px; font-family:Futura Heavy, sans-serif; text-transform:uppercase; color:#ac8c5e; } .doctor_tab .establish_relative .establish_absolute h1 { font-size:25px; font-family:Futura Medium, sans-serif; text-align:left; } .doctor_tab .doctor_container .doctor_info { float:left; width:75%; } .doctor_tab .doctor_container .doctor_info .doctor_grid { width:33.3%; float:left; padding:20px 15px; border-right:1px dashed #cdd5e4; } .doctor_tab .doctor_container .doctor_info .doctor_grid.no_border { border:none; } .doctor_tab .doctor_container .doctor_care { float:left; width:25%; text-align:center; padding:23px 15px; background:#e12454; font-size:24px; color:#fff; font-family:Futura Bold, sans-serif; } .doctor_tab .doctor_container .doctor_care a { color:#fff; } .information_bg { background:#fff; } .information_bg h1 { color:#02062f; font-size:40px; font-family:Futura Heavy, sans-serif; } .information_bg p { color:#000; font-size:16px; font-family:Futura Book, sans-serif; } .information_bg a { color:#ec0c0e; font-size:16px; font-family:Futura Book, sans-serif; } .excellence_bg { padding: 80px 0; background: #f3f3f3 url(../../images/homecount-bg.jpg) repeat top center; } .excellence_bg h1 { color:#ac8c5e; font-size:30px; font-family:Futura Medium, sans-serif; text-transform:none; margin-bottom:15px; } .excellence_bg p { color:#889099; font-size:16px; font-family:Futura Book, sans-serif; margin-bottom:40px; } .excellence_bg .excellent_grid { float:left; width:14.6%; margin:0 1% 30px; text-align:center; position:relative; } .excellence_bg .excellent_grid p { font-size:16px; margin:15px 0; color:#000; } .excellence_bg .excellent_grid h1 { color:#00665e; font-size:30px; font-family:Futura Heavy, sans-serif; margin:20px 0 0; } .excellence_bg .excellent_grid .counter { color:#ac8c5e; font-size:30px; font-family:Futura Heavy, sans-serif; margin:20px 0 0; font-weight:400; } .excellence_bg .excellent_grid h4 { color:#716f6f; font-size:15px; font-family:Futura Medium, sans-serif; margin:0; } .excellence_bg .diagnose_btn { color:#ac8c5e; font-family:Futura Heavy, sans-serif; border:1px solid #ac8c5e; display:inline-block; padding:0 45px; height:45px; line-height:45px; font-size:16px; margin:0 30px; } .excellence_bg .diagnose_btn i { font-size:20px; } .sunway_bg .international_grid { float:left; width:50%; height:1000px; text-align:center; } .sunway_bg .international_grid h1 { font-size:40px; color:#ac8c5e; font-family:Futura Medium, ssns-serif; padding-top:65px; margin-bottom:60px; } .sunway_bg .international_grid .international_button { font-size:21px; color:#ac8c5e; font-family:Futura Medium, ssns-serif; display:inline-block; margin:0 15px; padding:5px 30px; border:1px solid #ac8c5e; transition:background, color 0.4s ease; -moz-transition:background, color 0.4s ease; -webkit-transition:background, color 0.4s ease; } .sunway_bg .international_grid .international_button a { color:#ac8c5e; } .sunway_bg .international_grid .international_button:hover { border:1px solid #ac8c5e; background:#ac8c5e; } .sunway_bg .international_grid .international_button:hover a { color:#fff; } .sunway_bg .international_grid h2 { font-size:25px; font-family:Futura Medium, sans-serif; text-transform:uppercase; } .sunway_bg .international_grid p { font-size:15px; } .sunway_bg .international_grid h2, .sunway_bg .international_grid p { color:#fff; text-align:left; } .sunway_bg .international_grid .background1 { background:url(../../images/international.jpg) no-repeat top center; background-size:cover; height:100%; width:100%; } .sunway_bg .international_grid .international_info { float:left; width:50%; height:500px; position:relative; z-index:2; } .sunway_bg .international_grid .international_info .international_icon { position:absolute; bottom:30px; right:30px; opacity:0.3; z-index:1; } .imgopacity3 img{ opacity:0.3; } .imgopacity5 img{ opacity:0.5; } .sunway_bg .international_grid .international_info .background2 { height:100%; width:100%; /*background:url(../../images/patient.jpg) no-repeat center;*/ background:url(../../images/nurse.jpg) no-repeat center; background-size:cover; } .sunway_bg .international_grid .international_info .background3 { height:100%; width:100%; background:url(../../images/cancercentre.jpg) no-repeat center; background-size:cover; } .sunway_bg .international_grid .international_info .background4 { height:100%; width:100%; background:url(../../images/homemid1.jpg) no-repeat center; background-size:cover; } .sunway_bg .international_grid .international_info .background5 { height:100%; width:100%; background:url(../../images/heartydigestQ22024v3.jpg) no-repeat center; background-size:cover; } .sunway_bg .international_grid .international_info .relative { top:50%; position:relative; transform:translateY(-50%); padding:30px; text-align:left; z-index:2; } .sunway_bg .international_grid .international_info.right { float:right; } a.international_btn { background:#fff; color:#ec0c0e; padding:6px 20px; display:inline-block; font-size:12px; font-weight:bold; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .royal_bg { height:480px; background-size:cover !important; position:relative; } .royal_bg .container { padding:30px 0; max-width:850px; position:relative; top:50%; transform:translateY(-50%); padding:0 15px; } .royal_bg h2 { color:#fff; font-size:18px; font-family:Futura Medium, sans-serif; margin-bottom:10px; text-transform:uppercase; } .royal_bg h2 { font-size:20px; font-family:Futura Bold, sans-serif; } .royal_bg p { font-size:15px; color:#fff; margin-bottom:0px; } .health_bg { padding:30px; } .health_bg .health_grid { float:left; width:calc(25% - 10px); margin-left:10px; margin-bottom:10px; } .patient_bg { background:#f0efef; padding:30px 0; } .owl-carousel .owl-dots .owl-dot { background:#e82929; } .profile_container { text-align:center; /*background-color:rgba(0,0,0,0.4);*/ position:absolute; z-index:3; top:-87px; width:100%; padding:10px 0; } .profile_container img { position:relative; } .profile_container .profile1, .profile_container .profile2, .profile_container .profile3 { display:inline-block; } .profile_container .profile1 img { max-height:35px; } .profile_container .profile2 { margin:0 15px; color:#fff; font-size:15px; font-weight:500; } body:not(.side-header) .slider-parallax .slider-parallax-inner { transform:translateY(0) !important; } .content-wrap { padding:0 !important; } #side-panel .side-panel-wrap.blue { background-color:#033446; } #side-panel .side-panel-wrap.brown { background-color:#ba9664; } #testimony .container { position:relative; top:-50px; z-index:2; } .ambition_bg { padding:0px 0; } .ambition_bg .ambition_container { background-color:#f7f7f7; padding:30px; } .ambition_search { position:relative; } .ambition_search input { border:none; border-bottom:2px solid #eaeaea; color:#222845; font-weight:300; } .ambition_search .search_icon { position:absolute; right:0px; top:0px; } .ambition_special select { border:none; border-bottom:2px solid #eaeaea; color:#222845; font-weight:300; } a.ambition_button { display:inline-block; border:2px solid #b99663; padding:10px 45px; color:#b99663; text-transform:uppercase; font-size:15px; } .option_grid { width:calc(20% - 4px); display:inline-block; margin-bottom:4px; } .location_bg { text-align:center; margin:30px 0; } .location_bg .location_grid { color:#40c0cb; text-transform:uppercase; display:inline-block; border:2px solid #40c0cb; border-radius:5px; width:calc(20% - 4px); font-size:18px; padding:5px 0; } .carousel_container { position:relative; } .carousel_container .owl-nav { top:50%; position:absolute; transform:translateY(-50%); width:100%; } .carousel_container .owl-nav .owl-next { right:-30px; position:absolute; } .carousel_container .owl-nav .owl-prev { left:-30px; position:absolute; } .carousel_container .owl-dots .owl-dot { background:#8ddece; height:20px; width:20px; border-radius:50%; box-shadow:none; border:none; margin:0 5px; } .carousel_container .owl-dots .owl-dot.active { background:#00658b; } .owl-carousel .owl-dots .owl-dot { margin-top:0; } .choose_bg { background:url(../../images/choose_bg.jpg) no-repeat top center; padding:60px 0; } .choose_bg h1 { color:#fff; font-size:33px; text-transform:uppercase; } .choose_bg p { color:#fff; } .choose_bg .choose_container { max-width:1000px; margin:0 auto; } .choose_bg .choose_grid { float:left; width:200px; height:200px; } .choose_bg .choose_container .choose_grid img { width:100%; height:100%; } .choose_bg .choose_container .choose_grid .choose_count { background:#5b4323; color:#fff; padding:15px; height:200px; width:200px; text-align:center; } .choose_bg .choose_container .choose_grid .choose_count h2 { color:#fff; text-align:center; margin-bottom:10px; text-shadow:0.5px 0.5px rgba(0,0,0,0.5); } .choose_bg .choose_container .choose_grid .choose_count p { color:#fff; text-shadow:0.5px 0.5px rgba(0,0,0,0.5); margin:0; } .choose_bg .choose_container .choose_grid .choose_count .count_adjust { position:relative; top:50%; transform:translateY(-50%); } .news_bg { padding:80px 0; } .news_bg h1 { font-size:35px; color:#233745; font-family:Futura Medium, sans-serif; } .news_bg p { font-size:16px; font-family:Futura Book, sans-serif; color:#889099; } .news_bg .blog_grid{ position:relative; } .news_bg .blog_grid .blogdatediv{ position:absolute; top:0; right:0; z-index:99; color:#fff; background:#ff0000; font-size:12px; padding:2px 5px; } .news_bg .blog_grid.float { float:left; width:31.33%; margin:0 1% 30px; } .news_bg .blog_grid.border { border:1px solid #c2c2c2; } .news_bg .blog_grid .blog_image { text-align:center; margin-bottom:10px; position:relative; height:220px; overflow:hidden; } .news_bg .blog_grid .blog_image.float_left { text-align:left; margin-bottom:0px; position:relative; height:auto; float:left; width:40%; height:auto; } .news_bg .blog_grid .blog_info.float_left { text-align:left; margin-bottom:0px; position:relative; float:left; width:calc(60% - 30px); margin-left:30px; padding:15px; } .news_bg .blog_grid .blog_info.float_left .blog_description { height:auto; margin-bottom:30px; padding:0 15px; } .news_bg .blog_grid .blog_image .overlay { width:100%; height:100%; background-color:rgba(245, 15, 15, 0.4); position:absolute; top:0; left:0; opacity:0; transition:opacity 0.4s ease; -moz-transition:opacity 0.4s ease; -webkit-transition:opacity 0.4s ease; } .news_bg .blog_grid .blog_image:hover > .overlay { opacity:1; } .news_bg .blog_grid .blog_image .overlay h2 { color:#fff; display:block; position:relative; top:50%; transform:translateY(-50%); } .news_bg .blog_grid .blog_image .overlay a { color:#fff; } .news_bg .blog_grid .blog_date { color:#233745; font-size:15px; margin-bottom:10px; padding:0 15px; } .news_bg .blog_grid .blog_title { color:#233745; font-size:17px; font-family:Futura Medium, sans-serif; height:60px; padding:0 15px; } .news_bg .blog_grid .blog_btn { padding:0 15px 15px; } .news_bg .blog_grid .blog_title.gallery { text-transform:none; text-align:center; font-size:18px; font-family:Futura Medium, sans-serif; } .news_bg .blog_grid .blog_title.gallery a { color:#233745; } .news_bg .blog_grid .blog_description { height:300px; } .news_bg .blog_grid .blog_description p { margin:0 !important; } a.blog_button { display:inline-block; padding:15px 60px; color:#fff; background-image:linear-gradient(to right, #ce0209, #f50f0f); border-radius:10px; text-transform:uppercase; } a.back_button { display:inline-block; background:#ed1c24; color:#fff! important; padding:10px 30px; } .news_container { margin-bottom:30px; } .news_container .date { text-align:center; border:1px solid #ddd; border-top:1px solid #287bc4; width:75px; margin-right:15px; float:left; } .news_container .date .day { border-bottom:1px solid #ddd; color:#000; font-weight:700; padding:10px 0; font-size:20px; } .news_container .date .month { padding:10px 0; color:#888; font-weight:500; font-size:15px; } .news_container .info { float:left; width:calc(100% - 92px); } .news_container .info h3 { font-size:16px; font-weight:700; text-transform:uppercase; margin:0 0 10px; } .news_container .info h3 a { color:#444; } .news_container .info p { margin:0; } .social_bg { position:relative; } .social_bg h2 { font-weight:400; } .social_bg .social_list .follow_us { position:relative; float:left; width:50%; overflow:hidden; height:600px; background:url(../../images/social_bg.jpg) no-repeat top right; background-size:cover; } .social_bg .social_list .follow_us .follow_absolute { position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.4); top:0; left:0; } .social_bg .social_list .follow_us .follow_absolute h1 { color:#fff; font-size:28px; margin-bottom:15px; font-family:Futura Medium, sans-serif; } .social_bg .social_list .follow_us .follow_absolute p, .social_bg .social_list .follow_us .follow_absolute a { color:#fff; font-size:14px; margin-bottom:0; font-family:Futura Book, sans-serif; } .social_bg .social_list .follow_us .follow_absolute .follow_padding { max-width:600px; margin:0 auto; position:relative; top:50%; transform:translateY(-50%); padding:0 30px 0 90px; } .social_bg .social_list .follow_us .follow_absolute .follow_padding .social_main { padding-left:0px; margin-top:30px; } .social_bg .social_list .follow_us .follow_absolute .follow_padding .social_main .social_icon { display:inline-block; margin-right:15px; } .social_bg .social_list .follow_us .follow_absolute .follow_padding .social_main .social_icon img { max-height:45px; } .social_bg .social_list .follow_us .follow_absolute .follow_padding .social_main .social_text { display:inline-block; color:#fff; font-size:21px; font-family:Futura Medium, sans-serif; } .social_bg .social_list .follow_us .follow_absolute .follow_padding .social_table1 { display:table-cell; color:#fff; padding-right:15px; padding-bottom:15px; } .social_bg .social_list .follow_us .follow_absolute .follow_padding .social_table2 { display:table-cell; color:#fff; padding-bottom:15px; font-size:13px; } .social_bg .social_list .follow_us .follow_absolute .follow_padding .social_table2 a { color:#fff; } .social_bg .social_list .social_images { position:relative; float:left; width:50%; height:600px; overflow:hidden; } .social_bg .social_list .social_images .social_split { float:left; width:50%; height:300px; } .social_bg .social_list .social_images .social_split.social1 { /*background:url(../../images/social1.jpg) no-repeat top center; background-size:cover;*/ } .social_bg .social_list .social_images .social_split.social2 { /*background:url(../../images/social2.jpg) no-repeat top center; background-size:cover;*/ } .social_bg .social_list .social_images .social_split.social3 { /*background:url(../../images/social3.jpg) no-repeat top center; background-size:cover;*/ } .social_bg .social_list .social_images .social_split.social4 { /*background:url(../../images/social4.jpg) no-repeat top center; background-size:cover;*/ } .social_bg .social_list .social_images .social_split .social_overlay { background:url(../../images/social_shadow.png) no-repeat top right; background-size:cover; height:300px; width:100%; transition:opacity 0.4s ease; -moz-transition:opacity 0.4s ease; -webkit-transition:opacity 0.4s ease; opacity:0; padding:15px 40% 15px 15px; } .social_bg .social_list .social_images .social_split:hover .social_overlay { opacity:1; } .social_bg .social_list .social_images .social_split .social_overlay h3 { color:#fff; margin-bottom:10px; font-size:15px; } .social_bg .social_list .social_images .social_split .social_overlay p { color:#fff; margin-bottom:10px; font-weight:300; font-size:13px; } .social_bg .social_list .social_images .social_split .social_overlay a { color:#fff; } .social_bg .social_list .social_images .social_split .social_overlay table { margin-top:30px; } .social_bg .social_list .social_images .social_split .social_overlay td { color:#fff; font-weight:300; font-size:13px; } .award_bg { padding:80px 0; } .award_bg h1 { font-size: 35px; color: #233745; font-family: Futura Medium, sans-serif; } .award_bg p { font-size:16px; color:#889099; } .award_grid { float:left; width:20%; text-align:center; height:80px; position:relative; } .award_grid img { max-height:60px; display:block; position:relative; margin:0 auto; top:50%; transform:translateY(-50%); } .button:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime) { background:#f50f0f; background-color:rgba(245, 15, 15, 1); } .button.button-border.button-fill:hover { background-color:#40C0CB !important; } .button-3d.button-black, .button-3d.button-black:hover { background-color:#e92829 !important; } /*---Page Template---*/ #page-title { position:relative; max-width:1920px; width:100%; margin:0 auto; padding:0; } #page-title .shadow_absolute { position:absolute; top:0; left:0; overflow:hidden; height:300px; width:100%; } #page-title .banner_bread { height:300px; } #page-title .shadow_absolute .animation1 { position:absolute; width:50%; background:url('../../images/bread_animation1.png') no-repeat top right; background-size:cover; height:300px; top:100%; left:0; transition:top 0.6s ease; } #page-title .shadow_absolute .animation2 { position:absolute; bottom:0; right:100%; transition:right 0.6s ease; transition-delay: 0.2s; background:url('../../images/bread_animation2.png') no-repeat top right; background-size:cover; height:150px; width:229px; } #page-title .shadow_absolute .shadow_content { color:#fff; position:absolute; top:50%; left:10%; width:40%; padding-right:10%; transform:translateY(-50%); opacity:0; transition:opacity 0.6s ease; -moz-transition:opacity 0.6s ease; -webkit-transition:opacity 0.6s ease; transition-delay: 0.6s; } #page-title .shadow_absolute .shadow_content h1 { color:#fff; font-size:33px; } #page-title .shadow_absolute .shadow_content h2 { font-size:13px; font-weight:300; line-height:1.2; color:#fff; margin-top:30px; font-weight:400; } .breadcrumb { position:static !important; margin-top:10px !important; } .breadcrumb li, .breadcrumb li a, .breadcrumb li.active { color:#fff; font-size:18px; line-height:1.2; text-transform:uppercase; } .breadcrumb li.active { color:#ff0000; } .topcrumb { padding:0px 0; } .topcrumb ul { list-style:none; margin:0; padding:0; } .topcrumb ul li { display:inline-block; text-transform:uppercase; color:#464646; font-size:13px; } .topcrumb ul li a { color:#464646; } #content .content-wrap { padding:0px 0 0; } #content .single-post h1 { color:#232845; font-family:Futura Medium, sans-serif; margin-bottom:20px; } #content .single-post h2 { font-size:24px; font-family:Futura Medium, sans-serif; margin-bottom:20px; } #content .single-post h3 { font-size:18px; font-family:Futura Medium, sans-serif; margin-bottom:20px; } #content .single-post h4 { font-size:18px; font-weight:400; } #content .single-post p { color:#555; font-size:14px; margin-bottom:20px; font-family:Futura Book, sans-serif; } #content .single-post ol { padding-left:30px !important; } #content .single-post ul.paragraph_padding { padding-left:30px; } #content .single-post ul { padding-left:30px; } #content .single-post ul li, #content .single-post ol li { margin-bottom:15px; } .about_container { position:relative; } .about_container .about_grid { width:33.33%; text-align:center; float:left; position:relative; } .about_container .about_grid .vision { position:absolute; background:#e7e7e7; padding:30px; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; } .about_container .about_grid .vision h1 { text-transform:uppercase; } .about_container .about_grid .mission { position:absolute; background:#00698c; padding:30px; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; } .about_container .about_grid .mission h1 { text-transform:uppercase; color:#fff !important; } .about_container .about_grid .mission p { color:#fff !important; } .about_bg { background:#f6f7f7; padding:60px 0 30px; } .promise_bg { background:#00698c; color:#fff; height:565px; width:30%; padding:30px; text-align:center; position:relative; display:inline-block; vertical-align:top; } .promise_bg h1 { color:#fff !important; } .promise_bg p { color:#fff !important; } .promise_bg .promise_adjust { position:relative; top:50%; transform:translateY(-50%); } .action_bg { background:#e7e7e7; height:565px; width:calc(70% - 4px); padding:30px; text-align:center; position:relative; display:inline-block; vertical-align:top; } .action_bg .container { position:relative; top:50%; transform:translateY(-50%); } .leader_bg { text-align:center; padding:30px 0; } .leader_bg .leader_grid { float:left; margin:0 1% 30px; width:18%; max-width:279px; } .leader_bg .leader_grid .leader_info1 { background:#00698c; padding:10px; } .leader_bg .leader_grid .leader_info1 p { color:#fff !important; margin:0; } .leader_bg .leader_grid .leader_info1 p span { font-size:13px; } .leader_bg .leader_grid .leader_info1 p.name { height:60px; } .leader_bg .leader_grid .leader_info1 p.paragraph_height { height:140px; } .leader_bg .leader_grid .leader_info1 p.title { height:40px; } .leader_bg .leader_grid .leader_line { height:1px; background:#579cb3; width:100%; margin:10px 0; } .leader_bg .leader_grid a.leader_button { color:#fff; border:1px solid #fff; padding:5px 10px; display:inline-block; } .leader_bg .leader_grid .leader_info2 { background:#00698c; padding:10px; } .leader_bg .leader_grid .leader_info2 p { color:#fff !important; margin:0; } .leader_bg .leader_grid .leader_info2 p.position { height:50px; } .investor_bg { position:relative; text-align:center; } .investor_bg .investor_absolute { position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; } .investor_bg h1, .investor_bg p { color:#fff !important; } .investor_bg a.investor_button { background-color:rgba(130, 109, 79, 0.8); color:#fff; font-size:18px; font-weight:700; text-transform:uppercase; padding:10px 30px; display:inline-block; } a.read_btn_red { background: linear-gradient(to left, #fff 50%, #ff0000 50%); background-size: 200% 100%; background-position:right bottom; transition:all 0.4s ease; } a.read_btn_red:hover { background-position:left bottom; color:#fff; } a.read_btn_green { background: linear-gradient(to left, #fff 50%, #9aff2b 50%); background-size: 200% 100%; background-position:right bottom; transition:all 0.4s ease; } a.read_btn_green:hover { background-position:left bottom; color:#fff; } .side_menu ul ul li { margin:0 !important; } .side_menu ul ul li a { padding-left:35px; background:#f7f7f7 url(../../images/side_menu_pin.jpg) no-repeat 23px 20px; } .side_menu ul ul li a:hover, .side_menu ul ul li a.active { background:#f7f7f7 url(../../images/side_menu_pin.jpg) no-repeat 23px 20px; } /*---Doctor Template---*/ .search_bg { background-image:linear-gradient(to right, #c0090c, #f50f0f); padding:30px 0; } .search_bg form { margin:0; } .search_bg .search_bar { float:left; width:60%; } .search_bg .search_bar input#docKeyword { background-color:transparent; border:1px solid #fff; height:65px; width:100%; background:url(../../images/doctor_search.png) no-repeat 2% 50%; color:#fff; text-indent:5%; font-size:21px; font-family:Futura Medium, sans serif; } .search_bg a#docSubmit { background:#fff; color:#f50f0f; font-family:Futura Medium, sans serif; font-size:21px; text-transform:uppercase; height:65px; display:block; text-align:center; line-height:65px; } .search_bg .doctor_search { width:calc(30% - 15px); float:left; margin-left:15px; } .search_bg .doctor_search.special { width:calc(30% - 30px); float:left; margin:0 15px; } .search_bg .doctor_search select { border:1px solid #fff; height:65px; width:100%; } .search_bg .search_button { width:10%; float:left; } .specialty_grid { float:left; width:24%; /*width:32.33%;*/ position:relative; height:auto; overflow:hidden; margin:3px 0.5%; } .specialty_grid .specialty_image { text-align:center; } .specialty_grid .specialty_image img { width:100%; } .specialty_grid .specialty_info { position:absolute; width:100%; padding:5px 10px; background-color:rgba(0, 0, 0, 0.3); color:#fff; font-size:14px; line-height:16px; font-family:Futura Light, sans serif; text-align:center; bottom:0px; display: flex; align-items: center; min-height: 40px; } .specialty_grid .specialty_info a { color:#fff; margin:0 auto; } .doctor_grid2 { float:left; width:31.33%; margin:0 1% 30px; text-align:center; } .doctor_grid2 .doctor_image { height:200px; overflow:hidden; } .doctor_grid2 .doctor_image img { max-height:220px; overflow:hidden; } .doctor_grid2 .doctor_name { font-family:Futura Medium, sans serif; font-family:14px; color:#000; height:60px; } .doctor_grid2 .doctor_name a { color:#000; } a.view_more { background:#f50f0f; color:#fff; display:inline-block; padding:5px 30px; } h2.doctor_name a { color:#000; } .doc_label1 { width:100px; float:left; font-family:Futura Light, sans-serif; color:#000; } .doc_label2 { width:20px; float:left; font-family:Futura Light, sans-serif; color:#000; } .doc_label3 { width:calc(100% - 120px); float:left; font-family:Futura Light, sans-serif; color:#000; } .schedule_container { border:1px solid #d7aa69; border-radius:0px; padding:5px; text-align:center; width:100%; } .schedule_container p { font-family:Futura Light, sans-serif; color:#000 !important; font-size:13px !important; } .schedule_container .available_slot { background:#eee; border-radius:0px; padding:3px; color:#000; margin:10px 0; font-size:12px; } a.appointment_button { display:block; padding:10px; color:#fff; background-image:linear-gradient(to bottom, #d7aa69 48%, #a78350); margin-top:0px; border-radius:8px; } .location { margin-top:30px; } .location span { color:#000; font-size:18px; font-family:Futura Medium, sans serif; } .location p { color:#000 !important; font-size:18px !important; font-family:Futura Light, sans serif; } .doctor_image { text-align:center; margin-bottom:10px; height:250px; overflow:hidden; } .doctor_image2 { text-align:center; margin-bottom:0px; max-height:350px; overflow:hidden; } .doctor_name2 { text-align:center; /*height:46px;*/ overflow:hidden; height: 60px; font-size: 14px; line-height: 18px; } .doctor_name2 a { color:#000; font-size:16px; font-family:Futura Light, sans serif; } a.appointment_button2 { display:block; padding:10px; color:#fff; background-image:linear-gradient(to right, #ce0209, #f50f0f); margin-top:10px; border-radius:20px; } /*---Search Template---*/ .search_content h1 { color:#052e6e; font-size:22px; margin-bottom:30px; line-height:110%; } .search_content .search_border { max-width:100%; } .search_content .search_border p { color:#000; font-size:12px; } a.search_button { display:inline-block; padding:5px 30px; color:#fff; background-image:linear-gradient(to right, #ce0209, #f50f0f); border-radius:8px; text-transform:uppercase; } /*---About Template---*/ .about_us { max-width:1920px; width:100%; height:800px; position:relative; background:url(../../images/about_us.jpg) no-repeat top left; background-size:cover; } .red_bg_title { background:#f50f0f; color:#fff; text-align:center; padding:30px; font-size:30px; font-family:Futura Bold; margin:30px 0; } /*---Award Template---*/ .award_grid2 { width:18%; margin:0 1% 30px; float:left; text-align:center; padding:15px; } .award_grid2.special_case { width:calc(16.66% - 4px); margin:0 0 15px; float:none; display:inline-block; text-align:center; padding:15px 5px; vertical-align:top; } /*.award_grid2:hover { background:#f7f7f7; }*/ .award_grid2 .award_image { height:120px; position:relative; margin-bottom:5px; } .award_grid2 .award_image img { display:block; margin:0 auto; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; } .award_grid2 .award_name { color:#000; font-size:12px; font-family:Futura Light, sans-serif; height:65px; } .award_grid2 .award_button { color:#000; font-size:16px; font-family:Futura Light, sans-serif; height:40px; margin-top:15px; } /*---Patient & Visitor Template---*/ .shadow_box { padding:30px 0; box-shadow:1px 1px 25px #cecece; background:#fff; } .patient_grid { float:left; width:calc(50% - 1px); height:300px; text-align:center; } .patient_grid h2 { font-size:25px; font-family:Futura Medium, sans-serif; color:#f50f0f; text-transform:uppercase; margin-top:30px; margin-bottom:15px; } .patient_grid p { font-size:16px; font-family:Futura Light, sans-serif; color:#006cac !important; } .patient_border { float:left; width:2px; background:#f50f0f; height:300px; } a.resource_button { display:inline-block; padding:15px 60px; color:#fff; background-image:linear-gradient(to right, #ce0209, #f50f0f); border-radius:50px; text-transform:uppercase; } /*---Career Template---*/ .career_bg { background:#f6f6f6; padding:60px 0 30px; margin-top:30px; } .career_bg .career_grid { width:31.33%; margin:0 1% 30px; float:left; background:#fff; text-align:center; padding:15px; font-size:20px; font-family:Futura Medium, sans-serif; font-style:italic; color:#000; height:100px; line-height:1.0; } .career_bg .career_grid a { color:#000; display:block; } .icon_location { float:left; width:50px; } .location_info { float:left; width:calc(100% - 50px); margin-top:5px; } .career_form { background:#f6f6f6; padding:30px 0; } .career_form form { margin:0; } a.career_button, .career_button { display:inline-block; padding:5px 20px; color:#fff; background-image:linear-gradient(to bottom, #d7aa69 48%, #a78350); border-radius:0px; border:none; } /*---Location Template---*/ .location_grid { text-align:center; position:relative; } .location_grid .overlay { width:100%; height:100%; background-color:rgba(245, 15, 15, 0.4); position:absolute; top:0; left:0; opacity:0; transition:opacity 0.4s ease; -moz-transition:opacity 0.4s ease; -webkit-transition:opacity 0.4s ease; } .location_grid:hover > .overlay, .location_grid a:hover > .overlay { opacity:1; } .location_grid .overlay h2 { color:#fff; display:block; position:relative; top:50%; transform:translateY(-50%); } .location_grid .overlay a { color:#fff; } .address_grid { display:inline-block; width:calc(23% - 4px); margin:0 1%; border:1px solid #bfbfbf; border-radius:0px; padding:15px; vertical-align:middle; height:150px; margin-bottom:30px; } .address_grid .address_icon { float:left; width:50px; position:relative; top:50%; transform:translateY(-50%); } .address_grid .address_info { float:left; width:calc(100% - 65px); margin-left:15px; text-align:left; color:#000; font-family:Futura Medium, sans-serif; font-size:15px; position:relative; top:50%; transform:translateY(-50%); } @media (min-width:768px){ .address_grid .address_icon.top20{ float:left; width:30px; position:relative; top:50%; transform:translateY(-50%); } .address_grid .address_info.top20 { float:left; width:calc(100% - 40px); margin-left:10px; text-align:left; color:#000; font-family:Futura Medium, sans-serif; font-size:15px; position:relative; top:50%; transform:translateY(-50%); } .mt-60-768{ margin-top:60px; } } .address_grid .address_info a { color:#000; font-size:15px !important; } .directory_bg { background:#f5f5f5; padding:60px 0; } .directory_bg table tr td { vertical-align:top; } .directory_bg p { color:#ff0202; font-family:Futura Medium, sans-serif; margin-bottom:15px; } .directory_bg a { color:#000; } .directory_bg .directory_icon { display:inline-block; width:30px; vertical-align:top; } .directory_bg .directory_info { display:inline-block; color:#000; font-size:13px; vertical-align:middle; } a.enquiry_button { display:inline-block; padding:10px 60px; color:#fff; background-image:linear-gradient(to right, #ce0209, #f50f0f); margin-top:30px; border-radius:10px; } .search_container { margin:0 1% 30px; } .search_grid { width:100%; margin-bottom:10px; } .news_content h2.news_title { margin-bottom:0; } .news_content span { margin-bottom:30px; font-style:italic; font-weight:300; font-size:14px; display:block; margin-bottom:30px; } .news_content .news_date_share { margin-bottom:30px; } /*---Convention Centre---*/ .convention_container { margin-bottom:30px; } .convention_container .convention_grid { width:50%; float:left; position:relative; height:300px; } .convention_container .convention_grid img { max-height:300px; } .convention_container .convention_grid.right { float:right; } .convention_container .convention_grid p { padding:15px; position:relative; top:50%; transform:translateY(-50%); margin:0 !important; } /*---Footer---*/ #footer { background: #e5e5e5; border-top:0px solid #e92829; color:#444; font-size:13px; padding:30px 0; } #footer h4 { margin:0 0 10px; text-transform:none; letter-spacing:normal; font-size:15px; font-weight:600; color:#7e7e7e; letter-spacing:1px; } #footer ul { list-style:none; margin:0; padding:0; margin-bottom:30px; } #footer ul li { font-size:13px; margin-bottom:10px; color:#888; } #footer ul li a { color:#888; } nav.footer_menu { text-align:center; } nav.footer_menu ul { list-style:none; margin:0; padding:0; } nav.footer_menu ul li { display:inline-block; margin:0 10px; margin-bottom:0 !important; } .widget_links p { margin:0; color:#fff200; } .widget_links ul { list-style:none; padding:0; margin:0 0 15px; } .widget_links li { padding:0; } .widget_links li a { background:none; padding:0; color:#fff; } .widget_links ul.footer_special li { margin-bottom:30px; } .widget_links ul.footer_special li:last-child { margin:0; } .height_widget { height:360px; position:relative; } .height_widget.border { padding:0 0 0 30px; border-left:1px solid #6e6e6e; } .footer_logo { position:relative; top:50%; transform:translateY(-50%); } .social_container { background:#222; display:inline-block; vertical-align:top; padding:5px; } .social-icon { display:inline-block; float:none; vertical-align:top; } #copyrights { border-top:1px solid #6e6e6e; background:#000; color:#fff; padding:30px 0 !important; } .footer_fixed { display:none; } /*---Contact Template---*/ #bread_contact { background-image:linear-gradient(#f50f0f, #ce0309); padding:80px 0; position:relative; text-align:center; } #bread_contact .container { position:relative; } #bread_contact .bread_absolute h1 { text-transform:uppercase; font-weight:500; margin:0; font-size:35px; color:#fff; font-family:Futura Medium, sans-serif; } #bread_contact .bread_absolute ul { list-style:none; margin:0; padding:0; } #bread_contact .bread_absolute ul li { display:inline-block; margin:0 5px; font-size:20px; color:#fff; font-family:Futura Medium, sans-serif; } #bread_contact .bread_absolute ul li a { color:#fff; } #bread_contact .bread_absolute ul li.active { font-weight:400; } .icon_absolute { position:absolute; top:50%; right:10px; transform:translateY(-50%); } a.contact_button { border:1px solid #3f3d6c; color:#3f3d6c; text-transform:uppercase; font-size:15px; display:inline-block; padding:10px 45px; } /*---Search Template---*/ table.search_result tr th { background:#fdc800; text-transform:uppercase; text-align:center; } table.search_result tr th.blue { background:#002147; color:#fff; } table.search_result tr td.upperLetter { text-transform:uppercase; } table.search_result tr td { vertical-align:middle; } /*---Pagination---*/ .page_number { margin:30px 0; } .page_number .page_grid { display:inline-block; text-align:center; width:30px; height:30px; vertical-align:middle; padding:5px; border:1px solid #002147; background:#002147; color:#fff; } .page_number .page_grid.active { border:1px solid #fdc800; background:#fdc800; color:#000; } /*------------------ pagination ------------------*/ .myPagination { color:#7e7e7e; margin:10px 0; text-align:right; } .myPagination a { color:#7e7e7e; border:1px solid #7e7e7e; background:#fff !important; font-size:13px; padding:6px 12px; background:none; text-decoration:none; } .myPagination a:hover { color:#fff; background:#7e7e7e !important; text-decoration:none; border:1px solid #7e7e7e; } .myPagination strong{ border:1px solid #7e7e7e; font-size:13px; padding:6px 12px; background:#7e7e7e; font-weight:normal; color:#fff; } .myPagination img{ margin-top:-3px; } .myPagination .pagimg{ background:none; border:none; } /*---Bootstrap Tabs---*/ ul.tab-nav:not(.tab-nav-lg) { padding-left:0 !important; } ul.tab-nav:not(.tab-nav-lg) li { margin-bottom:0 !important; } /*---Others---*/ .padding_adjust { padding:0 15px; } .capital { text-transform:uppercase; } .btn-secondary { background-color: #00698c; border-color: #00698c; } .testimony_disappear { display:none; } .testimony_disappear.appear { display:block; } #tagcloud a{ color:#fff; padding:5px; border-radius:5px; margin:5px 0; display:inline-block; } #gotoTop, #gotoTop:hover { background-color:#e92829 !important; } .image_absolute { position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; z-index:2; width:100%; min-height:230px; background-size:cover !important; } #google_captcha > div > div { width:100% !important; } #google_captcha iframe { width:100% !important; } .pc_view { display:block; } .mobile_view { display:none; } .covidTitle{ color:#233745; font-size:35px; font-family:Futura Heavy, sans serif; text-transform:uppercase; } .covidText{ color:#889099; font-size:15px; font-family:Futura Book, sans-serif; } .covidLocDiv{ text-align:center; font-size:20px; font-family:Futura Medium, sans-serif; line-height:140%; color:#233745; } .covidLocDiv div{ font-size:30px; font-family:Futura Heavy, sans-serif; text-transform:uppercase; line-height:120%; } .covidTitle2{ color:#ac8c63; font-size:25px; font-family:Futura Heavy, sans serif; text-transform:uppercase; } .covidText2{ color:#57585d; font-size:20px; font-family:Futura Medium, sans-serif; } .covidMidDiv{ padding:30px 50px; width:80%; margin:0 auto; } .covidMidDiv1{ width:60%; float:left; } .covidMidDiv2{ width:40%; float:right; } .covidMidDiv2 img{ max-height:180px; } .covidMidContent1{ width:20%; float:left; } .covidRedCirDiv{ height:40px; width:40px; margin:0 auto; color:#fff; font-size:20px; font-family:Futura Heavy, sans serif; text-align:center; background:#ec2029; line-height:40px; border-radius:50%; } .covidMidContent2{ width:80%; float:left; } .covidMidContent2 div{ font-size:20px; font-family:Futura Heavy, sans serif; color:#2b2a28; line-height:40px; } .covidFullDiv{ padding:50px 0px; background: #f9f9f9 url('../../images/covid19/line-bg2.png') repeat left top; } .covidHalf{ width:50%; float:left; } .covidHalfInner{ padding:20px; } .covidHalf .covidHalfInner img{ height:40px; } .covidThird{ width:33.3%; float:left; } .covidThird .covidHalfInner img{ height:50px; } .covidThird .covidMidContent2 div{ color:#ea2c2e; line-height:50px; } .covidThird .covidMidContent2 div.moretext{ line-height:25px; } .covidFourth{ width:25%; float:left; } .covidFourth .covidMidContent1{ width:35%; float:left; } .covidFourth .covidMidContent2{ width:65%; float:left; } .covidFourth .covidMidContent2 div{ line-height:50px; } .covidFourth .covidHalfInner img{ height:50px; } .covidFourth .covidMidContent2 div.moretext{ line-height:25px; } .covidFullDiv2{ padding:50px 0px; background: #f9f9f9; } .covidVideoDivFull{ padding:50px 0px 0px 0px; background: #f9f9f9 url('../../images/covid19/video-bg.jpg') no-repeat center right; background-size: cover; } .covidVideoText{ color:#fff; font-size:17px; font-family:Futura Heavy, sans serif; } @media (max-width: 1600px) { .royal_bg { height:400px; } } @media (max-width: 1500px) { .royal_bg { height:375px; } } @media (max-width: 1200px) { /*---Header---*/ #top-bar ul.header_menu li a { font-size:12px; } #primary-menu ul li > a { font-size:12px; padding:0 5px; } #primary-menu ul li a { font-size:12px !important; padding:0 10px 0 0; } /*---Homepage---*/ .slider_video { opacity:1; } .doctor_tab .doctor_container { margin-top:-50px; } .social_bg .social_list .social_images { float:none; width:100%; } .social_bg .social_list .follow_us { float:none; max-width:100%; width:100%; } .about_container .about_grid { width:100%; float:none; max-width:600px; margin:0 auto; } .leader_bg .leader_grid { width:31.33%; } .sunway_bg .international_grid h2 { font-size:20px; } .sunway_bg .international_grid p { font-size:12px; } .royal_bg { height:300px; } /*---Page Template---*/ .coeLinkDiv .togglet a { font-size:12px !important; } .coeDiv img { max-height:40px !important; } /*---Location Template--*/ .address_grid { width:calc(48% - 4px); } .covidLocDiv{ font-size:25px; } .covidLocDiv div{ font-size:35px; } .covidThird .covidMidContent2 div{ font-size:18px; } .covidFourth .covidMidContent2 div{ line-height:25px; } .covidFourth .covidHalfInner img{ height:50px; } } @media (max-width: 979px) { .mbheight200{ height:200px! important; } .myCovidVideoDiv .portfolio-3 .portfolio-item{ width:31% !important; } /*---Header---*/ #header { background-color:#fff; position:relative; } #header-wrap { background-color:#fff; } #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.style-2 li, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul { border:none !important; } .topcrumb, .container_absolute h1 { text-align:center; } .image_absolute { min-height:150px; } .mobile_logo { max-height:60px; } .mobile_logo img { max-height:60px; padding:8px 0; } #primary-menu ul ul { top:100% !important; background:#fff !important; width:100%; } #primary-menu ul ul:not(.mega-menu-column) { width:100%; } #primary-menu ul ul li { padding-left:15px; background:url(../../images/side_menu_pin.jpg) no-repeat 10px 18px; } #primary-menu > div > ul { padding-top:0px !important; margin-top:0 !important; } #primary-menu ul li .mega-menu-content h4 { margin-bottom:12px; } #primary-menu > div > #top-search form { background:#fff; } #primary-menu.style-2 > div > ul > li > a i { line-height:50px; } #primary-menu.style-2 { padding:2px 0; } #primary-menu ul ul:not(.mega-menu-column) { position:relative; } .top_float { float:none; width:100%; right:0; } .top_float.social_media { float:left; width:50%; } #top-bar { height:auto; } #top-bar ul.header_menu { height:auto; text-align:center; margin:0 auto; display:none; } #top-bar ul.header_menu li { height:20px; margin:12px 0; border-right:1px solid #fff; line-height:20px; } .top_float_mobile { display:block; text-align:center; } .top_float_mobile ul.header_menu { list-style:none; margin:0 0 15px; padding:0; } .top_float_mobile ul.header_menu li { display:inline-block; vertical-align:middle; border-right:1px dotted #fff; padding:0; color:#444; } .top_float_mobile ul.header_menu li:last-child { border-right:0px dotted #fff; } .top_float_mobile ul.header_menu li a { color:#000; font-size:12px; font-family:Futura Light, sans serif; padding:0 3px; text-transform:uppercase; } .top_float_mobile ul.header_menu li a:hover { color:#e92829; } #top_social_mobile { display:block; text-align:center; } #top-social { display:none; } #top-social ul { text-align:center; } #top-social li { float:none; display:inline-block; } #top-search a { margin:30px 0; } #top-search form input { max-height:80px; } #logo { height:60px; } #logo img { max-height:60px; } #primary-menu-trigger { top:15px; } .top_float img { max-height:20px; /*max-width:75px;*/ } body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.style-2 li .d-none { display:block !important; } /*---Homepage---*/ .slider-caption:not(.dark) h2 { font-size:24px; margin:0; } .slider-caption:not(.dark) p { font-size:18px; display:block !important; margin-top:15px; } .doctor_tab .doctor_container { position:static; margin-top:0px; } .doctor_tab .doctor_container .doctor_info { width:100%; float:none; height:auto; padding:10px 0; } .doctor_tab .doctor_container .doctor_care { width:100%; float:none; } .doctor_tab .establish_relative { height:auto; background:none; } .doctor_tab .establish_relative .establish_absolute { position:static; margin-top:30px; max-width:none; transform:translateY(0); padding:0 30px; } .doctor_tab .establish_relative .establish_mobile { display:block; } .royal_bg { height:275px; } .royal_bg.youtube { background:#fcdc17 url(../../images/royal_youtube2.jpg) no-repeat center; background-size:contain; } .choose_bg { background:#41392d; } .choose_bg .choose_container .choose_grid { float:left; width:50%; } .choose_bg .choose_container .choose_grid.image { text-align:right; } .choose_bg .choose_container .choose_grid img { width:auto; height:auto; max-height:200px; } .sunway_bg .international_grid { float:none; width:100%; } .information_bg h1 { margin-top:30px; } .news_bg { padding:30px 0; } /*---Doctor Template---*/ .specialty_grid { float:left; width:49%; position:relative; } .specialty_grid .specialty_info { font-size:13px; } .search_bg .search_bar { float:none; width:100%; margin-bottom:15px; } .search_bg .search_bar input#docKeyword { height:45px; } .search_bg a#docSubmit { height:45px; line-height:45px; } .search_bg .doctor_search { width:40%; margin:0; } .search_bg .doctor_search.special { width:80%; margin-left:0px; margin-right:0; } .search_bg .doctor_search select { height:45px; } .search_bg .search_button { width:calc(20% - 15px); margin-left:15px; } /*---Patient & Visitor Template---*/ .patient_grid h2 { font-size:18px !important; } .patient_grid p { font-size:13px !important; } /*---Award Template---*/ .award_grid2 { width:48%; } .award_grid2.special_case { width:calc(33.33% - 4px); } /*---Page Template---*/ .promise_bg { height:auto; width:100%; display:block; } .promise_bg .promise_adjust { top:0%; transform:translateY(0%); } .action_bg { height:auto; width:100%; display:block; } .action_bg .container { top:0%; transform:translateY(0%); } .investor_bg { background:#494b51; padding:30px; } .investor_bg img { display:none; } .investor_bg .investor_absolute { position:static; transform:translateY(0); } #page-title .shadow_absolute .shadow_content h1 { font-size:24px; } #page-title .shadow_absolute .shadow_content h2 { margin-top:15px; } .breadcrumb li, .breadcrumb li a, .breadcrumb li.active { font-size:15px; } /*---About Template--*/ .about_container { margin-bottom:30px; } /*---Contact Template---*/ #bread_contact .bread_absolute { position:static; top:0%; transform:translateY(0%); } /*---Convention Centre---*/ .convention_container .convention_grid { height:auto; } .convention_container .convention_grid p { top:0%; transform:translateY(0%); } /*---Footer---*/ .height_widget { height:410px; } /*---Others---*/ .top_float.mobile_view { display:none; } .pc_view { display:none; } .mobile_view { display:block; } .covidLocDiv{ font-size:20px; } .covidLocDiv div{ font-size:30px; } .covidMidDiv1, .covidMidDiv2{ width:100%; } .covidMidDiv1{ margin-top:20px; } .covidMidContent2 div{ font-size:18px; } .covidHalf .covidHalfInner img{ height:30px; } .covidHalf .covidMidContent2 div{ line-height:30px; } .covidThird .covidHalfInner img{ height:40px; } .covidThird .covidMidContent2 div{ color:#ea2c2e; line-height:25px; font-size:18px; } .news_container2.covidgrid4 .news_grid2 { width:calc(50% - 20px) !important; } .news_container2.covidgrid4 .news_grid2 .news_image{ background-size:cover !important; } } @media (max-width: 1030px){ .header-extras .tPadding { padding: 17px 5px !important; } } @media (max-width: 767px) { table.visible-xs{ display: table !important; } .hidden-xs { display: none !important; } .visible-xs { display: block !important; } .mb-mt-30{ margin-top:30px! important; } .myCovidVideoDiv .portfolio-3 .portfolio-item{ width:47% !important; } .covidVideoText{ font-size:15px; } .news_container2 { margin-right:0; } .news_container2.covidgrid4 .news_grid2 .news_image{ background-size:contain !important; } .covidFourth{ width:50%; float:left; } .covidFourth .covidMidContent2 div{ line-height:40px; } .covidFourth .covidHalfInner img{ height:40px; } .covidFourth .covidMidContent2 div.moretext{ line-height:20px; } .covidRedCirDiv{ font-size:15px; height:30px; width:30px; line-height:30px; } .covidMidContent2 div{ font-size:16px; line-height:30px; } .covidTitle2 { font-size:20px; } .covidText2{ font-size:16px; } h1, .covidTitle { font-size:24px; } p { font-size:13px; } a { font-size:13px; } ul.tslt a { font-size:16px; } /*---Header---*/ #primary-menu-trigger { top:15px; } #top-search a { right:20px; } /*---Homepage---*/ .doctor_tab .doctor_container { margin-top:0px; } .doctor_tab .doctor_container .doctor_care { padding:10px; font-size:24px; } .doctor_tab .doctor_container .doctor_care a { line-height:1.2; font-size:24px; } .doctor_tab .doctor_container .doctor_info .doctor_grid { width:100%; float:none; margin:5px 0; } .doctor_tab .establish_relative .establish_absolute h1 { font-size:24px; } .doctor_tab .establish_relative .establish_absolute p, .doctor_tab .establish_relative .establish_absolute a { font-size;13px; } .doctor_tab .establish_relative .establish_absolute p.establish_quote { font-size;13px; } .fixed_header { display:none; } .excellence_bg .excellent_grid { width:48%; } .excellence_bg .diagnose_btn { display:block; width:250px; margin:0; margin:15px auto; } .news_grid { width:100%; margin:0 0% 30px; float:none; } .vertical-middle { display:none; } .profile_container { background-color:rgba(0,0,0,1); position:static; margin-bottom:30px; } .ambition_bg { margin-top:30px; } .ambition_bg .ambition_container { margin-bottom:30px; } .option_grid { width: calc(50% - 4px); text-align:center; margin-bottom: 30px; } .location_bg { margin:0; } .sunway_bg .international_grid h1 { font-size: 24px; padding:30px 15px 0; } .sunway_bg .international_grid .international_button { font-size:15px; } .information_bg h1 { font-size:24px; } .information_bg p { font-size:13px; } .information_bg a { font-size:13px; } .excellence_bg h1 { font-size:24px; } .excellence_bg p { font-size:13px; } .excellence_bg a { font-size:13px; } .excellence_bg .excellent_grid h1 { font-size:24px; } .excellence_bg .excellent_grid h4 { font-size:13px; } .excellence_bg .diagnose_btn { font-size:13px; } .news_bg h1 { font-size:24px; } .news_bg p { font-size:13px; } .social_bg .social_list .follow_us .follow_absolute h1 { font-size:24px; } .social_bg .social_list .follow_us .follow_absolute p, .social_bg .social_list .follow_us .follow_absolute a { font-size:13px; } .award_bg h1 { font-size:24px; } .award_bg p { font-size:13px; } .royal_bg { height:192px; } .royal_bg h2 { font-size:18px; } .royal_bg p { font-size:13px; } /*---Patient & Visitor Template---*/ .shadow_box { padding:30px 30px 0; } .patient_grid { width:100%; float:none; height:auto; } .patient_border { width:100%; height:2px; margin:30px 0; } /*---Page Template---*/ #page-title { background:#00698c; padding:30px 0; } #page-title .textCenter{ display:none; } #page-title .banner_bread { height:auto; } #page-title .shadow_absolute .animation1, #page-title .shadow_absolute .animation2 { display:none; } #page-title .shadow_absolute { position:static; background:#00698c; height:auto; } #page-title .shadow_absolute img { display:none; } #page-title .shadow_absolute .shadow_content { position:static; width:100%; transform:translateY(0); padding:0 30px; opacity:1; } #page-title .breadcrumb { display:inline-block; margin:0 auto; } #page-title .breadcrumb li, #page-title .breadcrumb li a, #page-title .breadcrumb li.active { display:inline-block; margin:0; font-size:13px; } #page-title .shadow_absolute .shadow_content h1 { font-size:24px; } #page-title .shadow_absolute .shadow_content h2 { margin-top:15px; } .leader_bg .leader_grid { width:48%; } /*---Career Template---*/ .career_bg .career_grid { width:48%; } /*---Doctor Template---*/ .search_bg a#docSubmit { font-size:13px; } .search_grid { width:100%; display:block; margin-bottom:10px; } /*---Contact Template---*/ #bread_contact .container { text-align:center; } #bread_contact .bread_float1 h1 { font-size:24px; margin:0 0 15px; } .contact_grid { float:none; width:100%; margin-bottom:30px; } /*---Convention Centre---*/ .convention_container .convention_grid, .convention_container .convention_grid.right { width:100%; float:none; } /*---Footer---*/ #footer { padding:30px 0 110px; } .height_widget { height:auto; } .height_widget.border { padding:0 0 0 0px; border-left:0px solid #6e6e6e; } .footer_logo { top:0%; transform:translateY(0%); } .footer_fixed { display:block; position:fixed; width:100%; bottom:0; z-index:999; } .footer_fixed .footer_phone { background:#f50f0f; height:80px; float:left; width:calc(50%); text-align:center; line-height:2.5; padding:10px 0; } .footer_fixed .footer_phone img { max-height:25px; } .footer_fixed .footer_phone a { color:#fff; text-transform:uppercase; } .footer_fixed .footer_address { background:#e6e6e6; border-top:4px solid #f50f0f; height:80px; float:left; width:calc(50%); text-align:center; line-height:2.5; padding:10px 0; } .footer_fixed .footer_address a, .footer_fixed .footer_phone a{ display:block; } .footer_fixed .footer_address img { max-height:25px; } .footer_fixed .footer_address a { color:#db070b; text-transform:uppercase; } /*---Others---*/ #tab-1 ul.tab-nav:not(.tab-nav-lg) li { float:none; display:block; margin:0 0 10px !important; } .container { width:100% !important; } .covidLocDiv{ font-size:15px; } .covidLocDiv div{ font-size:25px; } .covidThird{ width:100%; } .covidThird .covidMidContent2 div{ line-height:40px; } } @media (max-width: 480px) { .mobile_logo img { padding:10px 0; } .myCovidVideoDiv .portfolio-3 .portfolio-item{ width:100% !important; } .news_container2.covidgrid4 .news_grid2 { width:calc(100% - 20px) !important; } .covidFourth .covidMidContent2 div{ line-height:20px; } .covidHalf .covidHalfInner img{ height:25px; } .covidHalf .covidMidContent2 div{ line-height:25px; } /*---Header---*/ #logo { position:relative; height:80px; } #logo a { position:relative; top:50%; display:block; transform:translateY(-50%); } /*---Homepage---*/ .doctor_tab .doctor_container { margin-top:0px; } .slider-caption:not(.dark) img { max-width:50px; } .slider-caption:not(.dark) h2 { font-size:18px; margin-bottom:5px; } .slider-caption:not(.dark) p { font-size:13px; } .choose_bg .choose_container { display:block; } .choose_bg .choose_container .choose_grid.image { text-align:center; } .choose_bg .choose_container .choose_grid.image img { max-height:200px; } .choose_bg .choose_container .choose_grid .choose_count { margin:0 auto; } .choose_bg .choose_container .choose_grid { margin:0 auto; float:none; width:100%; } .option_grid { margin-bottom: 4px; } .social_bg .social_list .social_images { height:auto; } .social_bg .social_list .social_images .social_split { float:none; width:100%; height:300px; } .social_bg .social_list .follow_us .follow_absolute .follow_padding { padding:0 30px; } .social_bg .social_list .follow_us .follow_absolute h1 { font-size:20px; } .social_bg .social_list .follow_us .follow_absolute p, .social_bg .social_list .follow_us .follow_absolute a { font-size:15px; } .social_bg .social_list .follow_us .follow_absolute img { max-width:35px; } .social_bg .social_list .follow_us .follow_absolute .follow_padding .social_main { padding:0; } .sunway_bg .international_grid .international_info, .sunway_bg .international_grid .international_info.right { width:100%; float:none; height:auto; padding:30px 0; } .sunway_bg .international_grid.special_case { height:auto; } .sunway_bg .international_grid .international_info .international_icon { display:none; } .sunway_bg .international_grid .international_info .relative { top:0; transform:translateY(0); } .sunway_bg .international_grid .international_button { display:block; width:200px; margin:15px auto; padding:5px 10px; } .sunway_bg .international_grid .international_info .background2, .sunway_bg .international_grid .international_info .background3 { display:none; } .award_grid { float:none; width:100%; margin:15px 0; } .royal_bg h2 { font-size:15px; } .royal_bg p { font-size:12px; } /*---Doctor Template---*/ .search_bg .doctor_search, .search_bg .doctor_search.special { width:100%; float:none; margin:0 0 10px; } .search_bg .search_button { margin:0; width:100%; float:none; } .specialty_grid { float:none; width:100%; } .specialty_grid .specialty_info { font-size:15px; } /*---Award Template---*/ .award_grid2 { width:100%; margin:0 0 30px; float:none; } .award_grid2.special_case { width:100%; display:block; } .award_grid2 .award_name { height:auto; } /*---Page Template---*/ .leader_bg .leader_grid { width:100%; float:none; margin:0 auto 30px; } .leader_bg .leader_grid .leader_info1 p.name { height:auto; } .leader_bg .leader_grid .leader_info1 p.paragraph_height { height:auto; } .leader_bg .leader_grid .leader_info1 p.title { height:auto; } .leader_bg .leader_grid .leader_info2 p.position { height:auto; } /*---Location Template--*/ .address_grid { display:block; width:100%; margin:0 0 30px; } /*---Footer---*/ nav.footer_menu ul li { /*display:block; text-align:left;*/ } nav.footer_menu ul li.menu_div { /*display:none;*/ } } .futuralight{font-family: 'Futura Light', sans-serif !important;} .conditions ul.alphabet{ width: 100%; list-style: none; display: flex; justify-content: space-between; padding: 5px 0 !important; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .conditions ul.alphabet li{ margin-bottom: 0 !important; width: 100%; } .conditions ul.alphabet li a{ color: #555; /*min-width: 30px;*/ display: block; text-align: center; /*padding: 5px 20px;*/ padding: 10px 0; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .conditions ul.alphabet li a:hover, .conditions ul.alphabet li a.active{ background-image: linear-gradient(to bottom, #d7aa69 48%, #a78350); color: #fff; } .conditions ul.alphabet li a.available{} .conditions ul.alphabet li a.unavailable{ pointer-events: none; opacity: 0.4; } .conditions .condition-content{ background-color: #e8f4f4; padding-top: 10px; padding-bottom: 10px; } .conditions .condition-content:nth-child(2n){ background-color: white; } .conditions .condition-content.active{ /*background-color: rgba(0,0,0,0.2);*/ border-left: 3px solid #f50f0f; } .conditions .bigalpha span{ font-size: 1.5vw; display: flex; align-items: center; justify-content: center; } .conditions .alphalist{ align-self: center; } .conditions .alphalist ul{ list-style: none; display: flex; margin-bottom: 0 !important; flex-direction: row; flex-wrap: wrap; } .conditions .alphalist ul li{ display: inline-block; padding-top: 5px; padding-bottom: 5px; /*width: 50%;*/ width: 33.3333333%; padding-left: 10px; padding-right: 10px; margin-bottom: 0 !important; } .conditions .alphalist ul li a{ color: #555; } .searchcondition{ background-color: #eee; padding: 30px 25px; margin-top: 50px; margin-bottom: 30px; } .searchcondition h3{text-align: center;} .searchcondition form{margin-bottom: 0;} .condition_search_form .row{ width: 100%; margin: 0; } .condition_search_form .row .input-col{width: 90%; position: relative;} .condition_search_form .row .input-col input{ height: 40px; } .condition_search_form .row .button-col{width: 10%;} .condition_search_form button.button{ width: 100%; margin: 0; background-color: #ac8c5e !important; } .condition_search_form button#conditionclearbtn{ position: absolute; right: 0; top: 0; width: auto; color: #ccc; background-color: #fff !important; background-clip: padding-box; border-top: 1px solid #ced4da; border-bottom: 1px solid #ced4da; text-shadow: none; } @media(max-width: 979px){ #condition_search_form > .row{display: flex;} } @media(max-width: 550px){ .conditions ul.alphabet{display: none;} .conditions .bigalpha span{ font-size: 20px; justify-content: flex-start; padding: 0 15px !important; } .conditions .alphalist ul{padding-left: 0 !important;} .conditions .condition-content.active{ border: none; } } @media(max-width: 468px){ .conditions .bigalpha span{ margin-bottom: 10px; } .conditions .alphalist ul{display: block;} .conditions .alphalist ul li{width: 100%;} .conditions .condition-content{padding-left: 10px; padding-right: 10px;} } @media(max-width: 425px){ .mobile_logo img { padding:12px 0; } .condition_search_form .row .input-col{width: 85%;} .condition_search_form .row .button-col{width: 15%;} } @media(max-width: 380px){ .mobile_logo img { max-height: 50px; } }