/* Minification failed. Returning unminified contents. (304,21): run-time error CSS1036: Expected expression, found ';' (640,93): run-time error CSS1036: Expected expression, found '}' */ html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; list-style: none;} textarea { resize:none;} body {line-height:1;} * { outline:none;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;} nav ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;} a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none;} /* change colours to suit your needs */ ins {background-color:#ff9; color:#000; text-decoration:none;} /* change colours to suit your needs */ mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} table {border-collapse:collapse; border-spacing:0;} ul, li { list-style:none;} /* change border colour to suit your needs */ hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;} input, select {vertical-align:middle;} .sep {border:none !important; background:none !important;} /****************Layout css starts here*****************/ body { overflow-x: hidden; overflow-y: scroll; } body{margin:0; padding:0; font:normal 12px 'open_sans', Arial, Helvetica, sans-serif; color:#333132; -webkit-text-size-adjust:none; border-radius: 0;background: url(../images/pattern.jpg) repeat 0 0;} input,textarea { -webkit-appearance: none; border-radius: 0} .homeOuter{float: left; width:100%; padding: 0;background:url(../images/bg.jpg) repeat-x 0 0;} .outerFooter{float: left; width:100%; padding: 0;background: url(../images/pattern.jpg) repeat 0 0;} .career{background: #fff url(../images/content-bg.jpg) repeat-x 0 0; float:left; width:100%;position: relative;} .retina .career { background-image: url(../images/content-bg@2x.jpg); background-size: 7px 692px; } /*.career_inner{ background: url(../images/shadow-bg.png) repeat-x bottom center; float:left; width:100%;}*/ .our-work{ background-color: #fff; float:left; width:100%; position:relative;}/*background: #fff url(../images/work-bg.jpg) repeat-x 0 0;*/ .our-work .left_bg{background: url(../images/workleft-bg.jpg) repeat-x 0 0; float:left; width:55%; position:absolute; left:0; top:165px; height:102px;} .our-work.full .left_bg { width: 100%;} .content{ float:left; width:100%; background-image: url('../images/1x1w.gif');background-repeat: repeat;} .content_inner{background: url(../images/shadow-bg.jpg) repeat-x bottom center; float:left; width:100%;} .home{ background-color: #fff;float: left;width: 100%;} .hello{background: #fff url(../images/career-bg.jpg) repeat-x 0 0; float:left; width:100%;} .hello_shadow{background: url(../images/shadow-bg.png) repeat-x bottom center; float:left; width:100%;height: 163px;} .layout {margin:0 auto; width:100%;max-width:1440px; z-index:1; position:relative;}/*min-width:1003px;*/ /*.full .layout { max-width: 3000px; background-color: red; }*/ a { -webkit-transition: all 125ms ease-in-out; -moz-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; color: #00b6de; } .container{float: left; width:100%; padding: 0;background-color: white;} .container.hm{background:url(../images/white-shadow.png) no-repeat top left;} header{float: left; width: 100%; margin: 0; padding: 0; min-height: 165px;} .hm header{min-height: 206px;} .logo{float: left; margin:28px 0 0 43px; padding: 0;} .hm ul.nav li a{color:#fff;} .hm .logo{margin: 0 0 -22px -32px; width: 348px; padding-bottom: 0; } a.logo img { width: 200px;} .retina a.logo img { width: 200px;} .wideView{display:block;} .mobileView{display:none;} ul.nav{float: right; width: auto; padding:62px 44px 0 0; margin: 0;} ul.nav li{float: left; padding: 0 0 0 75px; font:25px/30px 'open_sansbold', arial;} ul.nav li.first{padding-left:0;} ul.nav li a{color:#333;} ul.nav li.active a{ color:#00B6DE; } /*.urbanSlider{float: left; width:89%; padding:0 5.5% 0 5.5%;min-height: 685px; position: relative;} .sliderDiv{float: left; width: 100%;position: relative;padding:60px 0 135px 0; } .sliderBlock{float: left; width: 100%; background: #ededed; position: relative; height: 460px; z-index: 5;} .white{float: left; width: 89%; background: #ededed; position: absolute; height: 460px; left:5.5%; top:60px;} .shadow{position: absolute; margin:0 5.5%; width: 89%; left: 0; bottom:155px;background: url(../images/shadow.png) no-repeat top center; background-size:100% 100%; height: 21px; z-index: 4; display:inline;} .sliderCon{float: left; width: 100%; padding: 0; position: relative;} .urbanSlider .bxslider li figure img{max-width:100%; height:auto;}*/ /*.slideLeft{float: left;width:97%; max-width: 575px; padding:26px 0 0 3%;} .slideLeft h1{float: left;width: 100%;font:80px/80px 'open_sanslight', arial; color:#00718f;} .slideLeft p{float: left;width:74%;font:24px/40px 'open_sanslight_italic', arial; color:#1ea1c4; padding:25px 25% 0 1%;} .slideImg{left:36.5%; position: absolute; z-index:999999; margin:11px 0 0;}*/ .bx-wrapper{position:relative;} .bx-wrapper, .bx-viewport{height:500px;} .urbanSlider .bx-controls-direction{background: url(../images/circle.png) no-repeat right center;bottom: -152px;position: absolute;right:-10px; z-index: 9999; width:10px; height:9px;} .urbanSlider .bx-next{background: url(../images/next.png) no-repeat 0 0; width:17px; height:18px; text-indent: -99999px; position: absolute; right: -25px; top: -5px;} .urbanSlider .bx-prev{background: url(../images/prev.png) no-repeat 0 0; width:17px; height:18px; text-indent: -99999px; position: absolute; left: -25px; top: -5px;} .urbanSlider .bx-pager{position: absolute; right:64px; bottom: -155px; z-index: 9999;} .urbanSlider .bx-pager .bx-pager-item{float:left; margin-left: 18px;} .urbanSlider .bx-pager .bx-pager-item a{float:left;background: url(../images/pager.png) no-repeat 0 0; width: 18px; height: 16px; text-indent: -9999px;} .urbanSlider .bx-pager .bx-pager-item a.active{background: url(../images/pager-active.png) no-repeat 0 0;} .headOffice .social{float:left; width:100%;} footer{float: left; width: 100%;padding: 0; margin: 0;background: url(../images/pattern.jpg) repeat 0 0;} .footerDiv{float: left; width:97%; padding: 0 0 0 3%; }/*background: url(../images/footer-shape.png) no-repeat 45px 35px;*/ .footerBlock{float: left;background: url(../images/shadow-footer.png) repeat-y right bottom; width:29%;min-height: 360px;padding: 0 0 15px 0; position: relative;} .footerBlock.first{position: relative;} .footerBlock .footerImage{background: url(../images/footer-shape.png) no-repeat 0px 30px;position: absolute;right: 15px;width: 111px; height:262px;} .retina .footerBlock .footerImage { background: url(../images/footer-shape@2x.png); background-size: 111px 232px; background-position: 0 30px; background-repeat: no-repeat; } .footerBlock .footerText { position: absolute;left: 0; z-index: 1;} /*.footerBlock .footerText{ z-index: 100; float: left;}*/ .footerBlock h4{float: left;width: 100%; padding:29px 0 0 0;font:24px/25px 'open_sansextrabold', arial; color:#00b6de;} .footerBlock p{float: left;width: 100%; padding:9px 0 0 0;font:15px/21px 'open_sanslight', arial; color:#fff; } .footerBlock h5{float: left;width: 100%; padding:54px 0 0 0;font:24px/25px 'open_sansextrabold', arial; color:#00b6de; } .footerBlock span{float: left;width: 100%; padding:0;font:15px/21px 'open_sanslight', arial; color:#fff; } .footerBlock span a{color:#fff; } .footerBlock li.captcha span { float: none; } .footerBlock li.captcha .captcha-eq { float: right;width: 20%;margin-top: 0.35em; text-align: right;color: #fff; } .footerBlock li.captcha .input { float: right;width: 50%;margin-right: 8.75%;margin-left: 1em; } .footerText a:hover { color: #00B6DE; } ul.social{float: left; width: 100%; padding:6px 0 0 0;} ul.social li{float: left; padding-right: 5px; font-size: 18px;} ul.social li a{float: left; color: #fff; margin-right: 10px; } ul.social li a:hover { } ul.social li.in a{ } ul.social li.twiter a{ } .siteMap{width:31%;padding:0 0 15px 37px; } ul.footerLink{float: left; width: 100%; padding:10px 0 72px 0;} ul.footerLink li{float: left; width: 100%; padding: 0;font:15px/20px 'open_sansextrabold', arial;} ul.footerLink li a{color:#75d7fd;} .siteMap p{padding:9px 0 0 0;font:12px/21px 'open_sanslight', arial; color:#666;} .sayHello{width:34%;padding: 0 0 15px 37px; background: none;} .sayHello .formRow{ padding-top: 14px;} ul.formRow{float: left; width: 100%; padding:6px 0 0 0;} ul.formRow li{float: left; width: 100%; padding: 0 0 10px 0;} ul.formRow li.last{padding: 0;} ul.formRow li input[Type="text"]{float: left; width:86.5%; height:14px; padding:7px 2%; margin: 0 10px 0 0; background: none; border: 1px solid #323232;font:12px/14px 'open_sansitalic', arial; color:#fff;} ul.formRow li input.last{margin-right:0 !important;} ul.formRow li .MSG, ul.formRow li textarea{float: left; width:86.5%; height:114px; padding:7px 2%; margin:0; background: none; border: 1px solid #323232;font:12px/14px 'open_sansitalic', arial; color:#fff;} ul.formRow li input[Type="submit"]{float: left; text-align: right; width:91%; height:30px; padding:0 9% 7px 0; margin:0;background:#333; -webkit-transition: all 125ms ease-in-out; -moz-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; cursor: pointer; border: none;font:12px/30px 'open_sansitalic', arial; color:#fff;} ul.formRow li i { margin: 8px 0 0 -6.5%; color: white; -webkit-transition: all 125ms ease-in-out; -moz-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } ul.formRow li input[Type="submit"]:hover { background-color: #555; } ul.formRow li:hover i { color: #71cef5; } /**/ .contentBanner{float: left; width:100%; padding: 0 0 0 0; min-height: 523px;background-color: #00b6de;overflow: hidden;position: relative;box-sizing: border-box;}/*background:#00b6de url(../images/other/banner-content.png) no-repeat right -35px;*/ .contentBanner img{ margin-top: -35px;margin-bottom: -582px;float: right; max-height: 582px; } .contentBanner > div { box-sizing: border-box; } .subBanner{float: left; width:60%; padding:57px 0 0 8.5%;} .subBanner h1{float: left; width:100%; padding: 0;font:52px/55px 'open_sanslight', arial; color: #000;} .subBanner span{float: left; width:100%; padding:3px 0 22px 0;font:30px/35px 'open_sansitalic', arial; color: #004961;} .subBanner p{float: left; width:100%; padding:3px 0 0 0;font:24px/40px 'open_sansregular', arial; color: #fff;} .contentBanner .subBanner p:last-child{ padding-top: 15px;} .teamBlock, .simpeBlock {float: left; padding: 0 3% 0 3%; position: relative; z-index: 44; } .Explorer.v7 .teamBlock { padding-bottom: 50px; } .teamBlock.ourWork {width:83%; } .teamCon{float: left; width: 100%; padding:74px 0 0 0;} .teamCon h2{float: left; width:100%; padding: 0;font:52px/55px 'open_sanslight', arial; color: #004961;} .profileBlock{float: left; width: 100%; padding:32px 0 61px 0;} .userProfile{float: left; width:49%; padding: 0 1% 0 0;} .tabBlock{float: left; width: 100%; padding: 0; display: none;} .userPic{float: left; width: 100%; padding: 0; position: relative;} .userPic img{float: left; margin: 0; width: 100%; height: auto;} .userPic .socialLinks { float: right; margin-top:-38px; } .Firefox .userPic .socialLinks { margin-top:-39px; } .userPic a { float: right; -webkit-transition: all 125ms ease-in-out; -moz-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; background-color:#00B6DE; padding:10px 10px 10px 10px; color: #fff; margin: 0px 0 0 10px; } .userPic a:hover { background-color: #71cef5; } .userPic a i { font-size: 18px; } .social1{} .social2{} .social3{} .tabBlock h3{float: left; width:98%; padding:22px 0 0 0;font:24px/25px 'open_sanslight', arial; color: #034a61; margin-left:5px;} .tabBlock span{float: left; width:98%; font:15px/16px 'open_sanslight_italic', arial; color: #00718f; padding: 3px 0 0 0; margin-left:5px;} .tabBlock p{float: left; width:98%; font:12px/20px 'open_sansregular', arial; color: #333; padding:24px 0 0 0; margin-left:5px;} .userBlock{float: left; width: 50%; padding: 0;} ul.userList{float: left; width: 100%; padding: 0;margin-right: -1%;} ul.userList li {float: left; width: 19%; padding: 0 1% 10px 0; position: relative;} ul.userList li:nth-child(5n) { margin-right: 0; } ul.userList li img{float: left; margin: 0; max-width: 100%; height: auto;} ul.userList li .smallImage{ height:115px; } ul.userList li .active .smallImage { background-image: none !important; background-color: #00B6DE; } ul.userList li .active .smallImage span { visibility: hidden; } .userList a, .userList a * { -webkit-transition: all 125ms ease-in-out; -moz-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; color: #fff; } .userList a div { background-position: 55% 0;background-repeat: no-repeat; } .userList a span.profilePlus { float:right; font-size: 18px; background-color: #111; padding: 10px 10px 8px 10px;margin-top: -42px; } .Firefox .userList a span.profilePlus{margin-top: -43px; } .Ipad .userList a span.profilePlus { } .userList a:hover span.profilePlus { float:right; background-color: #00B6DE; } .ourPartner{float: left; width: 100%; padding:0 0 76px 0;} .ourPartner h4{float: left; width:100%; padding: 0;font:52px/55px 'open_sanslight', arial; color: #004961;} ul.partnerRow{float: left; width: 100%; padding:34px 0 0 0;} ul.partnerRow li{float: left; max-width: 230px; padding-right: 10px;} ul.partnerRow li img{float: left; max-width: 100%; height: auto; margin: 0;} .ourWorkBlock{float: left; width: 100%; padding: 0; background: #ececec; } .workLeft{float: left; width:34%; background: #00b6de;} .workLeft h1{float: left; width:75%;font:52px/52px 'open_sanslight', arial; color: #fff; padding:58px 0 54px 25%;} .workRight{float: left; width: 66%; height:164px;} /*.workRight h2{float: left; width:97%;font:52px/52px 'open_sanslight', arial; color: #333; padding:58px 0 54px 3%}*/ .bannerViewPort h2{float: left; width:97%;font:52px/52px 'open_sanslight', arial; color: #333; padding:58px 0 54px 3%; position:relative; bottom:164px;} .bannerViewPort{ overflow:hidden; height:164px; position:relative;} .ourWorkCon{float: left; width:83%; padding: 0 8.5%;padding-top: 17px;} /* */ .ourWorkCon .chosen { } .Iphone .ourWorkCon .selectdrop.chosen { width: 200px; } .case-blue-bar { background-color: #ececec; margin-top: -17px; } .case-blue-bar .left { float: left; background-color: #00B6DE; padding: 24px 10px 34px 10px; } .case-blue-bar .left h2 { font-size: 34px; color: #fff; font-family: 'open_sanslight', arial; font-weight: normal; padding: 30px 30px 30px 0; } .case-blue-bar .right { float: left; margin-left: 30px; } .case-blue-bar .right .chosen { width: 375px; font-family: 'open_sanslight', arial; } .case-blue-bar .right label { display: block; margin-top: 42px; font-family: 'open_sanslight', arial; font-size: 14px; } .case-blue-bar .chosen-single, .case-blue-bar .chosen-search, .case-blue-bar .chosen-results { font-family: 'open_sanslight', arial; } .case-blue-bar .chosen-container { border: none; background-image: none; } .case-blue-bar .chosen-container-single .chosen-single, .case-blue-bar .chosen-container-active.chosen-with-drop .chosen-single { border: none; height: 40px; background: none ; box-shadow: none ; padding-left: 0; margin-top: 8px; } .case-blue-bar .chosen-single span { font-size: 24px; height: 40px; color: #004961; font-family: 'open_sansregular', arial; } .case-blue-bar .chosen-container .chosen-results, .case-blue-bar .chosen-container .chosen-drop { box-shadow: ; background-image: none; border: none; border-image: none; border-radius: 0; outline: none; } .case-blue-bar .chosen-container .chosen-drop { background-color: #f7f7f7; -webkit-box-shadow: 0 0 0px 4px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0px 4px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 0px 4px rgba(0,0,0,0.1); -o-box-shadow: 0 0 0px 4px rgba(0,0,0,0.1); box-shadow: 0 0 0px 4px rgba(0,0,0,0.1); border-top: 4px solid #00B6DE; } .case-blue-bar .chosen-container .chosen-drop li { border-bottom: 1px #ececec solid; font-size: 14px; -webkit-transition: color 125ms ease-in-out; -moz-transition: color 125ms ease-in-out; -o-transition: color 125ms ease-in-out; -ms-transition: color 125ms ease-in-out; transition: color 125ms ease-in-out; padding: 9px 0 8px 30px; } .case-blue-bar .chosen-container .chosen-drop li.result-selected { background-image: url(../images/spr_bg_casemenu.png); background-size: 200px 800px; background-repeat: no-repeat; background-position: 12px 12px; } .retina .case-blue-bar .chosen-container .chosen-drop li.result-selected { background-position: 0 -18px; background-size: 100px 400px; } .case-blue-bar .chosen-container .chosen-drop li.highlighted { background-image: url(../images/spr_bg_casemenu.png); background-position: 12px -188px; background-repeat: no-repeat; background-color: transparent; color: #00B6DE; } .retina .case-blue-bar .chosen-container .chosen-drop li.highlighted { background-image: url(../images/spr_bg_casemenu.png); background-position: 12px -138px; background-repeat: no-repeat; background-size: 100px 400px; } .case-blue-bar .chosen-container .chosen-drop li.highlighted.result-selected { background-position: 12px 12px; } .retina .case-blue-bar .chosen-container .chosen-drop li.highlighted.result-selected { background-position: 12px -38px; background-size: 100px 400px; } .case-blue-bar .chosen-container .chosen-drop li:last-child{ border-bottom: none;} .case-blue-bar .chosen-container-single .chosen-single div b { background-image: url(../images/spr_bg_casemenu.png); background-position: 0 -394px; background-size: 200px 800px; } .retina .case-blue-bar .chosen-container-single .chosen-single div b { background-image: url(../images/spr_bg_casemenu.png) !important; background-size: 100px 400px !important; background-repeat: no-repeat !important; background-position: 0 -243px; } .case-blue-bar .chosen-container-single.chosen-with-drop .chosen-single div b { background-position: 0 -594px; } .retina .case-blue-bar .chosen-container-single.chosen-with-drop .chosen-single div b { background-image: url(../images/spr_bg_casemenu.png) !important; background-size: 100px 400px !important; background-repeat: no-repeat !important; background-position: 0 -343px; } /* drop down */ ul.catList{float: left; width: 100%; padding:20px 0 0 0;clear: both;} ul.catList li{display: block;float: left; padding-right: 10px; padding-bottom: 10px; height: 60px;} ul.catList li span{display: block; float: left; height: 60px;} ul.catList li .checkbox{display: block; width:30px;height:60px;padding:0;background: url(../images/check-box.jpg) no-repeat;float: left;margin:0;} /*ul.catList div li label{float: left; width:100%; background: #ececec; margin: 0; padding: 0; color: #333;font:20px/60px 'open_sanslight', arial; color: #333; position:relative; }*/ .catViewPort{height: 60px; position:relative; } .catViewPort label{float: left; width:100%; background: #ececec; margin: 0; padding: 0; color: #333;font:20px/60px 'open_sanslight', arial; color: #333; position:relative; bottom:60px; } ul.catList li small{float: left; margin: 0; padding:0 35px 0 40px; position:relative; left:0; } ul.catList li label.active{background:#7dd1f4; color: #004961;} ul.catList li label .checkbox { background-position:0 0!important; position:absolute; left:0; top:0;} ul.catList li label.active .checkbox { background-position:0 -120px !important;} .ourClient{float: left; width: 100%; padding:25px 0 61px 0;} .ourClient h2{float: left; width: 100%; padding: 0;font:52px/52px 'open_sanslight', arial; color: #004961; } .clientList{float: left; width: 30%; padding:24px 3.3% 0 0;} ul.clientName{float: left; width: 100%; padding: 0;} ul.clientName li{float: left; width: 100%;font:20px/40px 'open_sansregular', arial; margin-bottom: 1em; line-height: 1em; } ul.clientName li a{color: #333; line-height: 1.0em; display: inline-block;} .Explorer.v7 ul.clientName li a { line-height: 2.0em; } ul.clientName.grayText li a{ color:#cccccc; } ul.clientName li.Highlighted a { color:#00B6DE; } .caseStudy{float: left; width: 100%; padding: 0 0 8px 0;} .caseTop{float: left; width: 100%; padding: 0; } .caseTop h2{float: left;padding: 3px 0 0 0;font:52px/52px 'open_sanslight', arial; color: #004961;} .dropDown { float:right; font:18px/59px 'open_sansregular', arial; } .dropDown ul li.select { float:left; height: 59px; display:inline;background-color: #05afd5; }/*background:#05afd5 url(../images/plus2.jpg) no-repeat right center;*/ .dropDown ul li.select:hover{ background-color: #63C2EC; }/*background:#63C2EC url(../images/plus3.jpg) no-repeat right center;*/ .dropDown ul li a.selectLink { display:block; color: #fff; width:279px; padding: 0 0 0 38px;position: relative;} .dropDown ul li a.selectLink i.fa{ color: #ffffff; font-size: 26px; position: absolute;top: 0px;right: 0px;background-color: #007799;padding: 15px 22px 18px 22px;} .dropDown ul li.select:hover a.selectLink i.fa{ background-color: #00B6DE;} .dropDown ul li ul { position:absolute; background-color:#ECECEC; width:315px;border-left: 1px solid black;border-right: 1px solid black;border-bottom: 1px solid black; } .dropDown ul li ul li { text-align:left; } .dropDown ul li ul li a { display:block; color:#666666; padding: 0 0 0 38px;} .dropDown ul li:hover ul{display:block;} .dropDown ul li ul li:hover{ background-color:#d2d2d2;} .navContainer { display:none; float:left; font:18px/59px 'open_sansregular', arial; width:100%; }/**/ .navContainer ul li.select {float:left; height: 59px; display:inline; background:#333 ; width:100%; -webkit-transition: all 125ms ease-in-out; -moz-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; }/**/ .navContainer ul li.select:hover{ background:#666 }/**/ .navContainer ul li a.selectLink { display:block; color: #fff; padding: 0 0 0 38px; } .navContainer ul li.select a span { padding:0px 15px 0px 15px; background-color: #009fc2; -webkit-transition: all 125ms ease-in-out; -moz-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .navContainer ul li.select a:hover span { padding:0px 15px 0px 15px; background-color: #00b6de; } .navContainer ul li ul { position:absolute; background-color:#333; width:100%; z-index: 2; } .navContainer ul li ul li { text-align:left; -webkit-transition: all 125ms ease-in-out; -moz-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out;} .navContainer ul li ul li a { display:block; color:#ffffff; padding: 0 0 0 38px; }/**/ .navContainer ul li:hover ul {display:block;} .navContainer ul li ul li:hover{ background-color:#d2d2d2;} ul.caseImg{float: left; width: 100%; padding:36px 0 0 0;} ul.caseImg li{float: left; width: 32.66%; padding-right: 1%;} ul.caseImg li img{width: 100%; height: auto; float: left; margin: 0;} ul.caseImg li.last{padding: 0;} .caseLeft{float: left; width:70%; padding:30px 4% 0 0;} .caseLeft h4{float: left; width:100%; padding:0;font:30px/32px 'open_sansregular', arial; color: #127e9d;} .caseLeft span{float: left; width:100%; padding:7px 30% 19px 0;font:20px/40px 'open_sansitalic', arial; color: #333;} .caseLeft h5{float: left; width:100%; padding:0 0 7px 0;font:20px/40px 'open_sansbold', arial; color: #004961;} .caseLeft p{float: left; width:100%; padding:0 0 30px 0;font:20px/40px 'open_sansregular', arial; color: #666;} .caseRight{float: right; width:26%; padding: 30px 0 0 0; clear:right;} .serviceProvider{float: left; width:78%; padding:34px 11% 28px 11%; background: #ececec; margin: 8px 0 0 0;} .serviceProvider h4{float: left; width:100%; padding:0;font:24px/32px 'open_sanssemibold', arial; color: #666;} .serviceProvider h5{float: left; width:100%; padding:32px 0 0 0;font:20px/27px 'open_sanssemibold', arial; color: #666;} .serviceProvider p{float: left; width:100%; padding:0 0 7px 0;font:18px/27px 'open_sansregular', arial; color: #666;} ul.servPro{float: left; width: 100%; padding: 0;} ul.servPro li{float: left; width: 100%; padding: 0;font:16px/27px 'open_sansregular', arial;} ul.servPro li a{color: #666;} .testimonials{float: left; width:77%; padding:33px 12% 0 11%;} .testimonials p{float: left; width:100%; padding:0 0 30px 0;font:24px/40px 'open_sanssemibold_italic', arial; color: #00b6de;} .testimonials h4{float: left; width:100%; padding:0;font:20px/22px 'open_sanssemibold', arial; color: #004961;} .testimonials span{float: left; width:100%; padding:0;font:18px/20px 'open_sansitalic', arial; color: #666;} .carreBanner{float: left; width:100%; position: relative; z-index: 55;} .headOffice{width:50%; background: #ececec; float: left; padding:57px 0 0 0; background-image: url(../images/career-bg.jpg); background-position: 0 -859px;box-sizing: border-box;} .headOffice h2{font:52px/55px 'open_sanslight', arial; color: #004961; padding: 0 0 26px 0; } .headOffice p{font:24px/34px 'open_sansregular', arial; padding:0 0 0 0; } .headOffice .number{ padding-top:32px;} .cnt-head-office { margin-left: 122px; } .headOffice .social .twitterBg, .social .linkedBg{ background: #00b6de; min-height: 60px; } .headOffice .social .linkedBg{ background: #00718f;} .headOffice .social .twitterBg .twitter, .headOffice .social .linkedBg .linked{ background: #33c5e5; text-align: center; display: block; padding: 14px 0; float:left;} .headOffice .social .linkedBg .linked{ background: #005a72; } .headOffice .social1Styl{float: left; height: 60px;font:24px/60px 'open_sanslight', arial; color: #fff;} .headOffice .social2Styl{float: left; height: 60px;font:24px/60px 'open_sanslight', arial; color: #fff;} .headOffice .social { margin-top: 132px; } .headOffice .social a span i { font-size: 30px; line-height: 0px; } .headOffice .social a span i:before { line-height: 0px; } .headOffice .social a span { margin-right: 15px; background-color: rgba(0,0,0,0.125); float: left; padding:0px 15px 0px 15px; } .headOffice .social a.social2Styl span { padding-left: 16px; padding-right: 16px; } .Ipad .headOffice .social a span i:before { display:block; margin-top: -20px; } .building {float: left; padding-right: 45px; width: 50%; box-sizing:border-box; height: 524px; overflow:hidden;background-image: url(../images/career-bg.jpg);background-position: 0 -859px; } .building .img-window {float: left; height: 100%; overflow: hidden;} .building .img-window img { margin-left: 0; min-width:100%;height: 100%;} .mapBlock{float: left; width: 33%; padding: 0; margin: 0; overflow: hidden;min-height: 503px; position: relative;} .mapCanvas { height: 518px; position: relative; } .teamBlock.ourWork .map-block { background-color: #e5e3df; height: 518px; margin-bottom: 0; position: relative; overflow: visible !important; z-index:200; } .teamBlock.ourWork .map-block .mapCanvas { overflow: visible !important; } .Explorer11.v7 .teamBlock.ourWork .map-block , .Explorer.v9 .teamBlock.ourWork .map-block { overflow: visible !important; } .Explorer11.v7 .teamBlock.ourWork .mapCanvas, .Explorer.v9 .teamBlock.ourWork .mapCanvas { top: 00px; } .blue-bar { min-height: 86px; position:relative; z-index: 600; margin-top: 142px; background-color: #71cef5; } .messageBlock{float: left; width:100%; margin-top:86px; position: relative; z-index: 9;margin-left: 80px;} .messageBlock h1, .messageBlock h2 {font:52px/52px 'open_sanslight', arial; color: #004961; display:block; clear:left; padding: 0 0 20px 0; position: relative;z-index: 3;} .messageBlock h2 { padding: 80px 0 35px;} .messageBlock .Image { position: absolute;right: 10%; top: -30%; z-index: 1;} .messageBlock .Image img {max-width: 100%; height: auto;} .messageBlock p {font:24px/40px 'open_sansregular', arial; color: #666666; padding: 0 51% 0 0; position: relative;z-index: 3;} .careerBlock{float: left; width:100%; margin-top:86px;margin-left: -1%; position: relative; z-index: 9;margin-bottom:60px;} .careerBlock h1, .careerBlock h2{font:52px/52px 'open_sanslight', arial; color: #004961; display:block; clear:left; padding: 0 0 20px 0; position: relative;z-index: 3;} .careerBlock h2{ font-family: 'open_sansregular', arial;font-size: 27px;margin-top: 1.5em;margin-bottom: 0.25em;padding: 0;} .careerBlock .bag{ position: absolute;right: -10%; top: -130px; z-index: 1;} .careerBlock .bag img{max-width: 100%; height: auto;} .retina .careerBlock .bag img { width: 598px; } .careerBlock p{font:24px/40px 'open_sansregular', arial; color: #666666; padding: 0 51% 0 0; position: relative;z-index: 3;} .careerBlock .job-posting { float: left;padding: 1em 2em;background-color: #00b6de;color: #fff;text-decoration: none;margin-top: 0em;border: 2px solid transparent; } .careerBlock .job-posting:hover { background-color: #fff;border-color: #00b6de;color: #00b6de; } /*ul.formRow li.greenClr{ background: #00b6de;} .formField{ width: 100%; float: left;} .formField input[Type="text"]{border: 1px solid #323232!important; background: #fff!important;}*/ .formBlock{ height: 518px; position: relative; z-index: 900; padding: 30px; margin-top: -110px; margin-bottom: -518px;margin-left: -4.5%; background-color: #00b6de; width:49%; padding-top: 40px; } .formBlock h2 { font-size: 40px; font-weight: normal; color: #fff; margin-bottom: 31px; font-family: 'open_sanslight', arial; } .formBlock input[type="text"], .formBlock textarea { background-color: #fff; border: none; padding: 13px 16px 12px 16px; box-sizing: border-box; font: 14px 'open_sanslight', arial; font-style: normal; width: 100%; margin-bottom: 19px; } .formBlock input[type="text"].Watermarked, .formBlock textarea.Watermarked { font-style: italic; } .formBlock textarea { height: 120px; } .formBlock .btn-submit { float: right; border: 2px solid #fff; color: #fff; margin-top: 3px; background-color: transparent; font:14px 'open_sansregular'; font-weight: bold; padding: 5px 10px 5px 15px; -webkit-transition: all 125ms ease-in-out; -moz-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .formBlock .btn-submit .fa-paper-plane-o { opacity:0; } .formBlock .btn-submit:hover { color: #00b6de; background-color: #fff; } .formBlock .btn-submit:hover .fa-paper-plane { opacitY:0;} .formBlock .btn-submit:hover .fa-paper-plane-o { opacity: 1; } .formBlock .captcha {} .formBlock .captcha { font-size: 14px; color: #fff;} .formBlock .captcha-eq { margin-top: 1em;float: right; } .formBlock .captcha .input { float: right;width: 50%;margin-left: 1em;margin-right: } .shadow3{position: absolute; width: 100%; left: 0; bottom:-71px;background: url(../images/shadow3.png) no-repeat 0 0; background-size:100% 100%; height:71px; z-index: 8;} /*ul.careerFormRow{float: left; width: 100%; padding:0; position: relative; z-index: 10;} ul.careerFormRow li{float: left; width: 100%; padding: 0;} ul.careerFormRow li label{float: left; width:135px; padding:39px 0 0 4%; margin: 0;font:24px/25px 'open_sanslight', arial; color: #333;} ul.careerFormRow li.greenClr{background: #00b6de url(../images/blue-bg.png) repeat-y 0 0!important;} ul.careerFormRow li.last{background: #EAEAEA!important;} ul.careerFormRow li.Simple { padding: 28px 0 0 34px; }*/ .formField{ } .formField input[Type="text"]{} .textDiv{} /*ul.careerFormRow li textarea { float: right; width: 100%; height: 399px; padding: 36px 0 7px 0; margin: 0; background: none; border: none; font: 24px/30px 'open_sansregular', arial; color: #666; } .submitBlck{float: right; width:100%;background: url(../images/contact-bg.png) repeat-y 0 0;} .submitBlck input[Type="submit"]{float: right;font:24px/59px 'open_sanssemibold', arial; color: #fff;background:#00b6de url(../images/submit.jpg) no-repeat right center; height: 59px; width: 350px; margin: 0; padding:0 0 0 40px; border: none; text-align: left; cursor: pointer;} .cryr{background:none;} /*.cryr .teamBlock{padding-bottom: 72px;}*/ /*ul.careerFormRow.Simple { background-image: none; } .formBlock.Simple { background-image: none; background-color: #fff; border: 1px solid #d2d2d2; font-size: 18px; /*margin-top: 173px;*/ /*} .formBlock.Simple ul { margin-left: 15px;margin-top: 0; } .formBlock.Simple .formField { padding-bottom: 10px;height: 421px; font:24px/25px 'open_sanslight', arial; color: #333;}*/ .Hidden { display: none; } .iefix { /* IE hack */ background:none;zoom:1; /* Targets IE only */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true', src='common/images/blank.gif', sizingMethod='scale') !important; } /* jQuery-ui Override ---------------------------------------------------------------------------------------- */ .ui-dialog { width: auto!important;border-style: none !important;height: 70px !important;} .ui-dialog .ui-dialog-content { height: 70px !important; } .ui-dialog .ui-dialog-titlebar { background-color: transparent !important; background-image: none !important; border-style: none; } .ui-widget-overlay {background-image: none !important; background-color: #000 !important; } .ui-tooltip { padding: 5px 10px 5px 10px !important; color: #333 !important; border-radius: 5px; /*box-shadow: 0 0 7px black;*/ position: relative !important; width: 425px; border-color: #999 !important; -moz-box-shadow: 0 0 20px -8px #000; -webkit-box-shadow: 0 0 20px -8px #000; box-shadow: 0 0 20px -8px #000; } .ui-tooltip, .arrow:after { background: black; border: 2px solid white; position: absolute !important; } .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .arrow.top { top: -16px; bottom: auto; } .arrow.right { left: 97%; } .arrow:after { background-color: #fff !important; border: 1px solid #999 !important; content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 20px; /*box-shadow: 6px 5px 9px -9px black;*/ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg); } .arrow.top:after { bottom: -20px; top: auto; } /* End jQuery-ui Override ------------------------------------------------------------------------------------ */ /* Validation ------------------------------------------------------------------------------------------------ */ /*.field-validation-error { position: relative;background-color: #f26a6a;float: left;border: 1px solid #4b0909;color: #fff;padding: 5px; }*/ /* End Validation -------------------------------------------------------------------------------------------- */ body.Firefox .Watermarked, body.ie.v10 .Watermarked { color: #888 !important; } .our-work.blank-white { background-color: #fff;background-image: none;} .our-work.blank-white .messageBlock { margin-top: 37px;} .messageBlock { margin-bottom: 249px;} .messageBlock h1 { margin-top: 90px; } .footerBlock p.tel a { color: #fff !important; } .headOffice p.tel a { color: #333132 !important; } .simpleBanner { float: left; width: 100%; padding: 0 0 0 0%; }/*width:1000px*/ .simpleBanner .subBanner {padding: 0;height: 102px;background-color: #00b6de;float: none;width: 100%;margin-bottom: 51px;color: #fff;} .simpleBanner .subBanner h1 { display: none; color: #fff; } /*.simpleBanner .subBanner h2 { display: block; font: 36px/40px 'open_sanslight', arial;float: left;width: 32%; padding-left: 1%;} .simpleBanner .subBanner h2:first-child{ padding-left: 2%; } .simpleBanner .subBanner h2:last-child{ padding-left: 0; }*/ .FloatingBar { background-color: lime;position: absolute;width: 100%;height: 104px;top: 627px;z-index: 2;left: -800px; } .services { width: 100%; float: left; } .services .serviceItem { float: left;padding-top: 10px;} .services .serviceItem h2 { float: left;width: 100%;padding: 0 0 7px;font: 30px/40px 'open_sansbold',arial;color: #ffffff; margin-top: -129px; margin-bottom: 0px; } .services .serviceItem img { margin-bottom: 22px; max-height: 198px;} .services .serviceItem ul { text-indent: 0px;} .services .serviceItem ul li {list-style-image: none; background-image: url(../images/icn_bullet.gif); background-size: 13px 7px;background-position: 8px 4px; background-repeat: no-repeat; padding-left: 30px; margin-left: -15px;margin-bottom: 1em; } .retina .services .serviceItem ul li {list-style-image: none;background-image: url(../images/icn_bullet@2x.gif); background-repeat: no-repeat; background-position: 8px 4px; padding-left: 30px; margin-left: -15px; } .services .serviceItem .subTitle { background-color: #71cef5;color: #004961;font-size: 16px;text-align: center;margin-bottom: 22px;padding-top: 30px;padding-bottom: 30px; height: 85px; } .services .serviceItem.left { width: 35%;border-right: 1px solid #dfdfdf;} .services .serviceItem.left h2, .services .serviceItem.left img, .services .serviceItem.left ul { padding-left: 33%;} .services .serviceItem.left .subTitle { padding-right: 80px;float: right;margin-top: 1px;} .services .serviceItem.left .subTitle div { width: 60%;float: right;max-width: 250px;} body.Firefox .services .serviceItem.left h2 { padding-left: 38%; } .services .serviceItem.Int { width: 30%;} .services .serviceItem.Int h2 { width: 100%; text-align:center;} .services .serviceItem.Int img { padding-left: 18%;margin-bottom: -3px;} body.Firefox .services .serviceItem.Int img { margin-bottom: -2px;} .services .serviceItem.Int ul { padding-left: 11%;} .services .serviceItem.Int .subTitle { padding-left: 15%; border-left: 1px solid #40bef3; margin-left: -1px;} .services .serviceItem.Int .subTitle div { width: 80%;} .services .serviceItem.right { width: 34.8%;border-left: 1px solid #dfdfdf;} .services .serviceItem.right h2 { padding-left: 31%;width: 250px;} .services .serviceItem.right img { padding-left: 15%;} .services .serviceItem.right ul { padding-left: 9%;width: 60%;} .services .serviceItem.right .subTitle { width: 100%; float: left; border-left: 1px solid #40bef3; margin-left: -1px;} .services .serviceItem.right .subTitle div { width: 80%;float: left;max-width: 250px;margin-left: 80px;} .ourProducts { width: 100%; float: left;padding: 0 3% 0 3%;margin-top: 30px;margin-bottom: 20px;box-sizing: border-box; -moz-box-sizing: border-box;} .ourProducts h2 { float: left;width: 100%;padding: 0;font: 52px/52px 'open_sanslight',arial;color: rgb(0, 73, 97);margin-bottom: 20px; margin-top: 20px;} .featProdCont { float: left;width: 475px;margin-right: 10px;margin-bottom: 40px;}/*width: 421px;*/ .featProd {cursor: pointer; background-color: #111;width: 445px;height: 402px; float: left; color: #fff;padding-left: 30px; }/*width:391px*/ .featProd h2 { color: #fff; font-size: 50px;margin-top: 288px;margin-bottom: 10px; } .featProd h3, .featProd p { font: 23px/23px 'open_sanslight', arial; } .featProd.blue { background-color: #71cef5;color: #004961; } .featProd.blue h2 { color: #004961; } .prodInfo { float: left;} .prodInfo .featProdRow { clear:both; height: 196px;margin-bottom: 10px;} .prodInfo .featProdRow.bottom { margin-bottom: 0px;} .prodInfo .featProdOuter { float: left; width: 424px; margin-right: 10px; }/*width:370px*/ .prodInfo .featProdOuter.left { float: left; } .prodInfo .featProdOuter.right { float: right;margin-right: 0px; } .prodInfo .featProd .displayedContent { min-height: 134px; } .prodInfo .featProd .displayedContent h3 a { color: #ffffff; } .prodInfo .featProd {width: 368px;min-height: 143px;max-height: 349px; height: auto; background-repeat: no-repeat;padding: 37px 29px 16px 27px;}/*width:314px;*/ .prodInfo .featProd p { font: 16px/16px 'open_sanslight', arial;margin-top: 20px;line-height: 1.3em; } .prodInfo .featProd .slideInfo { display: none; height: 0; } .prodInfo .featProd.slided .slideInfo { display: block;max-height: 189px; } .featProd {background-position: 105.5% -15px; } .featProd.reporting { background-image: url(../images/prod_gears.png);} .featProd.panelist { background-image: url(../images/prod_users.png); } .featProd.integrate { background-image: url(../images/prod_sitemap.png); } .featProd.validate { background-image: url(../images/prod_exclamation.png); } .featProd.mobility { background-image: url(../images/prod_devices.png); } .featProd.datatrack { background-image: url(../images/prod_graph.png); } .featProd.modular { background-image: url(../images/prod_database.png); } .retina .featProd { background-size: 150px 140px; } .retina .featProd.reporting { background-image: url(../images/prod_gears@2x.png);} .retina .featProd.panelist { background-image: url(../images/prod_users@2x.png); } .retina .featProd.integrate { background-image: url(../images/prod_sitemap@2x.png); } .retina .featProd.validate { background-image: url(../images/prod_exclamation@2x.png); } .retina .featProd.mobility { background-image: url(../images/prod_devices@2x.png); } .retina .featProd.datatrack { background-image: url(../images/prod_graph@2x.png); } .retina .featProd.modular { background-image: url(../images/prod_database@2x.png); } .featProd.lightGray { background-color: #ececec;color: #111; } .featProd.black { background-color: #111; } .featProd.darkBlue { background-color: #004961; } .featProd.lightBlue { background-color: #71cef5; color: #004961; } .featProd.aqua { background-color: #00b6de; } .featProd .dropDown { background-position: left -9px;height: 9px;width: 16px; } .featProd .dropDown.Hidden { display: none !important; } .featProd .dropDown.up { background-position: left 0px; } .featProd .dropDown:hover { cursor: pointer; } .featProd .dropDown.resetArrow { background-position: left 0px; } .featProd .dropDown.up.resetArrow { background-position: left -9px; } .featProd.lightGray .dropDown { background-image: url(../images/arrw_lightGray.gif); } .featProd.black .dropDown { background-image: url(../images/arrw_black.gif); } .featProd.aqua .dropDown { background-image: url(../images/arrw_aqua.gif); } .featProd.lightBlue .dropDown { background-image: url(../images/arrw_lightBlue.gif); } .featProd.darkBlue .dropDown { background-image: url(../images/arrw_darkBlue.gif); } .retina .featProd .dropDown { background-size: 16px 36px; background-position: left -27px; } .retina .featProd .dropDown.up { background-position: left 0px; } .retina .featProd .dropDown.resetArrow { background-position: left 0px; } .retina .featProd.lightGray .dropDown { background-image: url(../images/arrw_lightGray@2x.gif); } .retina .featProd.black .dropDown { background-image: url(../images/arrw_black@2x.gif); } .retina .featProd.aqua .dropDown { background-image: url(../images/arrw_aqua@2x.gif); } .retina .featProd.lightBlue .dropDown { background-image: url(../images/arrw_lightBlue@2x.gif); } .retina .featProd.darkBlue .dropDown { background-image: url(../images/arrw_darkBlue@2x.gif); } .retina .featProd .dropDown.up.resetArrow { background-position: left -27px; } .downloadLink { width: 421px;height: 22px;z-index: 10;float: left;left: -430px;margin-top: -385px; } .downloadLink .message { float: left;width: 359px;color: #fff; text-align: right;padding-right: 15px;display: block; } .downloadLink .message label { font: 23px/23px 'open_sanslight',arial;font-weight: normal; } .downloadLink a { float: right;margin-right: 15px; color: #fff; font-size: 25px; } .downloadLink.blue .message label { color: #004961; } .downloadLink.blue a { color: #004961; } .clearBoth { clear: both; float: none; font-size: 0.1%; width: 1px; height: 0px; } .marginBottom10px { margin-bottom: 10px; } .marginBottom40px { margin-bottom: 40px; } /*#region HOME PAGE Client list*/ .clientsBannerMessage{ font-size: 13px; font-family: 'open_sanslight_italic'; padding-bottom: 7px; } .clientsBanner { float: left; width: 100%; padding: 0 0 0 0%; margin-top: 600px; background:#00b6de url(../images/bg.jpg) no-repeat right top;} .clientsBanner .subBanner { margin-bottom: 30px; padding: 38px 0 0 3.5%; color: #fff; height: 100px; margin-left: auto; margin-right: auto;float: none; width: 96.5%; } /* slider container */ .iosslider { /* required */ position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height: 100px; } /* slider */ .iosslider .slider { /* required */ width: 100%; height: 100%; } /* slide */ .iosslider .slider .slide { /* required */ float: left; width: 170px; height: 60px; } /*.iosslider .slide a{ cursor: -webkit-grab; }*/ .iosslider .slide img{ width: 140px; } .clientsBanner_bg { background-color: #00b6de; position: absolute; top: 765px; width: 100%; height: 168px; } /*#endregion end HOME PAGE Client list*/ /*#region HOME PAGE sliding banner*/ .homeSlider { padding-left: 110px; padding-bottom: 40px; position: absolute; margin-top: 200px; /*width: 100%;*/ /*overflow: hidden;*/ } .homeSlider .sliderContainer { width: 100%; height: 565px; position: absolute; overflow: hidden; float: left; z-index: 100; } .homeSlider .slide { width: 100%; z-index: 0; } .homeSlider .slide .slide-left{ padding-top: 40px; width: 40%; height: 400px; position: absolute; top: 0; left: 0; } .homeSlider .slide .slide-right{ width: 60%; height: 400px; position: absolute; top: 0; } .homeSlider .slide .slide-right img{ position: absolute; width: 100%; left: 0; } .homeSlider .slide h1 { float: left;font:71px/76px 'open_sansbold', arial; color:#004961; } .homeSlider .slide p { float: left;font:20px/26px 'open_sans', arial; color:#007698; padding:25px 15% 25px 0; } .homeSlider .slide a { clear: both; float: left;padding: 16px 12px;background-color: #00B6DE;color: #ffffff; font:16px/18px 'open_sansbold', arial; } .homeSlider .sliderControls { /*margin-left:45%;*/ margin-top: 500px; z-index: 200; position: relative; float: left; } .homeSlider .sliderControls .navControl { background-image: url(../images/Navigation/Inactive_Slide.png); width: 14px; height: 14px; margin-right: 14px; float: left; cursor: pointer; z-index: 200; } .homeSlider .sliderControls .navControl.active { background-image: url(../images/Navigation/Active_Slide.png); } .homeSlider .slide.slideTwo .slide-right { margin-left: -50px; } /*#endregion end HOME PAGE sliding banner*/ .float-right { float: right; } .invisible {visibility: hidden; } .hm ul.nav li a:hover{ color:#000;} ul.footerLink li a:hover{ color: #fff;} ul.clientName li a:hover{color: #00718F;} ul.nav li a:hover{ color: #00718F} @media only screen and (max-width:1600px) { .homeSlider .sliderControls{ } } @media only screen and (max-width:1500px) { .featProdCont { width: 465px; } .featProdCont .featProd { width: 435px; } .homeSlider .sliderControls{ } } @media only screen and (min-width:1441px) { body.Firefox .services .serviceItem.left h2 { padding-left: 33%; } .services .serviceItem.Int .subTitle { margin-top: 26px; } body.Firefox .services .serviceItem.Int .subTitle { margin-top: 25px; } .services .serviceItem.right .subTitle { margin-top: 1px; } .homeSlider .sliderControls { /*margin-left:47%;*/ } } @media only screen and (max-width:1440px){ /*.services .serviceItem h2 { font-size: 26px ; }*/ /*.services .serviceItem img { width: 50%; }*/ .services .serviceItem.Int .subTitle { margin-top: 26px; } .Firefox .services .serviceItem.Int .subTitle { margin-top: 25px; } .services .serviceItem.right .subTitle { margin-top: 1px; } /*.featProdCont {width: 381px; } .featProdCont .featProd { width: 351px; }*/ .featProdCont { width: 445px; } .featProdCont .featProd { width: 415px; } .prodInfo .featProdOuter{width: 414px;} .prodInfo .featProd{width: 358px;} .featProdCont .featProd p { font-size: 18px; } .downloadLink { float: right; margin-right: 15px; width: 100%;} .downloadLink .message { width: 83%; } .downloadLink .message label { font-size: 18px;} } @media only screen and (max-width:1400px) { /*.featProdCont { width: 360px; } .featProdCont .featProd { width: 330px; }*/ .featProdCont { width: 435px; } .featProdCont .featProd { width: 405px; } .prodInfo .featProdOuter{width: 404px;} .prodInfo .featProd{width: 348px;} .content .contentBanner .subBanner p{font: 22px/36px 'open_sansregular', arial;} } @media only screen and (max-width:1366px) { /*.featProdCont { width: 330px; } .featProdCont .featProd { width: 300px; }*/ .featProdCont { width: 425px; } .featProdCont .featProd { width: 395px; } .prodInfo .featProdOuter{width: 394px;} .prodInfo .featProd{width: 338px;} .downloadLink .message { width: 81%; } } @media only screen and (max-width:1340px) { .services .serviceItem.Int .subTitle { margin-top: 26px;} .services .serviceItem.left ul { margin-right: 2%; } .services .serviceItem.Int ul { margin-left: 2%; margin-right: 2%;padding-left: 21px; } .services .serviceItem.right ul { width: 65%; margin-left: 2%; padding-left: 21px; } /*.featProdCont { width: 300px; } .featProdCont .featProd { width: 270px; }*/ .featProdCont { width: 415px; } .featProdCont .featProd { width: 385px; } .prodInfo .featProdOuter{width: 384px;} .prodInfo .featProd{width: 328px;} body.Firefox .services .serviceItem.left .subTitle div { width: 80%;} body.Explorer .services .serviceItem.left .subTitle div { width: 80%;} .downloadLink .message { width: 78%; } } @media only screen and (max-width:1297px){ ul.nav{ } ul.nav li{padding: 0 0 0 39px; } .sayHello{width: 32%;} ul.formRow li input[Type="submit"]{ width: 91.4%; padding:0 10% 7px 0;} .headOffice .social .twitterBg, .headOffice .social .linkedBg{ } .building { padding-right: 12px; } .slideImg{width:575px;} .sliderBlock{height:305px;} .white{height:305px;} /*.slideLeft h1 {font: 52px/52px 'open_sanslight',arial;width: 69%; } .slideLeft p {font: 20px/30px 'open_sanslight_italic',arial; width: 55%;}*/ .homeSlider .slide h1 {font: 55px/59px 'open_sansbold',arial;width: 80%;}/*width: 75%;*/ .homeSlider .slide p {font: 20px/32px 'open_sans',arial;width: 90%;}/*width: 60%;*/ /*.homeSlider .sliderContainer{ height: 600px;}*/ /*.clientsBanner_bg{top: 815px;}*/ /*.homeSlider .slide .slide-right img{width: 90%;}*/ /*.homeSlider .slide .slide-left{ width: 40%;} .homeSlider .slide .slide-right{ width: 60%;}*/ /*ul.formRow li textarea{width:86.7%}*/ .subBanner{width:50%;} .subBanner h1{font:42px/45px 'open_sanslight',arial;} .subBanner span{font:25px/30px 'open_sansitalic',arial} .subBanner p{font:18px/28px 'open_sansregular',arial; width:95%;} .content .contentBanner .subBanner h1{font:48px/50px 'open_sanslight',arial!important;} .content .contentBanner .subBanner span { font: 23px/28px 'open_sansitalic',arial; } .content .contentBanner .subBanner p{font: 22px/30px 'open_sansregular',arial; width:100%;} ul.userList li{} ul.userList li { width: 31%;padding-right: 2%; } .teamBlock,.ourProducts{padding:0 4%;} .careerBlock p{font:20px/34px 'open_sansregular',arial;} .careerBlock .bag{width:580px;} .workLeft h1{font:35px/52px 'open_sanslight',arial} /*.workRight h2{font:35px/52px 'open_sanslight',arial}*/ .bannerViewPort h2{font:35px/52px 'open_sanslight', arial; padding:58px 0 54px 3%;} ul.catList li label{font:17px/60px 'open_sanslight',arial;} .homeOuter{background:url("../images/bg.jpg") repeat-x 0 -136px;} .container.hm{background: url("../images/white-shadow.png") no-repeat left -136px;} .urbanSlider{min-height:530px;} .shadow{bottom:154px;left:0;width: 89%;background-size:100% 100%;} .sliderDiv{padding:60px 0 62px;} .footerBlock span{font:14px/21px 'open_sanslight',arial;} .urbanSlider .bx-pager {bottom:-8px;} .urbanSlider .bx-controls-direction { bottom:-5px;} .textDiv {} .services .serviceItem.left h2{ padding-left: 30%;} .services .serviceItem.left .subTitle div { width: 70%;} .services .serviceItem.left img { padding-left: 28%; } body.Firefox .services .serviceItem.left h2 { padding-left: 30%; } .services .serviceItem.Int img { padding-left: 11%; } /*.simpleBanner .subBanner h2:first-child{ padding-left: 0; margin-left: -10px; } .simpleBanner .subBanner h2:last-child{ padding-left: 3%; }*/ /*.featProdCont { width: 290px;} .featProdCont .featProd { width: 260px; } .prodInfo .featProdOuter { width: 350px; } .prodInfo .featProd { width: 294px;}*/ .featProdCont { width: 400px; } .featProdCont .featProd { width: 370px; } .prodInfo .featProdOuter{width: 369px;} .prodInfo .featProd{width: 313px;} .prodInfo .featProd .displayedContent p, .prodInfo .featProd .slideInfo p {font-size: 12px; } } @media only screen and (max-width:1280px) { .featProdCont { width: 380px; } .featProdCont .featProd { width: 350px; } .prodInfo .featProdOuter { width: 354px; } .prodInfo .featProd { width: 298px; } } @media only screen and (max-width:1220px) { /*.prodInfo .featProdOuter { width: 330px; } .prodInfo .featProd { width: 274px;}*/ .featProdCont { width: 365px; } .featProdCont .featProd { width: 335px; } .prodInfo .featProdOuter { width: 339px; } .prodInfo .featProd { width: 283px; } .prodInfo .featProd .displayedContent p, .prodInfo .featProd .slideInfo p {font-size: 12px; } } @media only screen and (max-width:1216px) { .ourProducts { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;}/*padding: 0 8.5% 0 8.5%;*/ /*.featProdCont { width: 300px;background-color: lime;} .featProdCont .featProd { width: 270px; }*/ .featProdCont h2 { margin-top: 293px; } .featProdCont .featProd p { font-size: 16px; } .featProdCont .downloadLink { width: 90%; } /*.prodInfo { float: left; clear:none; width: 69%; }*/ .prodInfo .featProdOuter { margin-right: 10px; }/*width: 310px;*/ .prodInfo .featProd { margin-right: 0px; }/*width: 254px; */ .prodInfo .featProd .displayedContent p, .prodInfo .featProd .slideInfo p { font-size: 12px; line-height: 1.4em; } .downloadLink { float: right; margin-right: 15px; width: 100%;} .downloadLink .message { text-align: right; } .downloadLink .message label { font-size: 16px; } .downloadLink a { margin-right: 0; } } @media only screen and (max-width:1200px) { .services .serviceItem h2 { font-size: 26px ; } .services .serviceItem.right h2{padding-left: 34%;} .services .serviceItem.Int .subTitle { margin-top: 26px; } body.Firefox .services .serviceItem.left .subTitle div { width: 80%;} /*.featProdCont { width: 300px;} .featProdCont .prodInfo { width: 250px;} .prodInfo .featProdOuter { width: 280px; } .prodInfo .featProd { width: 224px;}*/ .prodInfo .featProd .displayedContent p, .prodInfo .featProd .slideInfo p {font-size: 12px; } .homeSlider .slide h1 {font: 60px/68px 'open_sansbold',arial;} .homeSlider .slide p {font: 18px/22px 'open_sans',arial;} .messageBlock {} .messageBlock .Image { top: -15%;right: 0; } .messageBlock .Image img { max-width: 80%; } } @media only screen and (max-width:1175px) { .featProdCont { width: 350px; } .featProdCont .featProd { width: 320px; } .prodInfo .featProdOuter { width: 324px; } .prodInfo .featProd { width: 268px; } .services .serviceItem.left img { padding-left: 22%; } .services .serviceItem.Int img { padding-left: 9%; } .services .serviceItem .subTitle div{} } @media only screen and (max-width:1140px) { .services .serviceItem.left .subTitle { width: 80%;padding-right: 40px; } .services .serviceItem.left .subTitle div { width: 80%; } body.Firefox .services .serviceItem.Int .subTitle div { width: 90%;} .services .serviceItem.right .subTitle div { margin-left: 40px; } body.Explorer .services .serviceItem.Int .subTitle div { width: 85%; } .services .serviceItem.right h2{padding-left: 27%;} .services .serviceItem.right img{ padding-left: 7%;} .careerBlock .bag { right: -15%; top: -100px;} } @media only screen and (max-width:1125px) { .featProdCont { width: 335px; } .featProdCont .featProd { width: 305px; } .prodInfo .featProdOuter { width: 309px; } .prodInfo .featProd { width: 253px; } .ourProducts{padding:0 5%;} } @media only screen and (max-width:1110px) { .featProdCont { width: 320px; } .featProdCont .featProd { width: 290px; } .prodInfo .featProdOuter { width: 294px; } .prodInfo .featProd { width: 238px; } .content .contentBanner .subBanner p{font: 20px/28px 'open_sansregular',arial; width:95%;} } @media only screen and (max-width:1090px) { .services .serviceItem.Int .subTitle { margin-top: 26px;} .services .serviceItem.Int .subTitle div { width: 85%; } .services .serviceItem.right .subTitle div { width: 85%; } /*.homeSlider .sliderControls{ width: 15%;}*/ .teamBlock{padding:0 5%;} } @media only screen and (max-width:1077px) { } @media only screen and (max-width:1054px) { .services .serviceItem.left h2 { padding-left: 23%; } .services .serviceItem.left img { padding-left: 19%; } .services .serviceItem.right .subTitle div { width: 85%; } .featProdCont { width: 310px; } .featProdCont .featProd { width: 280px; } .prodInfo .featProdOuter { width: 284px; } .prodInfo .featProd { width: 228px; } .content .contentBanner .subBanner h1{font:44px/46px 'open_sanslight',arial!important;} .content .contentBanner .subBanner span { font: 20px/26px 'open_sansitalic',arial; } .content .contentBanner .subBanner p{font: 18px/24px 'open_sansregular',arial;} } @media only screen and (max-width:1041px) { .services .serviceItem.right .subTitle div { width: 85%; } .downloadLink .message { width: 82%; } body.Explorer .services .serviceItem.Int .subTitle div { width: 90%; } } @media only screen and (max-width:1029px) { /*.featProdCont { width: 290px; } .featProdCont .featProd { width: 260px; } .prodInfo .featProdOuter { width: 260px; } .prodInfo .featProd { width: 204px; }*/ .prodInfo .featProd .displayedContent h3 { font-size: 20px;} .downloadLink .message { width: 82%; } .downloadLink .message label { font-size: 14px; } .services .serviceItem.Int .subTitle { padding-left: 20px; } .services .serviceItem.Int .subTitle div { width: 90%;} body.Firefox .services .serviceItem.Int .subTitle { margin-top: 25px;} body.Firefox .services .serviceItem.left h2 { padding-left: 23%; } .homeSlider .slide h1 {font: 58px/62px 'open_sansbold',arial;} } @media only screen and (max-width:1024px){ .blue-bar { margin-top: 82px; } .logo img { max-width: 180px; } ul.nav{ padding-top: 49px; } ul.nav li{padding: 0 0 0 39px; } /*.sayHello{width: 35%;}*/ /*ul.formRow li input[Type="text"]{width: 39.5%;}*/ .headOffice .social .twitterBg, .headOffice .social .linkedBg{ } .slideImg{width:575px;} .sliderBlock{height:305px;} .white{height:305px;} /*.slideLeft h1 {font: 52px/52px 'open_sanslight',arial;width: 69%; } .slideLeft p {font: 20px/30px 'open_sanslight_italic',arial; width: 55%;}*/ /*.homeSlider .slide .slide-left{ width: 40%;} .homeSlider .slide .slide-right{ width: 60%;}*/ .homeSlider .sliderContainer{ height: 540px;} .homeSlider .sliderControls{margin-top: 475px;} .clientsBanner {margin-top: 575px;} .clientsBanner_bg{top: 740px;}slide ul.formRow li textarea{width:86.7%} .subBanner{width:50%;} .subBanner h1{font:42px/45px 'open_sanslight',arial;} .subBanner span{font:25px/30px 'open_sansitalic',arial} .subBanner p{font:18px/28px 'open_sansregular',arial; width:93%;} ul.userList li{} .careerBlock p{font:20px/34px 'open_sansregular',arial;padding-right: 56%;} .careerBlock .bag{width:580px;} .workLeft h1{font:35px/52px 'open_sanslight',arial} /*.workRight h2{font:35px/52px 'open_sanslight',arial}*/ .bannerViewPort h2{font:35px/52px 'open_sanslight', arial; padding:58px 0 54px 3%;} ul.catList li label{font:17px/60px 'open_sanslight',arial;} .homeOuter{background:url("../images/bg.jpg") repeat-x 0 -136px;} .container.hm{background: url("../images/white-shadow.png") no-repeat left -136px} .urbanSlider{min-height:549px;} .shadow{bottom:172px;left:0; width:75%;background-size:100% 100%;} .sliderDiv{padding:60px 0 62px;} .footerDiv { overflow-x: hidden; } .footerBlock span{font:14px/21px 'open_sanslight',arial;} ul.formRow li input[Type="text"]{width:86.5%; } .urbanSlider .bx-pager {bottom:-18px;} .urbanSlider .bx-controls-direction { bottom:-15px;} .textDiv {} ul.formRow li input[Type="submit"] { padding:0 10% 7px 0;} .messageBlock p { padding-right: 65%; } .simpleBanner { clear:both; padding-left: 0; padding-right: 0px; margin-right: 0px; margin-left: 0px;} .simpleBanner .subBanner { margin-bottom: 31px; } /*.simpleBanner .subBanner h2{ padding-left: 3%; font-size: 28px;} .simpleBanner .subBanner h2:first-child{ padding-left: 0; margin-left: -10px; } .simpleBanner .subBanner h2:last-child{ padding-left: 1%; }*/ .simpleBanner .subBanner h1 { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 8.5%; font:35px/52px 'open_sanslight',arial } .services { margin-bottom: 25px; } .services .serviceItem ul { clear: left; } .services .serviceItem ul li { font-size: 12px; } .services .serviceItem h2{margin-top: -112px;} .services .serviceItem.left { width: 34%; } .services .serviceItem.left h2 { padding-left: 5%; width: 100%; text-align: center; font-size: 22px; } body.Firefox .services .serviceItem.left h2 { padding-left: 5%; } .services .serviceItem.left img { padding-left: 24.5%; width: 219px; }/*width: 60%;*/ .services .serviceItem.left .subTitle { } .services .serviceItem.Int { width: 30%; } .services .serviceItem.Int h2 { padding-left: 0%; width: 100%; text-align: center; font-size: 22px; } .services .serviceItem.Int img { padding-left: 14%; width: 219px; }/*width: 60%;*/ .services .serviceItem.Int .subTitle { }/*margin-top: 48px;*/ /*body.Firefox .services .serviceItem.Int .subTitle { margin-top: 47px; }*/ /*body.Firefox .services .serviceItem.right .subTitle { margin-top: 2px; }*/ .services .serviceItem.right { width: 34%; } .services .serviceItem.right h2 { font-size: 22px; padding-left: 32%; }/*margin-left: -20px; padding-left: 0px; width: 100%; text-align: center;*/ .services .serviceItem.right img { padding: 0 0 0 15%; width: 219px; }/*width: 60%;*/ .services .serviceItem.right .subTitle { margin-left: -1px;}/*margin-top: 2px;*/ .productSlide.oplii { margin-top: 5em;} .downloadLink { float: right; margin-right: 15px; width: 100%;} .downloadLink .message {display: block; width: 82%; text-align: right; } .downloadLink .message label { font-size: 14px; } .downloadLink a { margin-right: 0; } .building .img-window img { margin-left: -100px; } } @media only screen and (max-width:1020px) { /*.featProdCont { width: 270px; } .featProdCont .featProd { width: 240px; } .prodInfo .featProdOuter { width: 260px; } .prodInfo .featProd { width: 204px; }*/ .featProdCont { width: 305px; } .featProdCont .featProd { width: 275px; } .prodInfo .featProdOuter { width: 279px; } .prodInfo .featProd { width: 223px; } .prodInfo .featProd .displayedContent h3 { font-size: 20px;} .downloadLink .message { width: 81%; } .downloadLink .message label { font-size: 14px; } body.Firefox .services .serviceItem.Int .subTitle { margin-top: 47px; } body.Explorer .services .serviceItem.right { width: 34.5%} body.Explorer .services .serviceItem.right .subTitle { margin-top: 4px;} } @media only screen and (max-width:1007px) { /*.services .serviceItem.Int .subTitle { margin-top: 47px; }*/ .services .serviceItem.right { width: 34.7%; } /*.services .serviceItem.right .subTitle { margin-top: 2px; }*/ /*.featProdCont { width: 270px; } .featProdCont .featProd { width: 240px; }*/ .featProdCont .featProd p { font-size: 14px; } /*.prodInfo .featProdOuter { width: 260px; } .prodInfo .featProd { width: 204px; }*/ .prodInfo .featProd .displayedContent h3 { font-size: 20px;} .downloadLink .message { width: 81%; } .downloadLink .message label { font-size: 14px; } .nav a { font-size: 85%; } } @media only screen and (max-width:1000px) { /*.nav li { margin: 0px 8px 0 5px;padding: 0px !important;}*/ /*.nav a { margin: 0px !important;padding: 0px !important;}*/ .homeOuter .nav li { padding-left: 15px; } .footerBlock.sayHello { width: 31%;} .footerBlock input[type="text"] { width: 86.7% !important;} .footerBlock li.captcha span { float: none; } .footerBlock li.captcha .captcha-eq { } .footerBlock li.captcha .input {width: 50%!important; } .textDiv { } .teamBlock,.ourProducts{padding:0 6%;} body.Firefox .services .serviceItem.Int .subTitle {margin-top: 45px;} .featProdCont { clear: both;margin: 0 0 10px 0; width:100%; }/*width: 700px;*/ .featProdCont .featProd { height: 134px; padding: 37px 0 16px 0; width: 100%; } .featProdCont .featProd h2 { margin: 50px 0% 0 0%; padding-left: 2%; padding-right: 2%; box-sizing: border-box;-moz-box-sizing: border-box; } .featProdCont .featProd p { margin-left: 2%; margin-right: 2%; } .downloadLink { margin-top: -170px; margin-right: 15px; float: right; width: 100%; } .downloadLink .message { width: 92%;display:block; } .downloadLink a { margin-right: 0; } .prodInfo { float: left; clear: both;margin-bottom: 20px;width: 100%;}/*width: 700px;*/ .prodInfo .featProdRow {margin-bottom: 10px;width: 100%;}/*width: 700px;*/ .prodInfo .featProdOuter { width: 50%; }/*width: 345px;width: 49%;*/ .prodInfo .featProdOuter.left { margin-right: 0px; } .prodInfo .featProdOuter.right { margin-right: 0; } .prodInfo .featProdOuter.right .featProd{float:right} .prodInfo .featProd {width:290px;}/*width:87%;*/ .prodInfo .featProd .displayedContent p, .prodInfo .featProd .slideInfo p { font-size: 14px; } /*.homeSlider .sliderControls{ width: 20%;}*/ .homeSlider .slide h1 {font: 56px/60px 'open_sansbold',arial;} .visibleIfGT1000{ display: none;} } @media only screen and (max-width:970px) { /*.prodInfo .featProd { width: 86%; }*/ .content .contentBanner .subBanner h1{font:42px/44px 'open_sanslight',arial!important;width: 95%;} .content .contentBanner .subBanner span { font: 18px/24px 'open_sansitalic',arial; width: 95%;} .content .contentBanner .subBanner p{font: 16px/22px 'open_sansregular',arial;width: 80%;} .homeSlider .slide h1 {font: 50px/50px 'open_sansbold',arial;} .homeSlider .slide p {font: 14px/16px 'open_sans',arial; } } @media only screen and (max-width:956px) { .headOffice .social {margin-top: 177px;} .headOffice .social a { font-size: 18px; /*.services .serviceItem.Int .subTitle { margin-top: 46px;}*/ } .headOffice .social a i:before { padding-top: 11px; padding-bottom: 18px; } .headOffice h2 {font: 36px/40px 'open_sanslight', arial; } .headOffice p {font: 18px 'open_sanslight', arial; } /*.homeSlider .slide .slide-left{ width: 40%;} .homeSlider .slide .slide-right{ width: 60%;}*/ .contentBanner {background-position-x:490px;} } @media only screen and (max-width:932px) { body { overflow-x: hidden;} .homeOuter .nav li { margin: 0px 0px 0 12px !important; } .textDiv { } .careerBlock .bag { right: -25%; } /*.services .serviceItem.Int .subTitle { margin-top: 46px; } .services .serviceItem.right .subTitle { margin-top: 3px; }*/ .services .serviceItem.left img{ padding-left: 22%; } .services .serviceItem.Int img{ padding-left: 11%; } .services .serviceItem img{ width: 200px!important;} } /*@media only screen and (max-width:911px) {.nav a { font-size: 85%; } }*/ @media only screen and (max-width:900px) { .textDiv {} .contentBanner {background-position: 400px 0;} .nav li { padding-left: 20px !important; } .nav li:first-child { padding-left: 0px !important; } /*.nav a { margin: 0px !important;padding: 0px !important;}*/ .bag { right: -20% !important;} .featProdCont { float: left; clear: both; } .featProdCont.marginBottom40px { margin-bottom: 10px; } .prodInfo { float: left; clear: both; } .prodInfo .featProd .displayedContent p, .prodInfo .featProd .slideInfo p { font-size: 12px; } body.Firefox .services .serviceItem.Int .subTitle { margin-top: 43px; } body.Firefox .services .serviceItem.right .subTitle { margin-top: 2px; } /*.prodInfo .featProd { width: 85%; }*/ .services .serviceItem.left ul { margin-right: 2%; } .services .serviceItem.Int ul { margin-right: 2%;margin-left: 2%; padding-left: 21px; } .services .serviceItem.right ul { margin-left: 2%;padding-left: 21px;width: 85%; } /*.simpleBanner .subBanner h2{ padding-left: 3%; font-size: 24px;}*/ .footerBlock.sayHello { width: 29%;} .content .contentBanner .subBanner{ padding-top: 40px;} /*.content .contentBanner .subBanner p{ width: 70%;}*/ .contentBanner img{ right: -20px;} } @media only screen and (max-width:877px) { .services .serviceItem.Int .subTitle { margin-top: 45px;} .services .serviceItem.right .subTitle { margin-top: 3px;} .slideOne .break { display: none; } .slideTwo .break { display: none; } .slideThree .break { display: none; } }/* @media only screen and (max-width:863px) { .services .serviceItem.Int .subTitle { margin-top: 44px;} .services .serviceItem.right .subTitle { margin-top: 2px;} }*/ @media only screen and (max-width:860px) { .headOffice .social { } /*.services .serviceItem.Int .subTitle { margin-top: 44px; } .services .serviceItem.right .subTitle { margin-top: 2px; }*/ .services .serviceItem.left img{ padding-left: 21%; } .services .serviceItem.Int img{ padding-left: 10%; } .services .serviceItem.right img{ padding-left: 13%; } } @media only screen and (max-width:856px) { .headOffice .social {} /*.prodInfo .featProd { width: 84%; }*/ } @media only screen and (max-width:830px) { .nav a { font-size: 70%; } .careerFormRow { } .textDiv, .textDiv textarea { } .teamBlock .formBlock { margin-left: -32px; padding-right: 34px; width: 100%; margin-bottom: 0; } .map-block { display: none; } .blue-bar {width:0px; } .careerBlock .bag { right: -35%; } .content .contentBanner .subBanner h1{font:42px/44px 'open_sanslight',arial!important;width: 90%;} .content .contentBanner .subBanner span { font: 18px/24px 'open_sansitalic',arial; width: 90%;} .content .contentBanner .subBanner p{font: 16px/22px 'open_sansregular',arial;} .contentBanner img{ right: -40px;} } @media only screen and (max-width:800px) { .headOffice .social a { font-size: 14px; } .headOffice .social { } /*.services .serviceItem.Int .subTitle { margin-top: 43px; } .services .serviceItem.right .subTitle { margin-top: 2px; }*/ .services .serviceItem.left img{ padding-left: 19%; } .services .serviceItem.Int img{ padding-left: 8%; } .services .serviceItem.right img{ padding-left: 12%; } /*.prodInfo .featProd { width: 83%; }*/ /*.content .contentBanner .subBanner h1{font:42px/44px 'open_sanslight',arial!important;width: 80%;} .content .contentBanner .subBanner span { font: 18px/24px 'open_sansitalic',arial; width: 75%;} .content .contentBanner .subBanner p{font: 16px/22px 'open_sansregular',arial;width: 70%;}*/ } @media only screen and (max-width:795px) { body.Firefox .services .serviceItem.Int .subTitle {margin-top: 42px;} body.Firefox .services .serviceItem.right .subTitle {margin-top: 2px;} .building .img-window img { margin-left: -150px; } } @media only screen and (max-width:768px){ /*Logo*/ .logo, .hm .logo{float: left; margin:0 0 0 0; padding: 10px 0 10px 0; width:100%; background-color:#ffffff;} .logo img { width:229px; margin-left:auto; margin-right:auto; display:block; } /*end Logo*/ .mapBlock { display: none !important; } body, .layout {min-width:320px; max-width: 768px;} /*Navigation*/ .navContainer { display:block;} .navContainer ul li ul{ z-index:150; } .navContainer ul li ul li:hover { background-color: #000;} .nav { display:none; } /*end Navigation*/ /*Index page*/ .hm header {min-height: 190px;} .wideView{display:none;} .mobileView{display:block;} .urbanSlider { padding:0; width:100%; min-height:300px; } .bx-wrapper { height:400px;} .bx-viewport { height:350px!important;} .bx-controls-direction { display: none; } .bx-pager.bx-default-pager { margin-left:79px; right:auto; width:144px; position:relative;}/*margin-right:auto; */ .urbanSlider .bx-pager {bottom:-8px;} .shadow { width:100%; margin:0; bottom: 72px;} .white { width:100%; left:0; top:0; } .slideImg { width: 59%; left: 41%; top:165px; } .slideLeft { padding-top:0px; } .slideLeft p {width:50%; } .slideLeft h1 { font-size: 42px; } .sliderDiv {padding: 0px 0 62px 0;} .homeSlider{padding-left: 15%;} .homeSlider .sliderContainer{ height: 329px;}/*padding-bottom: 20px;*/ .homeSlider .slide .slide-left{ width: 80%;padding-top: 20px; } .homeSlider .slide .slide-right{ display: none; } .homeSlider .slide h1 {font: 52px/52px 'open_sansbold',arial;text-align: center;width: 100%;} .homeSlider .slide p {font: 14px/16px 'open_sans',arial; text-align: center;width: 100%;} .homeSlider .slide a{ margin: 0 auto; width: 100%; text-align: center;} /*.homeSlider .slide .slide-left{ width: 40%;} .homeSlider .slide .slide-right{ width: 60%;}*/ .clientsBanner { width: 91%; padding: 0 0 0 8.5%; margin-top: 363px; } .clientsBanner .subBanner { width: 91%; } .clientsBanner_bg{ top: 558px; } .homeSlider .sliderControls { margin-top: 300px; } .visibleIfDesktop{ display: none;} /*end Index page*/ /*Who we are page*/ .career_inner{background-image:none;} .content{background-image:none;} .contentBanner{float: left; background-image:none; padding:0 0 0px 0; margin:0; width:100%; min-height:250px;} .contentBanner img{ display: none; } .content .contentBanner .subBanner{padding-bottom: 43px;} .content .contentBanner .subBanner h1,.content .contentBanner .subBanner p,.content .contentBanner .subBanner span{ width: 100%;} .subBanner{padding:0 8.5% 0 8.5%; width:83%; } .subBanner h1{font:36px/40px 'open_sanslight',arial;} .subBanner span{font:18px/25px 'open_sansitalic',arial} .subBanner p{font:14px/22px 'open_sansregular',arial; width:93%;} .tabBlock p { font: 14px/20px 'open_sansregular', arial; } .teamBlock{padding:20px 8.5% 0 8.5%; margin:0; position: relative; z-index: 44;} .teamCon{padding:0;} .teamCon h2{float: left; width:100%; padding: 0;font:36px/40px 'open_sanslight', arial; color: #004961;} .profileBlock { padding: 32px 0 32px 0; } .userProfile { width:100%; padding:0 0 22px 0; } .userBlock{ width:100%;} .userPic img { width:100%; } ul.userList { width:100%; } ul.userList li{ } ul.userList li:nth-child(3n) { margin-right: 0px; } ul.userList li:nth-child(3n) .smallImage { } ul.userList li .smallImage { height:85px; background-size:259px 85px; } ul.userList li.lastItem { } .selectedProf { height: 85px; width: 81px; } .userList a div { background-size: 273px 90px !important;} .userList a span.profilePlus { margin-top: -37px; font-size: 14px; } .Firefox .userList a span.profilePlus { margin-top: -38px; } /*end Who we are page*/ /*our work page*/ .ourPartner{padding:0 0 34px 0;} .ourPartner h4{font:36px/40px 'open_sanslight', arial; } ul.partnerRow{float: left; width: 100%; padding:34px 0 0 0;} ul.partnerRow li{ max-width: 40%; } ul.partnerRow li img{ max-width: 100%; height: auto; margin: 0;} .ourClient { padding-top:20px; padding-bottom:20px; } .ourClient h2 { float: left; width:100%; padding: 0;font:36px/40px 'open_sanslight', arial; color: #004961; margin-bottom: 27px; } .caseTop h2 { float: left; width:100%; padding: 0;font:36px/40px 'open_sanslight', arial; color: #004961; } .ourWorkBlock { max-width: 100%; } .workLeft { clear: both; width: 100%; height: 99px; display: block; clear: both; position: relative; } .workLeft h1 { padding-top: 26px; padding-left:10px; font:36px/40px 'open_sanslight', arial; } .workRight { clear: both; width: 100%; height: 99px; display: block; clear: both; position: relative; } .workRight h2 { padding-top: 26px; font:36px/40px 'open_sanslight', arial;} ul.catList li small { width: 190px; } .serviceProvider { display: none; } .testimonials { display: none; } .testimonials p { display: none; } .clientList { width: 100%; padding-top: 0px; } .dropDown {margin-right: 0px; margin-top:10px; width: 100%;} .dropDown ul li{ width: 100%; max-width: 100%; } .dropDown ul li a.selectLink { width: 100%; display: block; padding-left: 0px; }/*padding-left: 18px; margin-left: 3px;*/ .dropDown ul li a.selectLink span{ padding-left: 21px; } .dropDown ul li ul {max-width: 100%; padding-left: 0px; } .dropDown ul li ul li { max-width: 100%; padding-left: 0px; } .dropDown ul li ul li a { max-width: 100%; padding-left: 18px; font-size: 16px; } ul.caseImg {padding-top:16px; } .caseLeft { width: 100%; margin: 0px; padding: 20px 0 0 0; } .caseLeft span { font-size: 17px; line-height: 30px; width: 100%;padding-right: 0; } .caseLeft p { width: 100%; font-size: 17px; line-height: 30px; } .caseLeft h4 { width: 100%; } .caseLeft h5 { width: 100%; } /*end our work page*/ /*Footer*/ .footerDiv { width:100%; padding:0; background-position:85% 30px; } .footerBlock { padding:0; width:83% !important; padding:0 8.5% 0 8.5%; } .footerBlock.sayHello h4{ padding-top: 0;} .footerBlock.siteMap { display:none; } .footerBlock.sayHello { background: url(../images/shadow-footer.png) repeat-y right center; padding-bottom:10px; width: 83%;} .footerBlock input[type="submit"]{ width: 100% !important; } .footerBlock input[type="text"] { width: 98% !important; } ul.formRow li { padding: 0 0 0 0; } ul.formRow li input[Type="text"], ul.formRow li textarea { width:98%; padding:7px 0 7px 2%; } ul.formRow li input[Type="text"] {margin: 0 0 7px 0; padding-left: 2%!important;} /*ul.formRow li input[Type="submit"] { width:101%; }*/ ul.formRow li input[Type="text"].input-validation-error, ul.formRow li textarea.input-validation-error { margin-top: 50px!important; } .footerBlock .footerText{ position: relative; } .footerBlock .footerImage { right: 60px; } .footerBlock li.captcha { margin-top: 0.65em; } .footerBlock li.captcha span { float: none; } .footerBlock li.captcha .captcha-eq {width: 20%;} .footerBlock li.captcha .input { width: 50%;margin-right: 0%; } /*end Footer*/ /*Say Hello Page*/ .building { display:none; } .headOffice { width: 100%;} .headOffice .social a { font-size: 24px; } .headOffice .cnt-head-office {margin: 0 40px;} .mapBlock { width:100%; min-height: 220px; margin-right:auto;margin-left:auto; float:none; } .mapBlock .mapCanvas { } .careerBlock { margin-top:10px ;width: 100%; padding-left: 16px; } .careerBlock p { padding-right:0; } .careerBlock .bag { display:none;} .careerBlock h1 { font: 36px/40px 'open_sanslight', arial; } .careerBlock .job-posting { width: 100%;box-sizing: border-box;text-align: center;} ul.careerFormRow li label { width:100%; padding-top:10px;font-size:18px;} .formBlock { } .formField { padding-top:0px;width: 100%; } .formField input[Type="text"] { } .textDiv { } .textDiv textarea { } ul.careerFormRow li textarea { } .submitBlck input[Type="submit"] { padding-left:15px; width: 100%; font-size:18px; } .shadow3 { display:none; } ul.careerFormRow li.greenClr { background-image:none !important; background-color:#00b6de; } ul.careerFormRow li.greenClr label { margin-left: 9px;} .messageLabel { display:none; } .submitBlck input[type="submit"] { background-position: 205px;padding-left: 22px; } .headOffice { background-position: 0 -1015px; padding-top: 36px; } .headOffice .social { margin-top: 42px; } .Safari.Iphone .headOffice .social, .Safari.Ipad .headOffice .social, .Safari.Ipod .headOffice .social { margin-top: 39px; } .headOffice .social .twitterBg, .headOffice .social .linkedBg { width:100%; padding-left:0;} .hello { background-image: none; } .formBlock { padding-bottom: 64px; } /*end Say Hello Page*/ /* whatWeDo page */ .full .left_bg { background-color: #fff; background-image: none; } .simpleBanner { clear:both; padding: 0px; margin: 0px; background-color: #00b6de; height: 99px; width: 100%; } .simpleBanner .subBanner { clear: both; margin: 0px; padding: 0px; } .simpleBanner .subBanner h1 { padding-top: 26px; padding-left: 2%; width: 100%; box-sizing: border-box;-moz-box-sizing: border-box; text-align: center; display: block; } .simpleBanner .subBanner h2 { display: none; } .simpleBanner.whatwedo { display: none; } .services { margin-top: 15px; } .services .serviceItem { box-sizing: border-box; height: auto !important; } .services .serviceItem h2{ color:rgb(0, 73, 97);margin-bottom: 20px;} .services .serviceItem.left ul { width: 100%;max-width: 700px; } .services .serviceItem.Int ul { width: 100%;max-width: 700px; } .services .serviceItem.right ul { width: 100%;max-width: 700px; } .services .serviceItem .subTitle { height: auto; } .services, .services .serviceItem, .services .serviceItem .subTitle, .services .serviceItem.right { clear: both;width: 100%; } .services .serviceItem h2 { margin-top: 15px; display: block; } .services .serviceItem .subTitle { padding-top: 3%;padding-bottom: 3%; box-sizing: border-box;-moz-box-sizing: border-box;font-size: 18px; } .services .serviceItem ul li {font-size: 18px;background-position: 8px 8px;} .services .serviceItem.left { clear: both;width: 100%;} .services .serviceItem.left h2 { padding-left: 0;text-align: center; margin-top: 0px; font-size: 30px;} .services .serviceItem.left img { padding-left: 31.8%; width: auto; } .services .serviceItem.left .subTitle { width: 100% !important;clear: both;float: left; padding-left: 2%;padding-right: 2%; } .services .serviceItem.left .subTitle div { width: 100% !important;clear: both;max-width: 800px;float: none; } .services .serviceItem.left ul { padding-left: 11%; } .services .serviceItem.Int { margin-top: 30px; border-left-style: none;border-right-style: none;border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;clear: both;width: 100%;} .services .serviceItem.Int h2 { padding-left: 0;text-align: center; font-size: 30px;} .services .serviceItem.Int img { padding-left: 33%; width: auto; } .services .serviceItem.Int .subTitle { width: 100% ;clear: both;float: left; padding-left: 2%;padding-right: 2%; } .services .serviceItem.Int .subTitle div { width: 100% ;clear: both;max-width: 800px;float: none;} .services .serviceItem.Int ul { padding-left: 11%; margin-bottom: 30px;} .services .serviceItem.right { clear: both;width: 100%;} .services .serviceItem.right h2 { padding-left: 0;text-align: center; font-size: 30px;width: 100%;} .services .serviceItem.right img { padding-left: 32.5%; width: auto; } .services .serviceItem.right .subTitle { width: 100% !important;clear: both;float: left; padding-left: 2%;padding-right: 2% !important;} .services .serviceItem.right .subTitle div { width: 100% !important;clear: both; max-width: 800px;margin-left: 0;float: none;} .services .serviceItem.right ul { padding-left: 11%; } .services .serviceItem img{ padding-left: 0!important; margin-left: auto; margin-right: auto; display: block; } .visibleIfGT1000{ display: block;} .ourProducts { padding: 0; width: 100%; margin-bottom: 0px; } .ourProducts h2 { font-size: 36px; box-sizing: border-box;-moz-box-sizing: border-box; padding-left: 3%; margin: 0px 0 10px 0;} .featProdCont { width: 100%; clear: both;margin: 0; } .featProdCont .featProd { height: 134px; padding: 37px 0 16px 0; width: 100%; } .featProdCont .featProd h2 { margin: 50px 0% 0 28px; max-width: 500px; clear: both; padding-left: 0%; padding-right: 0px; box-sizing: border-box;-moz-box-sizing: border-box; } .featProdCont .featProd p { margin-left: 28px; margin-right: 2%; clear: both; } .featProd,.prodInfo .featProd { width: 100%; clear: both; } .prodInfo { width: 100%; margin-bottom: 0px; }/*margin-bottom: 20px;*/ .prodInfo .featProd { padding: 37px 0 16px 0;} .prodInfo .featProd .displayedContent, .prodInfo .featProd .slideInfo { margin: 0 2% 0 28px; } .prodInfo .featProdRow { width: 100%;} .prodInfo .featProdOuter { clear: both; width: 100%; margin-right: 0; } .prodInfo .featProd .displayedContent p, .prodInfo .featProd .slideInfo p { font-size: 16px; } .featProd.reporting { background-position:right -15px; } .featProd.panelist { background-position:right -10px; } .featProd.integrate { background-position:right -5px; } .featProd.validate { background-position:right -10px; } .prodInfo .dropDown { margin-right: 45px; } .downloadLink { margin-top: -170px; margin-right: 15px; float: right; width: 100%; } .downloadLink .message { display: block !important; width: 90%; } .downloadLink a { margin-right: 0;float: left; } .featProd .dropDown.up { background-position: left -9px; } .retina .featProd .dropDown.up { background-position: left -27px; } .featProd.slided .dropDown { margin-top: -16px; } .featProd.slided { position: static !important; } /* end whatWeDo page */ /* Message Sent */ .messageBlock { margin-bottom: 35px;} .messageBlock .Image { display: none;} .messageBlock p { padding-right: 0;} .messageBlock h1 { margin-top: 0;} /* end Message Sent */ body { overflow-x: hidden;} .services .serviceItem ul { box-sizing: border-box; } .caseStudy .caseLeft span { box-sizing: border-box; } } @media only screen and (max-width:680px) { .homeSlider .sliderControls { margin-top: 325px; } .clientsBanner { margin-top: 400px; } } @media only screen and (max-width:560px) { .homeSlider .sliderControls { /*width: 30%;*/ } } @media only screen and (max-width:530px) { .formField input[Type="text"] {} .footerDiv { overflow-x: hidden !important; }/*width: 320px !important;*/ .simpleBanner .subBanner h1 { font-size: 22px; } .services .serviceItem h2 { width: 100%; text-align: center; } .services .serviceItem.right { padding-right: 0; } .services .serviceItem.right h2 { width: 100%; text-align: center; margin-left: 0px; } .services .serviceItem.left img { padding-left: 9.7%; } .services .serviceItem.Int img { padding-left: 9.7%; } .services .serviceItem.right img { padding-left: 9.7%; } .services .serviceItem.right .subTitle { padding-left: 10%; padding-right: 10%; } .services .serviceItem.right ul { width: 100%; max-width: 280px; } .retina .services .serviceItem ul li { background-position: 8px 8px; } .ourProducts {margin-top: -10px; } .featProdCont h2 { width: 90%; } .prodInfo .featProd.slided { min-height: none !important; height: auto !important; } .prodInfo .featProd.slided .slideInfo p { float: left; clear: both; padding-bottom: 20px; } .prodInfo .featProd.slided .dropDown.up.resetArrow { background-position: left 18px; } .retina .prodInfo .featProd.slided .dropDown.up.resetArrow { background-position: 0 9px !important; background-repeat: repeat !important; } .downloadLink .message { width: 88%; } .downloadLink .message label{ font-size: 16px; } .prodInfo .featProd { max-height: 10000px; } .services .serviceItem ul { text-indent: 0px; clear: left;} .homeSlider .slide h1 { font: 48px/50px 'open_sansbold',arial; } .homeSlider .slide .slide-left{ width: 90%;} .homeSlider { padding-left: 6%; } } @media only screen and (max-width:480px) { .workRight h2 { font: 24px/40px 'open_sanslight', arial; } .headOffice .social a { font-size: 18px; } .case-blue-bar .left { display: none; } .case-blue-bar { padding-bottom: 40px; } .homeSlider { padding-left: 4%; } } @media only screen and (max-width:430px) { .downloadLink .message { width: 85%; } .homeSlider { padding-left: 3%; } } @media only screen and (max-width:380px) { .downloadLink .message { width: 82%; } .services .serviceItem.left ul, .services .serviceItem.Int ul, .services .serviceItem.right ul { max-width: 300px; } .headOffice .social a { font-size: 14px; } .clientsBanner{margin-top: 403px;width: 100%;box-sizing: border-box;} .clientsBanner .subBanner { } .clientsBanner_bg { top: 598px; } .homeSlider .sliderControls { margin-top: 330px; } .homeSlider .sliderContainer { height: 374px; } .homeSlider .slide h1 { font: 36px/42px 'open_sansbold',arial} .formBlock{padding: 45px;} .formField,.formBlock textarea{width: 93%;} .formBlock .btn-submit{ margin-right: 21px;} .teamBlock.ourWork {width:79%; } .teamBlock.ourWork .blue-bar { width: 0px !important;} .ourProducts h2{padding-left: 7%;} } @media only screen and (max-width:380px) and (max-height:768px) { .homeSlider .sliderControls { margin-top: 330px; } .homeSlider .sliderContainer { height: 374px; } .homeSlider .slide h1 { font: 36px/42px 'open_sansbold',arial} } /* short and wide screens */ @media only screen and (min-width: 769px) and (max-height:768px) { a.logo img { max-width: 180px; } .retina a.logo img { max-width: 180px; } ul.nav { padding-top: 44px; } .nav a { font-size: 70%;} .homeSlider { margin-top: 150px; } .homeSlider .sliderContainer { height: 490px; } .homeSlider .sliderControls { margin-top: 450px; } .clientsBanner { margin-top: 513px; } /* .simpleBanner .subBanner { margin-bottom: 100px; }*/ .our-work .left_bg { top: 135px; } header { min-height: 135px; } .clientsBanner_bg { top: 648px; } .hello { background-image: none; } } @font-face { font-family: 'open_sansextrabold'; src: url('../fonts/opensans-extrabold-webfont.eot'); src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-extrabold-webfont.woff') format('woff'), url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'), url('opensans-extrabold-webfont.svg#open_sansextrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url('../fonts/opensans-bold-webfont.eot'); src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.ttf') format('truetype'), url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold_italic'; src: url('../fonts/opensans-bolditalic-webfont.eot'); src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bolditalic-webfont.woff') format('woff'), url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'), url('../fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansextrabold_italic'; src: url('../fonts/opensans-extrabolditalic-webfont.eot'); src: url('../fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-extrabolditalic-webfont.woff') format('woff'), url('../fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'), url('../fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight_italic'; src: url('../fonts/opensans-lightitalic-webfont.eot'); src: url('../fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-lightitalic-webfont.woff') format('woff'), url('../fonts/opensans-lightitalic-webfont.ttf') format('truetype'), url('../fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansitalic'; src: url('../fonts/opensans-italic-webfont.eot'); src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-italic-webfont.woff') format('woff'), url('../fonts/opensans-italic-webfont.ttf') format('truetype'), url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight'; src: url('../fonts/opensans-light-webfont.eot'); src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-light-webfont.woff') format('woff'), url('../fonts/opensans-light-webfont.ttf') format('truetype'), url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('../fonts/opensans-regular-webfont.eot'); src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans'; src: url('../fonts/opensans-regular-webfont.eot'); src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url('../fonts/opensans-semibold-webfont.eot'); src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold_italic'; src: url('../fonts/opensans-semibolditalic-webfont.eot'); src: url('../fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibolditalic-webfont.woff') format('woff'), url('../fonts/opensans-semibolditalic-webfont.ttf') format('truetype'), url('../fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg'); font-weight: normal; font-style: normal; } .serchBlock,ul.leftTopLink,ul.leftLinkMidle li span,.button,ul.linkRight,.recomendar,.proLink{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; position: relative; behavior:url(common/js/PIE.htc) } ul.leftTopLink,.button { box-shadow:0px 1px 2px #BEC2C6; -webkit-box-shadow:0px 1px 2px #BEC2C6; -moz-box-shadow:0px 1px 2px #BEC2C6; -o-box-shadow: 0px 1px 2px #BEC2C6; } ul.tableftLink li a.active{ border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -o-border-radius:3px 3px 0 0; position: relative; behavior:url(common/js/PIE.htc) } .like{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; behavior:url(common/js/PIE.htc) } ul.visitas li figure img{ border-radius:49px; -webkit-border-radius:49px; -moz-border-radius:49px; -o-border-radius:49px; position: relative; behavior:url(common/js/PIE.htc) } ul.semana li figure img{ border-radius:24px; -webkit-border-radius:24px; -moz-border-radius:24px; -o-border-radius:24px; position: relative; behavior:url(common/js/PIE.htc) } /* * qTip2 - Pretty powerful tooltips - v2.1.1 * http://qtip2.com * * Copyright (c) 2013 Craig Michael Thompson * Released under the MIT, GPL licenses * http://jquery.org/license * * Date: Thu Jul 11 2013 02:03 GMT+0100+0100 * Plugins: tips modal viewport svg imagemap ie6 * Styles: basic css3 */ .qtip{ position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; direction: ltr; box-shadow: none; padding: 0; } .qtip-content{ position: relative; padding: 5px 9px; overflow: hidden; text-align: left; word-wrap: break-word; } .qtip-titlebar{ position: relative; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 0 0 1px; font-weight: bold; } .qtip-titlebar + .qtip-content{ border-top-width: 0 !important; } /* Default close button class */ .qtip-close{ position: absolute; right: -9px; top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; border-color: transparent; } .qtip-titlebar .qtip-close{ right: 4px; top: 50%; margin-top: -9px; } * html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */ .qtip-titlebar .ui-icon, .qtip-icon .ui-icon{ display: block; text-indent: -1000em; direction: ltr; } .qtip-icon, .qtip-icon .ui-icon{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; } .qtip-icon .ui-icon{ width: 18px; height: 14px; line-height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; } /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */ .qtip-focus{} /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */ .qtip-hover{} /* Default tooltip style */ .qtip-default{ border-width: 1px; border-style: solid; font-size: 14px; /*font-weight: bold*/ padding: 7px; } .qtip-default .qtip-titlebar{ background-color: #FFEF93; } .qtip-default .qtip-icon{ border-color: #CCC; background: #F1F1F1; color: #777; } .qtip-default .qtip-titlebar .qtip-close{ border-color: #AAA; color: #111; } /*! Light tooltip style */ .qtip-light{ background-color: white; border-color: #E2E2E2; color: #454545; } .qtip-light .qtip-titlebar{ background-color: #f1f1f1; } /*! Dark tooltip style */ .qtip-dark{ background-color: #505050; border-color: #303030; color: #f3f3f3; } .qtip-dark .qtip-titlebar{ background-color: #404040; } .qtip-dark .qtip-icon{ border-color: #444; } .qtip-dark .qtip-titlebar .ui-state-hover{ border-color: #303030; } /*! Cream tooltip style */ .qtip-cream{ background-color: #FBF7AA; border-color: #F9E98E; color: #A27D35; } .qtip-cream .qtip-titlebar{ background-color: #F0DE7D; } .qtip-cream .qtip-close .qtip-icon{ background-position: -82px 0; } /*! Red tooltip style */ .qtip-red{ background-color: #F78B83; border-color: #D95252; color: #912323; } .qtip-red .qtip-titlebar{ background-color: #F06D65; } .qtip-red .qtip-close .qtip-icon{ background-position: -102px 0; } .qtip-red .qtip-icon{ border-color: #D95252; } .qtip-red .qtip-titlebar .ui-state-hover{ border-color: #D95252; } /*! Green tooltip style */ .qtip-green{ background-color: #CAED9E; border-color: #90D93F; color: #3F6219; } .qtip-green .qtip-titlebar{ background-color: #B0DE78; } .qtip-green .qtip-close .qtip-icon{ background-position: -42px 0; } /*! Blue tooltip style */ .qtip-blue{ background-color: #E5F6FE; border-color: #ADD9ED; color: #5E99BD; } .qtip-blue .qtip-titlebar{ background-color: #D0E9F5; } .qtip-blue .qtip-close .qtip-icon{ background-position: -2px 0; } .qtip-shadow{ -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); } /* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ .qtip-rounded, .qtip-tipsy, .qtip-bootstrap{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .qtip-rounded .qtip-titlebar{ -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } /* Youtube tooltip style */ .qtip-youtube{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333; color: white; border-width: 0; background: #4A4A4A; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black)); background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%); background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%); background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%); background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%); } .qtip-youtube .qtip-titlebar{ background-color: #4A4A4A; background-color: rgba(0,0,0,0); } .qtip-youtube .qtip-content{ padding: .75em; font: 12px arial,sans-serif; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"; } .qtip-youtube .qtip-icon{ border-color: #222; } .qtip-youtube .qtip-titlebar .ui-state-hover{ border-color: #303030; } /* jQuery TOOLS Tooltip style */ .qtip-jtools{ background: #232323; background: rgba(0, 0, 0, 0.7); background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323)); background-image: -moz-linear-gradient(top, #717171, #232323); background-image: -webkit-linear-gradient(top, #717171, #232323); background-image: -ms-linear-gradient(top, #717171, #232323); background-image: -o-linear-gradient(top, #717171, #232323); border: 2px solid #ddd; border: 2px solid rgba(241,241,241,1); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 12px #333; -moz-box-shadow: 0 0 12px #333; box-shadow: 0 0 12px #333; } /* IE Specific */ .qtip-jtools .qtip-titlebar{ background-color: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; } .qtip-jtools .qtip-content{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; } .qtip-jtools .qtip-titlebar, .qtip-jtools .qtip-content{ background: transparent; color: white; border: 0 dashed transparent; } .qtip-jtools .qtip-icon{ border-color: #555; } .qtip-jtools .qtip-titlebar .ui-state-hover{ border-color: #333; } /* Cluetip style */ .qtip-cluetip{ -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); background-color: #D9D9C2; color: #111; border: 0 dashed transparent; } .qtip-cluetip .qtip-titlebar{ background-color: #87876A; color: white; border: 0 dashed transparent; } .qtip-cluetip .qtip-icon{ border-color: #808064; } .qtip-cluetip .qtip-titlebar .ui-state-hover{ border-color: #696952; color: #696952; } /* Tipsy style */ .qtip-tipsy{ background: black; background: rgba(0, 0, 0, .87); color: white; border: 0 solid transparent; font-size: 11px; font-family: 'Lucida Grande', sans-serif; font-weight: bold; line-height: 16px; text-shadow: 0 1px black; } .qtip-tipsy .qtip-titlebar{ padding: 6px 35px 0 10px; background-color: transparent; } .qtip-tipsy .qtip-content{ padding: 6px 10px; } .qtip-tipsy .qtip-icon{ border-color: #222; text-shadow: none; } .qtip-tipsy .qtip-titlebar .ui-state-hover{ border-color: #303030; } /* Tipped style */ .qtip-tipped{ border: 3px solid #959FA9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F9F9F9; color: #454545; font-weight: normal; font-family: serif; } .qtip-tipped .qtip-titlebar{ border-bottom-width: 0; color: white; background: #3A79B8; background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D)); background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D); background-image: -moz-linear-gradient(top, #3A79B8, #2E629D); background-image: -ms-linear-gradient(top, #3A79B8, #2E629D); background-image: -o-linear-gradient(top, #3A79B8, #2E629D); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"; } .qtip-tipped .qtip-icon{ border: 2px solid #285589; background: #285589; } .qtip-tipped .qtip-icon .ui-icon{ background-color: #FBFBFB; color: #555; } /** * Twitter Bootstrap style. * * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11. * Does not work with IE 7. */ .qtip-bootstrap{ /** Taken from Bootstrap body */ font-size: 14px; line-height: 20px; color: #333333; /** Taken from Bootstrap .popover */ padding: 1px; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .qtip-bootstrap .qtip-titlebar{ /** Taken from Bootstrap .popover-title */ padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .qtip-bootstrap .qtip-titlebar .qtip-close{ /** * Overrides qTip2: * .qtip-titlebar .qtip-close{ * [...] * right: 4px; * top: 50%; * [...] * border-style: solid; * } */ right: 11px; top: 45%; border-style: none; } .qtip-bootstrap .qtip-content{ /** Taken from Bootstrap .popover-content */ padding: 9px 14px; } .qtip-bootstrap .qtip-icon{ /** * Overrides qTip2: * .qtip-default .qtip-icon { * border-color: #CCC; * background: #F1F1F1; * color: #777; * } */ background: transparent; } .qtip-bootstrap .qtip-icon .ui-icon{ /** * Overrides qTip2: * .qtip-icon .ui-icon{ * width: 18px; * height: 14px; * } */ width: auto; height: auto; /* Taken from Bootstrap .close */ float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .qtip-bootstrap .qtip-icon .ui-icon:hover{ /* Taken from Bootstrap .close:hover */ color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } /* IE9 fix - removes all filters */ .qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar{ filter: none; -ms-filter: none; } .qtip .qtip-tip{ margin: 0 auto; overflow: hidden; z-index: 10; } /* Opera bug #357 - Incorrect tip position https://github.com/Craga89/qTip2/issues/367 */ x:-o-prefocus, .qtip .qtip-tip{ visibility: hidden; } .qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas{ position: absolute; color: #123456; background: transparent; border: 0 dashed transparent; } .qtip .qtip-tip canvas{ top: 0; left: 0; } .qtip .qtip-tip .qtip-vml{ behavior: url(#default#VML); display: inline-block; visibility: visible; } #qtip-overlay{ position: fixed; left: -10000em; top: -10000em; } /* Applied to modals with show.modal.blur set to true */ #qtip-overlay.blurs{ cursor: pointer; } /* Change opacity of overlay here */ #qtip-overlay div{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0.7; filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .qtipmodal-ie6fix{ position: absolute !important; } .cont-nav{max-width:75%;margin-right:5%;float:right;font-weight:bolder;font-family:'open_sansbold',arial;margin-top:4.4em}.cont-nav nav{font-size:24px}.cont-nav nav ul{margin:0;padding:0}.cont-nav nav ul li{float:left;margin:0 0 0 40px;padding:0}.cont-nav nav ul li:first-child{margin-left:0}.cont-nav nav ul li a{color:#333}.cont-nav nav ul li a:hover{color:#00718f}.cont-nav .select{display:none}.career-item a{margin-bottom:1em} @media(min-width:319px) and (max-width:570px){.captcha{padding-right:20px}}@media(min-width:768px) and (max-width:991px){.cont-nav{max-width:67.5%;margin-right:2.5%}.cont-nav nav{font-size:18px;letter-spacing:-1px}.cont-nav nav ul li{margin-left:15px}}@media(min-width:992px) and (max-width:1199px){.cont-nav{max-width:70%;margin-right:5%}.cont-nav nav{font-size:20px;letter-spacing:-.5px}.cont-nav nav ul li{margin-left:20px}}@media(max-width:768px){.cont-nav{float:none;width:100%;max-width:100%;margin-top:0;clear:both;z-index:3000}.cont-nav.positioned{position:absolute}.cont-nav nav{font-size:14px;font-family:'open_sans',arial}.cont-nav nav ul{background-color:#333;max-height:0;overflow:hidden;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}.cont-nav nav ul li{float:none;margin-left:0}.cont-nav nav ul li:hover{background-color:rgba(255,255,255,.25)}.cont-nav nav ul li a{color:#fff;padding:15px 30px;display:block}.cont-nav nav ul li a:hover{color:#ddd}.cont-nav .select{display:block;background-color:#333;color:#fff;padding:15px 30px;font-size:18px}.cont-nav .select span{background-color:#00b6de;padding:15px 15px;margin:-15px -30px}.cont-nav .select span i{color:#fff}.cont-nav .select:active,.cont-nav .select:focus{background-color:#555}.cont-nav.expanded nav ul{max-height:300px}}