/* Important Notes 1. Alwas use one-line CSS shorthand 2. Make sure all styles are in ONE stylesheet. 3. ORGANISE CSS INTO REVELANT SECTIONS 4. Write CSS in the order it appears in HTML 5. Make sure to include !important for older browsers 6. Ensure cross-browser compatibility 7. Make sure all CSS braces are aligned as shown in the Reset block CLIENT COLOUR HEX CODES -- -- main colours = buttons = */ /*! normalize.css v1.0.0 | MIT License | git.io/normalize */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /*====================*/ /*=== Reset Styles ===*/ /*====================*/ ul.resp-tabs-list, p { margin: 0px;padding: 0px;} .resp-tabs-list li {font-weight: 600;font-size: 13px;display: inline-block;padding: 13px 15px;margin: 0;list-style: none;cursor: pointer;float: left;font-size: 14px; line-height: 20px;} .resp-tabs-container {padding: 0px;background-color: #fff;clear: left;} h2.resp-accordion {cursor: pointer;padding: 5px;display: none;} .resp-tab-content {display: none;padding: 15px;} .resp-tab-active {border: 1px solid #c1c1c1; border-bottom: none;margin-bottom: -1px !important; padding: 12px 14px 14px 14px !important; } .resp-tab-active { border-bottom: none; background-color: #fff; } .resp-content-active, .resp-accordion-active { display: block; } .resp-tab-content { border: 1px solid #c1c1c1; } h2.resp-accordion { font-size: 13px; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px !important;margin:0 !important; } h2.resp-tab-active { border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important; } h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; } /*-----------Vertical tabs-----------*/ .resp-vtabs ul.resp-tabs-list { float: left; width: 20%; } .resp-vtabs .resp-tabs-list li { display: block;position:relative; padding: 8px 26px !important;min-height: 41px; margin: 0; cursor: pointer; float: none; font-size: 14px; line-height: 21px; font-weight: 400; color: #696666;text-align:left; } .resp-vtabs .resp-tabs-list li a {position:absolute;top:0;left:0;width:100%;height:100%;padding: 11px 15px !important;} .resp-vtabs .resp-tabs-list li:hover {} .resp-vtabs .resp-tabs-container { padding: 0px; background-color: #f4f4f4; border: 1px solid #c1c1c1; float: left; width: 80%; min-height: 250px; clear: none;position:relative; } .resp-vtabs li.resp-tab-active:hover {background: #f4f4f4;} .resp-vtabs .resp-tab-content { border: none;text-align:left;font-size:14px;line-height:20px;position:relative;padding-top:10px; } .resp-vtabs .resp-tab-content img {float:left;margin-right:10px} .resp-vtabs .resp-tab-content .button_set {position:absolute;top:0;right:0;width:auto;padding: 7px 10px 24px 0;} .resp-vtabs .resp-tab-content .button_set a {background: #7cb858;color:#fff;padding: 7px 15px;border:none;float:right;margin-left:10px;} .resp-vtabs .resp-tab-content .button_set a:hover {background: #69A049;} .resp-vtabs li.resp-tab-active { border: 1px solid #c1c1c1;border-left:6px solid #01a8ea !important; border-right: none; color:#56ab67; background-color: #f4f4f4; position: relative; z-index: 1; margin-right: -1px !important; padding: 8px 20px !important; font-size: 15px; line-height: 21px;font-weight: 400;color:#696666; } .resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1; } h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #9B9797; } /*-----------Accordion styles-----------*/ h2.resp-tab-active { background: #DBDBDB !important; } .resp-easy-accordion h2.resp-accordion { display: block; } .resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; } .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } .resp-jfit { width: 100%; margin: 0px; } .resp-tab-content-active { display: block; } h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; } /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/ @media only screen and (max-width: 768px) { ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block; font-size: 14px; line-height: 20px; } .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1;padding-bottom:65px; } .resp-vtabs .resp-tab-content .button_set {top:auto;bottom:0;} .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; } .resp-accordion-closed { display:none !important; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } } html, body {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;text-align: center;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} blockquote:before, blockquote:after,q:before, q:after {content:"";} blockquote, q {quotes:"" "";} /* HTML5 tags */ header, section, footer,aside, nav, article, figure, .show {display: block;} .clear {clear:both; height:0px;} .fleft {float: left;} .fright {float: right;} .hide {display: none;} .disabled {pointer-events: none;opacity: 0.5;} a, img {outline:none;border:0;padding:0;margin:0;text-decoration:none} *, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .clearfix:before,.clearfix:after {content: " ";display: table;} .clearfix:after {clear: both;} /* IE6/7 support */ .clearfix {*zoom: 1;} .visuallyhidden {position: absolute;width: 1px;height: 1px; /* Setting this to 0 make it invisible for VoiceOver */padding: 0;margin: -1px;border: 0;clip: rect(0 0 0 0);overflow: hidden;} .ir {text-indent: 100%;white-space: nowrap;overflow: hidden;} /* Use this to hide text from the screen */ .ease_15 { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1.5s ease} .ease { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease} .ease9 { -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; transition: all 0.9s ease} .ease8 { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease} .ease7 { -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; transition: all 0.7s ease} .ease6 { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease} .ease5 { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease} .ease4 { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease} .ease3 { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease} .ease2 { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease} .ease1 { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease} /*====================*/ /*=== Flex Slider ====*/ /*====================*/ .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {outline: none;}.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .slides{width:100%;height:100%;float:left}.flexslider {margin: 0; padding: 0;}.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative;}.flexslider .slides img {width: 100%; display: block;}.flex-pauseplay span {text-transform: capitalize;}.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}html[xmlns] .slides {display: block;} * html .slides {height: 1%;}.no-js .slides > li:first-child {display: block;}.flexslider {width:100%;height:100%;float:left;position:relative;}.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}.loading .flex-viewport{max-height: 300px;}.flexslider .slides{zoom: 1;}.carousel li {margin-right: 5px}.flex-direction-nav{*height: 0;}.flex-direction-nav a {width: 30px; height: 30px; display: block; position: absolute; top:0; z-index: 10; cursor: pointer; opacity: 0; -webkit-transition: all .3s ease;background:#025395;color:#fff;text-decoration:none;line-height:28px;font-weight:800;}.flex-direction-nav .flex-next{right:0 !important;background:#025395;top:33px;}.flex-direction-nav .flex-prev {right:0 !important;left:auto !important;}.flexslider:hover .flex-next {opacity: 0.8; right: 0px;}.flexslider:hover .flex-prev {opacity: 0.8; left: 0px;}.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}.flex-direction-nav .flex-disabled{opacity: .3!important; filter:alpha(opacity=30); cursor: default;}.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}.flex-control-nav li{margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }.flex-control-paging li a.flex-active{ background: #000; background: rgba(0,0,0,0.9); cursor: default; }.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}.flex-control-thumbs li {width: 25%; float: left; margin: 0;}.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}.flex-control-thumbs img:hover {opacity: 1;}.flex-control-thumbs .flex-active{opacity: 1; cursor: default;}.flex-direction-nav .flex-prev {opacity: 1; left: 0;}.flex-direction-nav .flex-next {opacity: 1; right: 0;} .wysiwyg table { background: #f5f5f5; border-collapse: separate; box-shadow: inset 0 1px 0 #fff; font-size: 12px; line-height: 24px; margin: 30px auto; text-align: left; width: 100%; } .wysiwyg th { background: #1d7cc3; background: linear-gradient(#1d7cc3, #0e6bb1); border-left: 1px solid #1d7cc3; border-right: 1px solid #1d7cc3; border-top: 1px solid #1d7cc3; border-bottom: 1px solid #1d7cc3; color: #fff; font-weight: bold; padding: 10px 15px; position: relative; text-shadow: 0 1px 0 #000; } .wysiwyg th:after { background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08)); content: ''; display: block; height: 25%; left: 0; margin: 1px 0 0 0; position: absolute; top: 25%; width: 100%; } .wysiwyg th:first-child { border-left: 1px solid #1977BE; box-shadow: inset 1px 1px 0 #1977BE; } .wysiwyg th:last-child { box-shadow: inset -1px 1px 0 #1977BE; } .wysiwyg td { border-right: 1px solid #fff; border-left: 1px solid #e8e8e8; border-top: 1px solid #fff; border-bottom: 1px solid #e8e8e8; padding: 10px 15px; position: relative; transition: all 300ms; } .wysiwyg td:first-child { box-shadow: inset 1px 0 0 #fff; } .wysiwyg td:last-child { border-right: 1px solid #e8e8e8; box-shadow: inset -1px 0 0 #fff; } .wysiwyg tr { background: url(http://jackrugile.com/images/misc/noise-diagonal.png); } .wysiwyg tr:nth-child(odd) td { background: #f1f1f1 url(http://jackrugile.com/images/misc/noise-diagonal.png); } .wysiwyg tr:last-of-type td { box-shadow: inset 0 -1px 0 #fff; } .wysiwyg tr:last-of-type td:first-child { box-shadow: inset 1px -1px 0 #fff; } .wysiwyg tr:last-of-type td:last-child { box-shadow: inset -1px -1px 0 #fff; } .wysiwyg tbody:hover td { color: transparent; text-shadow: 0 0 3px #aaa; } .wysiwyg tbody:hover tr:hover td { color: #444; text-shadow: 0 1px 0 #fff; } /*====================*/ /*=== Main Styles ====*/ /*====================*/ body,html {line-height:1;color:black; background:#fff; font-family: 'Lato', sans-serif;background: #ececec} #wrapper {height:100%; width: 100%; overflow: hidden;-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; position: relative;z-index: 10;} #container {margin: 0 auto;max-width:1100px;} #header {} #left_column {} #right_column {} #footer {} p {margin:0;padding: 0;margin-bottom: 10px;} .footer {padding: 15px;width:100%;background: #1f1f1f;color:#7c7c7c;font-size: 14px;margin-bottom:30px;} .footer .left_panels {float:left} .footer .right_menu {float:right} .footer .right_menu ul {list-style: none;margin: 0;padding: 0;} .footer .right_menu ul li {display: inline-block} .footer .right_menu ul li a {display: block;padding: 0 10px;} .wysiwyg {font-size:15px;line-height: 25px;text-align: left;color:#656565} .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {margin:0;padding: 0;margin-bottom:10px;font-weight: 400;text-transform: uppercase;color:#656565} .wysiwyg h1 {font-size:40px;margin-bottom: 15px;line-height: 43px} .wysiwyg h2 {font-size:30px;line-height: 35px} .wysiwyg h3 {font-size:25px;margin-bottom: 8px;line-height: 30px} .wysiwyg h4 {font-size:22px;margin-bottom: 8px;line-height: 28px} .wysiwyg h5 {font-size:18px;margin-bottom: 5px;line-height: 23px} .wysiwyg h6 {font-size:16px;margin-bottom: 5px;line-height: 23px} .wysiwyg p {color:#656565;font-weight: 300;font-size:18px} .wysiwyg a {font-weight: 400;} .wysiwyg .column_right a:hover {text-decoration: underline} .header {width:100%;position: absolute;top:25px;left:0;z-index: 100;} .header_inner {max-width: 1100px;margin: 0 auto;background: #fff;padding-right: 210px;position: relative;-webkit-box-shadow: 1px 1px 20px 0 rgba(000,000,000,0.1); box-shadow: 1px 1px 20px 0 rgba(000,000,000,0.1);} .logo {float:left; padding: 4px; width: 147px;} .main_menu {float:left} .sub_menu {float:right} .main_menu ul a {padding: 23px 15px; } .main_menu ul li.active a {background: url(../img/arooows.png) bottom left no-repeat;} .health-screening .main_menu ul li.active a {background: url(../img/arooer_greener.png) bottom left no-repeat;} .cancer .main_menu ul li.active a {background: url(../img/arooer_blues.png) bottom left no-repeat;} .home_links {padding: 30px 15px !important; } .main_menu ul a span {display: block; font-size: 12px;} .header ul {list-style: none;margin: 0;padding: 0;} .header ul > li {float:left} .header ul > li a {float:left;} .blue_section {position: absolute;right:0;top:0;width:200px;height:100%; padding: 10px 10px;} .blue_section a {padding: 7px 25px;display: inline-block;margin-top:10px;border-radius:5px; border-radius: 17px;border: 2px solid #fff;} .top_part {padding: 4px;position: absolute;top: 0;right: 200px;} .top_part ul a {padding: 6px 4px;text-transform: uppercase} .bottom_part { padding: 0 10px;position: absolute; bottom: 11px;right: 229px;} .bottom_part li a {padding: 4px;} .blue_section h5 {margin:0;} .wrapper.with_padding {max-width:1100px;padding: 15px;margin-top: -45px;position: relative; z-index: 200;-webkit-box-shadow: 1px 1px 20px 0 rgba(000,000,000,0.1); box-shadow: 1px 1px 20px 0 rgba(000,000,000,0.1);} .home_pannel {width:50%;float:left} .text_box_area {width:50%;float:left;padding: 15px;text-align: left;height: 200px;} .text_box_area h2 ,.bottom_panel h2 {margin:2px;} .image_box {width:50%;float:right;height:200px;overflow: hidden} .galery_box.main_box .image_box {float:left} .image_box img {height:100%; float: right;} .main_slide_show {overflow: hidden} .two_columns {width:66.66666666666667%;float:left; padding-right: 10px;} .bottom_panel {width:50%;float:left;padding: 15px;text-align: left; min-height: 192px;} .bottom_section {padding: 10px 0;padding-bottom: 0} .bottom_panel ul {margin:0;padding: 0;list-style: none;line-height: 18px;} .bottom_panel a {} .bottom_panel.promo_panel {padding: 0;position: relative;height: 192px;overflow: hidden} .bottom_panel.promo_panel h3 , .contact_panel h3 {position: absolute; top: 13px;left: 17px;z-index: 100;color:#fff;} .contact_panel {float: left;padding:20px;width:33.33333%;position: relative;padding-bottom: 52px; padding-top: 30px; height: 192px;} .adress_panel {float:left;width:70%;padding: 10px;padding-left: 36px;} .tel_panel {width:100%} .view_in_panel {float:left;width:30%} .contact_panel .view_in_panel {height:105px;padding-left: 3px;background: url(../img/right_liners.png) center left no-repeat;} .contact_panel .view_in_panel a {display: block;background: url(../img/View_Map.png) center no-repeat; height: 100%;text-indent: -9999px;text-align: left} .home_banners {width:100%;height:550px;} .slide_cover {max-width:1100px;position: relative;margin:0 auto; height: 100%;} .slider_texts {width:50%;margin:0 auto;position: absolute;left:10px;text-align: left;top:150px;} .slider_texts h2 {margin:0;margin-bottom: 20px;} .section_menu {width:100%;margin-bottom: 15px;} .section_menu ul {list-style:none;margin:0;padding: 0;} .section_menu ul li {float:left;position: relative} .section_menu ul li a {padding: 12px;display: block;color:#fff;} .section_contents {} .left_large {width:60%;float:left;padding-right: 10px;padding: 10px 20px;} .large_page {padding: 10px;} .video_boxes {width:40%;float:left;position: relative;min-height:200px;} .video_boxes img {width:100%; margin-bottom: -2px;} .video_text_cover {position: absolute;width:100%;height: 100px;left:0; top: 246px;margin-top:-50px;} .video_text_cover img {width:auto} .video_text_cover {color:#fff;font-size:14px;padding:0 20px;line-height: 20px;} .video_text_cover h2 {margin:0;margin-bottom: 10px;} .mile_stone_box {width:60%;float:left} .quote_box {width:30%;float:left;padding: 10px;} .quote_box.mission_box {width:40%;float:left} .date_bar {width:22%;float:left;height:100%;background: #0686b8;padding: 10px;text-align: center;position: absolute;} .mile_stone_box {position: relative} .mile_stone_box .data_covers {padding-bottom: 75px;float:right} .mile_stone_box a {position: absolute;bottom:20px;right: 20px;} .date_bar span {display:block;} .date_bar .date {font-size: 61px;} .date_bar .Month {font-size:35px;} .date_bar .year {font-size:30px;text-align: center} .quote_box h2 {margin:0;margin-bottom: 10px;font-size:27px;text-transform: uppercase;font-weight: 400;} .quote_box {padding: 30px;padding-left: 90px;font-size:17px;line-height: 25px;font-weight:300;min-height:212px;position: relative} .mile_stone_box { } .data_covers {width:78%; float:left;padding: 15px ;text-align:left;height:100% ; line-height: 20px;} .history_texts {padding: 20px; background: #E5E5E5;min-height: 140px;} .data_covers h2 {margin:0;margin-bottom:10px; font-size: 20px; line-height: 25px;} .data_covers a {padding: 8px 15px;float:right;border:1px solid #fff;border-radius: 20px;} .history_covers {padding:5px 15px;} .time_block {float:Left;width:50%;margin:15px 0;margin-right:0;min-height:140px;padding: 0;padding-left: 145px; position: relative;padding-right: 45px;} .time_block:first-child { margin-top: 64px;} .time_block.right_bar {padding:0;padding-right: 145px;margin:15px 0;margin-left:0;padding-left: 45px; } .time_block .date_Cover {position: absolute;left:0;top:0;height:100%;width:145px;padding: 15px;} .time_block.right_bar .date_Cover {left:auto;right:0;} .time_line {margin-top:-55px;overflow: hidden;position: relative} .main_cover {padding: 5px 10px;} .data_box {float:left; width: 31%;margin: 1%;float:Left;position: relative;overflow: hidden; height: 230px;cursor: pointer} .labal_text {position: absolute;right:0;bottom:0;max-width:90%;padding: 10px 20px;text-transform: uppercase} .labal_text h3 {margin-bottom: 0;font-size:20px;} .labal_text p {margin:0;} .popup_box {width:1050px;height:570px;position: fixed;top:50%;left:50%;background: #fff;z-index:300;margin-left:-525px;margin-top:-285px;display: none; padding: 20px;} .pop_imges {width:40%;float:left;height:100%;text-align: left;padding: 15px;} .pop_imges h2 {margin: 0;padding: 0;margin-bottom: 10px;font-weight: 400;text-transform: uppercase;color: #656565;margin-top:20px;} .pop_imges h4 {margin:0;font-size:16px;text-transform: uppercase; color: #939292; line-height: 22px;} .pop_imges img {width:100%;} .pop_text_area {color:#fff;padding: 40px;float:left;width:60%;height:100%;background: #3286d5;overflow: auto} .pop_text_area * {color:#fff !important;} .fading_bgs {width: 100%;height: 100%;position: fixed;top:0;left:0;background: #000;background: rgba(0, 0, 0, 0.75);z-index: 200;display: none} .closers {width:42px;height:42px;position: absolute;right:-60px;top:0;background: url(../img/crossings.png)} .scrollers {height:100%;width:100%;overflow: auto} .text_for_popup {display: none} .popup_box .text_for_popup {width:100%;height:100%;display: block;} .treatment_page .main_texts {padding: 10px 20px;float:left;width:100%} .big_column {width:67%;float:left} .side_column {width:33%;float:left} .side_box {padding: 30px;} .side_box a , .white_links {padding: 5px 15px;float:right;border:1px solid #fff;border-radius:18px;text-transform: uppercase;font-weight: 300} .vacancy_item {padding: 15px 25px;background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9f9f9 0%,#f2f2f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9f9f9 0%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9f9f9 0%,#f2f2f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ margin-bottom:10px; border: 1px solid #CFCFCF;position: relative;padding-right: 300px;} .vacancy_item .link_round {position: absolute; right: 15px; top: 21px;} .galery_box {width:100%; } .main_image {width:70%;float:left} .main_image img {width:100%} .side_images {padding-left: 20px;width:30%;float:left;height:100%} .side_images .image_box {width:100%;height: auto;margin-bottom: 10px} .side_images .image_box img {width:100%;height:auto} .side_images .image_box h6 {font-size: 15px;margin-top: -5px;} .link_round { padding: 5px 15px;float: right; border: 2px solid #2268B2;border-radius: 18px;text-transform: uppercase;font-weight: 300; color: #2268B2; font-weight: 400;} .news_box {margin-top: 10px;padding: 20px;border:1px solid #ddd;} .news_box p {font-size:16px;} .news_box ul {margin:0;padding: 0;list-style: none} .news_box ul li {padding-bottom: 15px;} .news_box ul li:last-child {padding: 0;} .news_box h4 {font-size:18px;margin:0;} .sub_section_menu.section_menu {margin-top:-15px; background: #0681b1;} .side_bar_fixed {border:1px solid #c2c2c2;width: 23%;float:Left;min-height:350px;-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;position: absolute;top:0;} .side_bar_fixed ul {margin:0;padding: 0;list-style: none;width:100%} .side_bar_fixed ul li a {display: block; padding: 10px 20px;border:1px solid #ddd;text-transform: uppercase; line-height: 20px;} .side_bar_fixed ul li {width:100%} .side_bar_fixed ul li a.active { border-left: 5px solid #01A8EA; padding-left: 13px;} .side_bar_fixed.fixer {} .treatment_page {position: relative} .column_right {width:77%;float: right;min-height: 400px;padding-left: 10px;} .what_box {width:100%;} .expert_box {float:left; width:31.9%;margin:8px 0.5%; padding: 12px;border: 1px solid #bdbdbd; min-height: 100px;background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 47%, #f4f4f4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 47%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ffffff 47%,#f4f4f4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 47%,#f4f4f4 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ffffff 47%,#f4f4f4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */ } .expert_box h3 {font-size:18px; line-height: 23px;margin: 0} .expert_box h5 {font-size: 13px;margin-bottom: 5px;line-height: 20px} .expert_box p {font-size: 14px;line-height: 20px;} .padding-left {padding: 10px; padding-left: 20px;} .tab_changers {background: #484848;color:#fff;height:46px;position: relative;z-index: 100; margin-bottom: 12px;padding-top: 10px;} .tab_changers ul {list-style: none;margin:0;padding: 0;} .tab_changers ul li {float:left;height:100%;} .tab_changers ul li a {display: block;line-height: 41px;padding: 0 15px;text-transform: uppercase; font-size: 19px;font-weight: 200} .tab_bgs {position: absolute;width:98%;background: #484848;color:#fff;height:50px;top:54px;left:11px;z-index: -1} .tab_changers ul li.actives a {background: #ffffff;color:#484848} .technology_box {width:100%;float:left} .technology_box .imeg_thumbnail {width:50%;float:left} .tech_text {width:50%;float:left;padding: 20px;padding-bottom: 65px;height:100%;position: relative} .imeg_thumbnail img {width:100%} .technology_box {height:300px;overflow: hidden;border-top:1px solid #ddd; background: #eee;} .technology_box .read_more_link {position: absolute;height:40px;line-height: 36px; padding: 0 15px;border:2px solid #01a8ea;color:#01a8ea;text-transform: uppercase; border-radius: 22px; bottom: 30px;right: 32px;} .technology_box.right_side .imeg_thumbnail {float:right} .technology_box.right_side {background: #fff} .big_thumbnails {width:24%;margin:0 0.5%;float:left;overflow: hidden;position: relative; height: 180px;} .big_thumbnails img {width:100%} .big_thumbnails h2 {position: absolute;bottom: 0;right:0;padding: 0 10px; max-width:90%;text-align: right;font-size:18px;margin:0;color:#fff;background: #000; background: rgba(0, 0, 0, 0.83);} .what_box .text_box {width:50%;float:left;padding: 20px;} .what_box .img_box {width:50%;float:right;overflow: hidden;} .what_box .img_box img {width:100%; margin-bottom: -10px;} .what_box:first-child .text_box {width:60%;} .what_box:first-child .img_box {width:40%;} .what_box.left_image .img_box {float:left} .button_pannels {padding: 20px;background: #01a8ea;margin-top:10px;color:#fff;} .button_pannels a {float:right;padding: 6px 20px;border:1px solid #fff; border-radius: 27px;margin-left:15px;text-transform: uppercase} .quote { position: absolute;left: 26px;height: 48px;width: 48px;background: url(../img/quotations.png) center no-repeat;top: 30px;} .video_text_cover {width:100%;} .video_links {position: absolute;width: 133px;height:133px;position: absolute;margin-left:-66.5px;left:50%;top:50px;background: url(../img/video_icons.png) center no-repeat;opacity: 0.8;-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease} .video_links:hover {opacity: 1} .video_block {width:100%;height:100%;position: fixed;top:0;left:0;z-index: 100;display: none;background: #000} .video_block .appenders {width:100%;height:100%} .video_block iframe {width:100%;height:100%;} .closer_video {position: absolute; top: 10px;right: 8px;height:80px;width:80px;background: url(../img/crossings.png) center no-repeat;cursor: pointer} .round {position: absolute;width:40px;height:40px;background: #fff;border:4px solid #97d4cb;right: -23px;top: 30px;border-radius:100%;z-index: 400;} .time_block.right_bar .round {right:auto;left:0; left: -18px;} .mid_line {width:6px;height:100%; position: absolute;left:50%;top:0;background: #97d4cb} .arrow_head { position: absolute;right: 16px;top: 33px;height: 34px;width: 30px;background: url(../img/arrow_heads.png) center no-repeat;} .right_bar .arrow_head { right: auto;top: 33px; left: 17px;background: url(../img/arrow_heads_flips.png) center no-repeat;} .section_menu ul li.current .arrow_head_link { position: absolute;width: 30px;height: 20px;bottom: 0;left: 50%;margin-left: -17px;background: url(../img/aroower_heads.png) bottom center no-repeat} .sub_section_menu.section_menu ul li.current a {font-weight: 700} .faq {padding: 10px;} .faq .ui-accordion-header {padding: 10px !important;border-bottom: 1px solid #ddd;margin-bottom:5px;outline: none; background: #eee;cursor: pointer;font-size: 16px;} .faq .ui-accordion-content {padding: 10px;} .section_menu ul li.current {background: #0681b1} .section_menu ul li.active.parent {background: #0681b1} .side_box * {color:#fff !important;} .labal_text {color:#acabac;text-align: right;background: #000;background: rgba(0, 0, 0, 0.71);font-size:12px;line-height: 20px;} .labal_text h3 {color:#fff; font-size: 17px;line-height: 22px;} .time_block {} .time_block .date_Cover {background: #97d4cb;color:#fff;font-size:50px;line-height:50px;text-align: center;text-transform: uppercase;} .time_block .date_Cover .years {font-weight: 600} .time_block .date_Cover .month {font-weight: 300} .mile_stone_box { background: #01A8EA;} .data_covers {color:#fff;background: #01a8ea} .date_bar {color:#fff} .quote_box {background: #2d2d2d url(../img/thin_lines.png) no-repeat right center;color:#878787;text-align: left; min-height: 234px;} .no_opacity {background: #fff !important} .section_menu {background: #01a8ea;text-transform: uppercase} .galery_box.main_box .image_box {width:100%;height:auto;overflow: hidden; min-height: 305px;} .half_boxes.galery_box.main_box .data_box.pop_links {width:49%;margin:0 0.5%;float:left;height:auto; min-height: 470px;} .health-screening .half_boxes.galery_box.main_box .data_box.pop_links { min-height: 545px;} .normal_wysiwig {padding: 20px} .image_crop {overflow: hidden;position: relative; border: 1px solid #ddd; height: 300px;} .galery_box.main_box .image_box img {width:100%;height:auto} .galery_box.main_box .image_crop h6 {position: absolute;right: 0;bottom: 0;max-width: 90%;margin:0;padding: 10px;background: #000; background: rgba(0, 0, 0, 0.82); font-size: 18px;color:#fff} .paddings {padding: 10px} .slider_texts h2 {font-size:28px;text-transform: uppercase;line-height: 40px;margin: 0; font-weight: 400;color:#fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.55);display: inline-block} #homeSlide .slider_texts h2 {line-height: 35px;} .slider_texts p {line-height:25px;font-size:20px;color:#fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.55); padding: 10px 0;} .tel_panel {font-size:14px;padding-left: 64px;line-height: 46px;height:48px;position: absolute;bottom: 0;left:0;width:100%; background: #222 url(../img/tellers_phony.png) no-repeat 22px 12px;} .tel_panel #wtzapp{ background: #222 url(../img/whatsapp.png) no-repeat 12px 10px; padding-left: 44px; display: inline-block;} .adress_panel {font-weight: 300; line-height: 20px;line-height: 25px; color: #989494; background: url(../img/pointings.png) no-repeat 4px 17px; } .contact_panel {background: #363333;color:#fff;text-align: left} h3 {margin:0;margin-bottom: 10px;text-transform: uppercase} .blue .text_box_area {background: #01a8ea} .green .text_box_area {background: #4a9c73} .bottom_panel ul .dates {display: block} .text_box_area {background: #4a9c73;color:#fff;position: relative} .text_box_area .spanners {width: 18px;height: 39px;position: absolute;background: url(../img/green_arrow.png); top: 20px;right: -15px;} .pink .text_box_area .spanners {background: url(../img/pinky_arrow.png);} .green .text_box_area .spanners {background: url(../img/green_arrow.png);} .text_box_area h2 ,.bottom_panel h2 {font-size:17px;font-weight: 600;line-height: 23px;text-transform: uppercase} .bottom_panel ul li {border-bottom:1px solid #fff;margin-bottom:10px; border-bottom: 1px solid rgba(255, 255, 255, 0.56);} .bottom_panel ul li:last-child {border:none} .bottom_panel a { border-radius: 16px;font-size: 15px;line-height: 22px;font-weight: 200} .bottom_panel .ezb-mod .mod-item { border-bottom: 1px solid #67A6D7;} .bottom_panel.news_panel .ezb-mod .mod-item { border-bottom: none;} .wrapper.with_padding {background: #fff; background: rgba(255, 255, 255, 0.82);} .text_box_area p { font-size: 14px;line-height: 18px;font-weight: 200;} .bottom_panel ul {font-size:13px;color:#afd1eb} a {color: inherit} .top_part ul a {font-size:11px; font-weight: 600;color: #767676;} .top_part ul a:hover { color: #0CA0DA;} .diabetes .top_part ul a:hover { color: #db64a6;} .health-screening .top_part ul a:hover { color: #4a9d73;} .main_menu ul {font-size:14px;color:#686666;text-transform: uppercase;font-weight: 600;} .main_menu ul li {padding-right: 2px;background: url(../img/liners.png) no-repeat right} .main_menu ul li a:hover { color: #0CA0DA;} .main_menu ul li:nth-child(3) a:hover { color: #db64a6;} .main_menu ul li:nth-child(4) a:hover { color: #4a9d73;} .main_menu ul li:last-child {background: none} .main_menu ul a { line-height: 17px;text-align: left;} .blue_section {background: #01a8ea;color:#fff;} .news_panel {background: #0d73c1;color:#fff;} .hidemenu {display: none !important} .general_service .data_box { width: 22.8%;position: relative} .general_service .data_box img {float:right} .hover_text {position: absolute;top:0;left:0;width:100%;height:100%;background: #000;padding: 15px;text-align: center;color:#fff;background: rgba(0, 0, 0, 0.83);opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease} .hover_text p {color:#fff; font-size: 14px;line-height: 20px;} .general_service .data_box .labal_text {padding: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease} .general_service .data_box:hover .labal_text {right:-100%} .general_service .data_box:hover .hover_text {opacity:1} .general_service .data_box .labal_text h3 { font-size: 15px;} .readmore {padding: 5px 15px;display: inline-block;border: 1px solid #fff;border-radius: 26px;} .two_columns .bottom_panel.promo_panel a {padding: 0;} .bottom_panel.news_panel {} .contact_top {} .contact_top .left_column {float:left;width:50%;} .contact_top .right_column {float:left;width:50%;height:500px;overflow: hidden} .contact-details {background: #4b4747;color:#fff;padding: 20px 30px;text-align: left} .contact-details .address {width:50%;float:left} .contact-details * {color:#fff !important;} .wysiwyg .contact-details p {margin:0;font-size:15px;color:#ddd !important} .wysiwyg .contact-details h4 {margin:10px 0} .contact-details .telephone {width:50%;float:left} .contact-details .telephone p {padding-left: 30px;background: url(../img/telephony.png) no-repeat left center} .contact-details .telephone p:nth-child(3) {padding-left: 30px;background: url(../img/whatsapp.png) no-repeat left center} .contact-details .telephone p.fax {background: url(../img/fax_icons.png) no-repeat left center} .contact-form {padding: 10px;} .contact-details > div h4:first-child {margin-top:0;} .contact-map iframe {width:100%} .hidden {display:none !important} .contact-form {height: 525px;} .cut_treat_image {height:200px;overflow: hidden; height: 119px; overflow: hidden;margin-bottom: 10px;} .contact_forms {background: #fff;height:100%} .contact_forms .left_side {float:left;width:35%} .contact_forms .right_side {float:left;width:65%} .contact_forms ul {margin:0;padding: 0;list-style: none;text-align: left;padding-right: 20px;} .contact_forms ul li {padding-right: 15px;display: block;position: relative;} .contact_forms .right_side {padding-right: 20px;position: relative} .stars {position: absolute;right:3px ;top:3px;color:red} .input-box , .textarea-box {width:100%;padding: 10px 10px;height:40px;border-radius: 4px;border:none;background: #eeeeee; font-size:14px;color:#5b5b5b;margin-bottom: 10px;} .textarea-box { } .textarea-box {height:238px;} .captcha {padding: 10px 0; position: relative;} .captcha .stars { left: 300px;right: auto;} #vacancy_apply_area {} .single_popup {display: none} .left_large_text {width:60%;float:left;padding-right: 30px;} .testimonials_sections {width:40%;float:left} .testi_box {padding: 20px;background: #282828;padding-bottom: 150px;position: relative} .testi_box p { color: #A3A3A3;} .bottom_bar * {color:#fff !important} .bottom_bar {width:100%;height:140px;background: #363636;position: absolute;bottom: 0;left:0;padding: 20px;} .testi_image_cover {height:100px;width:100px;float:left;border-radius: 100%;overflow: hidden;margin-right:20px;} .testi_image_cover img {width:100%;height:auto} .bank_cv {padding: 20px;background: #01a8ea;color: #fff} .bank_cv * {color:#fff !important} .side_bar_active {position: fixed !important;top:0;left:0;} .mobile_side_bar {position: fixed;right:-280px;width:220px;height:100%;top:0; background: #0496D0;-webkit-transition: right 0.6s cubic-bezier(.01, .99, .03, 1); -moz-transition: right 0.6s cubic-bezier(.01, .99, .03, 1); transition: right 0.6s cubic-bezier(.01, .99, .03, 1); z-index: 22; border-left: 1px solid #12A1DA;padding-top: 55px;-webkit-box-shadow: 0 0 67px 27px rgba(000,000,000,0.7); box-shadow:0 0 67px 27px rgba(000,000,000,0.7);} .diabetes .mobile_scrollers ul li a {border-top: 1px solid #EF87C0; border-bottom: 1px solid #AD3B7A;} .diabetes .mobile_side_bar { background: #C15892;border-left: 1px solid #EF87C0;} .diabetes .side_bar_heading {background: #D05A9B url(../img/baskets.png) right center no-repeat;} .diabetes .mobile_scrollers ul li a { color: #FFD3EB;} .diabetes .mobile_scrollers ul li {border:0} .health-screening .mobile_scrollers ul li a { border-top: 1px solid #68B88F;border-bottom: 1px solid #206F47; color: #DAF5E7;} .health-screening .mobile_side_bar { background: #438E68;border-left: 1px solid #62b28a;} .health-screening .side_bar_heading {background: #31845A url(../img/baskets.png) right center no-repeat;} .health-screening .mobile_scrollers ul li a {} .health-screening .mobile_scrollers ul li {border:0} .health-screening .side_bar_fixed ul li a.active {border-left: 5px solid #4a9d73;} .diabetes .side_bar_fixed ul li a.active {border-left: 5px solid #C02B7E;} .mobile_link {position: absolute;right:10px;top:10px;width:32px;height:32px;background: #000;display: none;text-indent: -9999px;text-align: left} .mobile_side_bar.activate {right:0;} .side_bar_heading {width:100%;height: 55px; background: #0088BA url(../img/baskets.png) right center no-repeat;position: absolute;top:0;left:0;} .side_close_link {position: absolute;width:35px;height: 35px;background:url(../img/backer_side_bar.png) center no-repeat;top:10px;left:10px;-webkit-transition: all 0.5s cubic-bezier(0, .99, .03, 1.47); -moz-transition: all 0.5s cubic-bezier(0, .99, .03, 1.47); transition: all 0.5s cubic-bezier(0, .99, .03, 1.47);} .side_close_link.activate { -ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */transform: rotate(180deg);} .mobile_scrollers {width:100%;height: 100%;overflow: auto} .mobile_scrollers ul {list-style: none;margin:0;padding: 0;} .mobile_scrollers ul li a {padding: 12px 20px;display: block;text-align: left; color: #D3F3FF;text-transform: uppercase; border-bottom: 1px solid #0D998A; border-bottom: 1px solid #1082B0;} .mobile_scrollers ul li { border-bottom: 1px solid #1BABE4;} .main_slide_show .flex-direction-nav a {width:17px !important;height:54px !important; background: url(../img/aroows_left.png) no-repeat center;top:50% !important;margin-top:-27px; right: 30px !important;text-align: left !important;text-indent: -9999px !important;} .main_slide_show .flex-direction-nav a.flex-prev { right: auto !important; left: 30px !important; background: url(../img/aroows_right.png) no-repeat center;} .bottom_panel.promo_panel .flex-direction-nav {display: none} .bottom_panel.promo_panel .flex-control-nav {bottom: auto;text-align: right;top:10px; padding: 0 7px;} .bottom_panel.promo_panel .flex-control-paging li a {text-align: left;background: #fff} .bottom_panel.promo_panel .flex-control-nav li { margin: 0 3px;} .bottom_panel.promo_panel .flex-control-paging li a.flex-active { background: rgba(255, 255, 255, 0.68);} .serch_box input { border-radius: 22px; border: 1px solid #B2B2B2; height: 30px; padding: 0 15px;font-size:13px;width: 185px;padding-right: 27px; font-weight: 200; font-family: 'Lato', sans-serif;text-transform: uppercase;outline: none;} .serch_box {margin-right:-28px;} #search_form {position: relative} #search_form a {position: absolute; right: -27px;top: 2px;} #promotions h4 { position: absolute;bottom: 5px;right: 0;padding: 10px 15px;margin: 0;background: #000; background: rgba(0, 0, 0, 0.71);color: #fff;} .bottom_panel.promo_panel ul {height: 100% !important} .bottom_panel.promo_panel ul li {height: 100% !important} .bottom_panel.promo_panel .flex-viewport {height: 100% !important} .ezb-mod .mod-post-title {line-height: 22px; } #googleMap{ width:100%; height:251px; } @-webkit-keyframes animatedBackground { from { background-position: 0 50%; } to { background-position: 100% 50%; } } @-moz-keyframes animatedBackground { from { background-position: 0 50%; } to { background-position: 100% 50%; } } @keyframes animatedBackground { from { background-position: 0 50%; } to { background-position: 100% 50%; } } @-webkit-keyframes color_animate { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes color_animate { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes color_animate { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } .mid_box {position: absolute;left:50%;top:8px;width:232px;height: 499px;margin-left:-112px;background: url(../img/mid_dnas.png) center;display: none} .mid_box.outlined {background: url(../img/outlineds.png);opacity: 1} .blue_bgs {width:100%;height:500px;background: #1083ca;overflow: hidden;position: relative;-webkit-animation: color_animate 12s ease infinite; -moz-animation: color_animate 12s ease infinite; animation: color_animate 12s ease infinite;background: linear-gradient(270deg, #1b8cd0, #0c70ac); background-size: 400% 400%;} .background_mover.bokeh {position: absolute;left:-10%; width: 120%;height:100%;background-image: url(../img/brokehs.png) ; background-position: 0px 50%; -webkit-animation: animatedBackground 35s linear infinite alternate; -moz-animation: animatedBackground 35s linear infinite alternate; animation: animatedBackground 35s linear infinite alternate; -ms-transform: rotate(-26deg); /* IE 9 */ -webkit-transform: rotate(-26deg); /* Chrome, Safari, Opera */ transform: rotate(-26deg);opacity: 0.1;} .background_mover.bokeh2 {position: absolute;left:-10%; width: 120%;height:100%;background-image: url(../img/brokehs.png) ; background-position: 0px 50%; -webkit-animation: animatedBackground 35s linear infinite alternate; -moz-animation: animatedBackground 35s linear infinite alternate; animation: animatedBackground 35s linear infinite alternate; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg);opacity: 0.2;} .background_mover {position: absolute;left:-10%; width: 120%;height:100%;background-image: url(../img/dna_file.png) ; background-position: 0px 50%; background-repeat: repeat-x; -webkit-animation: animatedBackground 35s linear infinite alternate; -moz-animation: animatedBackground 35s linear infinite alternate; animation: animatedBackground 35s linear infinite alternate; -ms-transform: rotate(-26deg); /* IE 9 */ -webkit-transform: rotate(-26deg); /* Chrome, Safari, Opera */ transform: rotate(-26deg);opacity: 0.5; } .background_2 { -ms-transform: scale(0.5,0.5) rotate(-26deg); /* IE 9 */-webkit-transform: scale(0.5,0.5) rotate(-26deg); /* Safari */transform: scale(0.5,0.5) rotate(-26deg); /* Standard syntax */left: -376px;top: -173px;opacity: 0.5;-webkit-animation: animatedBackground 30s linear infinite alternate;-moz-animation: animatedBackground 30s linear infinite alternate;animation: animatedBackground 30s linear infinite alternate; } .background_3 { -ms-transform: scale(0.5,0.5) rotate(-26deg); /* IE 9 */-webkit-transform: scale(0.5,0.5) rotate(-26deg); /* Safari */transform: scale(0.5,0.5) rotate(-26deg); /* Standard syntax */ right: -371px; left: auto; bottom: -234px; opacity: 0.3; -webkit-animation: animatedBackground 30s linear infinite alternate; -moz-animation: animatedBackground 30s linear infinite alternate; animation: animatedBackground 30s linear infinite alternate; } .number_pads.activator {left:-40%;} .number_pads.animations.right {right:20px !important;top:20px !important;width:87% !important} .number_pads.animations.left {left:20px !important;top:20px !important;width:87% !important} .number_pads.activator.right {right:-40%} .number_pads {position: absolute;padding-right: 70px;text-align: right; padding-right: 70px; text-align: right; top: 46px; left: 65px; width: 38%;font-size:24px;color:#fff;font-weight: 200;-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;outline:0 } a:hover, a:active, a:focus {outline:0} .blue_bgs.activate .mid_box {-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;left:0} .blue_bgs.animations .mid_box {-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;} .blue_bgs.activate.left .mid_box {-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;left:100%;} .number_pads.right {left:auto;right:65px;padding: 0;padding-left: 70px;text-align: left} .number_pads.right.two { top: 99px; width: 40%;} .number_pads.three { top: 160px;width: 40%;} .number_pads.four { top: 227px;width: 38%;} .number_pads.five { top: 276px;width: 39%;} .number_pads.six { top: 408px;width: 39%;} .number_pads.seven { top: 408px;width: 39%;} .number_pads.right .number {right: auto;left:0;} .number_pads .number {background: #01a8ea;width:50px;height:50px;border:3px solid #fff;border-radius: 100%;position: absolute;right:0;top:0;line-height: 40px;text-indent: 13px; text-align: left;font-size: 30px;color:#fff;font-weight: 200;padding: 0;margin: 0;} .closer_animation {position: absolute;width:55px;height:55px;background: url(../img/closing_box.png) center;color: #fff;right:0;top:0; z-index: 100;display: none;text-indent: -9999px} .contents_hidden {display:none} .show_contents {width:80%;height:70%;overflow: auto;position: absolute;top:95px;left:10%;z-index: 400;color:#fff;display: none;} .show_contents p {color:#fff;} .show_contents p strong {font-weight: 300} .wizards {padding: 20px;height: 100%;background: #077bc5;color:#fff;text-align: center} .wizards h2 {color:#fff !important; margin-bottom: 20px;} .button_panel {text-align: center;padding: 10px 0;margin-top:20px;} .round_buttons_inline {display: inline-block;padding: 5px 20px;border:2px solid #fff;color:#fff;border-radius: 40px;margin:0 3px;text-transform: uppercase} .diabetes .blue_section {background: #db64a6} .diabetes .section_menu {background: #db64a6} .diabetes .sub_section_menu.section_menu {background: #C8478F} .diabetes .section_menu ul li.current {background: #C8478F;} .diabetes .slider_texts h2 span {text-shadow: none;background: #db64a6;padding-left: 5px;display: inline;box-shadow: 5px 0 0 #db64a6, -5px 0 0 #db64a6;} .slider_texts h2 span {text-shadow: none; background: #198BB6;padding-left: 5px;display: inline;box-shadow: 5px 0 0 #198BB6, -5px 0 0 #198BB6;} .diabetes .slider_texts h2 { } .diabetes .slider_texts {} .diabetes .slider_texts p { color: #AB407C;text-shadow: none} .slider_texts p { color: #025F83;text-shadow: none} .diabetes .section_menu ul li.active.parent { background: #C8478F;} .health-screening .blue_section {background: #4a9d73} .health-screening .section_menu {background: #4a9d73} .health-screening .section_menu ul li.current { background: #2f7652;} .health-screening .slider_texts h2 { } .health-screening .slider_texts h2 span { text-shadow: none;background: #4EAD73;padding-left: 5px;display: inline;box-shadow: 5px 0 0 #4EAD73, -5px 0 0 #4EAD73;} .health-screening .slider_texts {} .health-screening .slider_texts p {text-shadow: none; color: #215F3A;} .health-screening .section_menu ul li.active.parent {background: #C02B7E;} .loating_text {position: absolute;bottom: 0;right: 55px;text-align: right; color: #fff;text-shadow: 1px 1px 2px #000000;} .contact_forms ul li , .message {position: relative; text-align: left; padding-right: 15px;} .contact_forms ul li label.error , .message label.error {position: absolute;right: 16px; top: 0; padding: 4px; font-size: 13px;-webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px;background: #cb3b3b;color: #fff} .message label.error { right: 15px;} .large_page.news {width: 70%;float:left; padding-right: 24px;} .side_bar {width: 30%;float:left;padding-left: 20px;} #ezblog-body {} .blog-latest , .blog-categories , .blog-archive {margin-bottom: 15px} .ezb-mod .mod-item + .mod-item {margin: 0 !important} #ezblog-body .blog-meta > .in { padding: 0 0 0 17px;} .top_part ul li.active a { border-bottom: 3px solid #01A8EA;font-size: 10px;padding: 2px 5px;margin-top: 2px;line-height: 15px;padding-bottom: 2px;} .top_part ul li {margin: 0 2px} .current.active.parent .arrow_head_link {display: none} .date_bar .year { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 84px; position: absolute; left: -30px; top: 96px;font-weight: 200} .horizontal_cover .resp-tabs-list li { font-size: 20px; font-weight: 200; color: #fff;} .horizontal_cover .resp-tabs-list li.resp-tab-active { color: #484848;} .mobile_scrollers ul li.active { border-left: 4px solid #65CAF2;} .diabetes .mobile_scrollers ul li.active {border-left: 4px solid #FF7DC5;} .health-screening .mobile_scrollers ul li.active {border-left: 4px solid #61EAA5;} .bottom_sections {background: #2d2d2d} .desktop.sitemap ul {margin: 0} .side_bar h3 {font-weight: 600} #ezblog-body .blog-post {padding:10px 0;} #ezblog-head {display: none} #eblog-dialog .mtl, #eblog-wrapper .mtl {margin: 0;} #ezblog-body .profile-title {font-size: 33px;line-height: 40px;} .main_sub_heading li > ul {display: none} .table_cover {width: 100%;overflow: auto} .call-back-success {background: #fff;padding: 10px;text-align: center} .call-back-success p { padding: 10px 20px; display: inline-block; font-size: 14px; background: #5C812D; border-radius: 10px; color: #fff;} .video_box {width: 49%;margin: 0.5%;float:left; border-bottom: 3px solid #01A8EA;} .video_box iframe {width: 100%;} .health-screening .resp-vtabs li.resp-tab-active { border-left: 6px solid #4CC085 !important;} .diabetes .resp-vtabs li.resp-tab-active { border-left: 6px solid #AE407D !important;} .search_close { position: absolute;right: 20px;top: 21px;width: 35px;height: 35px;z-index: 100;display: none} .search_open {width: 23px;height: 23px; right: 77px;top: 31px; z-index: 20;} .closing_buttons { line-height: 35px;font-size: 22px;right: 16px;display: none} #vacancy_title {font-size: 14px;line-height: 20px;font-size:20px;} #vacancy_intro { font-size: 17px; line-height: 27px;font-weight: 200} .contact_forms ul li {font-size:14px;} .contact_forms ul li label {margin-right: 10px;} .first_step {padding: 20px; padding-top: 100px;} .first_step .round_buttons_inline { height: 67px;width:135px;float:left} .cancerss, .diabiticsss { line-height: 50px; height: 100%;} .wizards .list_item {text-align: left;font-size: 20px;margin-bottom: 10px;font-weight: 200} .wizards .list_item a {font-weight: 200} .answer_detail {color:#fff;text-align: left} .answer_detail ul {text-align: left} .backers {margin-top: 20px;} .answer_detail p {color:#fff;} #vacancy_apply_area {float:right;width: 60%;padding-left: 20px;} .vacancy_texts {float:left;height: 100%;width: 40%;padding: 20px; background: #3588CF;color:#fff;} .ie9 .wysiwyg tbody:hover td { color: #222; text-shadow:none; } /* IE9 */ .management_cover .labal_text {position: static;min-height: 88px;width: 100%;max-width:100%;margin: 0} .management_cover .data_box {height: auto} .quotation_boxes {padding: 20px 30px;font-size: 22px;line-height: 33px;font-weight: 200;text-align: left; background: #373737;color: #9B9B9B; padding-left: 88px;position: relative} .readmore_links { padding: 5px 18px; float: right; border: 1px solid #8D8D8D; border-radius: 24px; font-size: 18px; margin-top: 15px;} /* Smartphones (portrait and landscape) ----------- */ @media screen and (max-width : 480px) { #vacancy_apply_area {width: 100%;padding: 20px 10px} .vacancy_texts {width: 100%;} .video_box {width: 100%;margin-bottom: 10px;} .search_close {display: block} .video_box iframe{ height:200px;} h2.resp-accordion:first-child {} .sub_section_menu {display: none} .section_menu li a {border-bottom: 1px solid #118BBB;border-top: 1px solid #3DC7FD;} .main_sub_heading > ul li > ul li.active {} #homeSlide .home_banners {min-height: 375px;} .health-screening .section_menu ul li a { border-bottom: 1px solid #25764D;border-top: 1px solid #4CC085;} .diabetes .section_menu ul li a { border-bottom: 1px solid #AE407D; border-top: 1px solid #E58ABC;} .diabetes .section_menu ul li.active.parent ul li.active a { border-left: 3px solid #ED9DCA;} .section_menu li a {border-bottom: 1px solid #118BBB;border-top: 1px solid #3DC7FD;font-size: 15px;} .section_menu ul li a { font-size: 13px;} .main_sub_heading li > ul {display: block;} .main_sub_heading li > ul li a {padding-left: 40px;} .section_menu ul li.active.parent ul li.active a {border-left: 3px solid #fff; padding-left: 37px; border-left: 3px solid #1FBAF7;} .date_bar .year {position: relative;top:auto;left:auto; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} .wysiwyg h4 {font-size: 15px;margin-bottom: 8px;line-height: 25px;} .wysiwyg h2.resp-accordion {font-size: 14px;line-height: 19px;} .header_inner {padding:0;-webkit-box-shadow: 1px 1px 2px 0 rgba(000,000,000,0.4);box-shadow: 1px 1px 2px 0 rgba(000,000,000,0.4);} .diabetes .slider_texts {width: 100%;position: relative;left:auto;top:auto;margin:0 ;padding: 40px;padding-top: 78px;} .blue_section {display: none} .top_part {display: none} .main_menu {display: none} .bottom_part {display: none} .header {top:0;z-index: 200} .logo {width:100px;} .logo img {width:100%} .mobile_link {display: block;background: url(../img/burgers.png) center} .slider_texts h2 {font-size: 20px !important; line-height: 23px; font-size: 15px !important;line-height: 22px; text-shadow: none;} #homeSlide .slider_texts h2 { line-height: 25px;} .slider_texts {top: 35px;width: 100%;height:100%;left: 0; padding: 45px 17px;background: #fff; background:none; text-align: center; padding: 45px 70px;position: relative;min-height: 260px;} .health-screening .slider_texts {width: 100%} .slide_cover {height:100% } .slider_texts p {line-height: 20px;font-size: 14px; color: #065B7C;text-shadow: none;font-weight: 600;} .home_banners { height: auto; background: #3caedb !important; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #3caedb 0%, #1ca6d8 100%) !important; /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#3caedb), color-stop(100%,#1ca6d8)) !important; /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #3caedb 0%,#1ca6d8 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #3caedb 0%,#1ca6d8 100%) !important; /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #3caedb 0%,#1ca6d8 100%) !important; /* IE10+ */ background: radial-gradient(ellipse at center, #3caedb 0%,#1ca6d8 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3caedb', endColorstr='#1ca6d8',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */ } .diabetes .home_banners {background: #f7bbdc !important; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #f7bbdc 0%, #f9aad6 100%) !important; /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f7bbdc), color-stop(100%,#f9aad6)) !important; /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #f7bbdc 0%,#f9aad6 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #f7bbdc 0%,#f9aad6 100%) !important; /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #f7bbdc 0%,#f9aad6 100%) !important; /* IE10+ */ background: radial-gradient(ellipse at center, #f7bbdc 0%,#f9aad6 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7bbdc', endColorstr='#f9aad6',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */ } .health-screening .home_banners {background: #b1d6c3 !important; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #b1d6c3 0%, #97d7b6 100%) !important; /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#b1d6c3), color-stop(100%,#97d7b6)) !important; /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #b1d6c3 0%,#97d7b6 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #b1d6c3 0%,#97d7b6 100%) !important; /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #b1d6c3 0%,#97d7b6 100%) !important; /* IE10+ */ background: radial-gradient(ellipse at center, #b1d6c3 0%,#97d7b6 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d6c3', endColorstr='#97d7b6',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */ } #ezblog-body {} #ezblog-body .blog-post .blog-title, #ezblog-body .blog-post .blog-title a { font-size: 16px;line-height: 22px;} .blog-created {font-size: 14px;line-height: 20px;} .large_page.news {width: 100%} .large_page.side_bar {width: 100%} .date_bar {width: 100%; height: auto;} .mile_stone_box {height: auto} .data_covers {width: 100%} .main_slide_show .flex-direction-nav a { top: 58% !important;} .big_column {width:100%} .main_image {width:100%} .side_images {width:100%;padding: 0;} .side_column {width:100%;} .cut_treat_image {height:auto} .section_menu ul li {width:100%;text-align: left; font-size: 14px;} .wrapper.with_padding {margin:0 ;} .treatment_page .main_texts {padding: 10px;padding-bottom: 30px;} .side_bar_fixed {display: none} .column_right {width:100%;padding: 10px;} .big_thumbnails {width:100%;margin-bottom: 10px;} .home_pannel {width:100%;margin-bottom: 10px;} .two_columns {width:100%;padding: 0;} .bottom_panel {width:100%;margin-bottom: 20px;} .bottom_panel.promo_panel {min-height: 0;height:auto;margin-bottom: 10px;} .contact_panel {width:100%} .text_box_area {width:100%;height: auto} .image_box {width:100%;height: auto} .image_box img {width:100%;height:auto} .general_service .data_box {width:100%;height:200px} .tel_panel {padding-left: 54px; font-size: 16px; color: #848484;} .contact_top .left_column {width:100%;} .contact-details .address {width:100%;margin-bottom: 30px;} .contact-details .telephone {width:100%} .contact_forms .left_side {width: 100%;padding: 0 10px} .contact_forms .right_side {width: 100%;padding: 0 10px} .contact-form {height: 770px;} .technology_box .imeg_thumbnail {width:100%} .tech_text {width:100%;text-align: left;padding: 20px} .tech_text ul {text-align: left} .technology_box {height:auto;margin-bottom: 20px;} .footer {margin-bottom: 0;} .technology_box .read_more_link {position: relative;left:0;bottom: auto;display: inline-block} .left_large_text {width:100%;padding: 0;} .testimonials_sections {width:100%;padding: 0;} .vacancy_item {width:100%;padding: 10px;padding-bottom:65px;} .bottom_bar { height: auto;position: relative;bottom: auto;left:auto} .side_bar {width: 100%; padding: 10px;} .testi_box {padding: 10px;} .wysiwyg {font-size: 13px;} .wysiwyg p { font-size: 14px;line-height: 20px;} .vacancy_item .link_round { bottom: 13px;top:auto} .galery_box.main_box .image_box {width:100%;min-height: 0;} .image_crop {height:auto} .general_service .data_box img {width:100%;height:auto} .wysiwyg h2 {font-size: 20px;line-height: 26px;} .wysiwyg h3 {font-size: 18px;line-height: 25px;} .wysiwyg h1 {font-size: 30px;line-height: 35px;} .big_thumbnails h2 { font-size: 16px;line-height: 26px;} .left_large {width:100%;} .video_boxes {width:100%;} .mile_stone_box {width:100%;} .quote_box {width:100% !important;padding: 20px;background: #2d2d2d } .quote {display: none} .section_menu ul li.active.parent a {border-bottom: 1px solid #0F7198;border-top: 1px solid #1EA0D3;} .diabetes .section_menu ul li.active.parent a { border-bottom: 1px solid #AE3278;border-top: 1px solid #DB64A6;} .half_boxes.galery_box.main_box .data_box.pop_links {width: 100%;margin: 0;margin-bottom: 20px;min-height: 10px} .health-screening .half_boxes.galery_box.main_box .data_box.pop_links {min-height: 10px} .popup_box {z-index: 9999;left:0;top:0;width: 100%;height: 100%;margin: 0} .galery_box.main_box .image_crop h6 { padding: 5px 16px; font-size: 15px;line-height: 23px;} .data_box {width: 100%} .column_right ul { padding: 0 0 0 18px;} .side_bar_fixed {display: none} .column_right {width: 100%} .footer {margin-bottom: 0;line-height: 20px;} .footer .right_menu ul li {width: 100%} .expert_box {width:100%} .faq .ui-accordion-header {font-size: 14px;line-height: 19px;} .faq .ui-accordion-content {} .mile_stone_box {width:100%} .date_bar span {display: inline-block;font-size:42px !important; } .time_block ,.time_block.right_bar {width:100%;padding: 0;z-index: 200;padding-top: 83px;} .round , .time_block.right_bar .round {right: 50%;left:auto;top: -53px;margin-right: -24px;} .arrow_head {display: none} .time_block .date_Cover {width: 100%; height: 83px;} .loating_text {font-size: 18px; right: 30px;} .contact_forms ul {padding: 0} .contact-form { height: 855px; background: #fff;} .contact_top .left_column {width: 100%} .contact_top .right_column {width: 100%;} .contact_top .left_column .contact-map {display: none} .tab_bgs {display: none} .mile_stone_box .data_covers {padding-top: 72px; line-height: 22px;} .pop_imges {width: 100%;height: auto} .pop_text_area {width: 100%;height: auto; padding: 19px;font-size: 13px;line-height: 20px;} .pop_imges h2 {font-size: 20px;line-height: 25px;} .pop_imges h4 {font-size:15px;line-height: 20px;} #ezblog-head .component-links a {margin: 0;} .popup_box { padding-right: 70px;} .closers {width: 40px;height: 40px; background: url(../img/crossings.png) #3286D5 center; border: 8px solid #3286d5;right: 10px;top: 10px;} .arrow_head_link {display: none !important} .mid_box {display: none !important} #container .number_pads.left {width: 100%;left:0;padding: 10px; font-size: 14px; padding-right: 58px; line-height: 17px;} #container .number_pads.left .number { width: 30px;height: 30px;font-size: 12px;top: 13px;right: 16px;line-height: 24px;text-indent: 0;text-align: center} #container .number_pads.right {width: 100%;right:0;padding: 10px; font-size: 14px; padding-left: 58px; line-height: 17px;} #container .number_pads.right .number { width: 30px;height: 30px;font-size: 12px;top: 13px;left: 16px;line-height: 24px;text-indent: 0;text-align: center} .number_pads.left { top: 10px;} .number_pads.right.two{ top: 80px;} .number_pads.left.three{ top: 150px;} .number_pads.right.four{ top: 222px;} .number_pads.left.five{ top: 288px;} .number_pads.right.six{ top: 350px;} .number_pads.left.seven{ top: 410px;} .background_mover.bokeh { width: 180%; left: -30%;} .background_mover {display: none !important} .background_mover.bokeh {display: block !important} .background_mover.bokeh2 {display: block !important} .number_pads.activator {opacity: 0 !important} .closer_animation { width: 35px;height: 35px;background: none;text-indent: 0;text-align: center;font-size: 20px;font-weight: 200 !important;top: 5px;} .text_box_area .spanners { top: auto;bottom: -26px;left: 40px; -ms-transform: rotate(90deg); /* IE 9 */-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */transform: rotate(90deg);} .home_pannel.pink .text_box_area .spanners {left:auto;right:40px;} .closing_buttons {display: none} .bottom_part { width: 100%;height: 100%;left: 0;top: 0;padding: 13px;background: #fff;z-index: 100; padding-right: 52px;display: none} .serch_box input ,.bottom_part #search_form ,.bottom_part #search_form ul, .bottom_part #search_form ul li {width: 100%; box-sizing: border-box;} #search_form a { right: 2px;} .search_open { right: 57px;top: 15px;} .closing_buttons {top:10px} .first_step .round_buttons_inline {display: inline-block; width: 175px; line-height: 42px; float: none; margin-bottom: 13px; height: auto; } .first_step { padding-top: 20px;} .answer_detail ul {text-align: left} .quotation_boxes {padding: 20px;} } .button_pannel {padding: 15px; padding-right: 20px; margin-top: 5px; border-top: 1px solid #CDCDCD; } .button_pannel input {padding: 10px 20px;float:right;margin-left: 10px;border-radius: 20px;border:2px solid #ddd;font-size:14px; border: 2px solid #01a8ea;background: #fff;color:#01a8ea} /* iPads (portrait and landscape) ----------- */ @media screen and (min-width :481px) and (max-width : 768px) { #vacancy_apply_area {width: 100%;padding: 20px 10px} .vacancy_texts {width: 100%;} .search_close {display: block} .video_box {width: 100%;margin-bottom: 10px;} .video_boxes {width: 100%;min-height: 0;margin-bottom: 15px} .left_large {width: 100%} .pop_imges {width: 100%;height: auto} .pop_text_area {width: 100%;height: auto; padding: 19px; font-size: 15px;line-height: 25px;} .pop_imges h2 {font-size: 20px;line-height: 25px;} .pop_imges h4 {font-size:15px;line-height: 20px;} .sub_section_menu {display: none} .section_menu li a {border-bottom: 1px solid #118BBB;border-top: 1px solid #3DC7FD;font-size: 15px;} .health-screening .section_menu ul li a { border-bottom: 1px solid #25764D; border-top: 1px solid #4CC085; } .management_cover .data_box {height: 400px;} .management_cover .labal_text {min-height: 170px;} .diabetes .section_menu ul li.active.parent a { border-bottom: 1px solid #AE407D; border-top: 1px solid #E58ABC;} .diabetes .section_menu ul li.active.parent ul li.active a { border-left: 3px solid #ED9DCA;} .section_menu ul li.active.parent a { border-bottom: 1px solid #0F7198;border-top: 1px solid #1EA0D3;} .main_sub_heading li > ul {display: block;} .main_sub_heading li > ul li a {padding-left: 40px;} .section_menu ul li.active.parent ul li.active a {border-left: 3px solid #fff; padding-left: 37px; border-left: 3px solid #1FBAF7;} .diabetes .section_menu ul li a {border-bottom: 1px solid #AE407D;border-top: 1px solid #E58ABC;} .arrow_head_link {display: none !important;} .home_pannel.pink .text_box_area {float:right} .home_pannel.pink .image_box {float:left} .home_pannel.pink .text_box_area .spanners { right:auto;left:-15px; -ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */transform: rotate(180deg);} .slider_texts {} .tab_bgs {display: none} .date_bar .year {position: relative;top:auto;left:auto; -ms-transform: rotate(0deg);-webkit-transform: rotate(0deg); transform: rotate(0deg);} .home_banners {background-position: right !important} .data_box {width: 49%;margin: 1% 0.5%} .header_inner {padding: 0;} .blue_section {width:100%; top: -54px;height: 55px;padding: 0 20px;} .wysiwyg h2.resp-accordion { font-size: 16px;line-height: 25px;} .header { top: 54px;z-index: 400} .blue_section h5 {float:left;width: 60%;text-align: left;line-height: 54px; font-size: 20px;font-weight: 200;} .blue_section a {position: absolute;right:10px;top:0;} .mobile_link {display: block; width: 61px;height: 63px;background: url(../img/burgers2.png) center no-repeat} .top_part {display: none} .bottom_part { width: 100%;height: 100%;left: 0;top: 0;padding: 24px;background: #fff;z-index: 100; padding-right: 52px;display: none} .serch_box input ,.bottom_part #search_form ,.bottom_part #search_form ul, .bottom_part #search_form ul li {width: 100%; box-sizing: border-box;} #search_form a { right: 2px;} .main_menu_items {display: none} .section_menu ul li {width:100%;text-align: left} .big_column {width:100%} .side_column {width:100%} .slider_texts h2 { line-height: 28px;font-size: 20px;} .slider_texts p {line-height: 20px;font-size: 13px;} .slider_texts {width: 80%; left: 10%;bottom:32px;top:auto;padding: 15px;background: rgba(255, 255, 255, 0.88)} .diabetes .slider_texts { width: 45%;} .logo {width:100px; margin: 11px 0;} .logo img {width:100%} .main_menu ul { font-size: 12px;} .wrapper.with_padding {margin:0 ;} .two_columns {width:100%;padding: 0;} .home_pannel {width:100%} .home_pannel.blue {width:100%} .image_box {width:50%} .text_box_area {width:50%} .technology_box {height:auto} .left_large_text {width:100%;padding: 10px;} .testimonials_sections {width:100%;padding: 10px;} .galery_box.main_box .image_box { min-height: 300px;} .popup_box {z-index: 9999;left:0;top:0;width: 100%;height: 100%;margin: 0} .wysiwyg p {font-size: 15px; line-height: 23px;} .hover_text p { font-size: 13px;line-height: 16px;} .hover_text .readmore { padding: 2px 15px;font-size: 13px} .galery_box.main_box .image_crop h6 { font-size: 15px;} .contact_panel {width: 100%} .popup_box {z-index: 9999;left:0;top:0;width: 100%;height: 100%;margin: 0; padding-right: 70px;} .half_boxes.galery_box.main_box .data_box.pop_links { min-height: 377px;} .general_service .data_box { width: 49%;} .general_service .data_box img { width: 100%} .side_bar_fixed {display: none} .column_right {width: 100%} .column_right ul { padding: 0 0 0 18px;} .footer {margin-bottom: 0} .loating_text { right: 30px; font-size: 15px;} .mile_stone_box {width:100%} .date_bar span {display: inline-block;font-size:42px !important; font-size: 30px !important; } .quote_box.mission_box {width: 100%} .time_block ,.time_block.right_bar {width:100%;padding: 0;z-index: 200;padding-top: 83px;} .round , .time_block.right_bar .round {right: 50%;left:auto;top: -53px;margin-right: -24px;} .arrow_head {display: none} .time_block .date_Cover {width: 100%; height: 83px;} .mile_stone_box {height: auto} .date_bar {padding: 10px;width: 100%; height: auto;} .data_covers {width: 100%} .expert_box {margin: 0.5%; width: 99%;} .technology_box .imeg_thumbnail {width:100%} .tech_text {width:100%;text-align: left;padding: 20px} .technology_box {height:auto;margin-bottom: 20px;} .technology_box .read_more_link {position: relative;left: 0;bottom: auto;display: inline-block;} .big_thumbnails {width:49%; margin: 0.5%;} .loating_text {right: 40px;} .contact_forms .left_side {width:100%} .contact_forms .right_side {width:100%;padding: 0;background: #fff} .contact_forms ul {padding: 0} .contact-form { height: 860px;} .contact_top .left_column {width: 100%} .contact_top .right_column {width: 100%; height: auto ;} .contact_top .left_column .contact-map {display: none} #homeSlide .slider_texts h2 {line-height: 25px;font-size: 18px; color: #01A8EA;text-shadow: none;} #homeSlide .home_banners {width: 100%;height: 450px;} .main_slide_show #homeSlide .flex-direction-nav a { top: 65% !important;} .mile_stone_box .data_covers { padding-top: 72px;} .desktop.home .wrapper.with_padding {padding: 20px 60px; } .bottom_panel {width:100%} .bottom_panel.promo_panel {height: auto} .image_crop { height: 200px;} .blog-created {font-size: 14px;line-height: 20px;} .large_page.news {width: 100%} .large_page.side_bar {width: 100%} .date_bar {width: 100%; height: auto;} .side_bar {width: 100%} .health-screening .half_boxes.galery_box.main_box .data_box.pop_links {min-height: 506px;} .closers {width: 40px;height: 40px; background: url(../img/crossings.png) #3286D5 center; border: 8px solid #3286d5;right: 10px;top: 10px;} .footer .left_panels {width: 100%;margin-bottom: 10px;} .footer .right_menu {width: 100%;} #ezblog-body {} #ezblog-head .component-links a {margin: 0} #container .number_pads.left {width: 100%;left:0;padding: 10px; font-size: 20px; padding-right: 58px; line-height: 25px;} #container .number_pads.left .number { width: 30px;height: 30px;font-size: 12px;top: 13px;right: 16px;line-height: 24px;text-indent: 0;text-align: center} #container .number_pads.right {width: 100%;right:0;padding: 10px; font-size:20px; padding-left: 58px; line-height: 25px;} #container .number_pads.right .number { width: 30px;height: 30px;font-size: 12px;top: 13px;left: 16px;line-height: 24px;text-indent: 0;text-align: center} .mid_box {display: none !important} .number_pads.left { top: 10px;} .number_pads.right.two{ top: 80px;} .number_pads.left.three{ top: 150px;} .number_pads.right.four{ top: 222px;} .number_pads.left.five{ top: 288px;} .number_pads.right.six{ top: 350px;} .number_pads.left.seven{ top: 410px;} .background_mover.bokeh { width: 180%; left: -30%;} .background_mover {display: none !important} .background_mover.bokeh {display: block !important} .background_mover.bokeh2 {display: block !important} .number_pads.activator {opacity: 0 !important} .closer_animation { width: 35px;height: 35px;background: none;text-indent: 0;text-align: center;font-size: 20px;font-weight: 200 !important;top: 5px;} .closing_buttons {display: none} .first_step { padding-top: 50px; margin-top: 20px;} .button_panel {width: 430px;margin: 20px auto;} .slider_texts h2 { } } @media screen and (min-width :770px) and (max-width : 1100px) { .management_cover .data_box {height: 370px;} .top_part { top: -33px;right: 0;width: 100%;padding: 5px;background: #1094C8;} .health-screening .top_part { background: #5FC186;} .diabetes .top_part { background: #F59FCE;} .top_part ul {float:right;color:#fff;} .top_part ul a {color:#fff;} .header {top: 30px;} .bottom_part { bottom: auto;right: 408px;top: -26px;} .serch_box input { height: 19px; font-size: 10px;font-weight: 400; border: none;} #search_form a { top: -1px;} #search_form a img {width: 15px;height: auto} .slider_texts h2 {line-height: 33px; font-size: 22px;} .main_menu ul { font-size: 12px;} .text_box_area p {font-size: 13px;line-height: 19px;} .slider_texts { left: 69px; width: 36%;} .image_box p {font-size: 15px;line-height: 22px;} .image_crop { height: 210px;} .half_boxes.galery_box.main_box .data_box.pop_links { min-height: 340px;} .health-screening .half_boxes.galery_box.main_box .data_box.pop_links {min-height: 456px;} .home_banners {background-position: right !important} .section_menu li a {font-size: 11px;padding: 9px 8px;} .popup_box {width:100%;height: 100%;top:0;left:0;margin: 0;padding-right: 62px;} .closers {width: 40px;height: 40px;background: url(../img/crossings.png) #3286D5 center;border: 8px solid #3286d5;right: 10px;top: 20px;} .health-screening .general_service .data_box img {width: 100%} .health-screening .general_service .data_box {width: 30.8%;} .big_thumbnails h2 { font-size: 14px;} .big_thumbnails {height: 150px;} .time_block {width: 49%} .top_part ul a:hover {color: #fff;} .first_step {padding: 20px; padding-top: 30px;} .first_step .round_buttons_inline { display: inline-block; width: 231px; line-height: 42px; float: none; margin-bottom: 13px;height: auto} .cancerss, .diabiticsss { line-height: 42px;} } .elderly .section_menu{ background: #4a9c73; } .elderly .section_menu ul li.current{ background: #1d4430; } .elderly .side_bar_fixed ul li a.active{ border-left: 5px solid #4a9c73; } .elderly .main_menu ul li.active a {background: url(../img/arooows_green.png) bottom left no-repeat;} .elderly .blue_section { background: #4a9c73; } .elderly .slider_texts h2 span { text-shadow: none; background: #1d4430; padding-left: 5px; display: inline; box-shadow: 5px 0 0 #1d4430, -5px 0 0 #1d4430; } .elderly .slider_texts p { color: #1d4430; text-shadow: none; } .pink .text_box_area { background : #da64a6; } .blue .text_box_area .spanners { background: url(../img/blue_arrow.png); } /* Desktops and laptops ----------- */ @media screen and (max-width :1251px) { } .eb-entry-author{ display:none;} .eb-entry-author-recents{ display:none;} /* Blog CSS ----------- */ section.sidebar.news-sidebar ul { } section.sidebar.news-sidebar ul li{ width:100%; list-style-position:outside; line-height:18px; margin-bottom:12px} .category-name{ float:left; width:100%; font-size:11px; text-transform:uppercase } .published{float:left; width:100%; font-size:11px; text-transform:uppercase} .formelm{ float:left; width:100%; font-size:11px; text-transform:uppercase } .post .formelm label{ font-weight:normal} .post h2 { color: #000; font-size: 26px !important;} .pagination{ float:left; width:100%; margin:10px 0} .pagination li{ float:left; margin:0 5px 5px 0 !important; list-style:none; background:#f1f1f1} .pagination li a{padding:5px 10px;float:left;} .pagination li span{padding:5px 10px;float:left;} .news .published{ margin-bottom:5px; } .news .items-row{ margin-top: 40px; } .news .items-row h2{ font-size: 20px; line-height: 26px; margin: 0 0 10px; word-break: break-word; overflow: hidden; } .news .items-leading h2{ font-size: 20px; line-height: 26px; margin: 0 0 10px; word-break: break-word; overflow: hidden; } .side_bar .entry.mod_entry ul{ padding-left:0; } .side_bar .entry.mod_entry ul li{ list-style-type:none; border-top: 1px solid #ddd; padding: 10px 0; } .side_bar .entry.mod_entry ul li:first-child{ border-top: none; padding-top:0; padding-bottom:10px; } .side_bar .posts.categories ul{ padding-left:0; } .side_bar .posts.categories ul li{ list-style-type:none; border-top: 1px solid #e5e5e5; padding: 10px 0; } .side_bar .posts.categories ul li:first-child{ border-top: none; padding-top:0; } .side_bar .posts.categories ul li:before{ content:url('/templates/resources/img/folder-icon.png'); position: relative; top: 5px; margin-right: 10px; } .home_news p{ display:none; } .home_news h4{ font-size: 16px; font-weight: bold; margin:10px 0px; border-top: 1px solid #ddd; padding-top: 10px; } .home_news:first-of-type h4{ border-top:none; padding-top:0; }