/*!
 ** Special CSS for Customization */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,800italic,400,600,700,800);
body { font-family: "Open Sans", sans-serif !important; color: #4c5759 !important; }

em { font-weight: 400; font-style: italic; }

ul, ol { padding: 0; list-style: none; }

a:hover { text-decoration: none; }

.logo { padding: 3px 0; }

.topbar { color: #9a9a9a; font-size: 12px; }

.topbar-login { color: #cecece; font-size: 11px; text-align: right; }
.topbar-login a { color: #fff; }
.topbar-login a:hover { text-decoration: none; color: #df4b38; }

.top-wrap { max-width: 1274px; margin: 0 auto; padding: 0 15px; }

.top-btn { background-color: #0B8FE8; color: #FFF; border-radius: 0 !important; border: 0; padding: 16px 30px 17px; display: block; }
.top-btn:hover { background-color: #3276b1; }
.top-btn h2 { font-size: 16px; font-weight: bold; margin: 0 !important; padding: 0 !important; color: #fff; }
.top-btn p { font-size: 13px; margin-bottom: 5px; }
.top-btn a { color: #fff; }

input { outline: none; }

section { padding: 50px 0; position: relative; }

.nav { margin-top: 10px !important; }

.banner { background: url(../images/banner-bg.jpg); }

.banner-in { background-color: #38464f; color: #EFEFEF; }

.banner h1 { font-size: 46px; margin: 0 !important; font-weight: 800 !important; padding-bottom: 20px; }

.banner h1 span:first-of-type { font-size: 1.21em; }

.banner h1 span:last-of-type { font-size: 0.8em; }

.banner-in h1 { font-size: 46px !important; margin: 0 !important; font-weight: 800 !important; }
.banner-in h4 { font-weight: 600 !important; font-size: 22px !important; color: #ebebeb; }

.banner-sub { background-color: #38464f; color: #EFEFEF; padding: 20px 0 40px 0; }
.banner-sub h2 { font-weight: 700 !important; font-size: 32px; line-height: 45px; }
.banner-sub a { color: #889196; }
.banner-sub a:hover { text-decoration: none; }

.whyoutsource-ph { background: url(../images/why-outsource-ph.png) top right no-repeat; border-bottom: 1px solid #d5d6d6; }
.whyoutsource-ph ul { margin-top: 35px; font-size: 16px; font-weight: 600; }
.whyoutsource-ph li { margin-bottom: 25px; }
.whyoutsource-ph i { color: #009ecd; }

h2.content-tagline { letter-spacing: 2px; margin: 0 0 5px 0 !important; font-weight: 600; color: #4c5759; }

.content-tagline-sub { margin: 0 0 5px 0 !important; }

.worker-btn { background-color: #21769d; border-color: #1c6486 !important; color: #FFF; padding: 10px !important; border-width: 0 1px 3px 1px !important; width: 100%; margin-bottom: 20px !important; }

.bg-dblue { background: #226483 !important; }

.worker-btn:hover { margin-top: 1px !important; border-bottom-width: 2px !important; color: #fff !important; background-color: #308fbb !important; }

.uppercase { text-transform: uppercase; }

.btn-txt { font-weight: bold; font-size: 24px; padding: 0 !important; margin: 0 !important; }

.btn-success { background-color: #32a532 !important; }

.btn-orange { background-color: #df4b38 !important; color: #fff; }

.btn-txt-sub { font-size: 14px; margin: 5px 0 0 0 !important; }
.btn-txt-sub em { font-weight: 600; }

.custom-wrap { max-width: 1200px; margin: 0 auto; padding: 0 15px; }

.top-bar { background-color: #000; padding: 5px 0; }

.top-bar-btn { float: right; margin: 8px 0 15px 0; }

.bg-white { background-color: #fff; }

.bg-lwhite { background-color: #eef2f3; border-bottom: 1px solid #cbcecf; }

.bg-dgray { background: #1b1b1b; border-radius: 0 !important; }

.bg-ltgray { background-color: #40505c; border-bottom: 1px solid #40505c; }

.bg-lgray { background-color: #2D343E; }
.bg-lgray ul { list-style-type: none; }
.bg-lgray ul li { margin-bottom: 15px; }
.bg-lgray ul a { color: #7A8089; }
.bg-lgray ul a:hover { opacity: 0.5; }
.bg-lgray ul img { margin: 0 8px 8px 0; }
.bg-lgray h3 { color: #FFFFFF !important; font-size: 18px !important; text-transform: uppercase; }

.bg-newsprint { background: #F3F2EE; }


.mtop10 { margin-top: 10px; }

.mtop15 { margin-top: 15px; }

.mtop20 { margin-top: 20px; }

.mtop30 { margin-top: 30px; }

.mtop40 { margin-top: 40px; }

.work-cat { margin-bottom: 25px; }
.work-cat a { color: #222 !important; }
.work-cat a:hover { color: #fff !important; }
.work-cat:hover .work-cat-browse { visibility: visible; display: block; }
.work-cat:hover work-categories a { margin-top: -10px; border: 1px solid #F00; display: block; }

.work-cat-browse { display: none; color: #fff !important; background-color: rgba(0, 0, 0, 0.5); position: absolute; bottom: -1px; left: 0; width: 100%; padding: 5px 0; font-size: 1.4rem; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; -khtml-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
.work-cat-browse a { color: #fff !important; }

.work-cat-wrap { position: relative; background-color: #eef2f3; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; /* padding:10px 10px 15px 10px; */ width: 100%; height: 100%; }

.work-categories { text-align: center; }
.work-categories h4 { margin: 0 0 5px 0 !important; }
.work-categories > a { color: #27292e; display: block; padding-top: 15px; }
.work-categories a:hover { color: #fff; text-decoration: none; }
.work-categories img { margin: 0 auto 20px auto; text-align: center; display: block; }

.work-cat:hover .work-categories { visibility: visible; }
.work-cat:hover .work-categories img { visibility: visible; }

.best-resume { visibility: hidden; margin-top: -84px; margin-bottom: 40px; }

.work-cat:hover .work-categories .best-resume { visibility: visible; color: #fff; }
.work-cat:hover .work-categories .all-resume { visibility: hidden; color: #fff; }

.webmaster:hover { background-color: #105cab; cursor: pointer; -webkit-transition: background-color 100ms ease-out; -moz-transition: background-color 100ms ease-out; -o-transition: background-color 100ms ease-out; transition: background-color 100ms ease-out; }
.webmaster:hover a { color: #fff; }

.seo-spc:hover { background-color: #68489d; cursor: pointer; -webkit-transition: background-color 100ms ease-out; -moz-transition: background-color 100ms ease-out; -o-transition: background-color 100ms ease-out; transition: background-color 100ms ease-out; }
.seo-spc:hover a { color: #fff; }

.wp-experts:hover { background-color: #d55339; cursor: pointer; -webkit-transition: background-color 100ms ease-out; -moz-transition: background-color 100ms ease-out; -o-transition: background-color 100ms ease-out; transition: background-color 100ms ease-out; }
.wp-experts:hover a { color: #fff; }

.writers:hover { background-color: #29a176; cursor: pointer; -webkit-transition: background-color 100ms ease-out; -moz-transition: background-color 100ms ease-out; -o-transition: background-color 100ms ease-out; transition: background-color 100ms ease-out; }
.writers:hover a { color: #fff; }

.va:hover { background-color: #a40153; cursor: pointer; -webkit-transition: background-color 100ms ease-out; -moz-transition: background-color 100ms ease-out; -o-transition: background-color 100ms ease-out; transition: background-color 100ms ease-out; }
.va:hover a { color: #fff; }

.graphic-d:hover { background-color: #4295ca; cursor: pointer; -webkit-transition: background-color 100ms ease-out; -moz-transition: background-color 100ms ease-out; -o-transition: background-color 100ms ease-out; transition: background-color 100ms ease-out; }
.graphic-d:hover a { color: #fff; }

.php-p:hover { background-color: #454545; cursor: pointer; -webkit-transition: background-color 100ms ease-out; -moz-transition: background-color 100ms ease-out; -o-transition: background-color 100ms ease-out; transition: background-color 100ms ease-out; }
.php-p:hover a { color: #fff; }

.sm-experts:hover { background-color: #da7d25; cursor: pointer; -webkit-transition: background-color 100ms ease-out; -moz-transition: background-color 100ms ease-out; -o-transition: background-color 100ms ease-out; transition: background-color 100ms ease-out; }
.sm-experts:hover a { color: #fff; }

/*Profiles */
.home-profile-header { border-bottom: 1px solid #dedede; padding-bottom: 10px; font-size: 13px; }
.home-profile-header p { margin-bottom: 0 !important; color: #7e8e91; }
.home-profile-header p.title { font-weight: 600; color: #4d5759; }

.home-profile { float: left; width: 52px; height: auto; overflow: hidden; margin-right: 10px; }
.home-profile img { border: 2px solid #009ECD !important; display: block; width: 52px; height: 52px; border-radius: 6px; }

.job-info { color: #4c5759 !important; }
.job-info p { color: #0B8FE8; }

.user-desc * { color: #7E8E91 !important; font-size: 13px; font-style: italic; font-family: Arial, Helvetica, sans-serif; }

.view-prof a { color: #4bb74b !important; font-style: normal; }

#list { width: 103.125%; overflow: hidden; margin-left: -1.29199%; margin-bottom: -1.68776%; }

.item { background: #fff; border: #d9d9d9 1px solid; width: 31.55127%; float: left; margin: 0 0.88106% 1.68776%; /* 15px 30px */ padding: 10px; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); }

.item-content { padding: 10px 0 0 0; }

@media only screen and (max-width: 40em) { .item { width: 46.876%; /* 305px */ margin-bottom: 0.938em; /* 15px */ } }
@media only screen and (max-width: 20em) { #list { width: 100%; margin-left: 0; }
  .item { width: 100%; margin-left: 0; margin-right: 0; } }
/*Search Box */
.narrow-searchbox { background: #fffde4 url(../images/narrowbox-bg.jpg) top left repeat-x; border: 1px solid #d9d9d9; padding: 14px 10px 20px 10px; font-size: 13px; letter-spacing: 0.0625em; margin-bottom: 20px; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); }
.narrow-searchbox label { font-weight: 600 !important; color: #4e6f86; text-transform: uppercase; }
.narrow-searchbox h4 { margin: 0 0 30px 0 !important; color: #FFF; }
.narrow-searchbox input, .narrow-searchbox select { margin-bottom: 15px; }

.jobs-workers-wrap { position: relative; color: #4c5759; margin-bottom: 20px; }
.jobs-workers-wrap h1 { margin: 0 0 25px 0 !important; }

/*ID Trust */
.id-trust { background-image: url(../images/trust-group-bg.png); background-repeat: no-repeat; color: #FFFFFF; display: block; text-align: center; }
.id-trust.green { background-position: 0 0; }
.id-trust.yellow { background-position: -118px 0; }
.id-trust.red { background-position: -234px 0; }
.id-trust.small { background-position: 0 -90px; font-size: 16px; font-weight: bold; padding: 0 0 14px 24px; width: 70px; }
.id-trust.small.green { background-position: 0 -90px; }
.id-trust.small.yellow { background-position: -118px -90px; }
.id-trust.small.red { background-position: -234px -90px; }
.id-trust.small.search-result { float: left; }

/* Star Ratings */
.ratings li, .ratings p { color: #4C5759 !important; }

i.star { background-image: url(../images/star-rating.png); display: inline-block; height: 16px; width: 80px; background-position-x: -80px; background-position-y: -48px; }
i.star-1 { background-position-x: -64px; background-position: calc(-64px) -48px; }
i.star-2 { background-position-x: -48px; background-position: calc(-48px) -48px; }
i.star-3 { background-position-x: -32px; background-position: calc(-32px) -48px; }
i.star-4 { background-position-x: -16px; background-position: calc(-16px) -48px; }
i.star-5 { background-position-x: 0; background-position: calc(0px) -48px; }

/* Big Search */
/* Form wrapper styling */
.cf { zoom: 1; }
.cf:before { content: ""; display: table; }
.cf:after { content: ""; display: table; clear: both; }

.form-wrapper { max-width: 650px; margin: 50px auto 30px auto; background: #fff; border: 3px solid #c8c8c5; border-radius: 10px; position: relative; }
.form-wrapper i { position: absolute; top: 20px; left: 8px; pointer-events: none; z-index: 2; font-size: 24px; color: #c8c8c5; }
.form-wrapper input { padding: 10px 5px; float: left; font-size: 24px; border: 0; border-radius: 3px 0 0 3px; height: 65px; margin-left: 4px; padding: 10px 5px 10px 40px; width: 80%; }
.form-wrapper input::-webkit-input-placeholder, .form-wrapper input:-moz-placeholder, .form-wrapper input:-ms-input-placeholder { color: #c8c8c5; font-weight: normal; font-style: italic; }
.form-wrapper button { overflow: visible; position: relative; float: right; border: 2px solid #3ba63b; padding: 0; margin: 10px 10px 10px 0; cursor: pointer; height: 45px; min-width: 110px; color: #fff; background: #4bb74b; border-radius: 10px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
.form-wrapper button:hover { background: #3ba63b; }
.form-wrapper button:active, .form-wrapper button:focus { background: #3ba63b; outline: 0; }
.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */ border: 0; padding: 0; }

/* Form text input */
/* Form submit button */
.select-w { max-width: 116px !important; }

/* Profile Box */
.profile-box, .jobs-box { padding: 20px 20px 10px 20px; border: 1px solid #d9d9d9; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); background: #fff; margin-bottom: 30px; color: #737373; position: relative; overflow:hidden; }

.profile-box-header { border-bottom: 1px solid #dedede; padding-bottom: 20px; }
.profile-box-header ul { display: inline-block; }
.profile-box-header li { padding: 10px 20px; display: inline-block; }

.profile-box p { margin-bottom: 5px !important; }

.fb-verified { float: left; margin: 0 0 0 4px; }

.profile-box-info { margin: 15px 0 0 0; }
.profile-box-info a { color: #009ecd; }

.jobs-box a { color: #009ecd; }

.profile-box-info p { margin-bottom: 15px !important; }

.text-success { color: #3C763D !important; }

.date-seen { font-style: italic; font-size: 13px; color: #7e8e91; }

.jobs-box-header { display: block; }

.jobs-box .title { font-size: 16px !important; }
.jobs-box:hover { display: block; cursor: pointer; background-color: #f9fafa; }

.jobs-cat { font-size: 13px !important; color: #7e8e91; margin-top: 10px; }
.jobs-cat p { margin-right: 30px; float: left; }

.jobs-box-dec { line-height: 22px; margin: 15px 0 0 0; font-family: Arial, Helvetica, sans-serif; color: #737373; }

.apply-work { display: none; }

.item:hover .apply-work, .jobs-box:hover .apply-work { display: block; position: absolute; top: 15px; right: 15px; }

.addbox { padding: 10px 10px 20px 10px; border: 1px solid #d9d9d9; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); background: white url(../images/top-pattern.png) top left repeat-x; margin-bottom: 20px; }

.testmonial-box { display: block; color: #626262; line-height: 1.6em; }
.testmonial-box .quote { margin-top: 25px; }
.testmonial-box .quote img { border: 1px solid #009ECD !important; display: block; width: 46px; height: 46px; }

.bubble { position: relative; padding: 10px; border: 1px solid #d9d9d9; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-style: italic; font-size: 13px; }
.bubble:after { content: ""; position: absolute; bottom: -15px; left: 24px; border-style: solid; border-width: 15px 16px 0; border-color: #fff transparent; display: block; width: 0; z-index: 1; }

.fb-box { margin-bottom: 10px; }

/* MISC */
.navbar-nav>li>a span.counter {color: #fff; background-color: #fe685a; text-align: center; padding: 1px 8px; border-radius: 10px; font-size: 11px; font-weight: 600; margin-left: 5px;}

.font36 { font-size: 36px; }

.left-inner-addon { position: relative; }
.left-inner-addon input { padding-left: 30px; }
.left-inner-addon i { position: absolute; padding: 10px 12px; pointer-events: none; }

.addpad { padding: 10px 24px !important; }

.txt-up { text-transform: uppercase; }

.start-arw { position: absolute; top: -60%; margin-left: -42%; }

.center-el { margin: 0 auto !important; display: block; text-align: center; }

.no-t { text-transform: none !important; }

.l-spacing { letter-spacing: 1px; }

.txt-dblue { color: #006b96 !important; }

.txt-green { color: #97bb01; }

.txt-agreen { color: #2cbb91; }

.txt-dgreen { color: #4bb74b !important; }

.txt-blue { color: #00a9ec !important; }

.txt-ylw { color: #ffb401; }

.txt-orange { color: #ff8f00 !important; }

.txt-c { text-align: center; }

.txt-w { color: #FFF !important; }

.txt-lw { color: #7e8e91; }

.txt-red { color: #df4b38 !important; }

.txt-gray { color: #4a555e; }

.txt-lgray { color: #c1c1c1 !important; }

.txt-pnk { color: #ee0074 !important; }

.txt-lv { color: #68489d; }

.txt14 { font-size: 14px !important; }

.blue-border { border: 2px solid #009ecd; }

.no-border { border: 0 !important; }

.modal-wrap { padding-bottom: 40px !important; }
.modal-wrap h1 { font-size: 46px !important; font-weight: 800 !important; margin: 0 !important; }
.modal-wrap h3 { margin: 5px 0 !important; }
.modal-wrap h4 { margin-top: 15px !important; font-size: 14px !important; color: #9aa6ae !important; }
.modal-wrap .btn { margin: 20px 0 0 0 !important; }

.modal-content { background-color: #eef2f3 !important; }

.apply-box { margin: 15px 0; }
.apply-box p { margin-top: 10px; }

.apply-wrap { max-width: 800px; margin: 20px auto; font-size: 16px; padding-left: 35px; }

.apply-banner { margin: 0 auto; max-width: 300px; }
.apply-banner a { color: #fff !important; }
.apply-banner p { margin-top: 10px; }

.centeredImage { text-align: center !important; display: block; margin-left: auto !important; margin-right: auto !important; float: none !important; }

.fltrt { float: right; margin-left: 8px; }

.fltlft { float: left; margin-right: 8px; }

.mr10 { margin-right: 10px !important; }

.nopaddingtop { padding-top: 0 !important; }

.nopaddingright { padding-right: 0 !important; }

.nopadding { padding: 0 !important; }

.mb-80 { margin-bottom: 80px !important; }

.mb-60 { margin-bottom: 60px !important; }

.mb-40 { margin-bottom: 40px !important; }

.mb-20 { margin-bottom: 20px !important; }

.mb-10 { margin-bottom: 10px !important; }

.mb-5 { margin-bottom: 5px !important; }

.text-gray { color: #4c5759 !important; }

.text-green { color: #32a532 !important; }

.fs-13 { font-size: 13px !important; }


.fs-18 { font-size: 18px !important; }

.full-width { width: 100%; }

/* find programmer jobs */
.footer-promo { padding: 30px 40px; background-color: #373f4a; margin-bottom: 40px; border-radius: 10px; }
.footer-promo ul { margin-bottom: 0; display: table; table-layout: fixed; }
.footer-promo ul li { display: table-cell; margin-bottom: 0; margin-right: 30px; vertical-align: middle; }
.footer-promo ul li img { margin: 0; width: 164px; border-radius: 5px; }
.footer-promo ul li a { width: 100%; color: #fff; font-weight: 600; }
.footer-promo ul li:nth-child(2) { width: 66%; padding: 0 20px; }
.footer-promo ul li:nth-child(2) h3 { font-size: 24px !important; font-weight: 600; position: relative; padding-bottom: 20px; margin-bottom: 20px; }
.footer-promo ul li:nth-child(2) h3:after { position: absolute; bottom: 0; left: 0; content: ""; width: 45px; height: 5px; background-color: #a0a5ac; }
.footer-promo ul li:nth-child(2) p { font-size: 16px; color: #7a8089; }
.footer-promo ul li:last-child { margin-right: 0; }
.hand { cursor: pointer; }

#myModal { overflow-y: hidden; }

@media only screen and (max-width: 768px) { 
   .banner-in { padding: 20px !important; }
   .banner-in h1 { font-size: 40px !important; }
   .banner-in h4 { font-size: 16px !important; }
   .footer-promo ul li { display: block; text-align: center; margin-right: 0; }
   .footer-promo ul li:nth-child(2) { padding: 0; width: 100%; }
   .footer-promo ul li:nth-child(2) h3:after { display: none; } 
}

@media (max-width: 480px) {
   .banner-in h1 {font-size: 36px !important;}
}

/*  Form  */
form label.normal {
    font-weight: normal;
    text-transform: none;
}