/* Important Notes 1. Avoid using Percentages or Fluid Widths, declare all pixel dimensions explicitly. 2. Alwas use one-line CSS shorthand 3. Make sure all styles are in ONE stylesheet. 4. ORGANISE CSS INTO REVELANT SECTIONS 5. Write CSS in the order it appears in HTML 6. Make sure to include !important for older browsers 7. Ensure cross-browser compatibility 8. Make sure all CSS braces are aligned as shown in the Reset block CLIENT COLOUR HEX CODES -- -- */ /*! 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 ===*/ /*====================*/ 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;} *, *: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 */ a {text-decoration:none;} /*====================*/ /*=== Main Styles ====*/ /*====================*/ /*====================*/ /*=== 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;} /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .inner_actities .flex-control-nav{/* display:none; */position:absolute;bottom: 0;z-index:9;} .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; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 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;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } body,html {line-height:1;color:black; background:#fff;font-family: 'PT Sans', sans-serif; } #wrapper {height:100%; width: 100%;} #container {margin: 0 auto;width:1024px;} .header_container {width:100%;height:127px;-webkit-box-shadow: 0 2px 2px 0 rgba(000,000,000,0.3); box-shadow: 0 2px 2px 0 rgba(000,000,000,0.3);position:relative;background: url(../images/dots.png);min-width:980px;z-index: 400;} .header_bot_bg {width:100%;height:40px;position:absolute;bottom:0;left:0;background:#118bd7} .logo {width:164px;height:59px;float:Left;margin-top:7px;} .tag_line {width:400px;position:absolute;top: 58px;left: 55px;color:#797979;} .tag_line p {float:Left;margin:0;font-size: 14px;} .header {width:980px;margin:0 auto;height:127px;position:relative;} .sub_links {position:absolute;right: -8px;bottom:57px;margin:0;list-style:none;text-align:right} .serch_cover {width:0px;float:Left;margin-top: 2px;overflow:hidden;margin-left:183px;margin-right:5px;} .serch_cover input[type="text"] {background:none;border:2px solid #458CCE;border-radius:20px;font-size:12px;padding-left:10px;width:183px;height:24px;outline:none} .sub_links li {display:inline-block;border-right:1px solid #000} .sub_links li:last-child {border:none} .sub_links li a {padding:0 10px;text-transform:uppercase;text-decoration:none;color:#000;font-size:14px;} .heading_top_buttons {position:absolute;top:20px;right:0;} .home_block {width:100%;min-width:980px;min-height:630px;max-height:1000px;} .main_menu {width:980px;margin:0 auto;text-align:center;padding:0;position:absolute;bottom:0;left:0;z-index:300;height:40px;line-height:40px;} .main_menu li {display:inline-block;border-right:1px solid #0977bb;border-left:1px solid #1180c5;margin:0 -2px;margin:0 -3px; } .main_menu li:first-child {border-left:0} .main_menu li:last-child {border-right:0} .main_menu li a {padding:0 22px;line-height:40px;float:left;text-decoration:none;text-transform:uppercase;font-size:15px;color:#fff;} .main_menu li a:hover {color:#118bd7;background:#fff;} .main_menu li.current-menu-item a, .main_menu li.current-page-ancestor a {color:#118bd7;background:#fff;} .footer_cover {width:100%;height:40px;background:#2b2b2e;margin-top: -1px;position:relative;z-index:300;min-width:980px;} .main_slide {width:50%;height:100%;float:Left;background:#000;overflow:hidden} .main_slide .flex-control-paging li a {background:#009eff} .main_slide .flex-control-paging li a.flex-active {background:#fff} .main_slide .flex-control-nav li {display:block;margin:8px 0} .main_slide .flex-control-nav {width:12px;z-index:300;bottom:30px;left:auto;right:30px;} .data_panel {position:absolute;right:69px;bottom:38px;z-index:300;text-align:right} .data_panel h4 {margin: 11px 0;} .data_panel h4 a {font-size:29px;color:#fff;text-align:right;font-weight:400;margin:4px 0;text-decoration:none;display: inline;} .data_panel h4 a:hover {text-decoration:underline;} .data_panel h5 {font-size:20px;color:#fff;text-align:right;font-weight:400;margin:18px 0;} .data_panel a {width:125px;display:inline-block} .pannel {width:100%;float:left;} .pannels {position:relative;min-height: 630px;} .pannels:hover .main_shadow {/* background:rgba(0,0,0,0.8); */width:100%;height:100%;cursor: pointer;} .main_shadow {width:100%;height:327px;position:absolute;bottom:0;left:0;background:url(../images/shadow_main.png) right bottom no-repeat;z-index:100;} .panel_lines {width:50%;float:left;height:200px;background:#000;overflow:hidden;position:relative;cursor:pointer;} .panel_lines img {width:100%;height:auto;margin:0;} .top_panel {height:28%;} .top_panel a.readmore {position: absolute;right: 20px;bottom: -150px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;z-index:100} .panel_lines a.readmore:hover {color: #00aeff !important;background: #fff;} .top_panel:hover a.readmore {bottom:12px;} .shadows_ {width:100%;position:absolute;bottom:0;height:60%;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.86) 99%, rgba(0,0,0,0.87) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(99%,rgba(0,0,0,0.86)), color-stop(100%,rgba(0,0,0,0.87))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.86) 99%,rgba(0,0,0,0.87) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.86) 99%,rgba(0,0,0,0.87) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.86) 99%,rgba(0,0,0,0.87) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.86) 99%,rgba(0,0,0,0.87) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#de000000',GradientType=0 ); /* IE6-9 */ z-index:10; } .top_panel:hover .shadows_ {height:100%} .top_panel:hover .panel_shadow {/* background: rgba(0,0,0,0.6); */transition:opacity 1s linear;*} .top_panel p {bottom:-100px;position: absolute;color: #fff;text-align: left;padding: 20px;line-height: 20px;font-size: 14px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;z-index:100;} .top_panel:hover h3 {bottom: 96px;text-decoration:underline;} .top_panel:hover p {bottom:10px;} /* .top_panel_hover .panel_shadow {background:rgba(0,0,0,0.8);display:block;} */ .bottom_panel {height:28%;margin-bottom:-1px;} .bottom_panel a.readmore {position: absolute;bottom:-60px;right: 20px;z-index: 100;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .bottom_panel p {position:absolute;bottom:-100px;padding:20px;color:#fff;text-align:left;line-height: 20px;font-size: 14px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .bottom_panel_hover .panel_shadow {display:block;background:rgba(0,0,0,0.8);} .bottom_panel:hover p {bottom:30px;z-index:100;} .bottom_panel:hover a.readmore {bottom:20px;} .bottom_panel:hover .panel_shadow {/* background:rgba(0,0,0,0.8); */transition:opacity 1s linear;*} .bottom_panel:hover h3 {bottom:110px;text-decoration:underline;} .bottom_panel:hover .shadows_ {height:200%} .mid_panel {height:44%;} .panel_side_no_hover p {position:absolute;bottom:-200px;left:0;color:#fff;text-align:left;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .panel_side {width:244px;height:100%;float:left;position:relative;} .employee_shadow {position:absolute;width:100%;height:100%;background:url(../images/shadow_employee.png) bottom no-repeat;bottom: 0;} .panel_side h2 {position:absolute;bottom:20px;left:20px;color:#fff;z-index:100;text-transform:capitalize;font-weight:400;margin:0;font-size:29px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .panel_side h2 a {color:#fff;} .panel_side_hover {cursor:pointer;} .panel_side_hover .employee_shadow {background: rgba(0,0,0,0.6);display:block;} .panel_side_hover h2 {bottom:0;top:20px; -moz-transition: all 1s ease; transition: all 1s ease;} .panel_side p {position: absolute;padding: 10px 20px;z-index: 100;line-height: 20px;font-size: 14px;height: 189px;} .panel_side a.readmore {position: absolute;bottom: -100px;right: 20px;z-index:100;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .panel_side_no_hover:hover a.readmore {bottom:15px;} .panel_side_no_hover:hover p {bottom:30px;} .panel_side_no_hover:hover .shadows_ {height:200%} .panel_side_no_hover:hover .employee_shadow {width:100%;height:100%;/* background:rgba(0,0,0,0.9); */transition:opacity 1s linear;*} .panel_side_no_hover:hover h2 {bottom: 233px;text-decoration:underline;} .news_panel {float:left;min-width: 240px;height:100%;background:#000;position:relative;text-align:Left} .scale .news_panel img {width:140%} .news_panel_shadow {width:100%;height:311px;background:url(../images/news_shadow.png);position:absolute;bottom:0;left:0;z-index:100;} .panel_shadow {width:100%;height:100%;background:url(../images/long_panel_shadow.png) no-repeat;position:absolute;bottom:0;left:0;background: rgba(0,0,0,0.4);} h3.panels {position:absolute;bottom:0;left:0;color:#fff;z-index:200;font-size:29px;margin:0;left:20px;bottom:20px;font-weight:400;text-transform:capitalize;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;z-index:100;z-index: 999;} h3.panels a {color:#fff;} .news_data {color:#fff;position:absolute;padding:26px;width:100%;height:100%;top:0;left:0;z-index:300;cursor: default;} .news_data ul {margin:0;list-style-image:url(../images/points.png);padding-left: 25px;padding-bottom: 20px;} .news_data a.readmore {} .news_panel:hover img {opacity:0.3;transition:opacity 1s linear;*} .news_data ul li {border-bottom:1px dashed #fff} li.headings {list-style:none;margin-left: -17px;border:none !important;} .news_data ul h2 {margin:0;font-weight:400;text-transform:capitalize;} .news_data ul p {line-height:16px;font-size:14px;} .news_data ul a {text-decoration:none;color:#fff;line-height: 20px;} .news_data ul a:hover {text-decoration:underline;} .footer {width:980px;margin:0 auto;padding-top: 1px;} .design_by {float:right;color:#aeaeae;font-size:13px;margin-top:15px;} .design_by a {color:#aeaeae;} .copyright {float:left;color:#aeaeae;font-size:13px;margin-top:15px;} /* page banner */ section.page_banner {width:100%;position: relative;min-height: 160px;} section.page_banner img {width:100%; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.53); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.53); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.53); } .header_slogan {position: absolute;margin: 0 auto;width: 942px;height: 40px;bottom: 30px;left: 0;right:0;} .header_slogan header {text-transform: uppercase;font-size: 37px;color: #fff;font-weight: bold;text-align: left;text-shadow: 0 0 6px #000;width: 500px;max-width: 100%;float: left;position: relative;z-index: 9;} .breadcrum {background:#1C7BB7;background: rgba(28,123,183,0.8);float:right;margin:0;padding: 10px 18px;bottom: -32px;position:relative;border-top-left-radius: 3px;border-top-right-radius: 3px;z-index: 9;} .breadcrum ul {margin:0;padding:0;} .breadcrum ul li {float:left;list-style:none;color:#fff;} .breadcrum ul li a {text-decoration:none;color:#fff;} .breadcrum ul li a:hover {text-decoration:underline;} .breadcrum ul li span.bc_icon {padding:0 5px;color:#fff;} /* page conatiner */ section.page_container {width:100%;height:auto;overflow:auto;background:#f7f7f7;} section.page_container p {text-align:left;font-size:14px;font-weight:400;color:#565656;font-family: 'Ubuntu', sans-serif;line-height:20px;} section.page_container #page_left {width:960px;min-height:200px;margin:0 auto;background: url(../images/dots.png);overflow: auto;} section.page_container #page_left .about_one {} section.page_container #page_left .about_one img {float:left;margin: 0 22px 10px 0;} section.page_container #page_left .about_one p {font-family: 'Ubuntu', sans-serif;font-size:14px;font-weight:400;color:#565656;text-align: left;line-height: 20px;} section.page_container #page_left .page_left_content {width: 100%;float:right;padding:0 15px;} section.page_container h1 {font-size:20px;color:#118bd7;text-align:left;padding:20px 0;} /* about */ a.readmore {width:97px;height:26px;color:#fff !important;text-decoration:none;font-size:13px;text-transform:capitalize;line-height:26px;background:#00aeff;display:block;float:right;border-radius:1px;text-align: center;width:125px;height:34px;line-height:34px;font-size:16px;} a.readmore:hover {} a.home_readmore {width:125px;height:34px;line-height:34px;font-size:16px;border-radius: 2px;} a.home_readmore:hover {color: #00aeff !important;background:#fff;} section.page_container #page_left .about_three {} section.page_container #page_left .about_three img {margin:0 35px 0 0;} section.page_container #page_left .about_six {} section.page_container #page_left .about_six ul {padding:0;margin:0;list-style-position: inside;} section.page_container #page_left .about_six ul li {text-align: left;line-height:1.5;color:#565656;font-size:14px;font-weight:400;list-style-image: url(../images/points_2.png);} section.page_container #page_left .about_seven {text-align:left;} section.page_container #page_left .about_seven img {margin:0 21px 0 0;} section.page_container #page_left .about_eight {} section.page_container #page_left .about_eight .page_left_content .left {width:50%;float:left;padding:0 12px;} section.page_container #page_left .about_eight .page_left_content .right {width:50%;float:left;padding:0 12px;} section.page_container #page_right {margin-top: -2px;} section.page_container #page_right .right_content h3 {padding: 17px 0;text-align: left;} section.page_container #page_right .right_content .right_one ul {padding:0;margin:0;list-style-position: inside;} section.page_container #page_right .right_content .right_one ul li, section.page_container #page_right .right_content .right_one ul li a {text-align: left;line-height:1.5;text-decoration:none;color:#3d3d3d;font-size:14px;font-weight:400;list-style-image: url(../images/points_2.png);} section.page_container #page_right .right_content .right_one ul li a:hover {text-decoration:underline;} div.mgt_staff_img {float: left;margin-right:24px;width:137px} /*div.mgt_staff_img:last-child {width:300px;margin-right:0;} div.mgt_staff_img:last-child img {width:300px;height:150px;}*/ div.mgt_staff_img img {width:150px;border:3px solid #b1b1b1; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.29); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.29); } div.mgt_staff_img p{margin:4px 0;} div.compliance_img_sec {margin:20px 0;} div.compliance_img {float:left;margin-right:33px;width:100%} .compliance_img div.compliance_img { width: 165px; } .compliance_img-sub { width: 210px; float: left; margin-bottom: 20px; } .compliance_img-sub header { font-size: 14px; font-weight: 400; color: #565656; font-family: 'Ubuntu', sans-serif; line-height: 20px; } div.compliance_img img {width:150px;border:3px solid #b1b1b1; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.29); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.29); } .compliance_img div.compliance_img:nth-child(2){ clear:both; } .compliance_img div.compliance_img:nth-child(5){ clear:both; } #tab4 .readmore {margin-top:25px;} /* new about css */ .european_new {width:100%;overflow:auto;} .european_new_sug {width:100%;overflow:auto;background:#C8EBFF;background:rgba(102,198,255,0.44);} .european_new_sug h1, .european_new_sug p {} .european_new .european_new_left {width:50%;padding:0 15px;float:left;} .european_new .european_new_left #qs {} #qs h3 {font-size: 16px;color: #118bd7;text-align: left;} #qs p {text-align: left;font-size: 14px;font-weight: 400;color: #565656;font-family: 'Ubuntu',sans-serif;line-height: 20px;} .european_new .european_new_right {width:50%;padding:0 15px;float:left;} .european_new .european_new_right ul {margin: 0;padding: 0;padding-left: 20px;margin-bottom: 25px;overflow: auto;text-align:left;} .european_new .european_new_right ul li {color: #565656;font-size:14px;line-height:20px;} .european_new .european_new_right .awards_img {text-align:left;} .european_new .european_new_right .awards_img img {margin-right: 15px;} .tab_container_cover {position:relative;} div.onclick_container {width:100%;min-height:250px;margin:30px 0 0 0;padding:0 15px;margin-bottom: 20px;overflow: auto;} div.left_side_bar {width:200px;min-height:250px;float:left;position:relative;} div.left_side_bar ul {padding:0;} div.left_side_bar ul li {list-style-type:none;position:relative;} div.left_side_bar ul li a {display:block;line-height:30px;text-align:left;text-decoration:none;color:#565656;padding-left:10px;} div.left_side_bar ul li a.active {background: #0e8fdf;color:#fff;} div.left_side_bar ul li a.active .arrow {width:30px;height:30px;background:url("../images/arrow.png");position:absolute;right: -30px;top: 0px;} div.tab_content {width:730px;min-height:250px;min-height:273px;float:left;border: 1px solid #D8D8D8;border: 1px solid rgba(0,0,0,0.16);padding: 15px 40px;} div.tab_content table { float: left; width: 100%; border: 1px solid #ccc; font-size: 14px; color: #222; margin: 5px 0 15px 0; } div.tab_content table th { background-color: #159b68; color: #fff; border: 1px solid #2ecb8f; padding: 4px; } div.tab_content table td { border: 2px solid #fff; background-color:#6BD5FF; background-color: rgba(107, 213, 255, 0.49); text-align: left;padding: 10px; color: #565656; } div.tab_content table td a { color: #222; } div.tab_content h1 {margin:0;padding-top:0;} div.tab_content ul {margin:0;padding-top:0;} div.tab_content ul li {text-align: left;color: #565656;line-height: 20px;} .cert {width:180px;float:left;} .cert header {font-size:16px;color: #565656;line-height:20px;} /* product */ .product_container {width:980px;margin: 0px auto;overflow: auto;background: url(../images/dots.png);padding: 30px 15px 50px 15px;} .product_container .product_left {border: 1px solid #d8dce0;width:185px;float:left;min-height:372px;border:1px solid rgba(0,0,0,0.16);margin-right: 6px;} .product_container .product_left h1 {font-size:23.5px;color: #118bd7;text-align:left;padding:0;padding-left:17px;font-weight:400;} .product_container .product_left h6 {font-size:14px;color:#555454;text-align:left;padding-left:17px;font-weight:400;margin: 0 0 10px 0;} .product_container .product_left div.category_list {} .product_container .product_left div.category_list a {display:block;text-decoration:none;color:#555454;font-size:14.81px;line-height:25px;text-align:left;margin-left:23px;width: 134px;border-bottom: 1px solid #d1d3d6;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .product_container .product_left div.category_list a:last-child {border:none;} .product_container .product_left div.category_list a.selected {display:block;width:100%;background:#0e8fdf;font-size:16.42px;line-height: 28px;height:28px;color: #fff;font-weight: 400;padding-left: 17px;margin: 0;} .product_container .product_left div.category_list a:hover, .product_container .product_left div.category_list a.active {display:block;width:100%;background:#0e8fdf;font-size:16.42px;line-height: 28px;height:28px;color: #fff;font-weight: 400;padding-left: 17px;margin: 0;} .product_container .product_right {width:759px;float:left;border:1px solid #d8dce0;padding-left: 22px;} .product_container .product_right h1 {font-size: 23px;color: #118bd7;text-align: left;padding: 0 0 20px 0;padding-bottom: 0px;} .product_container .product_right p {font-family: 'Ubuntu', sans-serif;font-size: 14px;font-weight: 400;color: #565656;text-align: left;line-height: 20px;padding-right: 30px;margin-bottom:30px;} .product_container .product_right a.readmore {margin: 0 27px 20px 0;} .product {width:215px;float:left;margin-right:22px;margin-bottom:32px;} .product.product_sep {margin-right:22px;} .product_img {/* width:215px; */height:250px;border:5px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); -webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); box-shadow:0px 0px 9px 5px rgba(0,0,0,0.06); position:relative;z-index:1;overflow: hidden; } .product_img img {width:100%;/* height:100%; */} .product .product_desc {border:5px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); -webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); box-shadow:0px 0px 9px 5px rgba(0,0,0,0.06); overflow:auto;margin-top: -10px;padding-top: 15px;background: #e0e0e0;padding: 23px 6px 13px 19px;} .product .product_desc header {font-size:16px;color:#595959;font-weight:bold;text-align: center;} .product .product_desc p {font-size: 13px;color: #595959;font-weight: 400;text-align: left;line-height:18px;} .product_left_wrapper a.inquiry_click, .product_left_wrapper a.partners_click {margin:25px 0;display:inline-block;text-align:center;width:100%;height:50px;background:#1a7cea;line-height:50px;font-size:16px;text-decoration:none;color:#fff;} .product_left_wrapper a.partners_click {margin-top:0;} /* high visible */ /* contact */ section.contact_map {margin-bottom:20px;position: relative;} section.contact_map iframe {min-height:230px;} section.contact_container {width:980px;margin:0 auto;padding:0;} .contact_left, .contact_right {width:50%;float:left;height:auto;margin-bottom:15px;} div.form_wrapper {width: 436px;min-height: 645px;background: #f1f1f1;border-radius: 5px;padding: 31px 31px 21px 31px;overflow:auto;} #contact_form {text-align: left;} #contact_form label {width:100%;color:#8a8a8a;display:block;text-align:left;font-size:16px;margin-bottom:11px;} #contact_form input[type="email"], #contact_form input[type="text"] {margin-bottom:20px;width:373px;height:40px;border:none;background:#fff;border-radius: 3px;padding-left: 15px;} #contact_form textarea {width:373px;height:85px;border:none;background:#fff;margin-bottom:20px;padding-top:15px;padding-left:15px;} #contact_form placeholder {color:#c2c2c2;} #contact_form input[type="checkbox"] {text-align:left;float: left;margin-right: 10px;margin-top: 13px;} #contact_form label#save {color:#8a8a8a;font-size:16px;width: 150px;float: left;margin-top: 13px;} .send {width:160px;height:46px;background:url("../images/contact_bg.png");display:block;text-align:center;line-height:46px;font-size:16px;color:#fff;text-decoration:none;float:right;border: none;} .wpcf7-response-output.wpcf7-validation-errors {clear: both;display: inline-block;line-height: 20px;color: red;background: #f0f8ff;} .wpcf7-response-output.wpcf7-mail-sent-ok {clear:both;display:inline-block;border: 2px solid #18AA46;padding: 6px;} ::-webkit-input-placeholder { color:#c2c2c2;font-size:14px; } :-moz-placeholder { /* Firefox 18- */ color:#c2c2c2; } ::-moz-placeholder { /* Firefox 19+ */ color:#c2c2c2; } :-ms-input-placeholder { color:#c2c2c2; } .contact_bg {background: url(../images/contacttransbg.png) no-repeat;width: 100%;display: inline-block;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;} .contact_right {} .contact_right .detail_wrapper {width: 436px;height: 645px;background: #f1f1f1;border-radius: 5px;padding: 31px 31px 21px 31px;} .contact_right .detail_wrapper img {float:left;} div.address {width:100%;height: 120px;} div.address img {margin-right:33px;} div.address address {text-align:left;color:#8a8a8a;font-size:14px;font-style:normal;padding-top: 14px;line-height: 18px;} div.telephone {width:100%;height: 120px;} div.telephone img {margin-right:24px;} div.telephone p {color:#8a8a8a;font-size:14px;text-align: left;padding-top: 16px;margin:0;} div.fax p {color:#8a8a8a;font-size:16px;text-align: left;margin:0;width:255px;padding-bottom: 16px;} /* why sri lanka */ .whysl_conatiner {width:100%;} .whysl_conatiner .whysl_slider {width:960px;margin:30px auto;} .whysl_conatiner .whysl_slider ul li img {width:100%;} .whysl_conatiner .whysl_slider ol.flex-control-nav {width: 100%;position: absolute;bottom: 0;text-align: center;z-index: 9;} .whysl_conatiner .whysl_slider ol.flex-control-nav li a {background:#009eff;} .whysl_conatiner .whysl_slider ol.flex-control-nav li a.flex-active {background:#fff;} .whysl_conatiner .whysl_left {width:960px;margin:0 auto;background: url(../images/dots.png);padding: 30px 15px 0 15px;padding: 10px 15px 0 15px;} .whysl_conatiner .whysl_left .left_left {width:420px;float:left;padding-right: 50px;/* padding-left: 15px; */} .whysl_conatiner .whysl_left .left_left h1 {font-size: 21px;color: #118bd7;text-align: left;padding: 20px 0;} .whysl_conatiner .whysl_left .left_left .left_left_one h1 {font-size: 21px;color: #118bd7;text-align: left;padding: 0 0 20px 0;} .whysl_conatiner .whysl_left .left_left p {font-size: 14px;color: #464646;text-align: left;font-family: 'Ubuntu', sans-serif;line-height: 20px;} .whysl_conatiner .whysl_left .left_right {width:540px;float:left;text-align: left;padding-right: 15px;width:510px;} .whysl_conatiner .whysl_left .left_right .left_right_one img {float: right;} .whysl_conatiner .whysl_left .left_right .com_area_img {float: left;width: 160px;} .whysl_conatiner .whysl_left .left_right h1 {font-size: 21px;color: #118bd7;text-align: left;padding: 20px 0;} .whysl_conatiner .whysl_left .left_right .left_right_one h1 {font-size: 21px;color: #118bd7;text-align: left;padding: 0 0 20px 0;} .whysl_conatiner .whysl_left .left_right p {font-size: 14px;color: #464646;text-align: left;font-family: 'Ubuntu', sans-serif;line-height: 20px;} .com_area_img p {line-height: 0 !important;padding-bottom:20px;} .whysl_conatiner .whysl_left .left_right img {text-align:left;margin-right:17px; width: 130px;height: 80px;} .whysl_conatiner .whysl_left .left_right img:last-child {text-align:left;margin-right:0;} .whysl_conatiner .whysl_right {width:160px;float:left;} .whysl_conatiner .whysl_right h3 {text-align:left;padding-left:37px;color:#555454;font-size:15px;margin-top: 40px;} .whysl_conatiner .whysl_right ul {padding-left:30px;} .whysl_conatiner .whysl_right ul li {list-style-image:url("../images/list_icon.png");list-style-position: inside;} .whysl_conatiner .whysl_right ul li a {color:#555454;font-size:14px;line-height:25px;text-decoration:none;} .whysl_conatiner .whysl_right ul li a:hover {text-decoration:underline;} /* sustainability */ .left_right_sustain {padding-right: 25px !important;} .left_right_sustain .readmore {width:92px;height:25px;background:#00aeff;float: none;text-align: center;} section.sus_bootm {width:781px;float:left;text-align:left;margin-bottom:28px;} section.sus_bootm h1 {font-size: 21px;color: #118bd7;text-align: left;padding: 20px 0;} section.sus_bootm p {font-size: 14px;color: #464646;text-align: left;font-family: 'Ubuntu', sans-serif;line-height: 20px;} .code_conduct {} .code_conduct .flexslider {width:151px;height:143px;margin:0 20px 20px 0;overflow:hidden;} .code_conduct ol.flex-control-nav {width: 100%;position: absolute;top: 8px;text-align: left;z-index: 9;right: 0px;left:5px;} .code_conduct .flex-control-paging li a.flex-active {background: #fff;background: rgba(255,255,255,0.9);cursor: default;} .code_conduct .flex-control-paging li a {background: #009eff;background: rgba(0,158,255,0.5);} .code_conduct h1 {font-size: 21px;color: #118bd7;text-align: left;padding: 0 0 20px 0;} .code_conduct img {float: left;margin: 0 20px 20px 0;} .code_conduct p {font-size: 14px;color: #464646;text-align: left;font-family: 'Ubuntu', sans-serif;line-height: 20px;} .whysl_conatiner.sustainability_container .whysl_left .left_left {width:465px;padding-left:0;} .whysl_conatiner.sustainability_container .whysl_left .left_left .left_left_one img {margin: 0 15px 15px 0;float: left;} .whysl_conatiner.sustainability_container .whysl_left .left_right {width:465px;} .whysl_conatiner.sustainability_container .whysl_left .left_right.left_right_sustain .left_right_one img {margin:0 15px 15px 0;float:left;height: auto;} #codeconduct {background: #1FBCED;padding:30px;} #codeconductinner {padding:20px;background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); -webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); } #codeconduct h3 {font-size: 16px;color: #118bd7;text-align: left;} #codeconduct p {text-align: left;font-size: 14px;font-weight: 400;color: #565656;font-family: 'Ubuntu',sans-serif;line-height: 20px;} .activitieswelfare {text-align: left;overflow:auto;} .activitieswelfare h1 {font-size: 20px;color: #118bd7;text-align: left;padding: 0 0 20px 0;} .activitieswelfare p {font-size: 14px;color: #464646;text-align: left;font-family: 'Ubuntu', sans-serif;line-height: 20px;} .activitieswelfare .acwe_img {width: 280px;float: left;} .acwe_img_wrapper {width: 43%;float: left;margin-right: 7%;min-height:140px;} .acwe_img a {width: 100%;} .activitieswelfare .acwe_img img {height: 80px;width: 120px;margin: 0 10px 10px 0;margin-bottom: 0;} .activitieswelfare .acwe_img p {margin-top:2px;text-align: center;} #activitieswelfare {} #activitieswelfare h3 {font-size: 16px;color: #118bd7;text-align: left;} #activitieswelfare p {text-align: left;font-size: 14px;font-weight: 400;color: #565656;font-family: 'Ubuntu',sans-serif;line-height: 20px;} /* infrastructure */ .infras_container {width:100%;} .infras_container .infra_left {width:960px;margin:0 auto;padding-top:30px;padding-top:10px;background: url(../images/dots.png);overflow: auto;} .infras_container .infra_left h1 {font-size: 20px;color: #118bd7;text-align: left;padding: 20px 0;} .infras_container .infra_left .infra_left_left .infra_left_left_one h1{font-size: 20px;color: #118bd7;text-align: left;padding: 0 0 20px 0;} .infras_container .infra_left p {font-family: 'Ubuntu', sans-serif;font-size: 14px;font-weight: 400;color: #565656;text-align: left;line-height: 20px;} .infras_container .infra_left .infra_left_left {width:410px;float:left;padding-right: 50px;padding-left: 15px;margin-bottom: 20px;} .infras_container .infra_left .infra_left_right {width:520px;float:left;text-align: left;} /* .infras_container .infra_left .infra_left_right h1 {padding: 0 0 20px 0;} */ .infras_container .infra_left .infra_left_right img {width: 100px;float:left;} .infras_container .infra_left .infra_left_right img {margin: 0 17px 17px 0;} /* high visible */ .product_content_description{text-align:left;} .product_content .page_banner { width:100%; height:280px; border: 5px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); -webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); position: relative; z-index: 1; margin-bottom: 16px; } #machine_park table {font-size:12px;line-height:20px;width:98%;} #machine_park table tr.sub_heading {background: #E6E6E6;} .product_content .page_banner img {width:100%;height:100%;margin-bottom:16px;} .product_right.high_visible {padding-right:22px;} .product_right.high_visible p {text-align:left;line-height:20px;font-family: 'Ubuntu', sans-serif;font-size:14px;color: #565656;padding:0;} .high_visible_product { width:100%; height:auto; border: 5px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); -webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); position: relative; z-index: 1; margin: 25px 0; background:#4ac4fd; padding: 18px 12px 0px 23px; overflow: auto; } .high_visible_product h1 {margin:0;padding:0;color:#fff !important;font-size:23px;line-height:29px;margin-bottom: 15px;} .high_visible_pro {text-align:left;width: 25%;float:left;cursor: pointer;padding-right: 7px;} .high_visible_pro:first-child {margin-left:0;} .high_visible_pro .collection_img_wrapper {width: 100%;height: 190px;overflow: hidden;margin-bottom: 12px; -moz-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); -webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); } .high_visible_pro img {margin-bottom:10px;width:100%;} .high_visible_pro footer {margin-bottom:30px;font-size:16px;color:#fff;} .product_content_desc { width:733px; min-height:260px; border: 5px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); -webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); position: relative; z-index: 1; margin: 25px 0; background:#4ac4fd; /* padding:18px 12px 22px 33px; */ overflow:auto; } .product_content_desc .header {width:100%;height:45px;background:#0e8fdf;} .product_content_desc .header ul {margin:0;padding:0;} .product_content_desc .header ul li {text-align: left;display: inline-block;margin-top: 10px;} .product_content_desc .header ul li a {color:#fff;text-decoration:none;padding: 0 22px;border-right: 1px solid #fff;font-size:23px;} .product_content_desc .header ul li:last-child a {border-right: none;} section.product_section {padding:18px 12px 22px 33px;min-height:210px;} section.product_section h1 {margin:0;padding:0;color:#fff !important;font-size:23.5px;margin-bottom:12px;} .viewmore {color:#fff;font-size:16px;text-decoration: none;float: right;margin-bottom:20px;} .viewmore_products_wrapper {} .viewmore_products_wrapper .high_visible_pro.fourth_element {margin:0;} /* product landing page */ .landing_left {width:322px;height:369px;border:2px solid #dedede;margin-right:19px;float: left;overflow: hidden;} .product_thumbs_cont {position:relative;} /* .product_img_wrapper {width:100%;height:349px;overflow:hidden;} */ .landing_left img {width:100%;} .landing_left p {position: absolute;bottom: 0;text-align: center!important;margin: 0!important;padding:10px 5px!important;width: 100%;font-size: 18px!important;font-weight: 500!important;height:32px;color: #fff!important; color: #565656!important;text-shadow: 0px 0px 4px #FFFFFF;background-color: #FDFDFD;background-color: rgba(228, 247, 255, 0.49);} .landing_right_wrapper {float:left;width:370px;} .landing_right_wrapper .landing_right {width:363px;width:376px;/* min-height:369px; */border:2px solid #dedede;float: left;margin-bottom:25px;/* padding: 16px 21px 19px 13px; */height:369px;overflow:auto;} .landing_right_wrapper .landing_right .product_thumbs {width:66px;height:65px;border:2px solid #dedede;float:left;/* margin-left:14px;margin-bottom:15px; */overflow: hidden;cursor: pointer;margin: 10px 10px;} .landing_right_wrapper .landing_right .product_thumbs img {width:100%;} .landing_right_wrapper p {width:367px;} .product_tab_content {width:100%;margin: 40px 0 20px 0;min-height:300px;border:2px solid #dedede;padding: 0 70px 0 14px;text-align: justify;} .product_tab_content a {width:151px;height:42px;display:block;line-height:42px;font-size:16px;color:#5c5c5c;text-decoration:none;border:2px solid #dedede;float:left;text-align:center;margin-right:10px;margin-top: -25px;background: #fff;} .product_tab_1_content , .product_tab_2_content {margin:40px 0;} .product_tab_1_content ul, .product_tab_2_content ul {} .product_tab_1_content ul li, .product_tab_2_content ul li {line-height:20px;color:#464646;padding:18px 0;border-bottom:1px solid #bfbfbf;font-size:14px;list-style-image:url('../images/li_icon.png');} .product_tab_1_content ul li:last-child, .product_tab_2_content ul li:last-child {border:none;padding-bottom:0;} .product_collection_list {} .product_collection_list h1 {font-size:23px;color: #118bd7 !important;} .product_collection_list footer {font-size:16px;color: #595959 !important;} .product_collection_list .high_visible_pro {margin-right: 20px;} .product_container .product_left_wrapper {width: 185px;float: left;min-height: 372px;margin-right: 6px;} .flexslider_thumbs_wrapper {width: 100%;margin-bottom: 25px;position: relative;} .flexslider_thumbs_wrapper ul.slides {} .flexslider_thumbs_wrapper ul.slides li {} .flexslider_thumbs_wrapper ul.slides li:hover {opacity:0.5;} .flexslider_thumbs_wrapper ul.slides li img {} .flexslider_thumbs_wrapper ul.slides li header {display: block;line-height: 2;padding-left: 15px;} .flexslider_thumbs_wrapper ul.slides li a {text-align:left;color:#565656;text-decoration:none;} /* Actiities and welfare */ .act_container {width:960px;margin:0px auto;padding-top:10px;} .inner_actities {width:100%;overflow: auto;margin-bottom: 25px;} hr {width:90%; border: 0; height: 1px; background: #FA7D1A; background-image: -webkit-linear-gradient(left, #1FBCED, #118bd7, #1FBCED); background-image: -moz-linear-gradient(left, #1FBCED, #118bd7, #1FBCED); background-image: -ms-linear-gradient(left, #1FBCED, #118bd7, #1FBCED); background-image: -o-linear-gradient(left, #1FBCED, #118bd7, #1FBCED); margin: 15px 0; } .act_inner_left {width:660px;min-height:100px;float:left;} .act_inner_right {width:300px;float:left;min-height:100px;padding-left:25px;border-left: 1px solid #c7c7c7;margin-bottom: 20px;} .act_inner_right h1 {padding-top:0px !important;} .act_inner_right a {text-decoration: none;color: #565656;display: block;text-align: left;line-height: 20px;font-size: 14px;} .act_inner_right a:hover {text-decoration: underline;} .act_inner_right #primary.widget-area ul.xoxo {padding-left:10px;} .act_inner_right #primary.widget-area ul.xoxo ul {padding-left:10px;padding-bottom: 15px;} .act_inner_right #primary.widget-area ul.xoxo h3 {font-size: 20px;color: #118bd7;text-align: left;padding: 0;} .inner_actities .inner_actities_left {width:250px;width:90%;float:left;padding: 0 40px;padding:0;} .inner_actities .inner_actities_left img {width:100%;} .inner_actities .inner_actities_right {width:410px;width:90%;float:left;text-align: left;padding-right: 25px;padding:0;} .inner_actities .inner_actities_right h1 {font-size: 20px;color: #118bd7;text-align: left;padding: 0 0 20px 0;} .inner_actities .inner_actities_right img {margin-right: 25px;width: 100px;} .inner_actities .inner_actities_right img:last-child {margin-right:0;} .ac_wel_thumbs {width:100px;height:95px;overflow:hidden;float:left;margin-right:25px;} .ac_wel_thumbs:last-child {margin-right:0px;} .ac_wel_thumbs img {width:100%;} /* Enquiry */ div.enquiry {width:925px;min-height:673px;background: #1FBCED;padding:50px 70px;overflow:auto;} div.enquiry .enquiry_container {width:783px;min-height:562px;background:#fff;overflow:auto;padding-bottom:20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); -webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); } .header_sec {height:90px;margin: 0 auto;width: 400px;border-bottom: 1px solid #ececec;} .header_sec h1 {color:#484848;font-size:30px;padding-top: 25px;padding-bottom: 8px;margin: 0;} .header_sec p {color:#767676;font-size:11px;margin-bottom:15px;} .enquiry_left {width:50%;float:left;margin-top: 20px;text-align: left;} .enquiry_right {width:50%;float:left;margin-top: 20px;text-align: left;} .enquiry_container #enqiury_form {padding: 0 50px;} .enquiry_container #enqiury_form label {color:#484848;font-size:15px;display:block;text-align:left;margin: 12px 0;} .enquiry_container #enqiury_form input {text-align:left;height:38px;width: 300px;border:1px solid #c4c4c4;border-radius:3px;padding-left: 50px;font-size:12px;margin-bottom:3px;} .enquiry_container #enqiury_form input#en_name {background:url("../images/name.png") no-repeat 10px center;} .enquiry_container #enqiury_form input#en_tel {background:url("../images/tele.png") no-repeat 10px center;} .enquiry_container #enqiury_form input#en_fax {background:url("../images/fax.png") no-repeat 10px center;} .enquiry_container #enqiury_form input#en_subject {background:url("../images/subject.png") no-repeat 10px center;} .enquiry_container #enqiury_form input#en_email {background:url("../images/email.png") no-repeat 10px center;} .enquiry_container #enqiury_form textarea#en_address {background:url("../images/address.png") no-repeat 10px center;width:300px;height:72px;border-radius:3px;border:1px solid #c4c4c4;padding-left:50px;background-position: 10px 10px;font-size:12px;padding-top: 12px;} .enquiry_container #enqiury_form textarea#en_enquiry {background:url("../images/enquiry.png") no-repeat 10px center;width:300px;height:145px;border-radius:3px;border:1px solid #c4c4c4;padding-left:50px;background-position: 10px 10px;font-size:12px;margin-bottom: 23px;padding-top: 12px;} .enquiry_container #enqiury_form .file_name {width:300px;font-size:16px;color:#7a7a7a;padding-bottom:11px;text-align:center;} .enquiry_container #enqiury_form input[type="submit"], .enquiry_container #enqiury_form input[type="file"] {background:url("../images/upload_bg.png") no-repeat;width:300px;height:50px;border-radius:3px;border:1px solid #c4c4c4;font-size:16px;margin-bottom: 23px;display:inline-block;text-align:center;margin-bottom:0px;color:#fff;float: none;padding: 0;} .enquiry_container #enqiury_form input[type="file"] {padding:10px 40px;} @-moz-document url-prefix() { .uploadfilewrapper { display:inline-block; background:url("../images/upload_bg.png") no-repeat; width:300px; height: 48px; overflow:hidden; padding: 8px 22px; border-radius:3px; border:1px solid #c4c4c4; } .uploadfilewrapper input[type="file"]{ height:30px!important; background:none!important; outline:none; border:none!important; padding:0!important; } } label[for="en_enquiry"] {margin-top: 8px !important;font-size: 12px !important;} /* all */ .enquiry_container #enqiury_form ::-webkit-input-placeholder { color:#777777;font-size:12px; } .enquiry_container #enqiury_form ::-moz-placeholder { color:#777777;font-size:12px; } /* firefox 19+ */ .enquiry_container #enqiury_form :-ms-input-placeholder { color:#777777;font-size:12px; } /* ie */ .enquiry_container #enqiury_form input:-moz-placeholder { color:#777777;padding-left:50px;font-size:12px; } .enquiry_container #enqiury_form textarea#en_address::-webkit-input-placeholder::after { display:block; content:"Melbourne\A Austrailia"; padding-left:55px;line-height:20px;} /* our partners */ section.enquiry.our_partners {width:925px;height: auto;background: #1FBCED;padding:50px 70px;overflow:auto;} section.enquiry .partner_container {width:783px;min-height:562px;overflow:auto;background:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); -webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); padding: 40px; } .partner_cont {width:25%;height:100px;float:left;padding: 5px 13px;margin-bottom: 25px;} .partner_cont img {width:100%;} /* collections */ .enquiry.our_partners.collections {height: auto;overflow: auto;} .enquiry.our_partners.collections h1 {padding: 0px;margin: 0 0 20px 0;font-size: 25px;color: #118bd7;} .enquiry.our_partners.collections .partner_cont {/* padding: 0px 8px; height:135px; */height:225px;overflow:hidden;} .enquiry.our_partners.collections .partner_cont header {padding: 18px 0;font-size: 16px;color: #565656;} .enquiry.our_partners.collections .partner_cont img {border: 5px solid #fff; -moz-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); -webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.06); box-shadow:0px 0px 9px 5px rgba(0,0,0,0.06); width: 100%; } /* media center */ .media_content {width:100%;padding-right:50px;min-height:300px;} .media_content h1.news {font-size:23px;border-bottom: 3px double #118bd7;color: #118bd7 !important;padding: 0 0 10px 0;} .media_content h1.medai_inner {font-size:23px;border-bottom: 3px double #118bd7;color: #118bd7 !important;} .media_content h1, .media_content h1 a {font-size:20px;color:#565656 !important;padding: 20px 0 0 0 !important;} .media_content h1 a {line-height:25px;} .media_content a, .media_content a p {font-size:14px;text-decoration:none;} .media_content a:hover, .media_content a p:hover {text-decoration:underline;} /* wysiwyg */ .wysiwyg { text-align: left; } .wysiwyg h1 { font-size: 24px; color: #118bd7; padding: 20px 0 0 0; } .wysiwyg h2 { font-size: 20px; color: #118bd7; padding: 20px 0 0 0; } .wysiwyg h3 { font-size: 16px; color: #118bd7; padding: 20px 0 0 0; } .wysiwyg table { float: left; width: 100%; border: 1px solid #ccc; font-size: 14px; color: #222; margin: 5px 0 15px 0; } .wysiwyg table th { background-color: #159b68; color: #fff; border: 1px solid #2ecb8f; padding: 4px; } .wysiwyg table td { border: 2px solid #fff; text-align: center; background-color: #ebebeb; padding: 4px; } .wysiwyg table td a { color: #222; } .wysiwyg p { font-size: 14px; color: #464646; } .wysiwyg ul { margin: 10px 0 0 0; font-size: 14px; color: #464646; padding: 0 0 0 20px; clear:both; } .wysiwyg ul li { margin: 0 0 5px 0; color: #464646; line-height: 20px; } .wysiwyg ol { margin: 10px 0 0 0; font-size: 14px; color: #464646; padding: 0 0 0 20px; } .wysiwyg ol li { margin: 0 0 5px 0;} .wysiwyg strong { font-weight: bold;color: #118bd7;font-size: 18px; } .wysiwyg em { font-style: italic; } .wysiwyg img { margin: 5px; } .wysiwyg a { text-decoration: none; color: #222; } .wysiwyg a:hover { color: #222; } .wysiwyg .highlight, .wysiwyg .highlight strong { width: 100%;display: inline-block;padding: 5px 10px;background: #118bd7;color: #fff;margin-bottom: 0; } /* 17-03 */ h1.entry-title {line-height:25px;} h2.entry-title {text-align:left;} h2.entry-title a{font-size: 20px;color: #565656 !important;text-align:left;} h1.page-title {font-size: 20px;color: #118bd7 !important;text-align: left;padding: 0;} span.contact_img{width:90px;float:left;height: 100%;} div.address {min-height: 105px;} div.address address {padding-top: 0px;line-height: 20px;padding-left: 90px;font-size:16px;line-height:24px;} div.fax, div.email {width: 100%;height: 105px;} div.fax p, div.email p {color: #8a8a8a;float: left;padding-top:5px;} div.email p a, div.telephone p a {color: #8a8a8a;text-decoration: none;font-size:16px;} div.email p a:hover {text-decoration: underline;} /* sitemap */ .sitemap{} .sitemap ul{padding-left:25px;list-style-type:disc;list-style-position:outside;} .sitemap ul ul{margin:5px 0 8px 0;} .sitemap ul li{text-align:left;line-height:25px;} .sitemap ul li a{text-decoration:none;color: #565656;} .sitemap ul li a:hover{text-decoration:underline;} /* emp_benefits_img */ .emp_benefits_img{width:150px;height:142px;overflow:hidden;float:left;margin: 0 15px 15px 0;} .emp_benefits_img img{width:auto !important;height:100% !important;} /* search */ .search-entry{text-align:left;} .search-entry a{text-decoration: none;} .search-entry h4, .search-entry a h4{color: #565656;text-decoration: none;} .search-entry h4:hover, .search-entry a:hover h4{text-decoration: underline;} /* sitemap */ .copyright a{text-decoration:none;color: #aeaeae;margin-right:10px;} .copyright a:hover{text-decoration:underline;} /* 404 */ .pnf{text-align:left;min-height:450px;} .pnf a{color:#4c4c4c;} .pnf a:hover{text-decoration:underline;} /* .scale { zoom: 80.8%;} */ /* news_hr */ hr.news_hr{width:100%;margin: 35px 0 12px 0;} /* .media_sec_sidebar ul.xoxo ul li{margin-bottom:5px;} */ ul.xoxo ul li{margin-bottom:5px;} section.article_section .h2.entry-title{padding: 10px 0 0 0 !important;} .high_visible_pro footer {text-shadow: 0 1px 3px #fff;} /* 5-6-14 */ .whysl_conatiner {} .whysl_conatiner #page_left p {text-align:justify;} .whysl_conatiner #page_left h1, .whysl_conatiner .whysl_left h1, .page_container.about_container h1 {padding: 20px 0 0px 0 !important;} .page_container.about_container #tab6 h1{padding-bottom:20px !important;} /* .whysl_conatiner .left_left_one p, .whysl_conatiner .left_left_two p {text-align:justify!important;} */ .infras_container .infra_left h1 {padding: 20px 0 0 0 !important;} .activitieswelfare {padding-bottom: 20px;} .inner_actities .flex-control-paging li a.flex-active {background: #fff;} .inner_actities .flex-control-paging li a {background: #009eff;} .inner_actities .inner_actities_right h1 {padding: 20px 0 0 0;} .act_inner_right h1 {padding: 20px 0 0 0 !important;} div.address {height: 160px;} /* 7-5-14 */ section.page_container.act_wel {overflow: hidden;padding-bottom: 20px;} .recent_posts {} .recent_posts a {margin-bottom: 5px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .recent_posts a:hover {color:#1FBCED!important;padding-left:25px;} .page_banner.single_ac_wel .header_slogan header {width:auto;} .acwel_active {color:#1FBCED!important;padding-left:25px;} .acwel_nxt_prv {color: #1FBCED;} .acwel_nxt_prv a {font-size: 16px;padding: 8px 16px;color: #1FBCED;font-weight: 600;} .acwel_nxt_prv a:hover {text-decoration: underline;} /* ie8 fixes 8-5-2014 */ .ie8 .main_slide {height:auto;} .ie8 .top_panel {min-height:176px;} .ie8 .mid_panel {min-height:277px;} .ie8 .panel_side {height:auto;} .ie8 .panel_side_no_hover:hover h2 {bottom: 350px;} .ie8 .panel_side_no_hover:hover p {bottom: 150px;} .ie8 .panel_side_no_hover:hover a.readmore {bottom: 135px;} .ie8 .news_panel {height:auto;} .ie8 .bottom_panel {min-height:176px;} .ie8 .mgt_staff_img_3 {width: 300px;margin-right: 0px;} .ie8 .mgt_staff_img_3 img {width: 300px;} span.wpcf7-not-valid-tip-no-ajax{color:red;font-size:13px;display:block;} /* search */ .search_container{min-height:300px;background: url(../images/dots.png);padding: 2px 10px;} /* mail */ p.mailTitle{font-size:13px;font-weight:bold;} p.mailContent{margin-bottom:10px;} /* Smartphones (portrait and landscape) ----------- */ @media screen and (max-width : 480px) { } /* iPads (portrait and landscape) ----------- */ @media screen and (min-width :481px) and (max-width : 768px) { } @media screen and (min-width :770px) and (max-width : 1260px) { } /* Desktops and laptops ----------- */ @media screen and (max-width :1251px) { } /* virjan */ .acwe_img a { float: left; } div.wpcf7-validation-errors { border: 0px solid #f7e700 !important; } /* Download Article Section*/ #download-article .column { float: left; width: 50%; } /* Clear floats after the columns */ #download-article .row:after { content: ""; display: table; clear: both; } #download-article .acc-doc-hover { color: black !important; padding: 40px 40px; } #download-article .acc-doc-hover:hover { background-color: #C8EBFF; background-color: rgba(102,198,255,0.44); } #download-article .acc-doc-hover:hover .view-hover { color: #000 !important; } #download-article .download-btn { font-size: 14px; } #download-article .acc-doc-hover:hover .view-hover { color: #000 !important; } #download-article .view-hover{ font-size: 14px; } #download-article .grid-container { display: grid; grid-template-columns: auto auto auto; } #download-article .grid-item { text-align: center; }