body { font-family: 'Roboto Slab', serif; line-height: normal; color: #212121; font-weight: 300; } body.hm {} body.fixed-nav-hack {padding-top: 50px;} #msgi .msgtxti{ line-height:inherit!important} .box-selection{ background-color:#08a2d6; color:#FFFFFF; padding:10px; text-align:center!important; font-weight:bold; margin:5px;} .errClsLnk { padding:8px 5px!important; float:right} .btn-cutome:hover { background-color:#193769} .schJb .form-control { border-radius:24px 0 0 24px;} .schJb .btn-group .btn-cutome { background-color:#193769 !important; color:#fff !important} body #lgnBox #errMsgSU { width:100%; line-height:normal; padding:7px;} .head-bg{ /*background:url(../../i/ignite/banner-red-bg.svg) no-repeat right top; background-size: 60% 718px;*/ } .head-bg-login{ background-size: 70% 718px; } .navbar-brand { height: auto; padding: 10px 0;} .hd { font-weight: 200; text-transform:uppercase; } .curJbs { background-color:#fafafa; } .value { padding-bottom:30px} .value .row > div[class*='col-'] { border-right:solid 1px #ddd; min-height:120px;} .value .row > div[class*='col-']:last-child { border:0} .counter { background-color:#f5f5f5; text-align:center; padding:10px 0 40px } .counter .h2 { color:#f59321; font-size:40px; font-weight:600; display:inline-block} .counter p { font-size:15px; font-weight:700} header { z-index:99} .nav-custome { background-color: transparent; height:auto; min-height:inherit; border-radius:0; border:0;} .nav-custome .navbar-nav > li > a { padding:8px; text-transform:uppercase; color:#fff; font-size:16px} .nav-custome .navbar-nav > li > a:hover { color:#eee; } .navbar-brand a { display:block; background-color:#fff; padding:8px 20px 28px; clear:both; border-radius:0 0 50px 50px; box-shadow:0 10px 0 rgba(255,255,255,.2); position:relative; margin-top:-15px} .carousel-caption { text-shadow:none; text-align:left !important; bottom:20%} .carousel-caption small { font-size:18px; color:#fff} .carousel-caption p a { color:#fff } .carousel-caption .h1 { margin:0; margin-bottom:6px} .carousel-caption .h3 { margin:0;} .btn-border, .btn-border:visited { border:solid 1px #999; color:#666} .topLnk { color:#eee !important} .topLnk a { display:inline-block; padding:7px 10px 5px; color:#fff !important} .abt { display:block; background:url(../../i/riphah/abtBg.jpg) top center no-repeat; background-size:cover; padding:40px 0} .abt { background-color:#fafafa; } .abt .well { min-height:485px; background-color:#fff; border-radius:10px; position:relative; margin-top:-100px; box-shadow:0 0 24px rgba(0,0,0,.15); line-height:24px; padding-top:30px } .abt .well .btn { border-radius:25px; border:solid 1px #ccc; padding:14px 30px; color:#999; margin:20px} .abt p { } .jobs { background-color:#e9eef9; padding:40px 0;} .jobs .jbBx { background-color:#fff; height:238px; margin-bottom:30px; padding:20px; width:100% } .jobs .jbBx:hover { background-color:#193769; color:#fff !important;} .jobs .jbBx .h4 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%} .jobs .jbBx:hover .h4 a { color:#fff !important;} .jobs .jbBx:hover .btn-custome { background-color:#132c63 !important} .jobs .jbBx p { height:80px} #jbBox1 .well { background-color:#193769;} #jbBox1 .well * { color:#fff !important;} #jbBox1 .well .btn { background-color:#193769 !important; border-color:#fff !important} .dbHd { background-color:#193769 !important;} .dbHd * { color:#fff !important;} .dbHd .btn { background-color:#193769 !important; border:#fff; color:#fff !important} .register label .text-lg { font-size:14px;} section.hp{ padding:25px 0 30px;} .hpBx { margin:40px 0 0;} .hpBx .h4 { margin:16px 0 0;font-size:18px;font-weight:500; color:#212121;} .hpBx .h4:after{ content:''; height:2px; width:28px; display:block; clear:both; background-color:#37ad50; margin:14px 0 12px;} .hpBx p{color:#818181;font-size:14px;margin:0;line-height:21px;height:150px;overflow:hidden;} .msg { background-color:#f1f1f1; padding:30px; } .msgAply span { background:url(../../i/ignite/aro.png) top left no-repeat; padding:0 0 0 20px ; margin:10px 0; display:block;} .mggCeo { padding-right:40px; line-height:24px;} .hd span{ text-transform:none } .theme_color { color:#212121} .panel-custome .panel-box { border-bottom:solid 1px #ddd} .panel-custome .panel-box:last-child { border:0} .jbBx .jbRw { background-color:#fff; border-radius:10px; margin-bottom:10px; border:solid 1px #fff} .jbBx .jbRw a { color:#193769} .jbBx .jbRw:hover { border:solid 1px #ccc} .jbBx .jbRw :last-child { border:0} .jbBx .jbRw .btn { border-radius:24px; border:solid 1px #ccc !important; background-color:#fff; font-size:14px; padding:14px 24px;} .jbBx .jbRw .btn:hover { background-image:linear-gradient(to right, #193769, #ffae5c); color:#fff} body .btn-custome2, body .btn-custome2:visited, body .btn-custome2:focus { background-image: linear-gradient(#d9993a, #eeb157,#d9993a); border:0; padding: 11px; color:#fff !important} body .btn-custome2:hover { background-image: -moz-linear-gradient(#d9993a, #eeb157, #eeb157, #d9993a); background-image: -webkit-linear-gradient(#d9993a, #eeb157, #eeb157, #d9993a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9993a), color-stop(0.33, #eeb157), color-stop(0.67, #eeb157), to(#d9993a)); background-image: -o-linear-gradient(#d9993a, #eeb157, #eeb157, #d9993a); background-image: linear-gradient(#d9993a, #eeb157, #eeb157, #d9993a); border:0; padding: 11px !important; } .bg-custome2 { background-color:#193769 !important; color:#fff } .bg-custome { background-color:#193769 !important; color:#fff !important } .forgot { background-color:#193769 !important; color:#fff !important } .forgot legend h3 { color:#fff !important ;} .forgot label { color:#fff !important ; margin-bottom:5px; display: block; text-align:left !important} .loginBx .control-label { color:#fff} .loginBx a { color:#fff} .loginBx .red { color:#e54e4b} .loginBx .btn, .forgot .btn { background-color:#428bca} .register > form > .color-custome { background-color:#193769 !important; color:#fff !important; margin:20px; border-radius:3px; } .register > form > .well { box-shadow: none !important } .tpLinks a { color:#212121 !important } .loginLyr .color-custome2 { color:#193769 !important } #facebox .aplyFrm { overflow:hidden} .ftLinks a { display:block; padding:3px 0 3px 18px} #footer { background-color:#f5f5f5; padding:20px} #footer .hd { border-left: 4px solid #ff8900;padding-bottom: 0px;padding-top: 0px;display:block } #footerSb { background-color:#e1e1e1; padding:10px} .ftLnk { text-align:center} .ftLnk a { color:#000; font-size:16px; text-transform:uppercase; padding:20px 24px;} .ftLnk a:hover { color:#193769} .ftLnk a.ftLnkHd { font-weight:bold; font-size:18px;} .footer-top .ftLnkCp { color:#f58426; font-size:20px; font-weight:bold; margin:8px 0} body .navbar-toggle { background: #212121; } .botBrdDash { border-bottom:solid 1px #ccc} .botBrdDash:last-child { border:0} #msgi { float:left; width:99%; margin: 2% 2%px 0% 2%; /*border:1px solid #525252*/ margin-bottom:10px; } #msgi .msgbgs{ float:left; width:99%; border:1px solid #06a46f} #msgi .msgbgi { float:left; background-color:#fffbe2; border:#ffe222 solid 1px; width:825px; line-height:normal;} #msgi .msgbge { float:left; background-color:#fff2f2; border:#dc7c7c solid 1px; width:825px; line-height:normal;} #msgi .msgtxti { float:left; width:90%; line-height:normal; line-height:16px; text-align:left; padding-top:9px} #msgi .msgtxti a { font-weight:bold; text-decoration:underline;} #msgi .msgtxti a:hover { font-weight:bold; text-decoration:none;} #msgi ul { padding:0px; margin:0px; list-style-type: none;} #msgi li { float:left; padding: 7px 5px 7px 5px; overflow:hidden; line-height:normal} #msgi input {float:left; font-size:13px; padding:2px 3px 2px 3px;} #msgi span { line-height:normal} #msgi li b, #msgi li a { color:#444;} .carousel-control { width:auto; background:none !important} .carousel-control .glyphicon { color:#000 !important} .auotComplete .form-control { border:solid 1px #ccc !important} .container { margin-left: auto !important; margin-right: auto !important; } .well { background-color:#fff; border:0; border-radius:0 } .search a{ text-align:left!important; width:100%; display:block; height:1px;color:#FFFFFF!important; padding-left:6px;} .search a:hover{ color:#FFFFFF; font-weight:bold} .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none } .pace .pace-progress { background: #212121; position: fixed; z-index: 3000; top: 0; right: 100%; width: 100%; height: 2px; } a, a:visited, a:focus { color:#bdbdbd;outline:none; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:hover {color: #000000; text-decoration: none;} .jobsTitle a { color:#000} .jbDtl { line-height:18px;} .social-btns { display:none} .jbDtl-tpBtns { margin-top:10px} body .flStr b { color:#999;} body .flStr > div [class*='col-'] { margin-top:5px; } body .flStr > div [class*='col-']:first-child { margin:0 } /* ---------------------------------------------------------------- Logo position -----------------------------------------------------------------*/ .navbar-small .navbar-brand img { max-height:60px; width:auto} .navbar >.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-top: 0px; } .navbar.navbar-small>.container .navbar-brand, .navbar..navbar-small>.container-fluid .navbar-brand { margin-top: 0px; height: auto; padding: 10px 15px; } .navbar-big .navbar .nav > li > a {} /*.navbar-static-top { height:100px;} .navbar-static-top .navbar-brand img { position: absolute; width: 186px; z-index: 99; } .navbar-fixed-top .navbar-brand img { max-height:60px;} .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-top: 0px; } .navbar.navbar-fixed-top>.container .navbar-brand, .navbar.navbar-fixed-top>.container-fluid .navbar-brand { margin-top: 0px; height: auto; padding: 10px 15px; } */ /* ---------------------------------------------------------------- Primary Navigation -----------------------------------------------------------------*/ @media screen and (min-width:768px){ .navbar .nav{ margin-top:24px; } } /* ---------------------------------------------------------------- Searchbox -----------------------------------------------------------------*/ .navbar-form { padding: 0 0 0 40px; margin: 0; position: absolute; z-index: 999; right: 0; } .navbar-form .form-control { background: url(../../i/mulphico-v2/icon-search.png) no-repeat; background-position: 50% 50%; width: 45px !important; text-indent: -200px; color: #686868; border: 0px solid #212121; padding: 0 10px; margin: 0; height: 30px; border-radius: 0 !important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; float: right; height: 64px; } .navbar-form .form-control:hover { background-color: #ffffff; border: 1px solid #212121; cursor: pointer; } .navbar-form .form-control:focus { width: 100% !important; background-position: 99% 50%; text-indent: 0px; color: #666666; border: 1px solid #fff; background-color: #ffffff; } .navbar-form .input-group { width: 100%; } .navbar-form.addwidth { width: 85%; } .hdSch { margin-top:30px;} .hdSch .form-control, .hdSch .btn, .select.input-lg { border-radius:30px; padding:16px; height:65px;} .hdSch select { appearance:none ; padding-left:36px !important; padding-right:36px !important;-webkit-appearance:none ;-moz-appearance:none ; position:relative; background-image:url(../../i/ignite/location.gif), url(../../i/ignite/arrow-down.gif) ; background-position:10px center, 96% center; background-repeat:no-repeat, no-repeat; } .hdSch .btn { background-image:linear-gradient(to right, #193769, #ffae5c); color:#fff} /* ---------------------------------------------------------------- Footer -----------------------------------------------------------------*/ footer { border-top: solid 1px #eee; margin-top:50px; font-size:14px; padding:20px 0 25px; line-height:1.6; } footer .flogo{ display:inline-block; margin:0 0 40px;} footer .social-icons {} footer .social-icons a{margin-right:10px;} footer .social-icons a:last-child{ margin-right:0; } footer .social-icons a:hover{ opacity:.7; } footer h3 { color:#ffffff; font-size:24px; font-weight:500; text-transform:uppercase; margin:35px 0 46px; } footer h4{ color:#ffffff !important; font-size:18px; font-weight:500; text-transform:uppercase; margin:18px 0; } footer .col-md-8 h4{ position:relative; padding-bottom:18px;} footer h4 a{ color:#fff;} footer h4 a:hover{ color:#ccc;} footer .col-md-8 h4:after { background-color: #bdbdbd; content: ''; height: 2px; width: 28px; display: block; clear: both; position:absolute; left:0; bottom:0; } footer a {color: #000;display:inline-block; vertical-align:middle;position:relative;overflow:hidden;} .ftrPwd .ftrPwdLnk { padding:0 18px;} .newsBx a.newsLnk { color:#06F; text-decoration:underline; } /* ---------------------------------------------------------------- Helper Classes -----------------------------------------------------------------*/ .alpha { padding-left: 0; } .omega { padding-right: 0; } .no-gutter > [class*=col-] { padding-right: 0; padding-left: 0; } .clear { clear: both; } .pad10 {padding: 10px; } .pad {padding: 20px; } .pad40 {padding: 40px; } .lpad {padding-left: 20px;} .lrpad {padding-left: 20px; padding-right: 20px; } .lrpad40 {padding-left: 40px; padding-right: 40px; } .lrpad60 {padding-left: 60px; padding-right: 60px; } .lrpad100 {padding-left: 100px; padding-right: 100px; } .tpad {padding-top: 20px;} .tpad40 {padding-top: 40px;} .bpad {padding-bottom: 20px;} .bpad40 {padding-bottom: 40px;} .tbpad60 {padding-top: 60px; padding-bottom: 60px; } .tmargin {margin-top: 20px; } .tmargin40 {margin-top: 40px; } .tmargin60 {margin-top: 60px; } .bmargin {margin-bottom: 20px; } .bmargin5 {margin-bottom: 5px;} .bmargin10 {margin-bottom: 10px;} .bmargin40 {margin-bottom: 40px; } .bmargin60 {margin-bottom: 60px; } .lmargin {margin-left: 20px; } .lmargin5 {margin-left: 5px;} .lmargin40 {margin-left: 40px; } .lmargin60 {margin-left: 60px; } .rmargin {margin-right: 20px; } .rmargin5 {margin-right: 5px;} .rmargin40 {margin-right: 40px; } .rmargin60 {margin-right: 60px; } .nopad {padding: 0 !important;} .nobpad {padding-bottom: 0 !important;} .nomargin { margin: 0 !important; } .nobmargin {margin-bottom: 0 !important; } .textr { text-align: right;} .textl { text-align: left;} .textc, .center { text-align: center;} .block {display: block;} .uppercase {text-transform: uppercase;} .border-bottom {border-bottom: 1px solid #fff;} .img-responsive {width: 100%;} .bline { border-bottom: 1px solid #cccccc; } .lline { border-left: 1px solid #212121; } .bold { font-weight: 400; } .post { margin: 0px 0 20px 0; } .pagetitle {margin: 20px 0 0px 0; font-size: 36px; font-weight: 400; } .pagetitle-single { font-size: 24px; margin: 0 0 10px 0; } .title { letter-spacing: 3px; } .spacing { letter-spacing: 4px; } .white { color: #ffffff; } .icon-copy { background: url(images/icon-copy.png) no-repeat; width: 60px; height: 65px; display: block; } .icon-write { background: url(images/icon-write.png) no-repeat; width: 76px; height: 65px; display: block; } .grey { background: #352d2f;} .grey2 { background: #2e2e2e; } .green-bg {background: #193543;} .lightgrey { background: #fafafa;} .lightgrey2 { background: #ededed;} .light { color: #cccccc;} .tablecell {display: table-cell;} /* ---------------------------------------------------------------- Form and Buttons -----------------------------------------------------------------*/ .nav-tabs{border:0;} .nav-tabs > li > a { color: #212121; background: transparent; border-radius: 0px; border: 0; font-size: 16px; padding: 10px 0; margin:0 15px; display:inline-block; position:relative; overflow:hidden; padding-bottom:5px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; position:relative; text-transform:uppercase; } .token-input-input-token-facebook input, .token-input-input-token-facebook select, .forgot .pform input{border-radius:0 !important;} .nav-tabs > li a:hover, .nav-tabs > li a:focus, .nav-tabs > li a:active, .nav-tabs > li.active a:hover, .nav-tabs > li.active a{color: #212121 !important; background: none !important; border-radius: 0px; border: 0 !important; padding: 10px 15;} .nav-tabs > li > a:after{ content:''; height:2px; width:100%; background-color:#193769; position:absolute; left:-100%; bottom:0; transition:ease-in-out .2s; -webkit-transition:ease-in-out .2s; -moz-transition:ease-in-out .2s; } .nav-tabs > li.active a:after, .nav-tabs > li > a:hover:after{left:0%;} .button, .wpcf7-submit { color: #ffffff !important; background: #212121 !important; border-radius: 0px; border: 1px solid #212121; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .search-panel .btn-custome, .search-panel .btn-custome:hover { margin:0} .btn-custome:hover, .button:hover, .btn-default:hover {color: #FFFFFF !important; background: #212121; border: 1px solid #212121;} .button.btn-blue, .wpcf7-submit { color: #ffffff; background: #212121; border-radius: 0px; border: 1px solid #212121; } .button.btn-blue:hover, .wpcf7-submit:hover { color: #212121; background: #ffffff; border: 1px solid #212121; } .button.btn-white { color: #ffffff; background: transparent; border-radius: 0px; border: 1px solid #ffffff; } .button.btn-white:hover { color: #212121; background: #ffffff; border: 1px solid #212121; } .button-sm { padding:1px 10px !important; font-size:19conpx !important} .form-control { border-radius:0 } label { color: #666666; } .control-label { text-align: left; color: #000000; } select.form-control { border-radius: 0px; -webkit-border-radius: 0px; } .form-control.red {background: #212121; color: #ffffff; font-size: 16px; } .feedback .form-group { margin: 0 0 20px 0; } .feedback .form-control {width: 100%; background: #dedede; border-radius: 4px; border: 0; } .forgot { margin-right:10px;} /* Contact Form 7 Styles ---------------------------------*/ .wpcf7 { background-color: transparent; border: 0; } .wpcf7-form { margin-left: 0px; margin-right: 0px; margin-top: 20px; } .wpcf7-textarea { width: 85%; } .wpcf7 input { width: 70%; } .wpcf7-text { width: 70%; } .wpcf7-list-item { display: block; } .wpcf7-list-item { display: table-row; } .wpcf7-list-item * { display: table-cell; } /* == WordPress WYSIWYG Editor Styles == */ .entry-content img { margin: 0 0 1.5em 0 } .alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; } .alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } .alignnone, img.alignnone { /* not sure about this one */: } .wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; } .wp-caption img { border: 0 none; padding: 0; margin: 0; } .wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; } .wp-smiley { margin: 0 !important; max-height: 1em; } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } .gallery dl { } .gallery dt { } .gallery dd { } .gallery dl a { } .gallery dl img { } .gallery-caption { } .size-full { } .size-large { } .size-medium { } .size-thumbnail { } /* ---------------------------------------------------------------- Video Slider -----------------------------------------------------------------*/ .videobox {overflow: hidden; padding: 40px 0; position: relative; -webkit-transition: opacity .2s linear; transition: opacity .2s linear;} .videobox .fwb-bg {background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; background-size: cover; bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; text-align: center; top: 0; z-index: 0;} .videobox .container {position: relative} .videobox .fwb-bg .overlay { background-color: rgba(0, 0, 0, 0.3); height: 100%; width: 100%; position: absolute; background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%); background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%); background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%); background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%); -webkit-background-size: 3px 3px; -moz-background-size: 3px 3px; background-size: 3px 3px;} .videobox .fwb-video {background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; background-image: url(images/home-01.jpg); background-attachment: fixed;} .videobox .fwb-video video { background-attachment: fixed; vertical-align: top; position: absolute; right: 0; bottom: 0; max-width: inherit; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0;} #videobg h1.title, #videobg h2.title { font-weight: 300; color: #ffffff; font-size: 32px; line-height: 40px; letter-spacing: 10px; text-transform: uppercase; margin: 0; } #videobg p { color: #ffffff; font-size: 16px; letter-spacing: 4px; font-weight: 300; } #videobg .discover { background: url(images/icon-mouse.png) no-repeat top center; padding: 50px 0 0 0; margin: 40px 0 0 0; font-size: 16px; } .intro { padding: 0 10px; margin-bottom: 40px !important;} .intro .large { font-size: 18px; font-weight: 300; line-height: 40px; letter-spacing: 3px;} .intro p { color: #000000; } .introbox { padding-top: 40px; } /* ---------------------------------------------------------------- Banner -----------------------------------------------------------------*/ .pagebanner {overflow: hidden; padding: 80px 0 40px 0; position: relative; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; background: rgba(0, 0, 0, 0); } .pagebanner .container {position: relative} .pagebanner .overlay { background-color: rgba(0, 0, 0, 0.4); height: 100%; width: 100%; position: absolute; background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%); background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%); background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%); background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%); -webkit-background-size: 3px 3px; -moz-background-size: 3px 3px; background-size: 3px 3px; bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; text-align: center; top: 0; z-index: 0} .pagebanner .fwb-bg {background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; background-image: url(images/home-01.jpg); background-attachment: fixed; vertical-align: top; position: absolute; right: 0; bottom: 0; max-width: inherit; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0;} .pagebanner p { color: #ffffff; font-size: 16px; letter-spacing: 4px; font-weight: 300; } /* ---------------------------------------------------------------- Services Thumbnails -----------------------------------------------------------------*/ .services-box { display: block; position: relative; margin: 0 auto; overflow: hidden; } .services-box .services-box-caption { display: block; position: absolute; bottom: 0; width: 100%; height: 100%; text-align: center; color: #fff; opacity: 1; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; } .services-box .services-box-caption .services-box-caption-content { position: absolute; top: 65%; width: 100%; text-align: left; transform: translateY(-50%); } .services-box .services-box-caption .services-box-caption-content .project-category, .services-box .services-box-caption .services-box-caption-content .project-name { padding: 0 20px; } .services-box .services-box-caption .services-box-caption-content .project-category { text-transform: uppercase; font-size: 30px; font-weight: 300; letter-spacing: 4px; line-height: 30px; } .services-box .services-box-caption .services-box-caption-content .project-name { font-size: 14px; font-weight: 300; opacity: 1; } .services-box:hover .services-box-caption { background: rgba(0, 221, 253, .6); } .services-box img { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;} .services-box:hover img { -webkit-transform:scale(1.25) rotate(3deg); -moz-transform:scale(1.25) rotate(3deg); -ms-transform:scale(1.25) rotate(3deg); -o-transform:scale(1.25) rotate(3deg); transform:scale(1.25) rotate(3deg); } .services-box .services-box-caption.servicespage .services-box-caption-content { top: 30%; } /* ---------------------------------------------------------------- Blog -----------------------------------------------------------------*/ #blog { padding: 40px 0;} /* ---------------------------------------------------------------- Google Map Locator -----------------------------------------------------------------*/ #map {height: 600px; } .bgCl .loginBx { margin-top:10px;} /* ---------------------------------------------------------------- Contact -----------------------------------------------------------------*/ #contact { padding: 90px 0; } .contactbg { background: url(images/bg-contact.jpg) no-repeat 50%; background-size: cover; } #contact img { width: 80%; overflow: hidden; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; } #contact a:hover img { -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); } /* ---------------------------------------------------------------- Social Stay Connected -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- Tabs -----------------------------------------------------------------*/ #fullwidth .ui-tabs ul {padding: 0; margin: 0; list-style: none;} #fullwidth .ui-tabs li { background: #cccccc; color: #ffffff; font-size: 18px; letter-spacing: 2px; font-weight: 300; text-transform: uppercase; display: block; float: none; border: 0; margin: 0 1px 0 0; padding: 0; } #fullwidth .ui-tabs li.ui-tabs-active, #fullwidth .ui-tabs li:hover { background: #212121; } #fullwidth .ui-tabs a { color: #ffffff; } #fullwidth .ui-tabs a:hover { color: #ffffff; } #fullwidth .ui-tabs .wpb_tab { background: transparent; border-top: 1px solid #212121; padding: 40px 0; margin: 0; } /* ---------------------------------------------------------------- Inside Page Styling -----------------------------------------------------------------*/ .sensibilities { padding: 40px 0 0 0; } .heritage h2, .getsgroup h2, .mission h2, .vision h2, .bod h2, .services-details h2, .pharma h2, .healthcare h2, .telecom h2, .pharma p, .financials h2, .address h2 {color: #ffffff;} .heritage p, .getsgroup p, .mission p, .vision p, .services-details p, .healthcare p, .telecom p, .financials p, .address h3, .address p {color: #cccccc;} .pharma h2, .healthcare h2, .telecom h2, .address h3 { margin-bottom: 0; } .milestones {text-align: center;} .milestones h2 { text-align: center; color: #212121; } .milestones p { text-align: center; } .mission, .vision, .services-details { background-position: 50%; background-size: cover; } .clients { padding: 40px 0; text-align: center; } .bod { padding: 40px 0; } .bod .title {margin: 0; } .bod .wpb_single_image { margin: 0; height: 180px; overflow: hidden; } .bod .wpb_single_image img {border: 1px solid #ffffff; width: 100%; height: 180px; } .bod a:hover img {border: 1px solid #212121; } .bod h2.title {text-align: center;} .bod h3 {color: #ffffff; text-align: left; margin: 0; } .bod .p { text-align: left; } .bod a {color: #ffffff; } .bod .vc_pageable-slide-wrapper, .clients .vc_pageable-slide-wrapper { margin-right: 0 !important; } .bod .vc-gitem-zone-height-mode-auto:before { padding-top: 98% !important; } .clients .vc-gitem-zone-height-mode-auto:before { padding-top: 35% !important; } .jobs-grid { padding: 40px 0; } .jobs-grid .title {margin: 0; } .jobs-grid .wpb_single_image { margin: 0; height: 122px; overflow: hidden; } .jobs-grid .wpb_single_image img {border: 1px solid #cccccc; width: 100%; height: 122px; } .jobs-grid a:hover img {border: 1px solid #212121; } .jobs-grid h3, .jobs-grid h3 a {color: #30282a; text-align: left; margin: 10px 0 0 0; } .jobs-grid p, .jobs-grid .p { text-align: left; margin: 0; } .jobs-grid a {color: #ffffff; } .jobs-grid .vc_pageable-slide-wrapper { margin-right: 0 !important; } .jobs-grid .vc-gitem-zone-height-mode-auto:before { padding-top: 148% !important; } .jobs-grid .vc_gitem-col { background: #ffffff !important; padding: 0 !important; } .jobs-grid .vc_custom_heading { padding: 0 10px !important; margin: 0; } .button.hack { padding: 0; margin: 10px; text-transform: uppercase; } .button.hack a { font-size: 18px; background-color: #212121 !important; color: #ffffff !important; padding: 10px 20px; } .button.hack a:hover { background-color: #ffffff !important; color: #212121 !important; } #media .button { font-size: 18px; padding: 5px 10px;} #media a img {border: 1px solid #000000; margin: 0 0 20px 0; } #media a:hover img {border: 1px solid #212121; } #media h3 { font-size: 24px; } #news {padding: 40px 0;} #news h2, #news h3 { margin: 0; } #news .news-item, #videos .videos-item, #print .print-item { margin-bottom: 20px; } #videos {padding: 40px 0;} #videos h2, #videos h3 {color: #ffffff; } #videos p {color: #999999; } #videos h3 a:hover, #videos .play-icon:hover { color: #ffffff; } .play-icon:after { position:absolute; top:24%; left:44%; content:'\25B6'; width: 42px; height: 56px; font-size: 42px; z-index: 9999; } .category-videos iframe {width: 100% !important; height: 420px; } #print {padding: 40px 0;} #print h2, #print h3 {color: #ffffff; margin: 0;} #print p {color: #999999; } #print h3 a:hover { color: #ffffff; } h3.title p { font-size:30px;} .vc_gitem-post-data ul { margin:0 !important; padding:0 !important } .vc_gitem-post-data ul li { padding:0 !important; margin:0 !important; border:0 !important; display:inline} .sechm, .sechm > div { display:flex} .sechm .thumbnail { flex:1; text-align:justify} .sechm .panel { position:relative} .sechm .panel .panel-footer { position:absolute; bottom:0; left:0; right:0; background:rgba(255, 255, 255, .85)} .panel-primary, .panel-custome { border-color:#193769} .panel-custome .panel-heading { border-color:#193769; border-radius:0; color:#000; font-size:16px; color:#fff } .panel-custome .panel-heading .panel-title { font-size:24px} .panel-custome .panel-header, .panel-custome .panel-heading { background-color:#193769; border-radius:0} .panel-customeN, .panel-customeN .panel-heading, .panel-customeN .panel-title { border-color:#193769; border-radius:0; } .table-jobs, .table-jobs .btn { font-size:15px} .cvSpan { display:inline-block} body .hrLine { margin:2px 0 !important} .paginCont .current { color:#999} .fa-upload { display:none} .unDesBlt { margin:10px 0; font-size:18px; margin-top:20px; clear:both} .fRmP > div, .pWin1 > .cont > .form > div, .cont .form > div, .lInputNwDiv { float:left; width:100%; margin-bottom:10px} .lInputNwDiv .lanhn > div { width:165px; float:left; font-weight:bold} .fRmP > div > b, .pWin1 > .cont > .form > div > b, .cont .form > div > b, .lInputNwDiv .lanhn > div:first-child { float:left; padding:10px; width:200px; font-size:14px; font-weight:normal; font-weight:normal} .unForm input[type="text"], .unForm input[type="submit"], .unForm input[type="button"], .unForm button, .unForm select, .unForm textarea { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: inline-block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 500px; } .unForm > div { float:left; width:100%; clear:both} .unForm input[type="submit"], .unForm input[type="button"], .unForm button { width:auto; background-color:#212121; color:#fff } body .unForm .frm-xs { width:165px} body .unForm .frm-sm { width:330px} .unForm div p { float:left; padding:5px 5px 5px 0 }/*padding-left:200px !important;*/ .maroon12B, .red { color:#c00} .unForm > div > .btns { padding-left:200px; float:left} .adNew { float:right; width:100%; text-align:right; margin:20px 0;} .subDet { background-color:#fff; padding:14px; float:left; width:100%; margin-bottom:20px;} .subDet .form .entry, .ExpAppDiv .bar { float:left; width:100%; border-top:solid 1px #ccc;} .subDet .form .entry:first-child, .ExpAppDiv .bar:first-child { border:0} .subDet .hd { background:none; padding:0; font-size:14px; float:left} .subDet .opt { background:none; padding:0; font-size:14px; float:right; padding:10px 0} .pWin1 .tit { float:left; width:100%;} .tiHd { float:left; width:100%; clear:both; border:solid 1px #999 ; padding:10px;} .tiHd .titB { float:left; padding:10px; width:16.65%;} .tiHd .titWht { font-weight:bold; background-color:#e4e4e4} .breadcrumb1 { padding: 0px; background: #D4D4D4; list-style: none; overflow: hidden; margin-top: 20px; } .breadcrumb1>li+li:before { padding: 0; } .breadcrumb1 li { float: left; } .breadcrumb1 li.active { background: brown; /* fallback color */ background: #212121 ; color:#fff; } .breadcrumb1 li.completed { background: #666; /* fallback color */ color:#fff; } .breadcrumb1 li.active:after { border-left: 30px solid #212121 ; } .breadcrumb1 li.completed:after { border-left: 30px solid #666; } .breadcrumb1 li { color: #666; text-decoration: none; padding: 10px 0 10px 45px; position: relative; display: block; float: left; } .breadcrumb1 li:after { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid hsla(0, 0%, 83%, 1); position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; } .breadcrumb1 li:before { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid white; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1; } .breadcrumb1 li:first-child { padding-left: 15px; } .banner{ position:relative; } .banner h1{font-weight:300;color:#212121; margin:170px 0 50px;} .banner h1 b{font-weight:500;} .banner h1 span{display:block;font-size:90%;} .banner img{ width:100%; } .banner .search-bar{ border-radius:35px; padding:10px; background-color:#fff; margin:50px auto 50px; } .banner .search-bar .input-group .form-control{ color:#878787; border:0 !important; height:54px; font-size:18px; font-family: 'Roboto', sans-serif, arial; font-weight:300; box-shadow:none !important;} .banner .search-bar .input-group .form-control:focus{ box-shadow:none !important; outline:none !important;} .banner .search-bar .input-group-btn .btn { border-radius: 50%; background-image: -moz-linear-gradient( 135deg, rgb(255,177,83) 0%, rgb(255,140,89) 100%); background-image: -webkit-linear-gradient( 135deg, rgb(255,177,83) 0%, rgb(255,140,89) 100%); background-image: -ms-linear-gradient( 135deg, rgb(255,177,83) 0%, rgb(255,140,89) 100%); box-shadow: 0.627px 5.967px 19px 1px rgba(255, 141, 89, 0.3); width: 54px; height: 54px; z-index: 232; border:0 !important; color:#fff; } .location-map{} .location-map img{ width:100%; } .carousel-indicators li{ background-color:#fff;} .carousel-indicators .active { margin: 1px; width: 10px; height: 10px; border-color:rgb(245, 195, 87) !important; background-color: rgb(245, 195, 87); box-shadow: 0px 5px 7.84px 0.16px rgba(245, 195, 87, 0.5); } .carousel-indicators { bottom: 9.5%; left: 4%; margin: 0; text-align: left; } .navbar-nav a { color:#fff !important} @media screen and (max-width: 991px) { .navbar-collapse{ background:none !important; position: absolute; left: 15px; right: 15px; top: 100%; z-index:99; } .navbar-collapse .nav{ margin:0;} .navbar-collapse .nav li { margin:0 0 1px !important;} .navbar .nav > li > a{padding: 7px 15px;} .navbar-collapse .nav li a, .navbar-collapse .nav li a:active,.navbar-collapse .nav li a:focus{background-color: rgba(25, 55, 105, 0.9) !important; border:1px solid rgba(25, 55, 105, 0.8) !important;border-radius:2px !important;outline:none !important;color:#fff !important;} .navbar-collapse .nav li a:hover{background-color: rgba(11, 46, 78, 0.95) !important; color:#fff !important;} .navbar-brand {margin:0 !important;} .navbar-brand img{height:45px;} .navbar-dark .navbar-toggler{ background-color: rgba(11, 46, 78, 1) !important; } .navbar-nav { background-color: var(--primary); padding: 14px; border-radius: 8px; } .navbar-nav a { color: #fff !important;} .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; /*margin: 7.5px -15px;*/ margin: 7.5px 50px 7.5px -15px } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .navbar-text { float: none; margin: 15px 0; } /* since 3.1.0 */ .navbar-collapse.collapse.in { display: block!important; } .collapsing { overflow: hidden!important; } .head-bg{background-size: 44% 300px;} .banner h1 { margin: 20px 0; font-size: 22px; } .banner .search-bar { margin: 20px auto 30px; padding:5px; } .banner .search-bar .input-group .form-control{ height:42px;font-size:14px;} .banner .search-bar .input-group-btn .btn { width: 42px; height: 42px; padding: 8px; } } @media (min-width: 700px) { .bzBx { min-height:161px;} } @media (max-width: 767px) { footer .rights-text {padding-left: 0;padding-right: 0;} section.hp{text-align:center;} .hpBx .h4::after {margin: 14px auto 12px;} footer .powered-by, footer .powered-by a{ font-size:14px;} .flogo {margin: 0 0 10px;} .flogo img{height:40px;} footer h3{margin: 35px 0 20px;} } @media (max-width: 600px) { .ftrCpy, .ftrPwd { text-align:center !important} .navbar-small .navbar-brand img, .navbar-big .navbar-brand img { max-height: 60px; width: auto;} .navbar-big { height:auto; padding:10px 0} .navbar-big { padding:0} .navbar-big .navbar-brand, .navbar-small .navbar-brand { margin-top: 0px; height: auto; padding: 10px 15px;} .navbar-big .navbar-brand img, .navbar-small .navbar-brand img { position:relative} .navbar-big .navbar .nav > li > a , .navbar-small .navbar .nav > li > a { padding:8px; width:100%} .navbar-nav { margin:0} .nav-tabs > li > a { font-size:14px; padding: 10px} .nav-tabs-custome div { text-align:center} #myTabContent .tab-pane div { text-align:center !important} #myTabContent .panel-body .row { padding-bottom:20px} #myTabContent .panel-body .row [class*='col-']:first-child { font-weight:bold; font-size:18px} } @media (max-width: 480px) { .search1 { width:100%} .ss-pic { width:100%; margin-top:30px;} .siteInfo .media-left, .siteInfo .media-body { width:100% ; text-align:center } } .jobs-slider{} .jobs-slider{position:relative;} .jobs-slider:after{ position:absolute;background-color:#fafafa;content:''; left:0; right:0; bottom:0; height:133px;} .jobs-slider .nbs-flexisel-container{z-index:9;} .jobs-slider .nbs-flexisel-item{min-width:228px;} @media screen and (min-width:1170px) and (max-width:1400px){ .jobs-slider .nbs-flexisel-item{min-width:285px;} } .jobBox{ font-size: 16px; box-shadow: 1.568px 10px 10.25px 0.75px rgba(33, 33, 33, 0.1); border-radius: 5px; text-align:left; margin:0 10px 20px; } .jobBox .theContent{ background-color: #fff; border-radius: 5px 5px 0 0; padding: 30px; color: #757575; } .jobBox .theTitle{ color: #212121; font-size: 18px; line-height: 23px; height: 46px; overflow: hidden; } .jobBox .theCompany{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 20px; } .jobBox .theLocation{ height: 20px; line-height: 20px; background: url(../../i/ignite/pin.svg) no-repeat center left; padding-left: 24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 15px; } .jobBox .theButton{ background-color: #fafafa; border-radius: 0 0 5px 5px; padding: 30px; } .jobBox .theButton a, .jobBox .theButton a:active, .jobBox .theButton a:focus{ display: block; border: 1px solid #bdbdbd; border-radius: 30px; color: #818181; text-decoration: none; text-align: center; background: transparent; padding: 15px 10px; transition: ease-in-out .2s; } .jobBox .theButton a:hover{ border-color: transparent; color: #fff; background-image: -moz-linear-gradient( 135deg, rgb(55,173,80) 0%, rgb(43,151,65) 100%); background-image: -webkit-linear-gradient( 135deg, rgb(55,173,80) 0%, rgb(43,151,65) 100%); background-image: -ms-linear-gradient( 135deg, rgb(55,173,80) 0%, rgb(43,151,65) 100%); box-shadow: 0.627px 5.967px 19px 1px rgba(55, 173, 80, 0.3); } .custom-tabs{} .custom-tabs .nav-tabs{} .custom-tabs{} .custom-tabs{} .noJobBox{ padding:25px 15px 15px; text-align:center; position:relative; z-index:9; margin-top:10px;} .noJobBox p{margin-bottom:10px;} @media screen and (max-width:560px){ .noJobBox{ padding:20px 15px; margin:15px -15px 0; background-color:#fff; } .jobs-slider .nav-tabs > li.allJobs{ width:90%;} .xs-center { text-align:center} } body .h2 { font-size: 21px; } ul.token-input-list-facebook{padding-right:0;} .well.color-custome{ background-color:#EBEBEB; color:#193769; padding:19px;box-shadow: 0 0 8px #ccc;} @media (max-width: 479px){ a{ font-size: 20px; padding: 10px 0; margin:0 15px 0 0; } .input-group-m { flex-direction: column;} .input-group-m > * { width: 100% !important; border-radius: 0 !important; margin-bottom: 8px;} .Testmonials .h4{ margin-bottom:40px;} } .well.forgot legend h3{ padding-bottom:10px;} #tblBasic .mobnone{display:none;} #tblBasic .sch-title{margin:7px 0;} .paging{clear:both;} .paging .cap{margin-bottom:20px;} .about-page header + .clearfix.pdTB15{display:none;} .igniteForm { margin-bottom:30px} .navForm { margin-bottom:30px !important; display:block; float:left; margin-left:0; padding-left:0; width:100% } .navForm li { float:left; list-style-type:none; width:16%; text-align:center; color:#193769; font-weight:bold;} .navForm li > span { border:solid 1px #dfdfdf;border-radius:50%; display:block; width:42px; height:42px; text-align:center; padding:4px; background-color:#eee; margin:0 auto; position:relative; z-index:10} .navForm li > span > span { border:solid 1px #ccc;border-radius:50%; display:block; width:32px; height:32px; text-align:center; background-color:#68d34d; padding:4px; font-weight:bold; color:#fff} .navForm li.active > span > span { background-color:#193769 !important; color:#fff !important} .navForm li i { display:block; width:100%; border:solid 1px #ccc; border-width:1px 0 1px 0; height:8px; position:relative; margin-top:-8px; margin-bottom:10px} .navForm li:first-child i { width:50%; float:right} .navForm li:last-child i { width:50%; } .navForm li:first-child > span > span { background-color:#fff; color:#666} .navForm li:last-child > span > span { background-color:#fff; color:#666} .navForm p { clear:both} .igniteForm .unForm input[type="submit"], .igniteForm .unForm input[type="button"], .igniteForm .unForm button { background-color:#193769; border-collapse:#193769} .igniteForm a, .igniteForm a:visited, .igniteForm a:focus { color:#333} .igniteForm .unDesBlt, .igniteForm .pWin1 h3 { font-size:20px; color:#193769; font-weight:bold}