/* Theme Name: Marchup Theme URI: Marchup Description: The Marchup theme based on the famous Wordpress CMS. Version: 4.5.3 Author: Marchup */ /* ### general ### */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700'); * { margin: 0px; padding: 0px; } html, body { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #666666; } input, select, textarea { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #666666; } body { background: #fff; } img { border: 0px; display: block; } a, input { outline: none; } /* ### global classes ### */ .clear { clear: both; height: 0px; overflow: hidden; } header, footer, section, aside, nav, article { display: block; } /* ### wrapper ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; } ::-webkit-input-placeholder { opacity: 1; color: #414141; } :-moz-placeholder { /* Firefox 18- */ opacity: 1; color: #414141; } ::-moz-placeholder { /* Firefox 19+ */ opacity: 1; color: #414141; } :-ms-input-placeholder { opacity: 1; color: #414141; } /* ### main container ### */ #mainCntr { margin: 0 auto; width: 100%; } /* ### header container ### */ #headerCntr { position: relative; width: 100%; background: #fff; } #headerCntr .navbar-default { margin-bottom: 0; background: #fff; border-color: #fff;} #headerCntr .container { padding: 0px;} #headerCntr .navbar-brand { padding: 15px 0 22px; margin-left: 1px; height: auto; } #headerCntr .navbar-nav { margin-right: 30px; float: right} #headerCntr .navbar-default ul li a { padding: 28px 20px 28px 38px; font-size: 17px; color: #2c2c2c; font-family: 'ProximaNova-Regular';} #headerCntr .navbar-default ul li a:hover,#headerCntr .navbar-default ul li.current-menu-item a { background: #f6f9fa; color: #008bdb; } #headerCntr .navbar-default .telephone { padding:5px 0; text-align: center; margin-top: 20px; border: 1px solid #008bdb; float: right; width: 174px; height: 35px; background: #fff; margin-top: 18px; position: relative;text-align: center;} #headerCntr .navbar-default .telephone::before {-moz-border-bottom-colors: none; -moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none; border-color: #008bdb #008bdb transparent transparent;border-image: none; border-style: solid; border-width: 8px; content: " "; height: 0;left: 140px; position: absolute;bottom: -16px; width: 0;} #headerCntr .navbar-default .telephone::after { -moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #fff #fff transparent transparent;border-image: none;border-style: solid;border-width: 8px;content: " ";height: 0;left:139px;position: absolute;bottom: -13px;width: 0;} h1 { font-size: 72px; } #headerCntr .navbar-default .telephone span { font-size: 19px; background: -webkit-linear-gradient(#008bdb, #008bdb, #003770);-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'proxima_nova_rgbold';} #headerCntr .navbar-default ul li a:before{content:''; position:absolute; width:25px; height:27px; left:14px; background: url('images/icons.png') no-repeat; top:23px; } #headerCntr .navbar-default ul li:nth-child(2) a:before{ background-position: 0 -25px;} #headerCntr .navbar-default ul li:nth-child(3) a:before{ background-position: -2px -52px;} #headerCntr .navbar-default ul li:nth-child(4) a:before{ background-position: -2px -75px;} #headerCntr .navbar-default ul li:nth-child(1) a:hover:before,#headerCntr .navbar-default ul li.current-menu-item:nth-child(1) a:before{ background-position: -24px 0px;} #headerCntr .navbar-default ul li:nth-child(2) a:hover:before,#headerCntr .navbar-default ul li.current-menu-item:nth-child(2) a:before{ background-position: -24px -25px;;} #headerCntr .navbar-default ul li:nth-child(3) a:hover:before,#headerCntr .navbar-default ul li.current-menu-item:nth-child(3) a:before{ background-position:-26px -52px} #headerCntr .navbar-default ul li:nth-child(4) a:hover:before,#headerCntr .navbar-default ul li.current-menu-item:nth-child(4) a:before{ background-position: -26px -75px;} .table.table-bordered th p { color: #fff !important; } .dropdown-toggle { color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer;} .menu-item-has-children { position: relative; display:block;} .dropdown-menu {display:none; position:absolute; background-color:#f9f9f9; min-width:160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } .dropdown-menu a { color: black; padding: 12px 16px; text-decoration: none; display: block;} .dropdown-menu a:hover {background-color: #f1f1f1} .menu-item-has-children:hover>.dropdown-menu{ display: block;} .menu-item-has-children>.dropdown-menu>li>.dropdown-menu{ left:190px; top:-8px;} .menu-item-has-children:hover .dropdown-toggle{ background:#f6f9fa;} .menu-item-has-children .dropdown-menu li>a{padding: 10px 20px !important;} .menu-item-has-children .dropdown-menu li>a:before{background:none !important;} /* banner-box */ .banner-box { width: 100%;} .banner-box .carousel-inner .item img { width: 100%;} .banner-box .carousel-arrow { width: 100%; position: relative;} .banner-box .carousel-arrow .carousel-control.left { background: url('images/arrow-left.png') no-repeat; width: 39px; height: 39px; top: -60px; position: absolute; left: 75px;} .banner-box .carousel-arrow .carousel-control.right{ background: url('images/arrow-right.png') no-repeat; width: 39px; height: 39px; top: -60px; left: 124px; position: absolute;} .banner-box .carousel-control:hover, .banner-box .carousel-control:focus { opacity: .5;} .banner-box .carouseltext { background: url('images/slider-textbg.png')no-repeat; position: absolute; right:0; height: 320px; width: 615px; background-size: 100%; bottom: 0px;} .banner-box .carouseltext .text {margin-left: 120px;margin-top: 100px;width: 415px;} .banner-box .carouseltext h2 { padding:0 0 10px; margin: 0 0 10px; font-size: 32px; line-height: 36px; text-transform: uppercase;color: #fff;font-family:'ProximaNova-Extrabld'; background: url('images/heading-line.png') no-repeat; background-position: bottom left;} .banner-box .carouseltext p { font-size: 20px; line-height: 24px; color: #fff; font-family: 'proxima_novalight';} /* staff-box */ .staff-box { padding-top: 76px; width: 100%;} .staff-box:last-child{ padding-top: 50px;} .staff-box .staff-wrap { float: right; width: 93%; text-align: center; } .staff-box .solutions-wrap { margin-right: 25px; float: left; font-size: 20px; width: 42px; min-height: 232px; color: #fff; font-family: 'ProximaNova-Regular'; background: #3a3a3a; position:relative; } /* .callout:after{content: '';top: 50%; left: 3.2%;margin-top:98px;width: 0; height: 0;border-left: 12px solid #00a7fa; border-top: 16px solid transparent;border-bottom: 16px solid transparent; position: absolute;} .callout1:after{content: '';top: 50%; left: 3.7%;margin-top:98px;width: 0; height: 0;border-left: 12px solid #00a7fa;border-top: 16px solid transparent;border-bottom: 16px solid transparent; position: absolute;}*/ .staff-box h3 { margin: 0; transform: rotate(-90deg); display:block; } .vertical-text {float: left; position: absolute; font-size: 0; background: url(images/staff.png) no-repeat left center; width: 60px; height: 242px;} .vertical-text1 {float: left; position: absolute; font-size: 0; background: url(images/job-seeker.png) no-repeat left center; width: 60px; height: 242px;} .staff-wrap .staffcont a {display:block; min-height:232px; padding:20px 18px;} .staff-box .staff-wrap .staffcont { width: 100%; box-sizing: border-box; background: #f7f7f7;} .staffcont span {color: #008bdb;} .staff-box .staff-wrap .staffcont:hover { box-shadow: 0 0 8px 4px #ccc;} .staff-box .staff-wrap h4 { font-size: 16px; text-transform: uppercase; color: #292929; font-family: 'proxima_nova_rgbold'; min-height: 35px; } .staff-box .staff-wrap p { font-size: 15px; line-height: 18px; color: #000; font-family: 'ProximaNova-Regular';} .staff-box .staff-wrap a { text-decoration: none; color: #008bdb;} .staff-box .staff-wrap img { margin: 0 auto;} /* choose-box */ .choose-box { padding-top: 73px; width: 100%;} .choose-box h2 { padding-bottom: 30px; margin: 0 0 30px; font-size: 48px; color: #414141; text-align: center; font-family:'ProximaNova-Regular'; background: url('images/arrow-line.png') no-repeat; background-position: bottom center;} .choose-box .choose-text { width: 100%; padding: 10px 20px; box-sizing: border-box;} .choose-box .img-circle { margin: 0 auto; max-width: 100%;box-shadow: 0 0 0 10px #f7f7f7;} .choose-box h3 { font-size: 22px; text-transform: uppercase; background: -webkit-linear-gradient(#008bdb, #008bdb, #003770);-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family:'ProximaNova-Semibold';} .choose-box p { font-size: 15px; color: #333; font-family:'ProximaNova-Regular'; } /* area-box */ .area-box { margin-top: 70px; width: 100%; background: url('images/area-bg.png') no-repeat; background-size: cover ; background-position: center center; min-height: 795px;} .area-box .areatop h1 { margin-top: 60px; font-size: 38px; line-height: 44px; font-family: 'proxima_novalight'; color: #414141;} .area-box .areatop p { font-size: 24px;line-height: 32px; color: #666666; font-family: 'ProximaNova-Regular'; } /* area-experties */ .area-experties {padding-top: 50px; margin: 0 auto; width: 55%;} .area-experties .areatitle { margin-bottom: 30px; background: url('images/area-linbg.png') repeat-x; background-position: center center; width} .area-experties h2 { padding: 0 15px; margin: 0 auto; width: auto; display: inline-block; font-size: 32px; line-height: 44px; color: #414141; font-family: 'proxima_novalight'; background: #fdfdfd; } /* experties-bar */ .experties-bar { margin: 0 auto; width: 90%;} .experties-bar .left { float: left;} .experties-bar .right { float: right;} .experties-bar ul { list-style: none;} .experties-bar li { margin-bottom:25px;} .experties-bar .col-md-6, .experties-bar .col-sm-6 { width: 45%;} .experties-bar span { margin-bottom: 5px; display: block; font-size: 13px; color: #000; font-family:'ProximaNova-Semibold'; text-transform: uppercase;} .experties-bar .progress { height: 5px; border-radius: 0; background: #dcdcdc;} .experties-bar .progress .progress-bar-success { transition-duration: 3s; -webkit-transition-duration: 3s;-moz-transition-duration: 3s; background: #005aa5; background: -moz-linear-gradient(left, #005aa5 0%, #00a7fa 70%, #00a7fa 100%); background: -webkit-linear-gradient(left, #005aa5 0%, #00a7fa 70%, #00a7fa 100%); background:linear-gradient(to right, #005aa5 0%, #00a7fa 70%, #00a7fa 100%) repeat scroll 0 0 Chrome26+, Opera12+, filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005aa5', endColorstr='#00a7fa',GradientType=1 ); } .experties-bar .left li .progressicon { background: #f3f3f3 url("images/areaicons.png") no-repeat scroll ; background-position: -1px -2px;border: 1px solid #dddddd;border-radius: 50%;display: inline-block;float: left; height: 40px; margin-right: 15px;width: 40px; margin-bottom: 0px; margin-top: -5px;} .experties-bar .left li:nth-child(2) .progressicon { background-position: 0px -35px; } .experties-bar .left li:nth-child(3) .progressicon { background-position: 0 -74px; } .experties-bar .left li:nth-child(4) .progressicon { background-position: 0px -115px;} .experties-bar .left li:nth-child(5) .progressicon { background-position: 0px -152px; } .experties-bar .left li:nth-child(6) .progressicon { background-position: 0 -190px; } .experties-bar .left li:nth-child(7) .progressicon { background-position: 0 -227px; } .experties-bar .left li:nth-child(8) .progressicon { background-position: 0 -262px; } .experties-bar .right li .progressicon { background: #f3f3f3 url("images/areaicons.png") no-repeat scroll ; background-position:-39px -2px;border: 1px solid #dddddd;border-radius: 50%;display: inline-block;float: left; height: 40px; margin-right: 15px;width: 40px; margin-bottom: 0px; margin-top: -5px;} .experties-bar .right li:nth-child(2) .progressicon { background-position: -39px -35px; } .experties-bar .right li:nth-child(3) .progressicon { background-position: -39px -74px; } .experties-bar .right li:nth-child(4) .progressicon { background-position: -39px -115px;} .experties-bar .right li:nth-child(5) .progressicon { background-position: -39px -152px; } .experties-bar .right li:nth-child(6) .progressicon { background-position: -39px -190px; } .experties-bar .right li:nth-child(7) .progressicon { background-position: -39px -227px; } .experties-bar .right li:nth-child(8) .progressicon { background-position: -39px -263px; } /* community-box */ .community-box { padding: 73px 0 55px; width: 100%;} .community-box h2 { font-size: 16px; line-height: 24px; color: #222; font-weight:bold; font-family: 'proxima_novalight'; background: url('images/arrow-line.png') no-repeat; background-position: bottom center; margin: 0 0 30px; padding-bottom: 35px;text-align: center;text-transform: uppercase;} .community-box .owl-item .item img { margin: 0 auto;} /* 404 ,single page ,default page*/ .fullwidth .singletext,.fullwidth .singlepost ,.banner-block .fulltitle{ margin-top: 30px;} .fullwidth h1,.fullwidth h2,.fullwidth h3 { font-size: 36px !important; line-height: 24px; color: #3f3f3f; font-family: 'ProximaNova-Regular'; background: url('images/arrow-line.png') no-repeat; background-position: bottom center; margin: 0 0 30px; padding-bottom: 35px;text-align: center;text-transform: uppercase;} .banner-block .fulltitle h2 {font-size: 36px !important; line-height: 24px; color: #3f3f3f !important; font-family: 'ProximaNova-Regular'; background: url('images/arrow-line.png') no-repeat; background-position: bottom center; margin: 0 0 30px; padding-bottom: 35px;text-align: center;text-transform: uppercase;} .fullwidth p ,.fullwidth a,.entry{ font-size: 16px !important; color: #666666 !important; line-height: 24px; font-family: 'ProximaNova-Regular';} .fullwidth li{ font-size: 16px !important; color: #666666 !important; line-height: 24px; font-family: 'ProximaNova-Regular';} .fullwidth .singletext li { list-style: none;} .fullwidth .singletext li a{ font-size: 16px !important; color: #008bdb !important; line-height: 24px; font-family: 'ProximaNova-Regular'; font-weight: bold;} .fullwidth .singlepost img { float: left;} /* faq */ .faqtext h2 { font-size: 36px !important; line-height: 24px; color: #3f3f3f; font-family: 'ProximaNova-Regular'; background: url('images/arrow-line.png') no-repeat; background-position: bottom center; margin: 0 0 30px; padding-bottom: 35px;text-align: center;text-transform: uppercase;} .faqtext p{ font-size: 16px !important; color: #666666 !important; line-height: 24px; font-family: 'ProximaNova-Regular';} /* banner-block */ .banner-block.container-fluid { width: 100%; padding:0px; position: relative;} .banner-block.container-fluid .bannertitle { position: absolute; top: 25%; left: 15%; width: 70%; text-align: center; } .banner-block.container-fluid h2 { font-size: 64px; color: #fff; text-transform: uppercase; font-family:'ProximaNova-Regular'; } .banner-block img{ width: 100%; height:auto; display:block; } /*About us */ .dropcap h2 { font-size: 37px !important; color: #414141 !important; font-family: 'proxima_novalight' !important; } .imaggecricle { margin-top: 25px; float: left; width: 125px; height: 125px; box-shadow: 0 0 0 6px #f7f7f7; border-radius: 50%;} .imaggecricle.wr-element-container img { margin: 25px auto; float: none !important;} .imagright { float: right; width: 70%;} .imagright h3 { margin: 0 0 10px !important; font-size: 22px !important; background: -webkit-linear-gradient(#008bdb, #008bdb, #003770) !important;-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'ProximaNova-Regular'; text-transform: uppercase; } .imagright p { font-size: 15px !important; color: #666 !important; line-height: 22px; font-family: 'ProximaNova-Regular'; } .founded p { font-size: 20px !important; color: #2c2c2c !important; line-height: 28px; font-family: 'proxima_novalight'; text-align: center; } .uniquecont { width: 100%; text-align: center;} .uniquecont p:first-child,.communityleft p:first-child{ display: none;} .uniquecont h2 { font-size: 36px !important; color: #414141 !important; font-family: 'proxima_novalight' !important; background: url('images/arrow-line.png') no-repeat; background-position: bottom center; margin: 0 0 30px; padding-bottom: 35px;} .uniquecont p { font-size: 20px !important; color: #666666 !important; line-height: 28px; font-family: 'proxima_novalight';} .communityleft ol li { margin-bottom: 50px; font-size: 15px !important; color: #333 !important; line-height: 24px; font-family: 'Open Sans', sans-serif;} .communityleft h4 { font-size: 17px !important; color: #000 !important; text-align: center; font-family:'ProximaNova-Semibold'; text-transform: uppercase;} .communityleft img { max-width: 100%; height: auto;} /* contact us */ .contact { margin-top: 60px;} .contact:last-child{ margin-top: 0px;} .contact h3 { margin: 0 0 0px !important; font-size: 24px !important; color: #414141 !important; font-family: 'ProximaNova-Semibold'; text-transform: uppercase; } .contact p:first-child,.contact p:last-child{display: none;} .contact address { margin: 0 0 10px !important; font-size: 19px !important; color: #666666 !important; line-height: 24px !important; font-family: 'ProximaNova-Regular';} .contactform { margin-top: 40px; width: 100%; } .contactform p { margin-bottom: 15px !important;} .contactform h3 { margin: 0 0 15px !important; font-size: 24px !important; color: #414141 !important; font-family: 'ProximaNova-Semibold';} .contactform input[type="text"],.contactform input[type="email"] { padding: 5px 10px; border-radius: 2px; font-size: 16px !important; color: #414141!important ; line-height: 24px !important; font-family: 'ProximaNova-Regular'; width: 91%; box-sizing: border-box; border: 1px solid #666; background: #fff;} .contactform textarea { padding: 5px 10px; border-radius: 2px; font-size: 16px !important; color: #414141!important ;height: 120px; font-family: 'ProximaNova-Regular'; width: 91%; box-sizing: border-box; border: 1px solid #666; background: #fff; letter-spacing: 1px; resize: none; box-sizing: border-box; -webkit-appearance: none; letter-spacing: 1px; outline: none; overflow: auto; } .contactform input[type="submit"] { padding: 10px 30px; border-radius: 2px; color: #fff; text-align: left; width: auto; cursor: pointer; font-size: 20px;font-family: 'ProximaNova-Semibold'; display: block; line-height: 17px; border: none; width: auto; background: #0067aa; text-transform: uppercase; } .contactform input[type="submit"]:hover { background: #008bdb;} .contactform .wpcf7 input.wpcf7-not-valid { border: 1px solid #f00;} .contactform .wpcf7 span.wpcf7-not-valid-tip { display: none; } .contactform .right .wpcf7 .wpcf7-validation-errors { padding: 0px; margin: 0px; font-weight: bold; border: none; font-size: 16px; color: #F00; } /* staffing Sloution Pages */ .staffing h2 { font-size: 36px !important; color: #414141 !important; font-family: "ProximaNova-Regular" !important; background: url('images/arrow-line.png') no-repeat; background-position: bottom center; margin: 0 0 30px; padding-bottom: 35px; text-align: center; text-transform: uppercase;} .staffing .menu-staffing-solutions-container ul { list-style: none; } .staffing .menu-staffing-solutions-container { margin: 20px auto; width: 100%; float: left; } .staffing .menu-staffing-solutions-container li {margin-right: 20px; float: left;} .staffing .menu-staffing-solutions-container li a{ padding: 10px 30px; font-size: 16px !important; color: #fff !important; line-height: 24px; font-family: 'ProximaNova-Regular'; background: #0075c2; text-transform: uppercase; border: 1px solid #0075c2;} .staffing .menu-staffing-solutions-container li.current-menu-item a,.staffing .menu-staffing-solutions-container li a:hover { text-decoration: none; background: #f6f9fa none repeat scroll 0 0;color: #008bdb !important;} .staffing .menu-staffing-solutions-container li:last-child{ margin-right: 0;} .staffing .menu-job-seeker-service-container ul { list-style: none; } .staffing .menu-job-seeker-service-container { margin: 20px auto; width: 100%; float: left; } .staffing .menu-job-seeker-service-container li {margin-right: 20px; float: left;} .staffing .menu-job-seeker-service-container li a{ padding: 10px 15px; font-size: 16px !important; color: #fff !important; line-height: 24px; font-family: 'ProximaNova-Regular'; background: #0075c2; text-transform: uppercase; border: 1px solid #0075c2;} .staffing .menu-job-seeker-service-container li.current-menu-item a,.staffing .menu-job-seeker-service-container li a:hover { text-decoration: none; background: #f6f9fa none repeat scroll 0 0;color: #008bdb !important;} .staffing .menu-job-seeker-service-container li:last-child{ margin-right: 0;} .certifiedimg.wr-element-container img { height: auto;} .certifiedtext p { font-size: 16px !important; color: #666666 !important; line-height: 24px; font-family: 'ProximaNova-Regular';} /* Staff Augmentation */ .trunkey { margin: 0px !important;} .trunkey h3 { font-size: 36px !important; color: #414141 !important; font-family: "ProximaNova-Regular" !important; background: url('images/arrow-line.png') no-repeat; background-position: bottom center; margin: 0px !important; padding-bottom: 35px; text-align: center; text-transform: uppercase;} .turnkeytext p { font-size: 16px !important; color: #666666 !important; line-height: 24px; font-family: 'ProximaNova-Regular';} .project h3 { font-size: 36px !important; color: #414141 !important; font-family: "ProximaNova-Regular" !important; background: url('images/arrow-line.png') no-repeat; background-position: bottom center; margin: 0px 0 16px !important; padding-bottom: 35px; text-align: center; text-transform: uppercase;} .project p { font-size: 16px !important; color: #666666 !important; line-height: 24px; font-family: 'ProximaNova-Regular'; text-align: center;} .project p:first-child,.project p:last-child{display: none;} .projecttabel th { background: #428bca; color: #fff;} .projecttabel th p { margin-bottom: 0!important; font-size: 16px !important; color: #fff !important; line-height: 24px; font-family: "proxima_nova_rgbold"; text-align: center; text-transform: uppercase;} .projecttabel td p { margin-bottom: 0!important; font-size: 16px !important; color: #666 !important; line-height: 24px; font-family: 'ProximaNova-Regular'; } .projecttabel td { padding: 5px 20px !important; vertical-align: inherit !important; } .projecttabel tr {background:#f7f7f7;} .projecttabel tr:nth-child(2n){ background: #f2f2f2;} .projecttabel td img { margin: 0 auto;} /* DIRECT PLACEMENT */ .placementtext { margin-top: 100px;} .placementtext p { margin-bottom: 10px !important; font-size: 16px !important; color: #666 !important; line-height: 24px; font-family: "ProximaNova-Regular"; } .placementtitle { margin-bottom: 10px !important;} .placementtitle h3 { margin: 0 !important; font-size: 28px !important; color: #414141 !important; line-height: 24px; font-family: "ProximaNova-Regular"; text-align: center; } .placementlist p:first-child,.placementlist p:last-child{display: none;} .placementlist ul {padding-left: 20px;} .placementlist li {font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; color: #333 !important; font-size: 15px !important; text-align: justify; line-height: 24px;} /* HR Consulting */ .consulting h2 { padding-top:30px; font-size: 36px !important; color: #666 !important; font-family: "ProximaNova-Regular" !important; background: url('images/arrow-line.png') no-repeat; background-position: bottom center; margin: 0px 0 0px !important; padding-bottom: 35px; text-align: center; text-transform: uppercase; } .consulting p { margin-bottom: 10px !important; font-size: 16px !important; color: #666 !important; line-height: 24px; font-family: "ProximaNova-Regular";} .consulting ol { padding-left: 15px;} .consulting li { font-size: 15px !important; color: #333 !important; line-height: 24px; font-family: 'Open Sans', sans-serif; } .consulting .wr-element-heading { margin-bottom: 10px !important;} /* Technology */ .technology p { margin-bottom: 25px !important; font-size: 16px !important; color: #414141 !important !important; line-height: 24px; font-family: "ProximaNova-Regular"; } .carrertext p {margin-bottom: 25px !important; font-size: 16px !important; color: #666 !important; line-height: 24px; font-family: "ProximaNova-Regular";} .technology-lab p {margin-bottom: 25px !important; font-size: 16px !important; color: #666 !important; line-height: 24px; font-family: "ProximaNova-Regular"; } .technology-lab h3 { font-size: 24px !important; color: #414141 !important; font-family: "ProximaNova-Regular" !important; margin: 0px 0 10px !important;} .labtext p { margin-bottom: 10px !important; font-size: 16px !important; color: #666 !important; line-height: 24px; font-family: "ProximaNova-Regular";} .labtext p:first-child,.labtext p:last-child{display: none;} .carrertext h2 { font-size: 32px !important; color: #414141 !important; font-family: "ProximaNova-Regular" !important; background: url('images/arrow-line.png') no-repeat; background-position: bottom center; margin: 0px 0 0px !important; padding-bottom: 35px; text-align: center; text-transform: uppercase; padding-top:30px; } .technology-lab h2 { margin: 0 !important; font-size: 28px !important; color: #414141 !important; font-family: "ProximaNova-Regular" !important; padding-bottom: 10px; text-transform: uppercase;} .technology-lab p {margin-bottom: 10px !important; font-size: 16px !important; color: #666 !important; line-height: 24px; font-family: "ProximaNova-Regular"; } /* footer */ #footerCntr { padding-top:20px; background:rgba(0, 0, 0, 0) linear-gradient( #0088d2 0%, #00306c 70%, #00306c 0%) repeat scroll 0 0;background:rgba(0, 0, 0, 0) -webkit-linear-gradient( #0088d2 0%, #00306c 70%, #00306c 0%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #0088d2 0%, #00306c 70%, #00306c 0%) repeat scroll 0 0;} #footerCntr .navigation { margin-top:15px;} #footerCntr h3 { margin: 0; font-size: 18px; line-height: 28px; color: #fff; font-family: 'ProximaNova-Regular' } #footerCntr ul li a{font-size:14px; line-height: 26px; color: #fff; font-family: 'ProximaNova-Regular'; } #footerCntr .Connect { margin: 0 0 20px; padding:10px 15px 10px 15px; border:1px solid #d2d2d2; overflow: hidden; width: 100%; box-sizing: border-box;} #footerCntr .Connect strong { font-size: 18px; color: #d2d2d2; font-family: 'proxima_nova_rgbold';} #footerCntr .Connect .left { float: left; width: 75%;} #footerCntr .Connect .left address { margin-bottom:5px; padding-left: 35px; font-size:14px; line-height: 22px;color: #d0d0d0; font-family: 'ProximaNova-Regular'; background: url('images/address-icon.png')no-repeat; } #footerCntr .Connect .right { float: right; width: 25%; position: relative; top: 55px;} #footerCntr ul { list-style: none;} #footerCntr .Connect .right .facebook { background: url('images/social-icons.png')no-repeat; display: block; width: 40px; height: 40px;} #footerCntr .Connect .right .facebook:hover { background-position: 0 -41px;} #footerCntr .Connect .right .linkedin { background: url('images/social-icons.png')no-repeat; background-position: -49px 0; display: block; width: 40px; height: 40px;} #footerCntr .Connect .right .linkedin:hover { background-position: -49px -41px;} #footerCntr .Connect .right li { margin-right: 10px; float: left; } #footerCntr .footerlinnk { margin:0px; padding:15px 27px 7px 32px; overflow: hidden; width: 100%; box-sizing: border-box;} #footerCntr .modal-header { border-bottom: 0px;} #footerCntr .footerlinnk input[type="text"],#footerCntr .footerlinnk input[type="email"],#footerCntr .footerlinnk input[type="tel"] { padding: 5px 10px; border-radius: 2px; font-size: 16px !important; color: #414141!important ; line-height: 24px !important; font-family: 'ProximaNova-Regular'; width: 100%; box-sizing: border-box; border: 1px solid #666; background: #fff;} #footerCntr .footerlinnk form { width: 91%; margin: 0 auto;} #footerCntr .footerlinnk textarea { padding: 5px 10px; border-radius: 2px; font-size: 16px !important; color: #414141!important ;height: 120px; font-family: 'ProximaNova-Regular'; width: 100%; box-sizing: border-box; border: 1px solid #666; background: #fff; letter-spacing: 1px; resize: none; box-sizing: border-box; -webkit-appearance: none; letter-spacing: 1px; outline: none; overflow: auto; } #footerCntr .footerlinnk input[type="submit"] { padding: 10px 30px; border-radius: 2px; color: #fff; text-align: left; width: auto; cursor: pointer; font-size: 20px;font-family: 'ProximaNova-Semibold'; display: block; line-height: 17px; border: none; width: auto; background: #0067aa; text-transform: uppercase; } #footerCntr .footerlinnk input[type="submit"]:hover { background: #008bdb;} #footerCntr .footerlinnk .wpcf7 input.wpcf7-not-valid { border: 1px solid #f00;} #footerCntr .footerlinnk .wpcf7 span.wpcf7-not-valid-tip { display: none; } #footerCntr .footerlinnk .right .wpcf7 .wpcf7-validation-errors { padding: 0px; margin: 0px; font-weight: bold; border: none; font-size: 16px; color: #F00; } .footerlinnk h2 { font-size: 36px ; color: #414141 !important; font-family: "ProximaNova-Regular" !important; background: url('images/arrow-line.png') no-repeat; background-position: bottom center; margin: 0px !important; padding-bottom: 20px; text-align: center; text-transform: uppercase; } #footerCntr .number,#footerCntr .message,#footerCntr .upload{ padding: 5px 0; background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 1px solid #d2d2d2 !important;color: #d2d2d2 !important; display: block !important; font-family: 'ProximaNova-Regular';font-size: 16px;line-height: 24px !important; margin: 0px 0 20px!important;text-align: center !important; text-transform: uppercase !important;width: 100%; border-radius: 0 !important;} .copyright { margin: 0px 0 10px; font-size: 14px; color: #fff; font-family:'ProximaNova-Semibold';} .copyright a,.copyright a:hover { color: #d2d2d2; } .bx-controls-direction { display: none;} /************* Akash Css *************/ .jsn-bootstrap3 .wr-element-container p { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; color: #333 !important; font-size: 15px !important; text-align: justify; line-height: 24px;} /************* /Akash Css *************/ @media not all, (-webkit-transform-3d){ .vertical-text{ -webkit-transition: none !important; -o-transition: none !important; transition:none !important; } .carousel-inner > .item { -webkit-transition:transform .6s ease-in-out !important; -o-transition:transform .6s ease-in-out !important; transition:transform .6s ease-in-out !important; } } /* Responsive */ @media only screen and (min-width: 1370px){ .banner-block.container-fluid .bannertitle { top: 40%;} } @media only screen and (max-width: 1199px){ #footerCntr .Connect .left { width: 70%;} #footerCntr .Connect .right{ width: 30%;} .staff-box .staff-wrap .staffcont { padding: 20px 10px;} .imagright { width: 68%;} .staffing .menu-staffing-solutions-container li a { padding: 10px 15px;} .staffing .menu-job-seeker-service-container li a { font-size: 14px !important;} .staffing .menu-job-seeker-service-container li { margin-right: 15px; } .callout::after{ left:3.8%;} .callout1::after{ left: 4.1%;} .banner-box .carouseltext { width: 500px; height: 270px;} .banner-box .carouseltext .text { margin-left: 80px; margin-top: 90px;width: 400px;} .banner-box .carouseltext h2 { font-size: 30px;} } @media only screen and (max-width: 991px){ #headerCntr .navbar-brand { width: 200px;} #headerCntr .navbar-brand img { max-width: 100%; height: auto;} #headerCntr .navbar-nav { margin-right: 15px;} #headerCntr .navbar-default ul li a::before { left: 5px;} #headerCntr .navbar-default ul li a { padding: 28px 5px 28px 30px; font-size: 15px;} .banner-block.container-fluid h2 { font-size: 32px;} .banner-box .carouseltext { width: 400px; height: 210px;} .banner-box .carouseltext .text { width: 300px; margin-left: 70px; margin-top: 75px; } .banner-box .carouseltext h2 { font-size: 23px; line-height: 26px; background-size: 100%;} .banner-box .carouseltext p { font-size: 16px; line-height: 20px; font-family:'ProximaNova-Regular';} .choose-box h2 { font-size: 36px;} .area-box .areatop h1 { font-size: 30px; line-height: 38px;} .area-box .areatop p { font-size: 18px; line-height: 26px;} .experties-bar .col-md-6, .experties-bar .col-sm-6 { width: 50%;} .experties-bar span { font-size: 11px;} #footerCntr .Connect strong { font-size: 34px;} #footerCntr .Connect { padding: 30px 15px 0 15px} #footerCntr .Connect .left { width: 65%;} #footerCntr .Connect .right { width: 35%;} #footerCntr .Connect .left address { font-size: 14px; line-height: 20px;} #footerCntr h3 { font-size: 24px;} .staff-box .staff-wrap { width: 100%; float: none;} .callout { margin: 0 auto 30px; position: relative; width: 300px;} .callout::after { left: 47%; top:48px; margin-top: 0px; border-color: #00a7fa transparent transparent; border-style: solid; border-width: 16px 12px;} .callout1::after { left: 47%; top:48px; margin-top: 0px; border-color: #00a7fa transparent transparent; border-style: solid; border-width: 16px 12px;} .staff-box .staff-wrap .staffcont { margin-bottom: 10px;} .vertical-text { width: 300px; text-align: center; margin: 0 auto 20px; position: relative; transform: none; float: none;} .vertical-text1 { width: 300px; text-align: center; margin: 0 auto 20px; position: relative; transform: none; float: none;} .staff-box { padding-top: 30px; } .imaggecricle { float: none; margin: 0 auto;} .imagright {text-align: center;width: 100%; float: none;} .staffing .menu-staffing-solutions-container li { margin-right: 10px;} .staffing .menu-staffing-solutions-container li a { padding: 10px 8px; font-size: 13px !important; } .staffing .menu-job-seeker-service-container li a { padding: 10px 5px; font-size: 11px !important; } .staffing .menu-job-seeker-service-container li { margin-right: 8px; } .contactform h3 { font-size: 20px !important; } .contact address { font-size: 16px !important ;} .vertical-text { position: relative; font-size: 0; background: url(images/staff1.png) no-repeat left center; width: 242px; height: 60px;} .vertical-text1 { position: relative; font-size: 0; background: url(images/job-seeker1.png) no-repeat left center; width: 242px; height: 60px;} } @media only screen and (max-width: 767px){ #headerCntr .container { padding: 0 15px;} #headerCntr .navbar-brand { margin-left: 0px; padding: 15px 10px 22px; display: block; width: auto; max-width:230px; } #headerCntr .navbar { min-height: 85px;} #headerCntr .navbar-default .telephone { position: absolute; top: 0; right: 15%;} #headerCntr .navbar-toggle { margin-top: 20px;} #headerCntr .navbar-default .navbar-toggle { background: #008bdb none repeat scroll 0 0; border-color: #008bdb;} #headerCntr .navbar-default .navbar-toggle .icon-bar { background-color: #fff;} #headerCntr .navbar-nav { margin: 0; float: none; background: #fff;} #headerCntr .navbar-default .navbar-collapse {border: none; } #headerCntr .navbar-collapse { position: absolute; width: 100%; z-index: 999; top: 83px;} #headerCntr .navbar-default ul li a { padding: 15px 20px 15px 38px; font-size: 17px;} #headerCntr .navbar-default ul li a::before { top: 9px; left:14px;} .experties-bar .col-md-6, .experties-bar .col-sm-6 { width: 100%;} .experties-bar .left,.experties-bar .left { float: none;} .experties-bar span { font-size: 13px;} .area-box .areatop h1 { font-size: 25px; line-height: 30px;} .area-box .areatop p { font-size: 15px; line-height: 23px;} .area-experties { padding-top:0px;} #footerCntr { padding-top: 0px;} #footerCntr .Connect .left address { font-size: 15px; line-height: 24px;} #footerCntr .Connect { padding: 15px 15px 0;} #footerCntr ul li a { line-height: 26px;} .banner-block.container-fluid .bannertitle { top: 0;} .staffing .menu-staffing-solutions-container li { margin-right: 0px; float: none; width: 100%;} .staffing .menu-staffing-solutions-container li a { margin: 1px auto 0; font-size: 16px !important; display: block; width: 300px; text-align: center;} .staffing .menu-job-seeker-service-container li a { margin: 1px auto 0; font-size: 16px !important; display: block; width: 300px; text-align: center; } .staffing .menu-job-seeker-service-container li { margin-right: 0px; float: none; width: 100%; } .contact { margin-top: 0px;} .projecttabel {width: 100%;margin-bottom: 15px; overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar; } .projecttabel > .table > thead > tr > th, .projecttabel > .table > tbody > tr > th, .projecttabel > .table > tfoot > tr > th, .projecttabel > .table > thead > tr > td, .projecttabel > .table > tbody > tr > td, .projecttabel > .table > tfoot > tr > td {white-space: nowrap;} .banner-box .carouseltext {height: 190px;width: 370px;} .banner-box .carouseltext .text { width: 275px;} .banner-box .carouseltext h2 { font-size: 21px;} .dropdown-menu{ width:100%; position:relative !important;} .menu-item-has-children>.dropdown-menu>li>.dropdown-menu{ left:0; top:0; position:relative;} .menu-item-has-children:hover>.dropdown-menu{ display:none;} .showmenu{ display:block !important;} .menu-item-has-children .dropdown-menu #menu-item-262>a, .menu-item-has-children .dropdown-menu #menu-item-263>a{ padding-left:40px !important;} .menu-item-has-children .dropdown-menu #menu-item-262>.dropdown-menu a, .menu-item-has-children .dropdown-menu #menu-item-263>.dropdown-menu a{ padding-left:55px !important;} } @media only screen and (max-width: 639px){ .banner-box .carouseltext { width: 300px; height: 160px;} .banner-box .carouseltext .text { margin-left: 55px; margin-top: 55px; width: 230px;} .banner-box .carouseltext h2 {margin: 0 0 5px; padding: 0 0 5px; font-size: 17px; line-height: 20px; } .banner-box .carouseltext p { font-size: 14px; line-height: 14px;} .area-box .areatop p { font-size: 14px; line-height: 20px;} .area-experties h2 { font-size: 26px;} .area-experties { width: 90%;} .experties-bar { width: 100%;} .banner-block.container-fluid h2 { font-size: 24px;} .uniquecont h2 { font-size: 30px !important;} .communityleft ol li { margin-bottom: 10px;} .carrertext h2 { font-size: 28px !important;} .faqtext h2 { font-size: 24px !important;} } @media only screen and (max-width: 479px){ #headerCntr .navbar-collapse { top: 128px;} .banner-box .carouseltext { margin: 0 auto; bottom: 10px; height: auto; background: rgba(0,139,219,.8); width: 250px; left: 0; } .banner-box .carouseltext h2 { font-size: 14px; line-height: 14px;} .banner-box .carouseltext p { font-size: 12px;} .banner-box .carouseltext .text { margin-top: 10px; margin-bottom: 10px; padding: 0 5px; width: 100%; text-align: center; margin-left: 0;} #headerCntr .navbar-brand { padding: 10px 0; max-width: 100%; width: 100%;} #headerCntr .navbar-brand img { margin: 0 auto;} #headerCntr .navbar-default .telephone { margin: -45px 0px 20px; position: relative; float: left; right: 0;} .experties-bar span { font-size: 11px;} .area-box .areatop h1 { margin-top: 25px;} .community-box { padding-top: 30px;} .community-box h2 { margin-bottom: 10px;} .footerlinnk h2 { font-size: 25px; padding-bottom: 30px;} #footerCntr .Connect strong { font-size: 30px;} #footerCntr .Connect .left { float: none; width: 100%;} #footerCntr .Connect .right { margin-bottom: 10px; overflow: hidden; float: none; width: 100%;} .vertical-text,.vertical-text1 { width: 270px;} .dropcap h2 { font-size: 24px !important;} .banner-block.container-fluid .bannertitle { width: 100%; left: 0;} .banner-block.container-fluid h2 { font-size: 30px;} .uniquecont h2 { font-size: 20px !important;} .staffing .menu-staffing-solutions-container li a { width: 100%;} .staffing .menu-job-seeker-service-container li a { width: 100%; } .staffing .menu-staffing-solutions-container { margin: 20px auto 0; } .staffing .menu-job-seeker-service-container { margin: 20px auto 0;} .staffing h2 { font-size: 24px !important;} .placementtitle h3 { font-size: 20px !important;} .placementlist li { font-size: 14px !important; line-height: 20px;} .consulting h2 { font-size: 30px !important; } .consulting li { font-size: 15px !important;} .project h3{ font-size: 30px !important; } .banner-block.container-fluid h2 { font-size: 18px;} .carrertext h2 { font-size: 20px !important;} .labtext h3 { font-size: 24px !important;} .contactform h3 { font-size: 18px !important; } .banner-box .carousel-arrow { display: none;} }