@charset "utf-8"; /* CSS Document */ body .container{max-width:100%} .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} .caret{display:inline-block;width:0;height:0;margin-left:8px;vertical-align:middle;border-top:8px solid aliceblue;border-right:8px solid transparent;border-left:8px solid transparent} .do-popup.use-info-panel{display:block;width:100%;} .checkout-quantity,.checkout-price,.checkout-total {padding-top:15px!important;} /******* Colours *******/ .check-select{width:30%;float:left;padding:10px;} .ui-button-icon.ui-icon.ui-icon-closethick{background-color:#FFF;} .bg-turquoise{background-color:#34EBD2; } .text-white{color:#FFF;} .text-dark{color: #384666;} .cart-link{display:none;} .checkout-link strong{letter-spacing:.5px;font-weight:normal; text-transform: uppercase!important; font-size: 16px;} .checkout-link i{display:none;} .checkout-link{ padding: 12px 20px 10px 14px!important; text-shadow: none; text-transform: uppercase!important; background-color: #0b86c1!important; border-color: #0b86c1!important; color: #fff!important; background-image: none; border-radius: 2px; box-shadow: none; } .checkout-link:hover{border:thin solid #0b86c1;} .modal-backdrop{background-color: #FFF;} body{color:#5f6b77;background-color:#fff} h1,h2,h5{color:#BEC9D1} h3,h4,h6{color:#0B86C1} .category .description h4 a{color:#0B86C1;text-decoration:underline} .htmlContent h2,.htmlContent h5{color:#1951B8} .blue{color:#1951B8} a{color:#5f6b77} a:hover{color:#0b86c1;text-decoration:none} .container{background-color:#fff} #top,#top .container{background-color:#222} header .col-lg-12.col-md-12.col-sm-12.col-xs-12{background-color:#fff} #currency,.tg-account,.tg-search{border-color:#fff} .btn.btn-inverse.btn-block.btn-lg.dropdown-toggle span{background-color:#fff;color:#0B86C1} .btn.btn-inverse.btn-block.btn-lg.dropdown-toggle{border-color:#0B86C1;color:#0B86C1!important} .navbar-collapse .nav li a{background-color:transparent;color:#5F6B77} .navbar-collapse .btn-navbar{background-color:#0B86C1} .navbar-collapse .nav li.open a,.navbar-collapse .nav li a:hover{background-color:transparent;background-image:none;font-weight:400} .btn.btn-navbar.navbar-toggle{border-color:#15459E;color:#fff!important;text-shadow:none!important; background-color:#15459E;} .nav li a:focus,.nav li a:hover{text-decoration:none;background-color:transparent!important} .dropdown-menu{background-color:#fff;z-index:2000!important} #menu .nav li a{color:#324063} #menu .nav li a:hover{color:#BEC9D1!important;background-color:transparent!important;background-image:none;border:0 none} .navbar-collapse .nav li a:hover{border-color:#0B86C1!important} #top .btn-link:hover,#top-links a:hover{color:#0B86C1!important} .dropdown-menu li:first-child:not(.bs_default){border-top:1px solid #fff} .dropdown-menu li:not(.bs_default){border-bottom:1px solid #fff} .dropdown-menu li a,.see-all,.dropdown-menu li a:active{background-color:transparent;} #menu .see-all{display:none} .dropdown-menu li a:hover{text-decoration:none;color:#0b86c1;background-color:transparent;background-image:none!important} .white,.white a{color:#fff} .whiteBold {color: #fff !important;font-weight: bold;} .bg-colour01{background-color:#F7F7F7} .bg-colour02{background-color:#222} .bg-panel01{background-image:url(../../../../../image/catalog/assets/back-01.svg);background-repeat:no-repeat;background-position:right bottom;background-size:cover} .bg-panel02{background-image:url(../../../../../image/catalog/assets/back-02.svg);background-repeat:no-repeat;background-position:right top;background-size:cover} .bg-panel03{background-image:url(../../../../../image/catalog/assets/back-01.svg);background-repeat:no-repeat;background-position:right bottom;background-size:cover;margin-left:-80px!important;margin-right:-80px!important} .colour01{color:#0B86C1} .tltblog{background-image:url(../../../../../image/catalog/assets/back-03.svg);background-repeat:no-repeat;background-position:left top;background-size:cover} .highlight,.highlight01{background-color:#0B86C1} .highlight02{background-color:#DDE3E8} .highlight02 h3{color:#5F6B77!important} .highlight02 li{color:#5F6B77!important} .product-thumb .button-group button{background-color:#0B86C1;color:#fff;border-top:3px solid #fff} .product-thumb .button-group button:hover{background-color:#5F6B77;color:#fff} footer p,footer li,footer a{color:#fff} .footerMedia i,.footerMedia .fa{border-color:#0B86C1!important;color:#0B86C1} .tltblog h4 a{color:#222} .highlightText{text-align:center;color:#fff;background-color:#0B86C1} .feature h2,.feature h4,.featurePanel h4{color:#fff} .product h1,.product h2,.product h3,.product-thumb h4 a{color:#0B86C1} .btn-default{color:#0B86C1} .btn:not(.bs_default){background-color:#fff;background-image:none;border-color:#0B86C1} .btn-primary{background-color:#0B86C1;border-color:#0B86C1;color:#fff} .btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:transparent;background-position:0 -16px;border-color:#0B86C1;color:#0B86C1} .btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{color:#0B86C1;background-color:#fff;border-color:#0B86C1} .btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{background-color:#fff;background-image:none} .btn-secondary{background-color:#F6F6F6;border-color:#DDE3E8;color:#0B86C1} .btn-secondary a:hover,.btn-secondary:hover,.btn-secondary:active,.btn-secondary.active,.btn-secondary.disabled,.btn-secondary[disabled]{background-color:#0B86C1;background-position:0 -16px;border-color:#0B86C1;color:#FFF!important} .product-thumb .price{color:#444} .border-left{border-left:1px solid #BEC9D1;padding-left:24px} .border-right{border-right:1px solid #BEC9D1} .border-top{border-top:1px solid #BEC9D1;padding-top:24px} .border-bottom{border-bottom:1px solid #BEC9D1;padding-bottom:24px} .border-all{border:1px solid #BEC9D1;padding:24px} footer .border-left{border-left-color:#00ADEE} footer .border-right{border-right-color:#00ADEE} .fa-info-circle{color: #2EBEB5!important;} .product-thumb a {color: #1951B8} .modal-body {color: #5f6b77} /******* Fonts *******/ body{font-size:16px;font-weight:300;font-family:"Open Sans", Arial, Helvetica, sans-serif;line-height:150%} h1, h2, h3, h4, h5, h6{font-weight:300;line-height:120%;margin:0 auto 16px} h1{font-size:32px} h2{font-size:24px;display:block} .htmlContent h2{display:block;padding:16px 0 0;font-size: 32px;} .htmlContent p{margin:0 0 8px} .htmlContent h5{margin:8px 0} h3{font-size:16px} h4{font-size:16px} h5{font-size:16px} h6{font-size:16px} ul{margin:0 0 16px} p{margin:0 0 16px} .highlight h2{font-weight:600} .highlight p{color:#fff} .highlightBlue a{font-size:32px} .highlight02 h3{font-size:24px;line-height:normal} footer h3 {font-size: 28px;color: #fff;padding-bottom: 8px;} footer h4{font-size:24px;font-weight:300} footer h5, .phone h4{font-size:14px;font-weight:300} .dropdown-menu{font-size:16px} .mobilePhone{letter-spacing:0.1em} .btn{font-size:16px} .mobilePhone, .fa:not(.clinic-login-icon), #top .btn-link strong {font-size:18px !important;line-height:normal} .information-contact h2{margin:0 0 8px 0} .product-thumb ul, .product-thumb p{margin:0 0 8px} .product-thumb h4, .product-thumb h4 a{font-size:24px !important;font-weight:normal;line-height:normal;margin:0} .product-thumb .price{margin:0} .product-thumb li, .product-thumb li a{font-size:14px;color:#5f6b77 !important;list-style-position:inside} .product-thumb a{font-size:14px;padding:0;color:#0B86C1} .product-thumb h6, .product-thumb h6 a{font-size:14px} .product-thumb h6{width:200px;border:1px solid #DDE3E8;color:#F6F6F6;background-color:#8C9FB1;padding:8px;line-height:normal;border-radius:3px} .product-thumb h6:hover{background-color:#0B86C1;background-position:0 -16px;border-color:#0B86C1} .product-thumb h6, .product-thumb h6 a, .product-thumb h6:hover, .product-thumb h6 a:hover{color:#FFF !important} .category h3{margin:0 0 16px;font-size:20px} .bold{font-weight:600 !important} .large{font-size: large} .small{ font-size:small} .productInfo h6, .quantity{display:none} /******* general *******/ .navbar .mobileOff{display:block} .noWrap, .noWrap01{white-space:nowrap} hr{width:100px;border-top:1px solid #222;margin:16px 0} ol, ul{margin-bottom:16px} .rwd-line{display:inline} .borderLeft{border-left:1px solid #999} .borderRight{border-right:1px solid #999} .borderLeftWhite{border-left:1px solid #fff} .textCenter{text-align:center} .fixed-body{padding:0 24px} .row{margin:0} select{background:none repeat scroll 0 0 #ffffff;border:1px solid #ededed;color:#465259;padding:8px} input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea{-moz-appearance:none;background-color:#fff;background-image:none;border:1px solid #ededed;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;color:#465259 !important;font-size:16px;height:40px;line-height:16px;padding:8px 12px;box-shadow:none;margin:8px 0;margin-top:0px;border-radius:3px!important;-webkit-border-radius:3px!important;-moz-border-radius:3px!important;-moz-appearance:none} .form-control{border:1px solid #444;-webkit-box-shadow:none!important;box-shadow:none!important;color:#465259 !important;font-size:16px!important;font-weight:normal!important} .form-control:focus{border:1px solid #e6e6e6} #search input[type="text"]{width:100%;color:#8B8B8B!important} table.form td input, table.form td select, table.form td textarea{margin-left:16px} div.required .control-label:before{content:'* ';color:#64D9B0;font-weight:bold} div.required .control-label{padding-top:8px} textarea{max-width:100%} /*.container{width:100%;max-width:1280px;padding:0;text-align:center} */ .container{width:100%;margin: auto; text-align:center} .max-width1 {max-width: 1160px !important;margin: auto;} .auto-size { border:1px solid #CCC; margin: 8px 0 24px 0;width: 100%;} .h2-highlite{} .navbar-collapse .nav li a:hover{text-decoration:none} .form-group.required, .form-group.productpanel{width:100%} .pull-left{float:left !important} .pull-right{float:right !important} /******* banners *******/ .topbanner{background:url(images/shadow_1.png) no-repeat center bottom;padding-bottom:36px} .top-banner-image.middle{margin:auto;position:relative;text-align:center} .topbanner .banner-text-heading{display:block;float:none;left:15%;margin:auto;max-width:600px;padding:80px 0 40px;position:absolute;right:15%;text-align:center;width:100%;/* z-index:2000;*/ } .topbanner h1{color:#000;font-size:42px;line-height:normal} .information-information header, .information-information .htmlContent{padding:0} .banner{position:relative;width:100%} .banner img{width:100%} .banner-text-heading{width:100%;padding-left:40px;padding-right:40px;z-index:4;position:absolute;float:left;top:50%;left:50%;transform:translate(-50%, -50%)} .banner p{margin:auto;font-size:48px;text-align:center;line-height:normal;} #easier-way.banner p.headerText{text-align:left;font-size:2em;padding-left:48%;} .center{text-align:center} .p-16{padding:16px} .pb-16{padding-bottom:16px} .pt-8{padding-top:8px} .pb-8{padding-bottom:8px} .midBlue{background:rgb(25,80,186);background:linear-gradient(90deg, rgba(25,80,186,1) 0%, rgba(44,161,236,1) 100%)} .midBlue{text-align:center;color:#fff;padding:16px 32px} .midBlue h2, .midBlue p{color:#fff !important} .midBlue a{color:#fff;text-decoration:underline} .whitePanel{text-align:center;padding:16px 32px;max-width: 980px; margin:auto} .whitePanel h2{color:#1951B8 !important} .whitePanel a{color:#1951B8;text-decoration:underline} .darkBlue h2, .midBlue h2{font-size:32px;line-height:normal;margin:0;color:#fff !important} .darkBlue h3, .midBlue h3{font-size:24px;line-height:normal;margin:0;color:#fff} .darkBlue h4, .midBlue h4{font-size:32px;color:#fff;margin:0} /* linear left-right */ .darkBlue{background:rgb(25,80,186);background:linear-gradient(90deg, rgba(25,80,186,1) 0%, rgba(44,161,236,1) 100%)} /* linear up-down*/ .darkBlue02{ background: rgb(25,81,187); background: -moz-linear-gradient(0deg, rgba(25,81,187,1) 39%, rgba(33,43,98,1) 100%); background: -webkit-linear-gradient(0deg, rgba(25,81,187,1) 39%, rgba(33,43,98,1) 100%); background: linear-gradient(0deg, rgba(25,81,187,1) 39%, rgba(33,43,98,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1951bb",endColorstr="#212b62",GradientType=1); } .darkBlue p{color:#fff;text-align:center} .grey01, .grey02{background-color:#F1F3F5} .grey03 { background: rgb(255,255,255); background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 54%, rgba(241,243,245,1) 88%); background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 54%, rgba(241,243,245,1) 88%); background: linear-gradient(180deg, rgba(255,255,255,1) 54%, rgba(241,243,245,1) 88%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f1f3f5",GradientType=1); } .grey04 { background: rgb(241,243,245); background: -moz-linear-gradient(180deg, rgba(241,243,245,1) 0%, rgba(216,218,226,1) 100%); background: -webkit-linear-gradient(180deg, rgba(241,243,245,1) 0%, rgba(216,218,226,1) 100%); background: linear-gradient(180deg, rgba(241,243,245,1) 0%, rgba(216,218,226,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1f3f5",endColorstr="#d8dae2",GradientType=1); } .hero{background-size:70%;background-image:url(../image/slider02.jpg);background-repeat:no-repeat;background-position:right top;margin:auto;text-align:center;min-height:260px;position:relative;text-decoration:none} .hero h2{font-size:32px;line-height:40px} .bannerText{width:100%;padding-left:40px;padding-right:40px;z-index:50;position:absolute;float:left;top:50%;left:50%;transform:translate(-50%, -50%);text-decoration:none} .bannerText p{font-size:24px;padding:8px 0;line-height:normal;max-width:700px;margin:auto;text-decoration:none} .mobileOnlyBanner a, .mobileOnlyBanner a:hover{text-decoration:underline} .mobileOnlyBanner ul{padding:0;margin:0 auto;list-style-type:none} .mobileOnlyBanner li{font-size:14px;padding:16px 2% 24px;text-align:center;display:inline-block;width:32.3%;margin:auto;vertical-align:top} .bannerIcon01{padding-left:46px;text-align:center;background-repeat:no-repeat;background-position:left center;vertical-align:middle;background-size:contain;list-style-type:none} .bannerIcon{margin:16px 0 8px 0;width:100%;height:52px;line-height:48px;display:block;text-align:center;background-repeat:no-repeat;background-position:center center;vertical-align:middle;background-size:contain;list-style-type:none} .infoPanel{width:100%;margin:auto;text-align:center;display:block;float:left} .infoPanel .col-lg-4, .infoPanel .col-md-4{padding:32px} .stepsPanel { text-align: center; max-width: 1080px; margin: auto; float: unset !important; padding: 32px 32px 16px } .stepsPanel a, .stepsPanel a:hover{text-decoration:underline; } .stepsPanel h3 { font-size: 32px; color: #1951B8; margin: 0;} .stepsPanel h4 { font-size: 24px; color: #1951B8; margin: 0;} .stepsPanel ul{padding:0;margin:0 auto;list-style-type:none} .stepsPanel li{font-size:16px;padding:16px 2% 24px;text-align:center;display:inline-block;width:32.3%;margin:auto;vertical-align:top} .i-time {background-image:url(../image/i-time.png)} .i-contact{background-image:url(../image/i-contact.png)} .i-location {background-image:url(../image/i-location.png)} .i-step01{background-image:url(../image/i-step01a.png)} .i-step02{background-image:url(../image/i-step02.png)} .i-step03{background-image:url(../image/i-step03a.png)} .bannerIcon02{width:100%;height:48px;line-height:48px;display:block;text-align:center;background-repeat:no-repeat;background-position:center center;vertical-align:middle;background-size:contain;list-style-type:none;color:#fff} .i-nodoc{background-image:url(../image/i-nodoc.png)} .i-noMC{background-image:url(../image/i-noMC.png)} .clock{background-image:url(../image/i-24hour-01.png)} .fiveStar{background-image:url(../image/i-5-star-service.png);margin:0;height:24px;line-height:30px} .fees{background-image:url(../image/i-hands.png)} .i-cards{background-image:url(../image/i-cards.png );margin-top:24px} .bottomPosition{width:100%;float:left;margin:auto} .bottomPosition .htmlContent{padding:0} .container.category, .category .htmlContent, .home.container, .home .htmlContent{padding:0} .col-12{width:100%;float:left;display:block} .mobileOnlyBanner{display:block;width:100%} #tltslideshow0{display:none !important} /******* how *******/ .services-panel{padding:16px 0;align-items:center;max-width:1080px;margin:auto} .services-panel-right{overflow:hidden;max-width:1080px;display:flex;flex-wrap:wrap;overflow:hidden} .services-panel-box{text-align:center;flex:0 0 50%;border-top:1px solid #999999;border-left:1px solid #999999;margin-top:-1px;margin-left:-1px} .services-panel-box p{padding:8px 40px} .panel01 img{width:50%;height:auto} .information-information #content{display:inline-block} .information-information #content h1{color:#5f6b77;text-align:center;margin:16px auto 24px} .information-information #content h2, .information-information #content h3, .information-information #content h4{color:#0B86C1;font-size:24px} .home #content h4, .home #content h3 {text-align:center} .pr40{padding-right:40px} .pb40{padding-bottom:40px} .pl40{padding-left:40px} .pt40{padding-top:40px} .orderPanel, .dark{background-color:#f5f8fa;padding:60px 80px;margin-right:-40px;margin-left:-40px} .dark{text-align:center;background:rgb(25,80,186);background:linear-gradient(90deg, rgba(25,80,186,1) 0%, rgba(51,197,236,1) 100%)} .dark h2{color:#fff !important;font-size:16px;text-transform:uppercase} .dark h4{color:#fff !important;margin:16px auto 0 auto} .order03{display:-webkit-box;display:flex;overflow:hidden;border-radius:.1875rem;box-shadow:0 1px 5px 0 rgba(45,62,80,0.12);max-width:1080px;margin:auto;box-sizing:content-box;padding:0;position:relative} .order03-Img{position:relative;-webkit-box-flex:1;flex:1;padding:0;background:-webkit-linear-gradient(left, #ff7a59, #ff8f59);background:linear-gradient(to right, #ff7a59, #ff8f59);background-image:linear-gradient(to right, rgb(255, 122, 89), rgb(255, 143, 89));background-repeat:repeat;background-position-x:0%;background-position-y:0%;background-size:auto auto;color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover;text-align:center;text-transform:uppercase} .order03-Img{background-image:url(https://imedical.com.au/order/image/catalog/assets/online-order-pathology-australia-wide-01.jpg)} .order03-content{-webkit-box-flex:1;flex:1;text-align:left;background-color:#fff;color:#33475b;padding:4.25rem 4.5rem;vertical-align:baseline} .order03 ul{margin:0;padding-inline-start:unset} .order03 li { padding: 0 0 0 32px; background-image: url(../image/tick.png); background-repeat: no-repeat; background-position: left top; list-style-type: none; background-size: 24px; font-size: 18px; margin-bottom: 16px; line-height: normal; } .order04 ul{ margin: 32px auto 8px; list-style-position: inside; } .order04 li{ list-style-type: square; font-size: 24px; margin-bottom: 16px } .orderPanel.customer-panel {background-color: #fff;padding: 40px 80px 60px 80px !important;} .cta--medium, .hs-form .hs_submit .hs-button{margin:24px 0;padding:1.5rem 2.0rem;cursor:pointer;display:inline-block;line-height:1.25;border:0;border-radius:.1875rem;-webkit-transition:0.15s color ease-out, 0.15s background-color ease-out, 0.15s border-color ease-out;transition:0.15s color ease-out, 0.15s background-color ease-out, 0.15s border-color ease-out;color:#fff;background-color:#0B86C1;text-decoration:none} .cta--primary-dark.cta--medium:hover{color:#fff;background-color:#09638E} /******* prices page *******/ .pricesContent{padding:0 65px 40px } .boxes{background-repeat:no-repeat;background-position:right bottom;background-size:90%;padding:24px 32px 0;margin-bottom:24px;width:100%;min-height:550px} .boxes.p04{background-color:#5F6B77;min-height:auto;padding:40px;text-align:center;margin-top:24px} .boxes.p04 .btn-primary{width:450px;margin:auto} .boxes h3{font-size:16px;padding:8px 16px;background-color:#222;color:#fff;margin:0;font-weight:bold} .boxes h3:nth-child(3){background-color:#0B86C1} /******* sticky header *******/ header{padding:0 } header .container{max-width:100%} .container .navTop{padding:10px 5px 5px !important} .header-copy{padding:0 !important} .header-copy .col-lg-12.col-md-12.col-sm-12.col-xs-12-copy{background-color:#0B86C1} /******* Header Top *******/ .delivery{border-top:1px solid;font-size:16px;list-style-type:none;padding:0;text-align:center;letter-spacing:1px} header, nav .container, header .container{width:100%;margin:0 auto;padding:0} #top{border-bottom:0 none;margin:0 auto;min-height:40px;padding:0 32px;top:0;z-index:2000;position:relative;width:100%;text-decoration:none} #top .container{padding:0 } .dB_headerClass, .displaynone{display:none !important} .btn.btn-link.dropdown-toggle{padding:0} #header{padding-left:2.2rem;padding-right:2.2rem;box-shadow:0 0 1rem rgba(0,0,0,0.39);position:relative;z-index:100;border-top:4px solid #1951bb;padding:4px 2.2rem} #top-links{padding-top:0} .container.navTop{list-style:none;margin-bottom:0;margin-left:-22px;margin-left:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center} .navExtra{-ms-flex:1;flex:1;width:120px;min-width:90px} .navExtra #logo img{max-width:100%} .navExtraCont{display:-ms-flexbox;display:flex;width:auto} .navExtra01{} .caret::before{content:"\002B"} .caret{width:unset;height:unset;margin:0;vertical-align:unset;border:0 none} .login2{position:relative;background-color:transparent;float:left;padding:16px;text-align:center;width:auto;text-decoration:none} .headerLogin a{font-size:16px;color:#5f6b77;line-height:22px;padding-left:4px;text-transform:capitalize} .logimage{background-image:url(../image/i_home.png);background-repeat:no-repeat;background-position:left center} .HR_welcome{font-size:16px;float:left} .HR_welcome a{padding-left:24px} .headertextposition_right{border-left:1px solid #CCC;float:left;padding:16px;text-align:left} .headertextposition_right p{font-size:24px;margin:0 0 5px !important;padding-left:30px;line-height:24px} .headertextposition_right .tel{background-image:url(../image/icon_tel_grey2.png);background-repeat:no-repeat;background-position:left top} .tel, .tel a{text-decoration:none !important;font-size:16px !important} #search{float:right;margin:24px 40px 8px;max-width:340px;width:40%} #search .btn{background-color:#5F6B77} #search{display:none} .mobileCart{display:none !important} /******* Breadcrumb *******/ .breadcrumb, .breadcrumb a, .breadcrumb li{color:#8A9AA4;font-size:11px} .breadcrumb{display:none;-moz-border-colors:none;background-color:#F9F9F9;border-color:-moz-use-text-color;border-image:none;border-style:none;border-width:0 none;padding:8px 16px;text-align:left} .breadcrumb li::after{border:0 none;color:#8A9AA4;content:"/";height:8px;padding:0;right:0;top:2px;width:5px;text-decoration:none} .breadcrumb li{text-shadow:none;padding:0 8px} /******* menu *******/ #menu .nav li a{background-color:transparent !important;text-shadow:none;padding:8px 12px;min-height:auto;line-height:normal;text-transform:lowercase;font-size:18px;transition-duration:350ms;transition-property:opacity,transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1)} #menu{display: block !important;background-color:transparent;background-image:none;border:0 none;margin:0;min-height:unset;padding:8px 0} .navbar{border-radius:0} header .col-lg-12.col-md-12.col-sm-12.col-xs-12{padding:0;margin:0} .navbar-collapse{background-image:none;background-repeat:repeat-x;border:0 none !important;border-radius:0;min-height:40px;border-bottom:1px solid #a8b4bc} .header-copy.navbar-collapse{border-top:6px solid #0B86C1} .navbar-collapse .nav li a{min-height:16px;text-shadow:none;font-size:16px;line-height:normal;text-transform:uppercase} .navbar-nav li{display:inline-block} .navbar-nav li a{margin:0;padding:0} .navbar-collapse .nav li.open a, .navbar-collapse .nav li a:hover{text-decoration:underline} .navbar-collapse .btn-navbar{background-image:none;background-repeat:repeat-x;border:0 none;border-radius:0;box-shadow:none;color:#fff;float:right;font-size:16px;font-stretch:expanded;padding:8px 16px;text-decoration:none} .navbar-collapse.navbar-ex1-collapse.collapse.in{overflow:visible;visibility:visible} .navbar-nav{float:none;padding:0} .navbar-collapse .nav li a{padding:8px 24px;font-size:16px;text-decoration:none !important;font-weight:400} #cart.open .btn:not(.bs_default){background-color:transparent !important;border:0 none;color:#465259 !important;/*height:unset*/} #cart .dropdown-menu{min-width:280px} #cart .dropdown-menu li div{min-width:400px} .dropdown-menu{margin:0 !important;background-image:none;padding:0;text-decoration:none;z-index: 25 !important;} .dropdown-menu ul:not(.bs_default){padding:0 8px 0 8px;} dropdown-menu:not(.bs_default){border:0 none !important;} .dropdown-menu li{width:100%} .dropdown-menu li a:focus{background:none!important;background-image:none} .dropdown-menu li a, .dropdown-menu li a:active{background-image:none;line-height:150% !important;padding-bottom:10px !important;padding-top:10px !important;text-decoration:none !important} .dropdown-menu li a:hover{background-image:none;background-color:transparent!important;background-image:none} .dropdown-menu li a{padding:8px !important;text-transform:capitalize !important} .extramenu{display:block;text-transform:none !important;border-radius:0 0 3px 3px;border-top:1px solid #DDD;color:#94A3AB !important;font-size:16px;padding:8px 16px 16px !important;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px} /******* side menu *******/ #column-left .list-group-item-cat:first-child{display:none} .list-group a.active, .list-group a.active:hover, .list-group a:hover{border:0 none;border-top:1px solid #DDE3E8 !important;color:#5F6B77 !important;background-color:#DDE3E8 !important;text-shadow:0;border-radius:0} .list-group a{border:0 none;border-top:1px solid #DDE3E8 !important;color:#5F6B77;padding:8px 12px} .list-group-item:last-child{border-radius:0} .list-group{margin-bottom:8px} /*** My Account, Currency & Language dropdowns ***/ .currency, .language, .my-account, .tg-search{height:36px;cursor:pointer;color:#465259} .tg-account{border-left:1px solid} .tg-search{border-left:1px solid } #language{padding-left:16px;padding-right:16px} #my-account, #tg-search{padding-left:16px;padding-right:16px} #currency:hover, #language:hover, #my-account:hover, #tg-search:hover{color:#64D9B0} .my-account a, .language a, .currency a{color:#64D9B0;border:none} .tg-search .dropdown-menu, .my-account .dropdown-menu, .language .dropdown-menu, .currency .dropdown-menu{border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;min-width:0px} .tg-search .dropdown-menu, .my-account .dropdown-menu, .language .dropdown-menu, .currency .dropdown-menu{font-size:16px;border:1px solid #ededed;min-width:160px;padding:0px;margin:0;left:auto;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;padding:8px;right:-1px;margin-top:1px} .my-account .dropdown-menu li a, .language .dropdown-menu li a, .currency .dropdown-menu li a{color:#465259;padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px;white-space:normal} .my-account .dropdown-menu li a:hover, .language .dropdown-menu li a:hover, .currency .dropdown-menu li a:hover{color:#64D9B0;background:none repeat scroll 0 0 #ffffff} .tg-search .dropdown-menu{width:300px} .tg-search .button-search{background-color:rgba(0, 0, 0, 0);border:medium none;color:#465259;font-size:16px;position:absolute;right:8px;cursor:pointer;padding:8px} #search-holder #search input{width:100%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-style:solid;border-width:1px;padding:8px 0 8px 16px;border-color:#fff;line-height:none} #language img{margin-right:8px} /******* Buttons *******/ .btn-primary.no-hover a{font-size:14px;text-align: center;} .btn-primary.no-hover{width:120px;padding:10px 0} .btn-primary.no-hover:hover{background:#4cbbe0;} .btn-primary.no-hover2:hover{background:#4cbbe0;} .btn-info.no-hover{width:120px;padding:10px 0 } .btn-info.no-hover a{font-size:14px;text-align: center;} .buttons .right .button{margin-left:8px} .button{background-color:rgb(255,255,255, 0.4);border:1px solid #222;color:#222;font-size:16px;font-weight:600;white-space:normal;cursor:pointer;display:inline-block;padding:8px 24px;margin-bottom:24px} .button:hover{color:#0B86C1;background-color:#fff;border-color:#0B86C1} .button-66 { background-color: #1C60C1; border-radius: 4px; border: 0; box-shadow: rgba(1,60,136,.5) 0 -1px 3px 0 inset,rgba(0,44,97,.1) 0 3px 6px 0; box-sizing: border-box; color: #fff; cursor: pointer; display: inherit; line-height: 24px; min-height: 56px; min-width: 200px; position: relative; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); text-decoration: none; font-size: 18px !important;font-weight: 500 !important;margin: 24px 0;} .button-66 a {color: #fff !important; padding: 16px 20px;text-decoration: none;} .button-66:hover {background-color: #065dd8;transform: translateY(-2px);} .button-77 { background-color: #fff; border-radius: 4px; border: 2px solid #1C60C1; box-shadow: rgba(1,60,136,.5) 0 -1px 3px 0,rgba(0,44,97,.1) 0 3px 6px 0; box-sizing: border-box; color: #1C60C1; cursor: pointer; display: inherit; line-height: 24px; min-height: 56px; min-width: 200px; position: relative; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); text-decoration: none; font-size: 18px !important; font-weight: 500 !important; margin: 24px 0; } .button-77 a {color: #1C60C1 !important; padding: 16px 20px;} .button-77:hover { background-color: #F0F3F4; transform: translateY(-2px); } .button-88 { background-color: #1C60C1; border-radius: 4px; border: 0; box-shadow: rgba(1,60,136,.5) 0 -1px 3px 0 inset,rgba(0,44,97,.1) 0 3px 6px 0; box-sizing: border-box; color: #fff; cursor: pointer; display: inherit; font-size: 16px; font-weight: 300; line-height: 24px; margin: 32px 0; min-height: 56px; min-width: 150px; position: relative; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); } .button-88 a {color: #fff !important;} .button-88:hover {background-color: #065dd8;transform: translateY(-2px);} @media (min-width: 768px) { .navExtra{-ms-flex:1;flex:1;width:120px} .navExtra #logo img{max-width:100%} } @media (min-width: 768px) { .button-88 {min-width: 150px;} } .buttons .left{float:left;text-align:left} .buttons .right{float:right;margin-bottom:8px;margin-right:40px;max-width:300px;width:40%} .buttons .right .button{margin-left:8px} .buttons .center{text-align:center;margin-left:auto;margin-right:auto} #button-cart{height:48px;border-radius:.35rem;display:inline-block;font-weight:400;font-size:16px;padding:.575em 1.25em;line-height:24px;float:left;text-transform:none;text-decoration:none} .btn{background-image:none;box-shadow:none;border-radius:0;padding:8px 16px} .btn-primary:not(.bs_default){padding:8px 16px;text-transform:uppercase;text-shadow:none} .btn-secondary:not(.bs_default){width:100%;margin:0 0 8px 0;white-space:normal} .productpanel .btn.btn-default{padding:8px 16px 8px} .btn-danger:not(.bs_default){background-color:#0B86C1 !important;background-image:none;background-repeat:repeat-x;border-color:#0B86C1;color:#ffffff !important;height:36px;text-shadow:none} .btn.btn-inverse.btn-block.btn-lg.dropdown-toggle{float:right;text-shadow:none !important;border-radius:0} .shopButton{display:none} #scroller{background-color:transparent;border:0 none;font-size:24px;background-image:url(../image/but-scroll.png);background-repeat:no-repeat;background-position:left center;padding-left:44px;display:block;text-align:center;margin:0 auto} /********** form ************/ .productpanel .form-control{width:50px} .productpanel label{float:left;font-size:12px;line-height:250%;margin-right:8px} .productpanel .btn-group{width:100%} .productpanel .btn{margin:0 8 !important} .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle){border:1px solid #0B86C1 !important} .input-group-btn{background-color:#0B86C1 !important} .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle){border:1px solid #777} #cart{margin:0} #cart .dropdown-menu{color:#444;background:#f9f9f9 none repeat scroll 0 0;z-index:40000 !important;box-shadow:0 12px 12px rgba(0,0,0,.4)} #cart .dropdown-menu li, #cart .dropdown-menu a{color:#444} /******* banners *******/ /*featurePanel*/ .featurePanel{color:#fff !important;display:block;float:left;padding:40px 0 0 0;background-position:0 0 !important;background-repeat:no-repeat !important;position:relative;margin:-164px 80px 40px !important} .featurePanel h2, .featurePanel h2 span, .featurePanel h3{color:#fff;margin:0} .featurePanel h2{font-size:24px;margin:0!important} .home .featurePanel{z-index:5000} .featurePanel li{font-size:14px;line-height:normal} .featurePanel ol{padding:0 0 0 20px;margin-bottom:8px} .featurePanel .white{margin:auto} .view{background-color:#A8B4BC !important;background-image:none !important;box-shadow:none !important} .view-fourth .mask{background-color:rgba(0,0,0,0.3)} .panel02 p{border-bottom:1px dotted;padding-bottom:5px} .panel02 h5{padding:8px 0;font-size:16px} .highlight02{padding:32px 24px;text-align:center} /******* slider - general *******/ .owl-wrapper-outer{border:0 none !important;border-radius:0 !important;box-shadow:none !important} #carousel0{padding:40px} .homeSlider{background-color:transparent !important;opacity:1.0 !important;padding:0;position:absolute;top:0;left:0;width:100%} .homeSlider h1{color:#fff;font-size:48px;font-weight:400;padding:0;margin:0} .mediumText{font-size:32px !important;line-height:120%;width:400px} .homeSlider img{width:80%;padding:20px} /******* slider - category *******/ .sliderPanel{color:#fff !important;display:block} .sliderPanel h4, .sliderPanel h2, .sliderPanel h2 span, .sliderPanel h3{color:#fff !important;margin:0} .sliderPanel h2{font-size:24px;margin:0!important} .sliderPanel img{vertical-align:middle;width:80px;margin-right:10px} .sliderPanel h6{margin:0} .sliderPanel .highlight p{margin:0} .sliderPanel a{color:#FFF;text-decoration:underline} .sliderPanel h3{font-size:36px !important} .slider_content .panel01 img{width:60px;height:auto;padding:8px 0 0 16px} .slider_content h3{font-size:32px;line-height:110%;padding-bottom:4px} .slider_content .info_content{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-pack:center;flex-direction:column;flex-direction:row;-ms-flex-direction:row;flex:1;height:100%;align-items:center;padding:24px 8px 16px 24px;background-size:cover;background-image:url(../image/slider.jpg);background-repeat:no-repeat;background-position:left top} .extra-panel-left p{color:#2F3539} .extra-panel-left{flex:0 0 30% !important;padding:16px 0 16px 16px;text-align:left;flex:1;height:100%;padding:16px \9;border:1px solid #333 \9 !important} .extra-panel-right{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;padding:0 8px;justify-content:space-around;-ms-flex-pack:distribute;flex:1;height:100%} .highlite{text-align:left; background-color:rgb(255,255,255);background-color:rgba(255,255,255,0.9);box-shadow:0 10px 30px rgba(0,0,0,0.3);border-radius:6px;flex:0 0 31%;-ms-flex:0 0 31%;margin:0;height:100%} .owl-pagination{top:0 !important} .highlite p{padding:0 16px 16px;margin:0} /******* htmlContent *******/ #column-left .htmlContent{padding:0} .htmlContent{width:100%;float:left;text-align:left;padding:0 15px} /******* home page *******/ .home #content{padding:0} .homeContent{margin:auto;padding:40px 80px;position:relative;z-index:2500} .homeContent ul{list-style-type:none;margin-bottom:24px;padding:0} ul.dashed{list-style:none;padding-left:0} ul.dashed > li{margin-left:15px;padding-bottom:8px} /* Prevent nested li's from getting messed up */ ul.dashed > li:before{content:"-";margin-left:-10px} .homeContent img{width:100%} .imgOverlay{position:relative} .textOverlay{padding:40px 48px;width:100%;position:absolute;z-index:2000;left:0px;top:0px} .textOverlay h3{font-size:24px;padding-bottom:16px} .panels{display:flex;width:100%;margin:40px 0} .highlight{width:100%;padding:16px;display:inline-block} .highlight h3, .highlight02 h3{font-size:24px;display:inline-block} .highlight02 ul{margin:0;padding:8px 16px;list-style-position:inside;text-align:center} .shadow{margin-bottom:25px;box-shadow:5px 5px 16px 0px rgba(0, 0, 0, 0.25);background-color:#fff} .feature{background-color:#222;padding:24px 56px;text-align:right !important;position:absolute;z-index:3000;bottom:100px;right:300px} .feature h2, .feature02 h2{font-size:32px;margin:0} .feature h4, .feature02 h4{margin:0} .featurePanel img{width:100%;padding:0 8px 8px 0;max-width:80px} .featurePanel h4{margin:0 auto;text-align:left;padding-left:8px} .featurePanel .col-md-6{padding:0 16px;display:inline-block;width:50%} /******** Information pages ********/ .info{margin:auto;padding:24px !important;float:none} /*.info {max-width: 1080px;}*/ /******** Category ********/ .catpanel{padding:32px} .product-grid .product-thumb .caption{text-align:left;padding:0;min-height:inherit !important} .product-thumb{background-color:#F3F4F5;border:0 none;padding:8px 54px 32px;margin:0} .product-thumb:hover{background-color:#fff;border-color:#fff;background-color:#fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;} .product-thumb .button-group button + button{border-left:0 none} .product-thumb .button-group{border-top:0 none;background-color:transparent;padding:0} .panel-center{text-align:center !important;margin:auto;width:100%} .product-thumb .button-group button, .button-group .extra{text-align:center;border-radius:.35rem;display:inline-block;font-weight:400;font-size:16px;padding:.575em 1.25em;width:132px;text-decoration:none;line-height:24px;float:left;text-transform:none;margin-top:4px} .product-thumb .button-group button{width:100%;background-color:#FFF;color:#2B9DDB;border:2px solid !important} .button-group .extra{width:100%;display:block;color:#FFF;border:2px solid #1F67C4;background-color:#1F67C4;margin-right:4px} .button-group .extra.link{color:#1F67C4;border:2px solid #1F67C4;background-color:#FFF;margin-right:4px} .no-product i{font-size:25px!important;margin-right:4px;} .product-category-71_64 .btn-cart-build-your-own{display:none!important} .product-category-71_64 .extra.build-your-own span { display: none;} .product-category-71_64 .extra.build-your-own:after{ content: 'Build Your Own'; } .product-category-71_64 .extra.build-your-own{min-height:40px;margin-top:55px;} .extra:hover{background-color:#2B9DDB;border-color:#2B9DDB} .product-thumb h6, .product-thumb h6 a{display:none} .price-tax{display:none !important} .price{font-size:24px} .row.sort{border:1px solid;margin:16px 0;padding:8px 0 0;display:none} .row.sort a{color:#a8b4bc} .category .col-lg-3{width:33.33%} .refineCategories h3, .row.top11, .paginationResults{display:none} .category .fa-shopping-cart{font-size:32px !important;line-height:none} .category .caption ul{padding:8px 0;list-style-type:square} .category .description{padding:24px;text-align:left;margin:auto;float:none} .product-category-71_63 .description{width:100% !important;max-width:100% !important} .product-category-71_63 .des{max-width:860px;margin:auto} .category h2:not(h2.bs_default.text-primary){font-size:32px;color:#5f6b77;} .category .description .col-sm-10{max-width:1200px;margin:auto;float:none} .category .description ul{margin:8px 0;padding:0} .category .description li{fline-height:1.36364em;list-style-type:none;position:relative;border-bottom:1px solid #d8dae2;padding:16px 16px 16px 24px} .category .description li::before{content:"\f054";font-family:FontAwesome;position:absolute;left:0;top:16px} .category .description hr{width:100px;border-top:4px solid #d8dae2;margin:8px 0 16px 0} .breakout01{display:-webkit-box;display:flex;overflow:hidden;margin:auto;box-sizing:content-box;padding:0;position:relative} .breakout01left{padding:120px;position:relative;position:relative;-webkit-box-flex:1;flex:1} .breakout01right{padding:54px 120px;position:relative;-webkit-box-flex:1;flex:1;text-align:left;color:#33475b;vertical-align:baseline} .breakout01left h3{color:#fff;margin-bottom:24px;text-align:left} .breakout01left p{color:#fff;text-align:left} .breakout01right p{text-align:center} .breakout01leftinside{width:100%;padding-left:40px;padding-right:40px;z-index:50;position:absolute;float:left;top:50%;left:50%;transform:translate(-50%, -50%);max-width:480px} .breakout01rightinside{width:100%;padding-left:40px;padding-right:40px;max-width:480px;margin:auto} .bannerTT{background-size:cover;background-position-y:50%;background-position-x:0;max-height:480px;height:480px;width:100%;background-repeat:no-repeat;margin:auto;text-align:left;min-height:280px;position:relative;text-decoration:none} .byoTest{background-image:url(../image/cat-BYO-05.jpg);background-position-y: 0; background-position-x: 40px;} .metalsTest{background-image:url(../image/cat-metals-05.jpg)} .stdsTest{background-image:url(../image/cat-STD-05.jpg);background-position-y:unset} .thyroidTest{background-image:url(../image/cat-thyroid-test-02.jpg);background-position-x: 50% !important;} .checkups{background-image:url(../image/cat-checkups-02.jpg);background-position-y: 0; background-position-x: 80px;} .otherTest{background-image:url(../image/cat-othertests-02.jpg);background-position-x: 70%;} .hormonesSport{background-image:url(../image/cat-sport-hormones.jpg)} .affiliated{background-image:url(../image/cat-affli-02.jpg)} .hormonesGen{background-image:url(../image/cat-hormone-05.jpg)} .introPanel{background-image:url(../image/cat-main-05.jpg)} .generalTest{background-image:url(../image/cat-main.jpg);background-position-y:unset;background-position-x:right !important} .bannerTTpad{padding-left:40px;max-width:820px;z-index:2;position:absolute;float:left;top:50%;left:10%;transform:translate(-10%, -50%)} .bannerTT h1{color:#384666;font-size:48px;line-height:54px;font-weight:normal;margin:0 0 8px} .htmlContent .bannerTT p{color:#000;font-size: 16px} .introPanel .bannerTTpad {max-width: unset;} .tagline01{color:#384666;font-size:32px !important;font-weight:normal;line-height:normal} /**** whyimed *****/ .orderPanel04 {max-width: 1200px; margin: auto;text-align: center;padding: 48px 24px ;} .order04 { display: -webkit-box; display: flex; overflow: hidden; max-width: 2100px; margin: auto; box-sizing: content-box; padding: 0; position: relative; } .order04-content { -webkit-box-flex: 1; flex: 1; text-align: left; background-color: #fff; color: #33475b; padding: 3rem; vertical-align: baseline; } .order04-Img { position: relative; -webkit-box-flex: 1; flex: 1; padding: 0; background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto auto; color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; text-transform: uppercase; } .order04-Img.right02 {background-image: url(../image/pathology-services-for-health-professionals-02.jpg);border-radius: 20px 120px 40px 140px} .order04-Img.right{background-image: url(../image/pathology-services-for-health-professionals.jpg);background-position: right center; padding: 3rem 3rem 3rem 0;border-radius: 20px 120px 40px 140px} .order04-Img.left {background-image: url(../image/pathology-services-for-health-professionals-03.png); background-size: 100%;max-width: 600px;} .heading-48 {font-size: 48px !important;} .order04-content.right {padding: 4.25rem 4.5rem;background-color: transparent} .order04-content.left {padding: 3rem 3rem 3rem 0} .order04-text {padding: 16px 0;} .orderPanel04.grey04 {max-width: unset;padding: 40px;margin: 0 -24px;} .order04.narrow {max-width: 1400px;} .order04.narrow ul{margin: 0; padding:0} .order04.narrow li{ font-size: 16px !important; list-style-position: outside; } /* legal page*/ .legal { text-transform: none; } ol.legal > li > ol{list-style-type: decimal} ol.legal > li > ol > li > ol {list-style-type:lower-alpha;margin: 6px 40px;} ol.legal { list-style-type: none;counter-reset: item;margin: 0;padding: 0;} ol.legal > li {display: table;counter-increment: item;margin-bottom: 0.6em;} ol.legal > li:before {content: counters(item, ".") ". ";display: table-cell;padding-right: 0.6em; } ol.legal li ol > li {margin: 8px 16px !important;} ol.legal li ol > li:before {content: counters(item, ".") " ";} .alpha, .alpha li { list-style: lower-alpha;margin: 0 16px !important;} /* BYO page*/ .product-category-71_63 .product-thumb .button-group button{display:none !important} .product-category-71_63 .product-grid .product-thumb .caption{padding:24px 0} .product-category-71_63 .catpanel{padding:32px;float:left;width:100%} .product-category-71_63 .catpanel, .product-category-71_63 .category .col-lg-3, .product-category-71_63 .category .col-md-3, .product-category-71_63 .category .col-sm-6{width:100%} .product-category-71_63 .product-grid .product-thumb .image{float:left} .product-category-71_63 .product-thumb{padding:16px 54px} .product-category-71_63 .product-thumb{padding:40px 54px} .byoMenu {margin: 16px 0;text-align: center;border: 1px solid #eff4f8;padding: 32px;background-color: #eff4f8;} .byoMenu .list-group {max-width: 380px;margin: 16px auto 0;} .byoMenu h3 { font-size: 32px;color: #1c5bc1;} .byoMenu .list-group-item:first-child {display: inline !important;} .product-category-75 .byoMenu, .category .byoMenu {margin: 0; text-align: center; border: 0 none; padding: 0 32px; background-color: #fff;} .product-category-75 .container { padding: 0 16px; } /*---------------------- menu icons ------------------*/ .menu-icons{margin: 16px auto !important;padding: 0; max-width: 600px;} .menu-icons li{ border: 2px solid #DDE3E8 !important; background-color: #fff; padding: 8px 0; list-style-type: none; box-shadow: 0 0 10px 2px #E1E1EC; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; text-align: center; margin: 8px; border-radius: 8px; display: inline-block; } .menu-icons a {padding: 16px 32px;} .menu-icons img {height:40px;width: auto;} .menu-icons li:hover {box-shadow: 0 0 10px 4px #8C98B5;} /* BYO panels*/ .product-category-71 #scroll-to .product-thumb .button-group button,.product-category-71_68 #scroll-to .product-thumb .button-group button,.product-category-71_63 #scroll-to .product-thumb .button-group button,.product-category-71_59 #scroll-to .product-thumb .button-group button{display:none} .product-category-71 #scroll-to .button-group .extra span,.product-category-71_68 #scroll-to .button-group .extra span,.product-category-71_63 #scroll-to .button-group .extra span,.product-category-71_59 #scroll-to .button-group .extra span{display:none} .product-category-71 #scroll-to .button-group .extra:after,.product-category-71_68 #scroll-to .button-group .extra:after,.product-category-71_63 #scroll-to .button-group .extra:after,.product-category-71_59 #scroll-to .button-group .extra:after{content:'+Build your test';display:block} .product-category-71 #scroll-to .button-group .extra,.product-category-71_68 #scroll-to .button-group .extra,.product-category-71_63 #scroll-to .button-group .extra,.product-category-71_59 #scroll-to .button-group .extra{width:auto !important} /******** Product ********/ .container.product{padding:32px 40px;/*max-width:1600px*/ } #content{text-align:left;padding:0;/*border-left:1px dotted #c9d2d9;*/ } #form-upload{background:#F9F9F9;z-index:80000000;position:relative} .form-group.buy{background-color:#fff !important} .form-group.productpanel{/*background-color:#F9F9F9;padding:16px;*/ } .product .control-label{font-weight:600} .form-group.productpanel{padding:0} .rating{padding:20px 0} .product label{font-size:16px;padding-top:0 !important;display:inline;} /* product form-group - more than one panel */ .product .form-group{padding:24px} .product .form-group:nth-child(2){background-color:#F7F7F7} .product .form-group:nth-child(3){background-color:#F7F7F7} .product .form-group:nth-child(4){background-color:#F7F7F7} .product .form-group:nth-child(5){background-color:#F7F7F7} .product .form-group:nth-child(6){background-color:#F7F7F7} .product .form-group:nth-child(7){background-color:#F7F7F7} .product .form-group:nth-child(8){background-color:#F7F7F7} .product .form-group:nth-child(9){background-color:#F7F7F7} .product .form-group:nth-child(10){background-color:#F7F7F7} .product .form-group:nth-child(11){background-color:#F7F7F7} .product-product-99 .product .form-group:nth-child(2){background-color:#FFFFFF;border:1px solid #0B86C1} img.mfp-img{background-color:#fff} #search .btn-lg{font-size:165px;line-height:24px;padding:8px 16px;text-shadow:none} input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea{border:1px solid #444;height:36px} input[type="search"], #search input[type="text"]{border-right:0 none;background-color:#5F6B77;border-color:#444;border-radius:unset !important} .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0 !important;border-top-right-radius:0 !important} btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default{color:#444;background-color:#fff;border-color:#444} .pad{padding:0 0 24px} .sidebar{padding:24px 0} .nav-tabs li a{border-bottom:1px solid #B3ECD9;border-radius:0;color:#000;line-height:normal;margin:0 8px 0;padding:8px 16px} .product-layout{padding:8px} .product #content{text-align:left;padding:0 0 0 32px} .productContainer{padding:40px 80px 0} .product h1, .product h2, .product h3{margin:0 0 24px 0;line-height:normal;padding:0;text-decoration:none} .product hr{margin-top:8px;margin-bottom:8px;border:0;border-top:1px solid #a8b4bc;width:100%} label{font-size:16px} div.required .control-label::before{display:none} .qty{display:none} .thumbnail{background-color:#fff;border:0 none;border-radius:0;display:block;line-height:1.42857;margin:0 0 24px 0;/*padding:8px;*/ transition:border 0.2s ease-in-out 0s;text-decoration:none} .thumbnails li{margin-left:0} .thumbnail a img, .thumbnail img{margin:0} .alert-success{background-color:#1a53bc;border-color:#1a53bc;border-radius:0;color:#fff;margin:0} .alert{padding:24px 40px} .alert a{color:#fff;text-decoration:underline} .tabs{padding:24px 80px} .nav-tabs{border-bottom:1px solid #222;margin-bottom:0} .nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover{color:#fff;background-color:#222;border:1px solid #222;border-bottom-color:transparent} .tab-content{border:1px solid #222;padding:24px} .nav-tabs li a{border-bottom:1px solid #222;font-size:24px;margin:0px;padding:16px} .nav-tabs li{border:1px solid #222} /******* Cart - Checkout *******/ /*#cart .dropdown-menu{background:#0B86C1 none repeat scroll 0 0}*/ .bg_overlay{z-index:10 !important;} #header{z-index: 5;} .dbec-content .dbec-header{z-index: 20 !important;} .panel-default .panel-heading{background-color:#0B86C1;border-color:#0B86C1;color:#465259} .img-thumbnail{border:1px solid #ddd} .product ul{padding:0;margin:0;width:100%} .productInfo .list-unstyled{padding:0 0 16px !important;border-bottom:1px dotted} .productInfo ul{padding-left:16px;width:100%} /******* Wishlist and Compare button *******/ .product-info .product-icon{cursor:pointer;color:#465259;text-align:center;line-height:32px;font-size:16px;width:32px;height:32px;display:inline-block;zoom:1;-webkit-transition:background-color 400ms linear;transition:background-color 400ms linear;border:1px solid #e9e9e9;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background:#FFFFFF} /******* Scroll Up *******/ .scrollup{display:none;background:none repeat scroll 0 0 #81E0BF;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;bottom:24px;color:#fff !important;font-weight:600;height:40px;padding:2px;position:fixed;right:10px;text-align:center;text-transform:uppercase;width:40px;z-index:9999;text-decoration:none} .scrollup .fa{display:block!important} /******* Contact page *******/ .panel, .panel-body{/*padding:0 40px 0 0;*/ border:0 none;box-shadow:none;margin:0;text-decoration:none} .panel-body{padding:40px;} .panel-body:not(.bg-info){background-color:#F9F9F9;} .panel h3{padding:0;line-height:normal;margin:0} .formPanel{background-color:#F9F9F9;padding:40px;margin-bottom:24px} .formPanel .form-group.required, .form-group.productpanel{max-width:inherit} .form-horizontal .control-label{text-align:left} .formPanel h3{font-weight:600;padding:20px 0} #enquiry{height:inherit} /******** blog *******/ .blog{margin:10px 15px} .blog li{list-style-position:inherit;list-style-type:square} .blog a{font-size:14px} .tltblog h4{font-size:16px;text-transform:uppercase} .tltblog .col-lg-4.col-md-4col-sm-12.col-xs-12{} .tltblog .img-thumbnail, .tltblog .col-sm-1, .tltblog .col-sm-2,.tltblog .col-sm-3{width:100%;border:0 none;margin:0;border-radius:0;padding:0;vertical-align:top !important} .tltblog .col-sm-3, .tltblog .col-sm-9{width:100%} .tltblog .col-sm-9{padding:32px 32px 16px 32px;min-height:240px;max-height:240px;overflow:hidden} /******* NEW 2024 ================================================== */ .button-99 { background-color: #1A52BB; border-radius: 4px; border: 1px solid #fff; box-shadow: rgba(1,60,136,.5) 0 -1px 3px 0 inset,rgba(0,44,97,.1) 0 3px 6px 0; box-sizing: border-box; color: #fff; cursor: pointer; display: inherit; font-size: 20px; font-weight: 300; line-height: 24px; margin: 32px 0; position: relative; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); text-transform: capitalize; padding: 16px 24px; } /******* #MARGINS #PADDINGS================================================== */ .floatright{float:right} .m-0{margin:0!important} .m-10{margin:2px} .mt-min-30{margin-top:-30px} .mt-min-35{margin-top:-35px} .mt-min-180{margin-top:-180px} .mt-min-120{margin-top:-120px} .mt-min-210{margin-top:-210px} .mt-min-500{margin-top:-500px} .mt-0{margin-top:0!important} .mt-5{margin-top:5px!important} .mt-8{margin-top:8px!important} .mt-10{margin-top:10px!important} .mt-15{margin-top:15px!important} .mt-16{margin-top:16px!important} .mt-20{margin-top:20px} .mt-25{margin-top:25px!important} .mt-24{margin-top:24px!important} .mt-30{margin-top:30px!important} .mt-32{margin-top:32px!important} .mt-40{margin-top:40px!important} .mt-50{margin-top:50px!important} .mt-55{margin-top:55px} .mt-60{margin-top:60px!important} .mt-70{margin-top:70px} .mt-80{margin-top:80px} .mt-90{margin-top:90px} .mt-100{margin-top:100px} .mt-110{margin-top:110px} .mt-120{margin-top:120px} .mt-130{margin-top:130px} .mt-140{margin-top:140px} .mt-150{margin-top:150px} .mt-170{margin-top:170px} .mr-0{margin-right:0!important} .mr-5{margin-right:5px} .mr-7{margin-right:7px} .mr-10{margin-right:10px} .mr-15{margin-right:15px} .mr-20{margin-right:20px} .mr-25{margin-right:25px} .mb-0{margin-bottom:0!important} .mb-5{margin-bottom:5px!important} .mb-8{margin-bottom:8px!important} .mb-10{margin-bottom:10px!important} .mb-15{margin-bottom:15px!important} .mb-16{margin-bottom:16px!important} .mb-20{margin-bottom:20px!important} .mb-23{margin-bottom:23px} .mb-24{margin-bottom:24px} .mb-40{margin-bottom:40px!important} .mb-45{margin-bottom:45px!important} .mb-48{margin-bottom:48px!important} .mb-25{margin-bottom:25px!important} .mb-30{margin-bottom:30px!important} .mb-35{margin-bottom:35px!important} .mb-50{margin-bottom:50px!important} .mb-60{margin-bottom:60px!important} .mb-70{margin-bottom:70px!important} .mb-75{margin-bottom:75px} .mb-80{margin-bottom:80px!important} .mb-90{margin-bottom:90px} .mb-100{margin-bottom:100px} .mb-110{margin-bottom:110px} .mb-120{margin-bottom:120px} .mb-130{margin-bottom:130px} .mb-140{margin-bottom:140px} .mb-160{margin-bottom:160px} .mb-170{margin-bottom:170px} .mb-180{margin-bottom:180px} .mb-210{margin-bottom:210px} .ml-0{margin-left:0!important} .ml-5{margin-left:5px} .ml-10{margin-left:10px} .ml-20{margin-left:20px} .ml-30{margin-left:30px!important} .ml-40{margin-left:40px!important} .mlr-1{margin-left:1px;margin-right:1px} .mlr-10{margin-left:10px!important;margin-right:10px!important} .mlr-30{margin-left:30px;margin-right:30px} .mlr-min-20{margin-left:-20px!important;margin-right:-20px!important} .mlr-min-30{margin-left:-30px!important;margin-right:-30px!important} .p-0{padding:0!important} .p-5{padding:5px!important} .p-10{padding:10px!important} .p-15{padding:15px!important} .p-20{padding:20px} .p-8{padding:8px} .p-16{padding:16px} .p-24{padding:24px} .p-32{padding:32px} .p-40{padding:40px} .p-60{padding:60px} .p-80{padding:80px} .pt-0{padding-top:0!important} .pt-10{padding-top:10px} .pt-16{padding-top:16px} .pt-20{padding-top:20px} .pt-30{padding-top:30px} .pt-36{padding-top:36px} .pt-40{padding-top:40px} .pt-50{padding-top:50px} .pt-55{padding-top:55px} .pt-60{padding-top:60px} .pt-65{padding-top:65px} .pt-70{padding-top:70px} .pt-75{padding-top:75px} .pt-80{padding-top:80px} .pt-90{padding-top:90px} .pt-95{padding-top:95px} .pt-100{padding-top:100px} .pt-110{padding-top:110px} .pt-120{padding-top:120px} .pt-130{padding-top:130px} .pt-140{padding-top:140px} .pt-250{padding-top:250px} .pr-0{padding-right:0!important} .pr-5{padding-right:5px!important} .pr-10{padding-right:10px!important} .pr-15{padding-right:15px!important} .pr-30{padding-right:30px} .pr-40{padding-right:40px} .pr-75{padding-right:75px} .pb-0{padding-bottom:0!important} .pb-5{padding-bottom:5px!important} .pb-8{padding-bottom:8px!important} .pb-10{padding-bottom:10px!important} .pb-20{padding-bottom:20px} .pb-25{padding-bottom:25px} .pb-30{padding-bottom:30px!important} .pb-40{padding-bottom:40px} .pb-45{padding-bottom:45px} .pb-50{padding-bottom:50px} .pb-55{padding-bottom:55px} .pb-60{padding-bottom:60px} .pb-65{padding-bottom:65px} .pb-70{padding-bottom:70px} .pb-80{padding-bottom:80px} .pb-90{padding-bottom:90px} .pb-110{padding-bottom:110px} .pb-120{padding-bottom:120px} .pb-130{padding-bottom:130px} .pb-140{padding-bottom:140px} .pl-0{padding-left:0!important} .pl-10{padding-left:10px} .pl-15{padding-left:15px} .pl-20{padding-left:20px} .pl-40{padding-left:40px} .pl-48{padding-left:48px} .pl-60{padding-left:60px} .plr-0{padding-left:0!important;padding-right:0!important} .plr-1{padding-left:1px;padding-right:1px} .plr-5{padding-left:5px;padding-right:5px} .plr-10{padding-left:10px;padding-right:10px} .plr-15{padding-left:15px;padding-right:15px} .plr-20{padding-left:20px;padding-right:20px} .plr-30{padding-left:30px;padding-right:30px} .plr-32{padding-left:32px;padding-right:32px} .plr-35{padding-left:35px;padding-right:35px} .plr-40{padding-left:40px;padding-right:40px} .plr-48{padding-left:48px;padding-right:48px} .plr-50{padding-left:50px;padding-right:50px} .plr-80{padding-left:80px;padding-right:80px} /*** footer ***/ footer{ margin-top: 0; border: 0 none; width: 100%; float: left; background-color: transparent; background: rgb(25,80,186) linear-gradient(90deg, rgb(25, 80, 186) 0%, rgb(44, 160, 235) 100%); position: relative; width: 100%; } footer ul{margin:0;padding:0 0 24px 0} footer li{list-style-type:none} .footer_content, .copyright_content{padding:24px 80px;max-width:1600px;margin:auto} /*.payment{background-image:url(../image/payment.png);background-repeat:no-repeat;background-position:center top;width:300px;height:100px;display:inline-block} */ .payment-message{background-image:url(../image/APO0041_Securepay_logo_RGB.png);background-repeat:no-repeat;background-position:left cen;width:300px;height:58px;display:inline-block;background-size:70%;text-decoration:none} .payment{background-image:url(../image/APO0041_Securepay_logo_RGB.png);background-repeat:no-repeat;background-position:right top;width:250px;height:58px;display:inline-block;background-size:70%;text-decoration:none} .footerMedia{display:inline-block;width:100%;margin-bottom:24px} .footerMedia i{font-size:24px;width:60px;height:60px;border:2px solid;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;line-height:56px;text-align:center;margin-right:20px} .fa, .fa-stack{display:inline-block} .fa{display:inline-block;font-size:16px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);font-family:FontAwesome;font-style:normal;line-height:1;font-weight:normal;font-variant:normal} .media-left, .media-right, .media-body{display:table-cell;vertical-align:top} .media-body{padding-top:8px} .media-left, .media .pull-left{padding-right:0} footer hr{border-bottom:1px solid #fff;border-top:medium none;width:100%} .newsletter p{font-size:24px;padding:16px 0 0 40px} .newsletter input{width:100%} .newsletter input[type="text"]{color:#fff !important} .newsletter input[type="submit"]{border:1px solid;padding:16px} .footerText{color:#FFF; /*max-width: 380px;*/} .footerCall{margin-bottom:30px} .footerCall h3{font-size:28px;margin:0 0 5px !important;padding:0} .footerCall .tel{background-repeat:no-repeat;background-position:left 10px;padding:0 0 0 30px;background-image:url(../image/i-mobile_icon-wht.png)} .menubox-footer-center-left-T{border-left:1px solid #00a9ea;border-right:1px solid #00a9ea;padding:0 20px} footer .phone{background-image:url(../image/icon_tel_blue.png)} footer .email{} footer .address{background-image:url(../image/icon_address_blue.png)} footer .email, footer .phone, footer .address{background-position:left top;background-repeat:no-repeat;display:inline-block;/*margin:10px 0 0;*/ padding:0 0 10px 30px;width:100%} footer p, footer h1, footer h2, footer h3, footer h4, footer h5{color:#fff;line-height:normal;margin:0 0 24px 0} footer h3 {margin: 0 0 7px 0;padding-bottom: 8px;padding-right: 24px;} footer p {margin:0 } footer li{color:#fff;line-height:normal;margin:0;padding:0 !important} footer li a{padding:0 0 8px !important;text-transform:capitalize;} footer a{color:#fff;text-decoration:none} .hours p{line-height:150%} .leftcenterright img{margin:20px} .copyright{margin:0} .copyright p{padding:5px 0;font-size:11px} /************** mininalist product layout with description RHS ***************/ .productContainer{float:left;min-height:500px;padding:0;width:100%} .productContainer h1{margin-bottom:0} .productContainer .rating{float:left;width:50%;padding:0} .productContainer .btn-group{float:right;width:50%} .btn.btn-default{float:right} .productContainer .btn-group .btn:last-child:not(:first-child){margin-right:-1px} .fa-stack{width:1em} .form-group.buy{padding:0} .form-group.buy .control-label{margin:5px 10px 0 0;float:left} /** new **/ .mb-0{margin-bottom:0;} input.form-control[type="text"]:not(#save-order .form-control):not(#pinpayments-form .form-control){width:150px} .tabs{padding:24px 16px} .tab-content{padding:24px 0} .tab-content, .nav-tabs, .nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover{background-color:transparent;border:0 none} .tab-content ul{padding:0 0 0 16px} .nav-tabs li{border:0 none;margin-right:16px} .nav-tabs li a{padding:8px;border-bottom:4px solid #e2e2e2;color:#222} .nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover{border-bottom:4px solid #222;background-color:transparent;color:#222} .tab-content .active{padding-top:24px} .tab-content{padding:0;border-top:1px solid #222 !important} .list-unstyled.pricePanel{padding:0 !important;border:0 none} /** for imed changes *******/ .list-unstyled.pricePanel{float:left;width:50%} /************** mininalist product layout with description bottom ***************/ /*.tabs{padding:0 15px;width:100%} */ /******* mininalist product layout remove some items ************/ .otherInfo, .manufacturer, .model,.stock, .tax, .points, #product h3{display:none} .dbec-payment-method{width:100%} /********** for imedical *******************/ .dbec-shipment-method{display:none} /********** hide *******************/ .hide, .product .hideText{display:none} /********** homePage*******************/ #homePage, .list-group-item:first-child:not(.account-dashboard .list-group-item,.account-details .list-group-item){display:none !important} .homeMenu.container{padding:0;background-color:#5F6B77} .homeMenu .list-group{background-color:#5F6B77;margin:0} .homeMenu .list-group p{margin:0;padding:10px;color:#fff;text-align:center;background-color:#ACBAC4} .homeMenu .list-group ul{margin:0;padding:0;width:100%} .homeMenu .list-group a{padding:8px 0;font-size:16px;text-align:center;background-color:#5F6B77;border-top:1px solid #6F7A85 !important;color:#FFF !important;width:100%;display:block;text-decoration:none} .homeMenu .list-group li{display:block;width:100%;list-style-type:none} .menudivider.footer-center-left-T7{display:block } .menudivider.footer-center-left-T8{display:none !important} /*---------------------clientLogos------------------*/ .clientLogos{padding:10px 0;width:100%} .clientLogos h3{text-align:center;padding:24px 40px} .clientLogos ul{text-align:center;padding:0;margin:0;list-style-type:none !important} .clientLogos li{padding:0 !important;border-bottom:0 none !important;position:unset !important;display:inline-block;vertical-align:middle;width:180px;margin:8px 0;height:auto;list-style-type:none !important;text-align:center} .clientLogos img{vertical-align:middle;max-height:80px;max-width:180px} .clientLogos li::before{display:none} #dbec-personal{padding: 16px 16px 16px 24px;} /* new*/ .pagination {margin: 0;} i.shopping-bag{font-style: normal;font-size:14px;} .loading-page{background-image:url('loading-004.gif');background-repeat:no-repeat} .show-lib li.heading{width:100%;overflow:hidden;} #login-modal {height:auto!important;} #login-modal .add-to-cart{padding:9px 15px;height:54px;} #login-modal .truncate {text-overflow:ellipsis;white-space: nowrap;overflow: hidden;display:block;} .option-form .truncate{width:60%} .option-form .check-box{width:25px; height:25px;} .option-form .option{padding-left:5px;} .option-name{width:calc(100%);text-overflow:ellipsis;overflow:hidden;} .inner.show-btn .truncate{width:100%;} #login-modal .show-lib li .inner {float: left;display: block;height: 55px;padding-top: 8px;width: 60%;text-align: left;} #login-modal .option-name,#login-modal .total{padding-top:5px} #login-modal .parent-total{padding-top:20px!important;} #login-modal .fa-chevron-down.truncate{width:100%;} #login-modal .add-to-cart{padding:9px 15px;} #login-modal .fa-chevron-down{padding:0;float:left; cursor:pointer;} #login-modal .heading{line-height:18px;text-align: center;overflow:hidden;font-size:12px;padding:10px 0 0 10px;margin-top:10px;} #demo-user-btn{height:28px;width:28px;padding:2px 0 0 0;} .my-lib{font-size:14px;font-family: "Open Sans", Arial, Helvetica, sans-serif;} .customer-panel{padding-bottom:40px!important} .customer-panel .order03-Img { background-image: url(/order/image/catalog/assets/demo-image.png); background-size: 100%; background-color: #fff; background-position: top center; padding: 16px; overflow: hidden; } .lib i .inner{font-family: "Open Sans", Arial, Helvetica, sans-serif; padding-left:.3em;font-size:14px;} .ui-dialog-titlebar-close:before{content:'x'; padding-left:3px;height:8px; display: flex;align-items: center;} .information-information .modal{max-width:90vw;} .modal-open {padding-right:16px;background-color:#CCC;} .column100p {float: left;width: 100%;} .dashboard {text-align: center;} .dashboard h2 { font-size: 42px !important; font-weight: 500; line-height: normal; margin: 40px auto 16px; } .imageCenter {display: block;} .imageCenter img { padding-bottom: 16px; width: 80%;margin: auto;max-width: 600px; text-align:center} .button77 { background-color: #1C60C1; border-radius: 4px; border: 0; box-shadow: rgba(1,60,136,.5) 0 -1px 3px 0 inset,rgba(0,44,97,.1) 0 3px 6px 0; box-sizing: border-box; color: #fff; cursor: pointer; display: inherit; font-size: 18px; font-weight: 500; line-height: 24px; min-height: 56px; min-width: 120px; padding: 16px 20px; position: relative; text-align: center; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; transition: all .2s cubic-bezier(.22, .61, .36, 1); margin: 16px auto; } .button77 .fa.fa-user {height: 32px;width: 32px;padding: 6px;} .demo .order03-Img {background-image: url(https://imedical.com.au/order/image/catalog/assets/demo-image.png);background-position: center;background-repeat: no-repeat;background-size: 80%;text-align: center;background-color: #fff;} /*.demo .order03-content {padding: 4.25rem 0 4.5rem 4.5rem;} */ .customer-panel .order03{background-color: #fff;} .desktop-logo.img-responsive {max-width: 144px;} .navbar-nav {padding-top: 4px !important} #top-links .list-inline {margin: 8px 0;} /******* Header Top *******/ #top .btn-link, #top-links li, #top-links a{margin:0 ;text-shadow:none;text-decoration:none} #top-links .list-inline {margin: 8px 0;} .list-inline li {padding-right: 8px;padding-left: 32px;display: inline-block; vertical-align: middle;} .customer-login .fa.fa-user { cursor: pointer; background-color: #F1F3F5; border-radius: 50%; border: 1px solid #E1DFEC; width: 48px; height: 48px; } #cart .btn:not(.bs_default){ padding: 0 6px 0 5px !important; background-color: #F1F3F5; height: 48px; width: 48px; border: 1px solid #E1DFEC; border-radius: 50% !important; box-shadow: none; } .Sub-Total,.Total,.Discount{min-width:80px;} .shopping-bag {line-height:32px;margin-top:5px;display: block; background-position: right center; height: 34px; width: 36px; font-weight: bold; font-size: 14px;text-align: center; position: relative; text-align: center; background-size: contain; background-attachment: scroll; background-image: url(../image/shopping-cart-icon-1.png); background-repeat: no-repeat; background-position: center center; vertical-align: middle; } #cart .btn:hover, .text-dark.fa.fa-user:hover{opacity:0.7;filter:alpha(opacity=70)} #cart-total { font-weight: bold; background-color: transparent; font-size: 14px; line-height: 38px; text-align: center; color: #384666; } #cart .has-product{background-color:#34eb6e!important;color:#0b45d9;border:#16c7de solid 2px!important;padding-left:6px!} #cart .has-product .shopping-bag{margin-left:-1px;;color:#FFF} #cart.open .has-product .shopping-bag{color:#CCC} /*.cart-login-modal .total, .cart-login-modal .grand-total{font-size:12px!important;}*/ .ui-dialog .ui-dialog-titlebar-close{padding:0 4px} #login-modal .inner{} .mobile-btn.shopping-bag {display: none;} #cart .dropdown-menu li { margin:0} .cart-login-modal{width:40%!important;min-width:320px; } .account { text-align:left} .partnerPanel {max-width: 1200px;margin: auto;width: 100%;text-align: center;} .partner { /*background-color: #F6F6F6; */padding: 24px 40px; } .partnerInfo { text-align:left; } .partner img {width: 100%;height: auto;padding-top: 30px;max-width: 220px;} /*** END new***/ /*** NEW 2024***/ .darkBlue02{ background: rgb(25,81,187); background: -moz-linear-gradient(0deg, rgba(25,81,187,1) 39%, rgba(33,43,98,1) 100%); background: -webkit-linear-gradient(0deg, rgba(25,81,187,1) 39%, rgba(33,43,98,1) 100%); background: linear-gradient(0deg, rgba(25,81,187,1) 39%, rgba(33,43,98,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1951bb",endColorstr="#212b62",GradientType=1); } .mainPage h1, .mainPage p, .mainPage a{ color: #fff; text-align: left; font-size: 16px; } .mainPage h1{ font-size: 32px; margin: 0;line-height: normal;margin-bottom: 24px;} .rcorners01 { border-radius: 0px 50px 0px} #l-img-r-txt, #mainPage {display: flex;} #l-img-r-txt, #mainPage {/*display: flow-root;*/overflow: hidden; } /*** Banner Left img right txt***/ .path-Banner{background-color: #F4F8F9;} .l-img-r-txt_txt{ height: auto; width: 100%; display: inline-block; } .l-img-r-txt_txt, .l-img-r-txt_img {height: auto;width: 100%;display: inline-block;} #l-img-r-txt { width: 100%; background-image: url(../../../../../media/images/upload/template/sydney-blood-tests-01.jpg); background-position: left top; background-repeat: no-repeat; background-size: contain; background-color: #F4F8F9; } /*** Banner Left txt right img ***/ .l-txt-r-img-txt {height: auto;width: 100%;display: inline-block;} .l-txt-r-img-txt , .l-txt-r-img_img{height: auto;width: 100%;display: inline-block;} .l-txt-r-img-img {background-position: center bottom; background-repeat: no-repeat; background-size: contain } .mainPage { width: 100%;position: relative; background: rgb(25,81,187); background: -moz-linear-gradient(0deg, rgba(25,81,187,1) 39%, rgba(33,42,95,1) 100%); background: -webkit-linear-gradient(0deg, rgba(25,81,187,1) 39%, rgba(33,42,95,1) 100%); background: linear-gradient(0deg, rgba(25,81,187,1) 39%, rgba(33,42,95,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1951bb",endColorstr="#212a5f" ,GradientType=1);} .topContainer { padding:32px 30px 0;margin: auto;} .general .l-txt-r-img-img { background-image: url(../image/girl.png)} .byo .l-txt-r-img-img{background-image: url(../image/online-blood-tests-01.png); background-position: left center;background-size: cover;} .sportH .l-txt-r-img-img{background-image: url(../image/sport-hormone-testing-australia-01.png); background-position: center center;background-size: 400px;} .sportH .l-txt-r-img-txt.parent {width: 50%;} .sportH .l-txt-r-img-img {width:50%;} .genHorm .l-txt-r-img-img{background-image: url(../image/pathology-hormone-blood-tests-01.png); background-position: left center;background-size: cover;} .genHorm .l-txt-r-img-txt.parent {width: 50%;} .genHorm .l-txt-r-img-img {width:50%;} .metals .l-txt-r-img-img{background-image: url(../image/heavy-metal-tests-01.png); background-position: left center;background-size: cover;} .otherTests .l-txt-r-img-img{background-image: url(../image/blood-pathology-tests-australia-wide-01.png); background-size: cover; background-position:center} .stds .l-txt-r-img-img{background-image: url(../image/std-test-blood-pathology-01.png); background-position: left center;background-size: cover;} .checkUpN .l-txt-r-img-img {background-image: url(../image/check-up-blood-tests-01.png); background-position: left center;background-size: cover;} .partnerC .l-txt-r-img-img{background-image: url(../image/blood-tests-doctor-clinics-01.png); background-position: left center;background-size: cover;} .thyroid .l-txt-r-img-img{background-image: url(../image/blood-test-thyroid-01.png); background-position: left center;background-size: cover;} .Header__Info-sc-criq3t-0.eJbfvz.es-header-info {text-align: center;margin: auto;} .elfsight-app-37b5d322-ea31-4795-82f7-d1c0b3091232.notremove {padding: 40px;} .product-category-75 .container, .product-category-75 .htmlContent {padding: 0;} /*** END NEW 2024***/ /*--------------------- media queries ------------------*/ @media (min-width: 1830px) { .catpanel {padding: 32px 100px;width: 100%;} #easier-way.banner p.headerText{text-align:left;font-size:2.2em;padding-left:48%;} } @media (min-width: 2880px) { .catpanel {padding: 32px 160px;width: 100%;} } @media (max-width: 2880px) { .sliderPanel .highlight {padding: 30px 40px} } @media (max-width: 1400px) { .bannerTT {max-height:450px; height:450px; } } @media (max-width: 1366px) { } @media (max-width: 1300px) { .navigation {float: left;width: auto;padding-left: 15px;padding-right: 15px} .htmlContent .bannerTT p{font-size: 16px;line-height: 30px;margin: 16px 0} } @media (max-width: 1288px) { .product-thumb {padding: 8px 16px 32px 54px} } @media (max-width: 1260px) { .product-thumb {padding:8px 16px 32px 38px } .bannerTTpad {max-width: 550px;} } @media (max-width: 1200px) { .display {display: inline} .tltblog .col-sm-9 {padding: 16px 32px 16px 32px; min-height: 280px;max-height: 280px} .feature {right: 0;bottom: 50px} .textOverlay h3 {font-size: 20px; padding-bottom: 0} .sliderPanel .highlight {padding: 30px 16px} .catpanel {padding: 32px 16px} .breakout01left {padding:40px 100px} /*.bannerTT { max-height:320px; height:320px; }*/ .tagline01 {font-size: 24px !important} /*.product-thumb .caption {min-height: 280px !important}*/ } @media (min-width: 1124px) {.container{padding: 0 40px}} @media (max-width: 1124px) { .button-group button, .button-group .extra{width:100%!important;display:block;text-align:center;} /*.container:not(.dB_easycheckout-checkout ){padding: 0 40px;}*/ .dB_easycheckout-checkout .container{padding: 0 ;} .container{padding: 16px 16px 16px 24px;} } @media (max-width: 1024px) { .homeContent {padding: 40px} .product .featurePanel {margin: 0 !important; z-index: auto} .pt-60 {padding-top: 20px} .p-60 {padding: 20px 60px 20px 40px} #easier-way.banner p.headerText{text-align:left;font-size:1.6em;padding-left:48%;} } @media (max-width: 991px) { .row.sort {display: none} .row.tltblog.pt-40.pb-40.plr-80 {padding-left: 0;padding-right: 0} .homeSlider .p-80 {padding: 40px 80px} .information-contact .panel {padding: 0} .category .description {padding:48px} .footerMedia i {font-size: 16px; width: 48px; height: 48px; border: 2px solid; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; line-height: 42px; text-align: center; margin-right: 16px} .footerMedia .media:first-child {margin-top: 0; margin-bottom: 20px} .border-left {border-left:0} footer .border-left {border-top: 1px solid #00a9ea; padding: 24px 15px 8px} .button-88 {margin: 24px auto;} .copyright p {text-align: left} .borderLeftWhite.first{border: 0 none} #easier-way.banner p.headerText{text-align:left;font-size:1.6em;padding-left:48%;} } @media (max-width: 986px) { .category .col-lg-3 {width: 50%} .breakout01rightinside{padding: 0} } @media (max-width: 960px) { .product .highlight {padding: 16px} #menu .nav li a {padding: 8px} .banner h1 {width: 500px} .services-panel {max-width: 800px} .sliderPanel img {width: 60px; margin-right: 10px; display: block; text-align: center; margin: 8px auto 0} .banner p {font-size: 32px;} h1 {font-size: 24px;} .col-md-4.text-left {text-align: center} .partnerInfo h4 {max-width: 46ch;text-align: left;margin: 0;} /*NEW*/ .cart-login-modal{width:50%!important; } } @media (max-width: 930px) { /** slider **/ .slider_content .info_content {padding: 8px} .sliderPanel .highlight {padding: 30px 24px 30px 8px} .sliderPanel .highlight p {font-size: 14px} .slider_content .info_content {background-size: 200%;display: block !important; -ms-flex-pack: center; flex-direction: unset; flex-direction: unset; -ms-flex-direction: unset; flex: unset; height: 100%; align-items: center; padding: 0 8px 16px 8px} .extra-panel-left {flex: unset !important; padding: 8px ; text-align: center} .extra-panel-left p {margin: 0} .heading-48 { font-size: 36px !important;} } @media (max-width: 879px) { .list-inline li {padding: 0} /*** whyimed ***/ .order04 {display: inline-block;width:100%} .order04-Img.right { width: 100%; display: block; height: 400px;background-size: cover; background-position: right; } .order04-Img.right02 { width: 100%; display: block; height: 400px;background-size: cover; } .order04-Img.left{ display: block; height: 420px; background-size: contain; max-height: 360px; text-align: center; margin: auto; } .information-information #content h1 { font-size: 16px; margin:16px auto 0 } .orderPanel04 h2 { text-align:center} .orderPanel04 p { text-align:center} .orderPanel04 {padding: 24px 0 ; max-width: 680px} .order04-content.left, .order04-content.right {padding: 8px 0;} .heading-48 { max-width: 20ch;} .order04.narrow li { text-align: center; list-style-position: inside; } } @media (max-width: 860px) { .feature {right: 0;width: 50%; padding: 24px} .textOverlay {padding: 16px 32px} .footer_content, .copyright_content { padding-left:40px; padding-right:40px} .hormonesGen {background-position-x: 50%;} #easier-way.banner p.headerText{text-align:left;font-size:1.4em;padding-left:49%;} } @media (max-width:799px) { #header { padding:0} .container.navTop { display: block; flex-wrap: unset; align-items: unset; position: relative; padding: 8px;} .navExtra { flex: unset; display: inline-block; float: left;z-index:1000;position:relative; } .navExtraCont { display: block; width: 60%; float: right; margin-right:30px;} .partner .border-right {border-right: 0 none} .partner h2{ text-align: center; padding:8px 0 0} .partnerInfo { text-align:center; padding:0 24px} #menu { background-color: transparent; background-image: none; border: 0 none; margin: 0; min-height: unset; padding: 0; display: block; position: absolute; width: 100%; left: 0; right: 0; float: right;} #menu .nav li {width:100%;padding-left: 15px;padding-right: 15px;} #menu .nav li a, .dropdown-inner nav li a {padding: 14px 0; font-size: 16px; text-align: center; background-color:#5F6B77; border-bottom: 1px solid #6F7A85 !important; color: #FFF !important} #menu .nav li a:hover, .dropdown-inner nav li a:hover/*, .dropdown-menu li*/{ background-color: #FFF !important; border-bottom: 1px solid #6F7A85 } #menu .dropdown-inner, .dropdown-inner li, .dropdown-inner a, .dropdown-inner li a{ background-color:#FFF !important} .navbar-nav { background-color: #FFF; float: none; padding: 0;display: block; } .navbar-header {position: relative;width: 100%;} .extramenu {border-top: 0 none; padding:14px 0 !important;text-transform: lowercase !important} .dropdown-inner li{sborder-bottom: 0 none !important;background-color: #fff !important;} #menu .nav li a:hover { color: #737d85!important;} #menu .nav li a, .dropdown-inner nav li a{ border-bottom: 1px solid #E8E8E8 !important; /*margin: 0 16px; */font-size: 16px; color: #3C2C2C !important; text-decoration: none; display: block; padding: 12px 0; font-weight: 600; text-transform: capitalize !important; text-align: left } .nav.navbar-nav {background-color: #fff;padding: 16px 8px 32px; border-right: 10px solid #1951bb;width: 100%;margin: 0;} .dropdown-inner nav li a{color: #808297 !important;} .navbar-collapse.navbar-ex1-collapse.collapse.in {padding: 0;} .affiliated{background-position-x: -80px;} /*#top-links .list-inline{margin:4px 44px 0 0} #top-links li {margin: 0 32px;} .cart-btn {height: 44px;width: 44px;}*/ #cart .dropdown-menu {right: -200px;width: 500px} .featurePanel {margin: 0 !important} .col02 {margin: 24px 0; width: 50%;padding: 8px 0} .tabs{width:100%} .homeSlider .p-80 {padding: 32px 48px} .owl-carousel {margin: 0 !important} .button.pull-right {float: inherit !important} .homeContent img {padding: 24px 0} .homeContent {padding: 16px 40px} .homeContent .p-60, .homeContent .pl-60,.homeContent .pr-40 {padding-right: 15px;padding-left: 15px} .tltblog.pt-40.pb-40.plr-80 {padding: 40px !important} .tltblog .col-sm-9 {padding: 32px 32px 16px 32px;min-height: auto;max-height: 100%} .textOverlay {padding: 48px} .textOverlay h3 {font-size: 32px} .boxes {background-size: 50%; background-position: right 50px; min-height: 350px} .flex-container {-ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap} .flex-item:nth-of-type(1) {order: 2} .flex-item:nth-of-type(2) {order: 3} .flex-item:nth-of-type(3) {order: 1} .flex-item:nth-of-type(4) {order: 4} .flex-item:nth-of-type(5) {order: 5} .flex-item {width: 100%} .menudivider.footer-center-left-T7 {display: none !important} .menudivider.footer-center-left-T8 {display: block !important} .services-panel {padding: 24px 54px !important} .services-panel .info_content {padding: 40px 0 0} .services-panel-right {display: block; flex: unset; flex-wrap: unset; padding: 0; justify-content: unset} .services-panel-box {padding: 0 0 24px 0; flex: unset;width: 100%;margin: 0; border-left: 0 none} .pl40, .pr40 {padding:0} .order03 {position: relative; display: unset; max-width: 540px; margin: 0 auto; padding: 0; width: 100%; display: block} .order03-content {-webkit-box-flex: unset; flex: unset; text-align: center; width: 100%; display: block} .order03-Img {width: 100%; display: block; flex: unset; -webkit-box-flex: unset; overflow: hidden; height: 240px} .order03 li {background-position: center top; padding: 24px 0 8px; list-style-position: inside; text-align: center} .category .description ul {padding: 8px} .category .description li {font-size: 1.0em;line-height: normal;padding: 8px 8px 8px 16px} .category .description li::before {top: 10px} .productImage .thumbnail img {margin-right: auto;margin-left: auto} .product #content {padding: 0} .hero{background-size: cover;background-image: url(../image/slider02.jpg);background-repeat: no-repeat; background-position: right top; min-height: unset} .bannerText {padding: 16px 60px 16px 32px; width: 100%; text-align: left; top: 0; left: 0; transform: unset; position: relative} .hero h2 {margin: 0} .infoPanel .col-lg-4, .infoPanel .col-md-4 {padding: 16px} .bannerIcon{display: inline-block} .floatright {float: left} .payment {background-position: left top} footer .pull-left, footer .pull-right {float: left !important} .product-category-71_63 .product-thumb {padding: 40px 54px 40px 32px} .byoTest {background-position-x: -54px} .introPanel {background-position-x: 50%;} .introPanel .bannerTTpad {max-width: 600px;} /* NEW*/ #demo-user-btn{padding:2px 0 0 0;} .order03-Img {width: 100%;display: block;flex: unset;-webkit-box-flex: unset; overflow: hidden; height: 340px;} .customer-panel .order03-Img {background-size: 80%;height: 400px;} .demo .order03-Img {background-position: top center;height: 410px;} .desktop-logo.img-responsive {padding-top: 12px;max-width: 120px;} #top-links .list-inline{margin:0} #top-links li {margin: 0 26px;} .cart-btn {height: 44px;width: 44px;} #cart .dropdown-menu {right: -100px;width: 500px} .btn.btn-navbar.navbar-toggle {margin: 4px 16px 8px 0;height: 44px;width: 44px;padding: 8px;} .button-66 {text-align: center;margin: 24px auto;} .partnerInfo h4 {max-width: unset;text-align: center;margin: auto;} .button-77 {text-align: center;margin: 16px auto;} } @media (max-width: 768px) { #easier-way.banner p.headerText{text-align:left;font-size:1.2em;padding-left:52%;} .feature h2 {font-size:24px} .textOverlay h3 {padding: 0} .homeSlider .p-80 {padding: 24px 48px} .product li {font-size: 14px;line-height: normal} .breakout01 { display:block;overflow: visible} .breakout01left, .breakout01right {width: 100%;flex: unset} .breakout01leftinside {position: relative;float: none;top: unset;left: unset;transform: unset;max-width: none} .breakout01left h3, .breakout01left p {text-align: center} .bannerTT h1{font-size: 40px;line-height:48px} .introPanel {background-position-x: 60%} .bannerTTpad {} .hormonesSport {background-position-x: 50%;} .byoTest {background-position-x: -100px;} .partner img {padding-top: 8px;max-width: 180px;margin: auto;} } @media (max-width: 700px) { .product .mobileCol{width:100%} .product .col-xs-2{width:33.33%} .product .borderLeftWhite:nth-child(2) {border: 0 none} #cart .dropdown-menu li div, #cart .dropdown-menu li > div {min-width: inherit} .mobileOnlyBanner li {padding:4px; text-align: center; width:100%;max-width: 360px; display: block} .stepsPanel li{padding:4px; text-align: center; width:100%;max-width: 30ch;display: block} .product-category-71_63 .product-grid .product-thumb .image {float:none} .introPanel {background-position-x: 70%} .checkups {background-position-x: -40px;} .byoTest {background-position-x: -140px;} /*NEW*/ } @media (max-width: 680px) { #login-modal .truncate {width:60%;} .desktop-logo.img-responsive {padding-top: 12px;max-width: 110px;} } @media (max-width: 610px) { .headertextposition_right {padding:16px 0 16px 16px} #cart .dropdown-menu {right: -100px} /** slider **/ .sliderPanel .mobileCol2 {width: 100%} .sliderPanel .highlight {padding: 16px !important} .sliderPanel .highlight ol {margin: 0; padding: 8px 0 0 16px; list-style-position: inside} .slider_content .info_content {background-size: 200%;display: block !important; -ms-flex-pack: center; flex-direction: unset; flex-direction: unset; -ms-flex-direction: unset; flex: unset; height: 100%; align-items: center; padding: 0 8px 16px 8px} .highlite {flex:unset;margin: 0 0 8px;padding: 8px 8px 4px; text-align: center;box-shadow: 0 10px 10px rgba(0,0,0,0.3)} .extra-panel-left {flex: unset !important; padding: 0; text-align: center} .extra-panel-left p {margin: 0} .slider_content h3 {font-size: 24px} .border-right {border-right: 0 none} .sliderPanel .mobileCol2 {width: 100%; text-align: center} .slider_content .panel01 img {width: 40px; padding: 8px 0 0} .highlite p {padding: 0} .breakout01left, .breakout01right {padding-left: 40px; padding-right: 40px} .byoTest {background-position-x: -170px;} } @media (max-width: 600px) { .textOverlay h3 {font-size:24px; padding: 0; margin: 0} .homeSlider .p-80 {padding: 16px 48px} .homeSlider .mt-30 {margin-top: 16px !important} .featurePanel .col-md-6 {width: 100%;text-align: center} .featurePanel .col-md-6 {padding: 0} .featurePanel h4 {margin: 0 auto; text-align: center; padding-left: 0} .featurePanel img {width: 50px; padding: 0 8px; max-width: 50px; text-decoration: none} .category .col-lg-3 {width: 100%} .menu-icons li {margin: 8px auto;} .bannerTTpad { z-index: 2; position: absolute; float: left; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: unset; padding: 0 32px; width: 100%; } .orderPanel.customer-panel {padding: 40px 60px !important;} .partner {padding: 8px;} .partnerInfo {text-align: center;padding: 0 24px;} /*** whyimed ***/ .order04-content { padding:0} .order04-Img.right { width: 100%; display: block; height: 230px; background-size: cover; } } @media (max-width: 550px) { #top-links li.cart-btn {margin: 0 10px;} #top-links li.customer-login {margin: 0 10px;} #top-links li.clinic-login{margin: 0 10px 0 0;padding:0} .mobileCol{width:100%} .feature {width:80%; bottom: 0;padding: 8px 24px} .homeSlider .p-80 {padding: 16px 48px} .highlight h3 {font-size: 24px} .category .col-lg-3 {width:100%} #cart .dropdown-menu {width: 400px;right:-40px} .byoTest {background-image: url(../image/cat-BYO-05-sml.jpg);background-position-x:0} .hormonesSport{background-image:url(../image/cat-sport-06-sml.jpg);background-position-x:0} .hormonesGen{background-image:url(../image/cat-hormone-05-sml.jpg);background-position-x:0} .stdsTest{ background-image:url(../image/cat-STD-05-sml.jpg )} .thyroidTest { background-image:url(../image/cat-thyroid-test-02-sml.jpg );background-position-x: 70% !important;} .otherTest {background-image: url(../image/cat-othertests-02-sml.jpg);} .bannerTT.otherTest {background-position-x:50%;} } @media (max-width: 500px) { .col02, .feature, .textOverlay, .mediumText {width:100%} footer, .container, #content {} .borderRight {border-right:0; border-top: 1px solid #999} .borderLeft {border-left:0; border-bottom: 1px solid #999} .homeSlider h1 {font-size:32px} .mediumText {font-size: 24px !important} .homeSlider .p-80 {padding: 16px} .homeSlider .mt-30 {margin-top: 8px !important} .button, .button.pull-right{width:100%} .textOverlay {padding: 12%} .textOverlay h3 {color: #222 !important;text-align: left} hr {margin: 16px auto} .rwd-line {display: block} .category .description {padding: 32px} .bannerTT.metalsTest{background-position-x: -180px;} .customer-panel .order03 {box-shadow: none;} .customer-panel .order03-content {padding: 0;} } @media (max-width:480px) { .check-select{position:relative;} .check-select input{top:0} .check-select{width:100%;margin-left:20px;padding:0;} .check-select:first-child{width:100%;margin-left:6px;padding:0;} .textOverlay h3 {font-size:16px} .tltblogContainer .col-xs-12 {padding:0} .product .form-group {padding: 16px 8px;} .borderLeftWhite {border-left: 0 none; border-top: 1px solid #fff; width: 100%; padding-top: 8px} .featurePanel img {width: 80px; padding: 0 8px; text-decoration: none} .modal-dialog.form-group {margin: 0 !important; width: 90% !important} .banner p {font-size: 30px} .services-panel {padding: 24px !important} .services-panel-box {padding: 16px 0} .dark {padding: 40px} .darkgrey .info_content, .highlite .info_content {padding: 32px} .services-panel-box p {padding: 8px} .orderPanel {padding: 0} .order03-content {padding: 4.25rem 4.5rem} .orderPanel, .dark {margin-right: -16px;margin-left: -16px} .mobileCol2{width:100%} .highlight, .feature h2, .feature h4, .homeSlider .p-80, .featurePanel p, .featurePanel h2{text-align: center} .bannerTT h1 {font-size: 36px;line-height: 42px} .container.product { padding-left: 8px;padding-right: 8px} .col-sm-6.productInfo {padding: 0} .tabs {padding: 24px 0 0} .stepsPanel {padding: 8px} .breakout01leftinside {padding:0} .category h2 {font-size: 24px} .category .darkBlue h3 {font-size: 24px} .footer_content, .copyright_content, .breakout01left {padding-left: 40px;padding-right: 40px} .container.product {padding-left: 16px;padding-right: 16px} .bannerTT {background-position-x: 50%} .checkups {background-position-x: 30%;} .hormonesGen {background-position-x: 80%} .introPanel {background-position-x: 70%} #cart .dropdown-menu {width: 360px;right: -100px} .clientLogos h3 {padding: 0} .category .description ul {padding: 0;margin: 8px 0} .info {padding: 16px !important} .affiliated{max-height: 400px;height: 400px;} .order04-Img.right , .order04-Img.right02{padding: 0;border-radius: 10px;} /*NEW*/ .account-hide .btn, .account-hide .show-lib-btn,#login-modal a .btn{height:50px;padding-top:10px;} .account-hide .show-lib-btn{padding-top:10px!important;} .intro h2{font-size: 30px !important;} } @media (max-width:434px) { #lost-login{padding-top:10px!important;} #easier-way.banner p.headerText{text-align:left;font-size:.9em;padding-left:54%;} .tagline01 {font-size: 20px !important} .clientLogos li {width: 120px;margin: 8px} .clientLogos img { vertical-align: middle; max-height: 80px; max-width: 100%} .byoMenu {margin: 16px 0;} .menu-icons a {padding: 32px 8px;} .bannerTT {max-height: 550px;height: 550px} .stdsTest {background-position-x: 100%} .noWrap01 {white-space: unset} #top-links .list-inline {margin: 4px 16px 4px 0;} #top-links li {margin: 0 16px;} /*NEW*/ #lost-login{padding-top:10px!important;} #easier-way.banner p.headerText{text-align:left;font-size:.9em;padding-left:54%;} .tagline01 {font-size: 20px !important} .clientLogos li {width: 120px;margin: 8px} .clientLogos img { vertical-align: middle; max-height: 80px; max-width: 100%} .byoMenu {margin: 16px 0;} .menu-icons a {padding: 32px 8px;} .bannerTT {max-height: 550px;height: 550px} .stdsTest {background-position-x: 100%} .noWrap01 {white-space: unset} #top-links .list-inline {margin: 4px 16px 4px 0;} #top-links li {margin: 0 16px;} .whitePanel {padding: 8px 24px 0;} .orderPanel04 {padding: 0 16px} } /*NEW*/ @media (max-width: 378px) { .desktop-logo.img-responsive {padding-top: 12px;max-width: 120px;} #top-links .list-inline {text-align: right;margin-right: 70px;margin-top: 0;} .customer-login .fa.fa-user {padding:12px 15px 12px 12px} #main-login #login-btn{margin-top:5px;} } @media (max-width:360px) { .order03 {border-radius: unset; box-shadow: unset} /*.order03-Img {display:none}*/ .login2 {padding: 16px 16px 16px 0} .headertextposition_right {padding: 16px 0} #top-links {padding: 0} .product-layout {padding: 8px 0} .productInfo ul{margin-bottom: 8px} .productImage .thumbnail{padding: 0} .category .description, .container.product {} .category .description ul {margin-bottom: 16px} .category h2 {text-align: center; margin: 0 auto} .category .description h2, .bannerText h2 {text-align: left} .footer_content, .copyright_content {padding: 0 24px} #cart .dropdown-menu {width: 240px;right: -80px} .noWrap01 {white-space: unset} .bannerTT h1 {font-size: 32px; line-height: 36px} .htmlContent .bannerTT p {margin: 8px 0} } /*NEW*/ @media (max-width: 330px) { .desktop-logo.img-responsive {padding-top: 12px;max-width: 100px;} #top-links .list-inline {margin: 0 0 4px 0;text-align: right;} #top-links li {margin: 0 10px 0 5px;} #top-links{margin-right:70px;} .customer-login .fa.fa-user {padding:12px 15px 12px 12px} .intro {margin:0!important;} .demo .order03-Img {width:300px!important; height:400px!important; background-image: url(https://imedical.com.au/order/image/catalog/assets/demo-image-small.png); background-position: center; background-repeat: no-repeat; background-size: contain!important; text-align: center; background-color: #fff;} } @media (max-width:320px) { /*.bannerTT {max-height: 380px;height: 380px}*/ .bannerTT.otherTest {background-position-x: 40%} .demo .order03-Img {display:block;width:300px!important; height:400px!important; background-image: url(https://imedical.com.au/order/image/catalog/assets/demo-image-small.png); background-position: center; background-repeat: no-repeat; background-size: contain!important; text-align: center; background-color: #fff;} } @media (max-width:300px) { .footer_content, .copyright_content {padding-left: 32px;padding-right: 32px} .category .description, .container.product, .breakout01left, .breakout01right {padding-left: 24px;padding-right:24px} .mobileOnlyBanner li, .stepsPanel {padding-left: 0;padding-right: 0} .navbar-header {padding-right: 8px} #logo {padding: 12px 0 8px 16px} } /*** NEW 2024***/ /* MIN Widths **/ @media (min-width: 531px) { .l-img-r-txt_txt .child {padding-right: 20px;} .mainPage, .l-txt-r-img-txt.parent {height: 320px;} .parent {display: flex;align-items: center;justify-content: center;} /*****/ } @media (min-width: 654px) { .otherTests .l-txt-r-img-img{ background-position: center -20px;} } @media (min-width: 800px) { .l-txt-r-img-txt.parent {width: 60%;} .l-txt-r-img-img {width:40%; float: right;} .mainPage h1 {font-size: 48px;} .mainPage .l-txt-r-img-txt .child {padding-left: 60px;} /*.mainPage, .l-txt-r-img-txt.parent {height: 400px;}*/ .byo .l-txt-r-img-txt .child, .genHorm .l-txt-r-img-txt .child, .sportH .l-txt-r-img-txt .child {padding-left: 40px;padding-right:20px;} } @media (min-width: 810px) { } /* Large devices (desktops, 992px and up)*/ @media (min-width: 992px) { .byo .l-txt-r-img-txt .child {padding-left: 80px;padding-right: 40px;} } @media (min-width: 1080px) { } @media (min-width: 1180px) { .l-img-r-txt_txt .child {padding-right: 60px;} .l-img-r-txt_txt {width: 100%; float: unset;} .mainPage p, .mainPage a {font-size: 18px; line-height: normal;} .mainPage .l-txt-r-img-txt .child {padding-left:100px;} } @media (min-width: 1400px) { /*.mainPage, .l-txt-r-img-txt .parent {height: 450px;}*/ .otherTests .l-txt-r-img-img {background-size: 450px;} } @media screen and (min-width: 1600px) { .mainPage h1 {font-size: 56px;} .mainPage p, .mainPage a {font-size: 24px;} } @media screen and (min-width: 1900px) { .mainPage, .l-txt-r-img-txt.parent {height: 550px;} .sportH .l-txt-r-img-img, .checkUpN .l-txt-r-img-img {background-size: 500px;background-position: center center; } .l-txt-r-img-txt.parent, .l-txt-r-img-img {width: 50%; } } /* MAX Widths**/ @media (max-width: 860px) { .sportH .l-txt-r-img-img {background-size: contain;} } /* Medium devices (tablets, less than 992px)*/ @media (max-width: 810px) { .mainPage h1 {margin-bottom: 8px;line-height: 120%;} .thyroid .l-txt-r-img-txt.parent, metals .l-txt-r-img-txt.parent, .partnerC .l-txt-r-img-txt.parent {width: 50%;} .thyroid .l-txt-r-img-img, .metals .l-txt-r-img-img, .partnerC .l-txt-r-img-img {width: 50%;} } @media (max-width: 799px) { .mainPage .l-txt-r-img-txt .child { padding-left: 40px;} .topbanner .l-txt-r-img-txt.parent {height: auto;} .l-txt-r-img-txt.parent {width: 50%;} .l-txt-r-img-img {width:50%; float: right;} .ch23 {width: 23ch;} .ch30 {width: 30ch;} } @media (max-width: 600px) { .mainPage .l-txt-r-img-txt .child { padding-left: 40px; } .product-category-75 .htmlContent {padding: 0;} .thyroid .l-txt-r-img-txt.parent, .partnerC .l-txt-r-img-txt.parent, .genHorm .l-txt-r-img-txt.parent, .metals .l-txt-r-img-txt.parent, .otherTests .l-txt-r-img-txt.parent, .checkUpN .l-txt-r-img-txt.parent, .sportH .l-txt-r-img-txt.parent {width: 60%;} .thyroid .l-txt-r-img-img, .partnerC .l-txt-r-img-img, .genHorm .l-txt-r-img-img, .metals .l-txt-r-img-img, .otherTests .l-txt-r-img-img, .checkUpN .l-txt-r-img-img, .sportH .l-txt-r-img-img {width: 40%;} .checkUpN .l-txt-r-img-txt.parent {width: 50%;} .checkUpN .l-txt-r-img-img {width: 50%;} .sportH .l-txt-r-img-img, .genHorm .l-txt-r-img-img, .metals .l-txt-r-img-img {background-position: left bottom;background-size: 300px;} .otherTests .l-txt-r-img-img {background-position: left bottom;background-size: cover} .checkUpN .l-txt-r-img-img {/*background-position: right top !important;background-size: 280px;margin-top: -50px;*/ background-position: right bottom !important; background-size: contain; margin-top: 0;} .partner .l-txt-r-img-img {background-position: right top !important;background-size: 280px;margin-top: -50px;} } @media only screen and (max-width: 530px){ .l-txt-r-img-txt .parent {width: 100%} .l-txt-r-img-img {width:100% } .l-img-r-txt_img { width: 100%;} .l-img-r-txt_txt {width: 100%; float: left;} .parent { display: flex; align-items: center; justify-content: center; } .mainPage .l-txt-r-img-txt.parent {height: 320px;width: 100%} .mainPage h1{ margin-bottom: 8px} .mainPage .l-txt-r-img-txt .child {padding-left: 30px;} .topContainer {padding: 20px} /*} @media only screen and (max-width: 440px){*/ .mainPage .l-txt-r-img-txt .child {padding: 24px 40px 0 30px} .mainPage .l-txt-r-img-img {background-position: right bottom;} .l-txt-r-img-img {width: 100%;height: 180px;margin-top: -20px;} .mainPage .l-txt-r-img-txt.parent {height: auto;width: 100%;} .mainPage {height: 360px; display: block !important} .byo .l-txt-r-img-img {background-image: url(../image/online-blood-tests-01.png);background-position: right bottom;background-size: contain;height: 250px;} .mainPage.byo { height: 400px;display: block !important;} .genHorm .l-txt-r-img-img { background-image: url(../image/pathology-hormone-blood-tests-01.png); background-position: center; background-size: contain; margin-top: 0} .sportH .l-txt-r-img-img {background-size:contain; margin-top: -50px;height: 350px !important;} .genHorm, .metals, .checkUpN, .sportH { height: 430px;} .thyroid .l-txt-r-img-img, .partnerC .l-txt-r-img-img, .sportH .l-txt-r-img-img, .genHorm .l-txt-r-img-img, .metals .l-txt-r-img-img, otherTests .l-txt-r-img-img {height: 250px;width: 100%;} .checkUpN .l-txt-r-img-img{margin-top: -80px;height:350px;width: 100%;} .metals .l-txt-r-img-img {background-image: url(../image/heavy-metal-tests-01.png);} .otherTests .l-txt-r-img-img {margin-top: -100px;background-size: contain;width: 100%;height: 230px;} .otherTests {height: 350px;} .otherTests .l-txt-r-img-txt .child {padding: 24px 70px 0 30px;} .sportH .l-txt-r-img-txt .child, .genHorm .l-txt-r-img-txt .child {padding: 24px 16px 0 30px;} .stds {height: 410px;display: block !important;} .stds .l-txt-r-img-txt .child {padding: 24px 30px 0 30px;} .stds .l-txt-r-img-img {background-size: 250px;background-position: right top;height: 220px;margin-top: -40px;} .partnerC {height: 420px;} .partnerC .l-txt-r-img-txt .child {padding: 24px 30px 0 30px;} .partnerC .l-txt-r-img-img {background-size: cover;margin-top: 0;background-position: right top;} .thyroid {height: 420px;} .thyroid .l-txt-r-img-txt .child {padding: 24px 30px 0 30px;} .thyroid .l-txt-r-img-img {background-size: contain;} .elfsight-app-37b5d322-ea31-4795-82f7-d1c0b3091232.notremove {padding: 0 10px;} .customer-panel .order03-Img {height: 200px;} } @media only screen and (max-width: 420px){ .navExtraCont{float:right;} .navExtra01{float:right} #top-links {margin-right: 0;} #top-links li.customer-login i, #top-links li.clinic-login i{margin:auto;text-align:center} #top-links li.cart-btn{padding:0;margin:0 0 0 14px!important;float:left} .navExtra01{max-width:100%;margin-right:10px} .navExtra{max-width:100px;width:100px!important;float:left;overflow:hidden} .navExtra #logo img{width:100%} .navExtraCont{width:215px;float:right} #top-links{margin:0;padding: 0;text-align:left} #top-links .list-inline { display: inline;} #top-links li.customer-login, #top-links li.clinic-login{padding:0;margin:0 0 0 18px!important;float:left} .navExtra01{width:200px;max-width:200px;margin-right:30px} } @media only screen and (max-width: 393px){ .navExtra01{max-width:185px;margin-right:26px} #top-links li.customer-login, #top-links li.clinic-login{padding:0;margin:0 6px!important;float:left} } @media only screen and (max-width: 380px){ .byo .l-txt-r-img-img {margin-top: -50px;} .partnerC {height: 500px;} }@media only screen and (max-width: 360px){ .navExtra{min-width:60px;width:25%!important} } @media only screen and (max-width: 350px){ /*.navExtra{width:80px!important}*/ } @media only screen and (max-width: 330px){ #top-links li.customer-login, #top-links li.clinic-login{padding:0;margin:0 0 0 4px!important;} #top-links li.customer-login{margin-right:5px!important;} .navExtra{max-width:70px;} .navExtraCont{max-width:200px;} .navExtra01{float:left;padding-left:5px;max-width:180px;padding-left:0} .l-txt-r-img-img {display: none;} .mainPage .l-txt-r-img-txt .child {padding: 30px;} .mainPage { height: auto !important;} .ch30 {width: auto;} }