/* ==========================================================================
	Job Specific Page
========================================================================== */
/*--- Section Main Info --- */
.section-main-info .main-info-content p .company-name { margin-bottom:5px; display:block; font-size:14px; }
.section-main-info .main-info-content p .salary { margin:0px 15px; }
.section-main-info footer p .jobs-tag { margin-right:20px; }
.section-main-info footer p .jobs-tag .fa-exclamation-triangle { color:#e67676; }
.section-main-info .key-skills { text-transform:uppercase; }

/*--- Section Details --- */
.section-details h6 { text-transform:uppercase; }

/*--- Job Detail Popup --- */
#apply-job-popup .user-info  { padding:0 15px 20px; margin:0 -15px; position:relative; border-bottom:1px solid #dadada; }
#apply-job-popup .user-info .user-img { float:left;}
#apply-job-popup .user-info .user-img img { width:58px; height:58px; border-radius:50%;}
#apply-job-popup .user-info .details { margin-left:78px; padding-top:5px;}
#apply-job-popup  h6 { margin-bottom:3px; font-weight:500; text-decoration:none; }
#apply-job-popup p { font-size:12px; line-height:18px;margin-bottom:0;}
#apply-job-popup .col-sm-6 { padding:20px 10px; }
#apply-job-popup label { font-size:14px; }
#apply-job-popup .checkbox-input { margin-top:5px; }
#apply-job-popup .button1 { min-width:170px; }
#apply-job-popup input[type="file"] { display:none; }
#apply-job-popup label .optional  { color:#8c8c8c; font-size:12px; }
#apply-job-popup .success-popup { display:table; width:100%; background:#fff; }
#apply-job-popup .success-popup .inner-content { display:table-cell; height:375px; vertical-align:middle; text-align:center; }
#apply-job-popup .success-popup  p { font-size:20px;}
#apply-job-popup .success-popup  .fa-check.green { width:60px; position:relative; margin-top:-25px; height:60px; line-height:60px; font-size:24px; margin-bottom:20px; }

/*-- Test result complete ---*/
#test-result .table1 tr td, #test-result .table1 tr th { text-align:center;}
#test-result .table1 tr td .fa-check, #test-result .table1 tr td .fa-times { color:#d54343; font-size:17px;}
#test-result .table1 tr td .fa-smile-o, #test-result .table1 tr td .fa-meh-o { color:#d54343; font-size:26px;}
#test-result #user-stats { margin:0; position:relative; padding:0; list-style:none;}
#test-result #user-stats li { text-align:center; float:left; padding:0 10px; width:20%;}
#test-result #user-stats li .inner { height:132px; width:100%; background:#dadada; display:table;}
#test-result #user-stats li .inner p { margin:0; display:table-cell; font-size:14px; vertical-align:middle;}
#test-result #user-stats li .inner p .value { font-size:28px; display:block;}
#test-result #user-stats li:last-child { margin-right:0;}
#test-result #completed-test { height:auto !important;}

#test-result #submission-resulsts .compilation-log { margin-bottom:0;}
#test-result #submission-resulsts .compilation-log .panel-body { max-height:120px; overflow:auto;}

#test-result #try-your-test-case .compile-btn { margin-top:52px;}

#test-result #your-submitted-code { margin-bottom:55px;}
#test-result #your-submitted-code textarea { min-height:200px; background: #efeff4;  border:1px solid #dadada;}


/*--- drag-file --- */
.drag-file { width:100%; cursor:pointer; height:150px; border:1px solid #dadada; padding:25px; border-style:dashed; border-radius:15px; text-align:center; margin-bottom:30px; }
.drag-file .fa { color:#dadada; margin-bottom:15px; font-size:36px; }
.drag-file p { color:#8c8c8c; }
.drag-file .dz-started { padding-top:15px;}
.drag-file .dz-started .dz-message { display:none;}
.drag-file .dz-error-message, .drag-file .dz-success-mark, .drag-file .dz-error-mark { display:none;}
.drag-file .dz-details { font-size:14px; line-height:21px; color:#424242;}

/*--- Job Alert --- */
.job-alert .heading1 { margin-bottom:15px; }
.job-alert .job-alert-form .select { width:470px; }

/*--- Job Alert Form --- */
.job-alert-form { width:100%; max-width:605px; } 
.job-alert-form .select { width:205px; margin-right:10px; }
.job-alert-form .job-alert-btn { min-width:145px; }

/*--- Form1 --- */
.form1 .select.custom-select:after { display:none; }
.form1 .select.custom-select { height:75px; overflow:hidden; }
.form1 .select.custom-select select { height:75px !important; }
html.js .form1  input.form-autocomplete { background-image:none !important; z-index:100; }
.form1 .form-group.auto-width .select { width:125px; }
.form1 .checkbox-input.alert-lebel  { margin-top:5px; }
.form1 .checkbox-input.alert-lebel label { font-size:12px; font-weight:normal; }
.form1 .select1 { position:relative; display:block; border:1px solid #424242; border-radius:2px;  min-height:33px; height:auto; background-color:#f4f4f4;}
.form1 .select1 select { border:0; padding:0 20px 0 10px; height:31px; font-size:12px; color:#424242; position:relative; border-radius:2px; background-color:#f4f4f4; width:100%;  }
.form1 .select1:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:url(images/tg_images/icons.png) -127px -106px no-repeat; width:20px; height:31px; content:""; background-color:#f4f4f4;}

/*--- Job Alert Popup --- */
#job-alert-popup .modal-body { padding:20px; }
#job-alert-popup .modal-header{ padding:0px; }
#job-alert-popup .job-alert-btn { min-width:165px; }

/*--- User-steps-form --- */
#user-steps-form { box-shadow:none; padding:55px 10px 45px;}
#user-steps-form li { margin-bottom:8px;}
#user-steps-form li.location-field { margin-bottom:38px;}
#user-steps-form li > label { float:left; width:200px; text-align:right; line-height:34px; margin:0 25px 0 0;}
#user-steps-form.form1 input[type="text"],#user-steps-form.form1 input[type="password"], #user-steps-form .select, #user-steps-form .token-input-list-facebook { float:left; width:300px;}
#user-steps-form #current-status-field .form-group { margin-bottom:0;}
#user-steps-form #current-status-field > label { line-height:21px;}
#user-steps-form .token-input-list-facebook .form-control { padding:6px 12px;}
#user-steps-form.form1 input[type="submit"] { float:right; margin-right:38px;}
#user-steps-form .token-input-list-facebook { clear:none; max-height:60px; min-height:36px; font-family:'myriadpro', Arial, Helvetica, sans-serif;}
#user-steps-form .token-input-list-facebook li { margin-bottom:0;}
#user-steps-form .token-input-list-facebook .form-control { width:auto !important; border:0; margin:0;}
#user-steps-form .error_msg { margin-left:225px;}

.steps-page div.token-input-dropdown-facebook { width:300px; max-height:150px; overflow:auto;}

/*--- Job Status Nav  --- */
.job-status-nav p { font-size:12px; color:#8c8c8c; margin-bottom:5px; }
.job-status-nav p a { color:#8c8c8c; text-decoration:none; }
.job-status-nav p a.active { color:#2f94d7; }
.job-status-nav .checkbox-input.checkbox-inline { line-height:18px; margin-bottom:4px;}

/*--- manage jobs  --- */
.manage-jobs .header p { margin-bottom:5px; }
.manage-jobs .box-default h5 { margin-bottom:7px;}
.manage-jobs .box-default p { font-size:12px; color:#8c8c8c; margin-bottom:15px; }
.manage-jobs .box-default .footer p { margin:0;}
.manage-jobs .box-default .job-status-nav { float:none; }
.manage-jobs .box-default .job-status-nav span { color:#3498db; font-size:12px; display:block; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dadada; border-bottom-style:dashed; }
.manage-jobs .label { min-width:55px; display:inline-block; text-align:center; border-radius:15px; font-size:11px; margin-bottom:10px; }
.manage-jobs .box-default .job-status-nav span.last{ border:none }

#spam-undospam .box-default .footer { position:relative; margin:0 -15px -15px;}

/*--- My Applications  --- */
.my-applications .challenge-info-box { background:#fff; border-right:none; border-left:none; margin-bottom:30px; }
.my-applications .challenge-info-box ul li .number { font-size:24px; font-weight:normal; }
.my-applications .table1 td .year { font-size:11px; color:#8c8c8c; }
.my-applications .table1 td .company { font-size:11px; color:#424242; display:block; }
.my-applications .table1 td a { color:#2f94d7; }
.my-applications .select1{ width:120px; margin-bottom:10px; float:right; }
.my-applications .result { margin-bottom:10px; margin-top:12px; }

/*--- User Table  --- */
.table1.user-table  tr { position:relative;  }
.table1.user-table h6 { margin-bottom:5px; }
.table1.user-table h6 a { text-decoration:none; }
.table1.user-table  tr td { padding-bottom:30px; }
.table1.user-table p { margin:0px; font-size:11px; line-height:15px; }
.table1.user-table  .user-job-detail { background:#f4f4f4; color:#8c8c8c; font-size:11px; text-align:left; position:absolute; right:20px; bottom:1px; padding:5px; width:100%; }
.table1.user-table  .user-job-detail.message { background:#fcf8e3; color:#424242; }
.table1.user-table td:first-child { text-align:left; } 

/*--- Account Settings  --- */
.account-settings { padding-top:0px; }
.account-settings .header { text-align:center; background:#e5e5e5; border-top:1px solid #dadada; padding:5px; border-radius:2px 2px 0px 0px; }
.account-settings .header h5 { margin:0px; }
.account-settings  section { background:#fff; padding-bottom:30px; }
.account-settings  section.last { padding-bottom:0px; }
.account-settings .block { padding:15px 20px 0px 20px; }
.account-settings .deactivate { padding:12px 20px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; }
.account-settings .block.last .inner-wrapper { border-bottom:none; }
.account-settings .deactivate a { font-size:12px; text-transform:uppercase; text-decoration:none;}
.account-settings .block h6 { text-transform:uppercase; margin-bottom:5px; line-height:20px; }
.account-settings .block p { font-size:13px; }
.account-settings .block .inner-wrapper { border-bottom:1px solid #dadada;  }
.account-settings .block  .edit-icon { font-size:14px; }
.account-settings .block  .sociable a { margin-bottom:0px; }
.account-settings .block .inner-wrapper .form1 h6 { font-size:12px; margin-bottom:15px; }
.account-settings .block .form1 { display:none; }
.account-settings .block.active .form1 { display:block;  padding-bottom:20px; }
.account-settings .block.active { background:#ecf7fe; }
.account-settings .block.active .inner-wrapper  { border:none; }
.account-settings .block .inner-wrapper .form1 label { font-weight:normal; }
.account-settings .block .inner-wrapper .form1 .save-btn { min-width:100px; padding:10px; }
.account-settings .block .inner-wrapper .radio-input,.account-settings .block .inner-wrapper .checkbox-input { min-width:110px; }
.account-settings .block .inner-wrapper .cancel-btn { font-size:12px; font-weight:500; position:relative; top:12px; margin-left:10px; text-transform:uppercase;}
.account-settings .change { text-transform:uppercase; font-size:12px; text-decoration:none; float:right; font-weight:500;  }
.account-settings .active .change { display:none;}

#deactivate-popup .modal-content, #deactivate-confirm-popup  .modal-content { min-height:298px;}
#deactivate-confirm-popup  .modal-body { min-height:207px;}

/*--- user-answers  --- */
.user-answers  { padding-top:15px; }
.user-answers p { margin-bottom:10px; }
.user-answers .heading2 { padding-bottom:5px; border-bottom:1px solid #dadada; }
.user-answers  .user-comment { margin-bottom:15px; }
.user-answers  .user-comment .user-img { float:left;}
.user-answers  .user-comment.comment { margin-bottom:10px; }
.user-answers  .user-comment .user-img img { width:40px; height:40px; border-radius:50%;}
.user-answers  .user-comment .details { margin-left:50px;}
.user-answers  .user-comment .details input[type="text"] { width:84%; padding:0px 10px; float:left; height:30px; font-size:12px; color:#8c8c8c; }
.user-answers  .user-comment .details input[type="button"] { width:15%;  height:30px; border:0px; border-radius:0px; }
.user-answers  .user-comment .details h5 { margin-bottom:5px; }
.user-answers  .user-comment .details h5 a { color:#424242; }
.user-answers  .user-comment .meta-data { font-size:11px; color:#8c8c8c; display:block; margin-bottom:10px; }
.user-answers ul { padding:0px; margin:0px; list-style-type:none; }
.user-answers ul li { padding:20px 0px 0px 0px; }
.user-answers ul li footer { font-size:12px; margin-bottom:15px; }
.user-answers .user-comment .date { color:#8c8c8c; font-size:12px; }
.user-answers ul li footer .button4 { margin-right:5px; color:#8c8c8c; border:1px solid #8c8c8c; min-width:75px; }
.user-answers ul li  .details footer { margin-bottom:0px; }
.user-answers ul li footer .date { margin-left:10px; }
.user-answers ul li footer .button4:hover,.user-answers ul li footer .button4.active  { color:#fff; }
.user-answers ul li ul { background:#eeeeee; padding:10px; border-radius:2px; }
.user-answers ul li ul li { padding:0px; }
.user-answers ul li.last footer { margin-bottom:0px; }
.user-answers ul li ul li .user-comment .user-img img { width:35px; height:35px; }
.user-answers .user-comment .details p { font-size:13px; line-height:18px; color:#8c8c8c; word-break:break-all; }

/*--- QNA  --- */
#qna .qna-box .user-answers  .user-comment .details h5 { margin-bottom:5px;  } 
#qna .qna-box .no-padding { padding-bottom:0px; }

/* qna flag css  */
.flag-bx {background:#fff;}
.flag-bx ul{list-style:none;margin:0; padding:0;clear:both;}
.flag-bx ul li{margin:0; padding:0;font-size:12px;color:#000;border-bottom:1px solid  #CCC;line-height:24px; height:26px; padding-left:10px; cursor:default;}
.flag-bx ul li.nbdrs{border-bottom:0px; height:auto; width:100%; overflow:hidden; padding-bottom:8px;}
.flag-bx ul li input[type="text"]{ float:left; width:142px; border-radius:0px; height:31px; }
.flag-bx ul li input.btn { border-radius:0px; }
.flag-bx ul li span{float:left;}
.prevBx { width: 205px; height: auto; display: none; z-index:99; border: 1px solid #ccc; border-top:0; position: absolute; margin-left:0px;margin-top:0px;   box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); -moz-box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.176);}
.flgbdr {position:relative; z-index:10; padding-left:8px;} 
.flgbdr a{outline:none;position:relative; z-index:10;} 
.flg-tp {border:1px solid #ccc;border-bottom:0;padding-top:3px;padding-right:8px;padding-bottom:2px;position:absolute;margin-top:-30px;display:block; width:62px; height:28px;margin-left:-1px; z-index:2; padding-left:5px;top:2px;left:0;}
.flg-tp-br {background: #ccc; height: 1px; line-height: 1px; width: 143px; float: right;font-size:0px;overflow:hidden;}

/*--- Download App Pophover  --- */
#download-app-pophover { background:#2e4056; border-radius:2px; padding:20px 20px 25px 20px; width:440px; position:absolute; top:33px; left:-146px;  box-shadow: 0 2px 12px rgba(46, 64, 86, 0.8); display:none; z-index:10; }
#download-app-pophover:before { content:""; position:absolute; top:-15px; left:0px; width:100%; display:block; height:20px; }
#download-app-pophover h2 { color:#fff; font-size:16px; margin-bottom:10px; }
#download-app-pophover p { color:#fff; font-size:13px; line-height:21px; margin-bottom:20px; }
#download-app-pophover .techgig-mobile { position:absolute; right:20px; bottom:0px; }
#download-app-pophover .arrow { display:inline-block; width:30px; height:10px; position:absolute; top:-8px; left:50%; margin-left:-15px; background:url(images/tg_images/icons.png) no-repeat; background-position:-136px -136px;  }

/*--- Download App  --- */
.download-app { padding-top:30px; }
.download-app .download-app-inner { height:406px; display:table; padding:15px 15px; padding-left:110px; }
.download-app .download-app-inner .inner-content { display:table-cell; vertical-align:middle; }
.download-app h1 {  margin-bottom:15px; font-size:28px; }
.download-app p { font-size:16px; }

/*--- Top Navigation  --- */
#top-navigation ul li { position:relative; }
#top-navigation ul li:hover #download-app-pophover { display:block; }

/*--- OR Divider  --- */
.or-divider { width:380px; height:1px; background:#dadada; position:relative; margin:35px 0px 50px 0px;  }
.or-divider span { display:inline-block; font-size:12px; color:#8c8c8c; background:#f4f4f4; width:35px; position:absolute; left:50%; margin-left:-17px; padding:2px; top:-10px; text-align:center; }

/*--- App Share Formr  --- */
.app-share-form { width:380px;  }
.app-share-form .form-control { width:65%; float:left; }
.app-share-form .button1 { width:35%; height:36px; border:none; display:inline-block; border-radius:0px; }

/*--- Download App page  --- */
.download-app-page #content .container { padding-bottom:0px; }

/*----- User Info ----*/
#user-info {  padding:30px 0px; background: rgb(47,148,215); background: -moz-linear-gradient(left, rgb(47,148,215) 0%, rgb(136,106,204) 100%); background: -webkit-linear-gradient(left, rgb(47,148,215) 0%,rgb(136,106,204) 100%); background: linear-gradient(to right, rgb(47,148,215) 0%,rgb(136,106,204) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f94d7', endColorstr='#886acc',GradientType=1 );  }
#user-info.edit-user-info { background:#2e4056; }
#user-info.edit-user-info  #profile_edit_pic { display:block !important; }
#user-info  .inner .fa-pencil { display:none; }
#user-info  .inner #profile_edit_pic  .fa-pencil { display:inline-block; }
#user-info  .inner a { color:#fff; }
#user-info.edit-user-info .inner .fa-pencil { display:inline-block; }
#user-info .avatar { display:block; float:left; position:relative; text-align:center;}
#user-info .avatar .inner { position:relative; width:130px; margin:0 auto 11px;}
#user-info .avatar .user-pic-edt { position:absolute; left:10px; bottom:-20px; color:#fff; font-size:13px; }
#user-info .avatar img { width:100px; height:100px; border:3px solid #fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
#user-info span.rank {  background: #ed1c24; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color: #fff; display: block; font-size: 12px;   font-weight: normal; height: 26px;  line-height: 25px; position: absolute; text-align: center; z-index: 5; left:-14px; bottom:5px; padding:0 5px; min-width:30px;}
#user-info span.rank:before { content:""; width:9px; height:9px; display:block; left:5px; top:-9px; position:absolute; background:url(images/techgig_images/red-arrow.png) left top no-repeat; }
#user-info h1 { color:#fff; margin-bottom:5px; font-weight:bold; }
#user-info .details { margin-left:145px; margin-top:10px; }
#user-info .details .inner { float:left; width:100%;}
#user-info .details p { color:#fff; margin:10px 0px; }
#user-info .details p .block { margin-right:20px;}
#user-info .details .fa-map-marker.edit { display:none; }
#user-info.edit-user-info .details .fa-map-marker.edit { display:inline-block; }
#user-info .details .form1 .form-group.select { display:inline-block; width:106px; }
#user-info .details p span.experience { font-size:13px;}
#user-info .skills { margin:0; padding:0; list-style:none; display:inline-block; margin-right:6px;}
#user-info .button2  { border-color:#fff; color:#fff; margin-left:10px; margin-top:5px; }
#user-info .button2:hover { background:#fff; color:#424242;  }
#user-info .form1 .form-control {  border:none; font-size:14px; color:#424242; width:auto; min-width:300px; display:inline-block; margin-bottom:5px; }
#user-info .form1 #profilesummary .form-control { min-width:810px; }
#user-info .form1 .max-letter { color:#fff; font-size:12px; margin-left:5px; }
#user-info .form1 .form-inline .form-control { min-width:auto; }
#user-info .form1 .form-inline .at { color:#fff; margin:0px 10px; display:inline-block; font-size:14px; }

/*----- User Status ----*/
.profile-completeness { padding-top:15px; }
.profile-completeness h6 { margin-bottom:10px; font-weight:bold; }
.profile-completeness h6 .percentage { color:#2f94d7; font-weight:bold; }
.profile-completeness .add-details { text-align:left; }

/*--- User Detail Sectionsr  --- */
.user-detail-sections  { box-shadow:-1px 2px 6px rgba(0, 0, 0, 0.07)  }
.user-detail-sections header { padding:10px; background:#e5e5e5; text-align:center; }
.user-detail-sections header h6 { margin:0px; font-weight:500; }
.user-detail-sections .box1 { padding:15px 20px 20px 20px; background:#fff; }
.user-detail-sections .box1 .button2 { min-width:160px; font-weight:500; }
.user-detail-sections .tags { text-align:left; margin-bottom:25px; }
/*.user-detail-sections .tags a { font-size:11px; font-weight:200; border:1px solid #c0c0c0; color:#424242; background:#fff; padding:5px 15px; display:inline-block; border-radius:15px; margin-right:10px; margin-bottom:5px; text-decoration:none;}*/
.user-detail-sections .tags a { font-size:11px; border:1px solid #c0c0c0; color:#424242; background:#fff; padding:5px 15px; display:inline-block; border-radius:15px; margin-right:10px; margin-bottom:5px; text-decoration:none;}
.user-detail-sections .box1 .inner { padding-left:25px; margin:0px; list-style-type:none; }
.user-detail-sections .box1 .inner li { position:relative; }
.user-detail-sections .box1 .inner li:before { content:""; height:100%;width:1px; background:#dadada; left:-15px; position:absolute; top:0px; }
.user-detail-sections .box1 .form-inline .form-group { margin-right:10px; }
.user-detail-sections .box1 .inner li:last-child:before { display:none; }
.user-detail-sections .box1 .inner li:after { content:""; height:12px;width:12px; background:#fff; border-radius:50%; border:1px solid #dadada; left:-21px; position:absolute; top:0px; display:inline-block; }
.user-detail-sections .box1 .inner h6 small { font-size:12px; color:#8c8c8c; font-weight:500;  }
.user-detail-sections .box1 .inner h6 small a,.user-detail-sections .box1 .inner h6 small a  .fa { font-weight:normal; }
.user-detail-sections .box1 .inner h6 { margin-bottom:5px; font-weight:bold; }
.user-detail-sections  .edit-mode.web-profile .connected-profiles  { margin-bottom:10px; }
.user-detail-sections .box1 .inner li p { margin-bottom:5px; }
.user-detail-sections .box1 .inner li p:last-child { margin-bottom:0px; padding-bottom:10px; }
.user-detail-sections .box1 .inner li:last-child { margin-bottom:20px; }
.user-detail-sections .box1 .inner .fa-check-circle { color:#02c54c; font-size:18px; }
.user-detail-sections .box1 .inner .fa-info-circle { color:#e67676; }
.user-detail-sections .box1 .view-more { font-size:12px; text-transform:uppercase; font-weight:500; }
.user-detail-sections .box1 .inner li .edit-mode ul li:after,.user-detail-sections .box1 .inner li .edit-mode ul li:before { display:none; }
.user-detail-sections .box1 .hint-field { font-size:12px; margin-bottom:5px; display:block; }
.user-detail-sections .box1 .inner li .edit-mode ul li:last-child { margin-bottom:0px; }
.user-detail-sections .box1 .inner li #autocomplete{ z-index:100; }
.user-detail-sections  .all-people header  { background:#fff; padding:15px 20px; text-align:left; padding-bottom:5px; }
.user-detail-sections  .all-people .people-box  { border:1px solid #f0f0f0; }
.user-detail-sections  .all-people .followers-count  { font-size:12px; margin-bottom:5px; display:block;}


/*--- User Detail Sectionsr  --- */
#profile-navigation { background:#fff; border-bottom:1px solid #dadada; }
#profile-navigation ul { float:left; padding:0; margin:0; list-style:none;}
#profile-navigation ul li { position:relative; margin-right:11px; float:left;}
#profile-navigation ul li:last-child { padding-right:0; margin-right:0;}
#profile-navigation ul li:last-child:after { display:none;}
#profile-navigation ul li a { line-height:22px; padding:8px 20px; display:block; font-size:12px; color:#424242; text-transform:uppercase; font-weight:bold; position:relative; text-decoration:none; }
#profile-navigation ul li a:after { display:block; content:""; height:4px; left:0; bottom:0; width:100%; background:#2f94d7; position:absolute; opacity:0; }
#profile-navigation ul li.active a:after, #profile-navigation ul li:hover a:after { opacity:1;}

/*--- Profile Page  --- */
.profile-page { background:#f4f4f4; }
.profile-page #content.two-column-layout .container { padding-top:0px; }
.profile-page #container-wrap .left-panel { padding-right:0px; }

/*--- Sociable Share  --- */
.sociable-share li { font-size:13px; border-bottom:1px solid #dadada; }
.sociable-share li .fa-facebook-square { margin-left:0px; }
.sociable-share li .sociable2{ margin-top:5px; }
.sociable-share li a { color:#8c8c8c; text-decoration:none; }

/*--- quotient Table  --- */
.quotient-table { padding:0px; margin:0px; list-style-type:none; }
.quotient-table li { margin-bottom:10px; border:1px solid #dadada; border-bottom:1px solid #dadada; font-size:13px; border-radius:2px;  }
.quotient-table li p { margin:0px; }
.quotient-table li:last-child { margin:0px; }
.quotient-table li table { width:100%; }
.quotient-table li table td { padding:5px; text-align:center; }
.quotient-table li .percentile { background:#2f94d7; font-size:14px; font-weight:500;}
.quotient-table li .percentile p { color:#fff; }
.quotient-table li .rank { padding-left:20px; }
.quotient-table li .percentile span { font-size:11px; }
.quotient-table li .language { background:#eeeeee; font-size:14px;  }
.quotient-table li .certificate-download { border-radius:0px 2px 2px 0px; font-size:12px; border-left:1px solid #dadada; }
.quotient-table li .certificate-download p a { font-size:12px;  }
.quotient-table li .certificate-download p .fa { font-size:16px; }
.quotient-table li .percentile,.quotient-table li .certificate-download,.quotient-table li .language { width:150px; }

/*--- Edit Mode  --- */
.edit-mode { background:#ecf7fe; border-top:1px solid #dadada; border-top-style:dashed; padding:15px 15px 20px 15px; }
.edit-mode .percentage { width:105px; }
.edit-mode .button1 { min-width:100px; }
.edit-mode.web-profile p { margin-bottom:5px; }
.edit-mode .cancel-btn { font-size:12px; text-transform:uppercase; margin-left:5px; font-weight:500; }
.edit-mode.web-profile { background:none; padding:0px; border:none; }
.edit-mode.web-profile .connected-profiles { position:relative; }
.edit-mode.web-profile .connected-profiles span { background:#fff; padding-right:10px; position:relative; z-index:10; }
.edit-mode.web-profile .connected-profiles:after { content:""; background:#dadada; height:1px; left:0px; width:100%; top:50%; display:block; position:absolute; z-index:5;  }
.edit-mode.web-profile .web-logo { display:inline-block; margin-right:10px; margin-bottom:20px; border:1px solid #dadada; border-radius:2px; text-align:center; width:112px; height:47px; line-height:45px; }
.edit-mode .form-control,.edit-mode .select,.edit-mode .radio-input { margin-bottom:15px; }
.edit-mode .to { min-width:50px; }
.edit-mode .form1 .form-inline .form-group:last-child { margin-right:0px; }
.edit-mode .form1 label { font-size:12px; }

/*--- Save All Edits  --- */
.save-all-edits { text-align:center; padding-top:60px; }
.save-all-edits p { font-size:19px; color:#8c8c8c; margin-bottom:5px; }
.save-all-edits .button1 { padding:10px 20px; min-width:200px; font-size:14px; }

/*--- Know-us-banner ---*/
#know-us-banner  .slide { padding:45px 0;}
#know-us-banner h2 { font-size:28px; color:#fff;}
#know-us-banner p { color:#a8b6bd;}
#know-us-banner .register-link { float:right; text-align:right;}
#know-us-banner .register-link .btn { float:right; margin-left:15px;}
#know-us-banner .register-link p { font-size:11px; float:right; line-height:15px; color:#fff;}

/*--- Secondary-navigation ---*/
#secondary-navigation { position:relative; margin-top:-55px; margin-bottom:25px;}
#secondary-navigation ul { margin:0; padding:0; list-style:none;}
#secondary-navigation ul li { float:left; margin-right:50px; padding-bottom:10px;}
#secondary-navigation ul li.active { padding-bottom:7px; border-bottom:3px solid #fff;}
#secondary-navigation ul li.active a { color:#fff;}
#secondary-navigation ul li:last-child { margin-right:0;}
#secondary-navigation ul li a { font-size:18px; color:#a8b6bd;}

/*--- Our-offers ---*/
#our-offers header { float:left; text-align:center; border-right:1px solid #56c1ee; width:135px;}
#our-offers header .icon { display:block; margin:0 auto 10px; width:95px; height:95px; border-radius:50%; border:2px solid #f4f4f4; line-height:93px;}
#our-offers ul { margin:0; list-style:outside none square;display:table-cell;vertical-align:middle;}
#our-offers .details{ margin:0 0 0 165px;display:table;height:125px;}
#our-offers ul li { font-size:13px; color:#747474; line-height:19px;}
#our-offers .col-md-4{margin-bottom:50px;}
#our-offers h5{font-size:15px;margin:0;}
#our-offers h5 a { color:#424242; }

/*--- In-the-press --- */
#in-the-press .list4 { margin:0 -15px; list-style-type:none; }
#in-the-press .list4 li { text-align:left;}
#in-the-press .list4 li img { margin-bottom:10px;}
#in-the-press .list4 li h5 { line-height:21px; min-height:64px;}
#in-the-press .list4 li h5 a { color:#333; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
#in-the-press .list4 li h5 a:hover { color:#eb494f;}
#in-the-press .list4 li p { color:#999; margin-bottom:3px; font-size:12px;}
#in-the-press .list4 li p strong { color:#666;}

/*--- Awards-section ---*/
.awards-section p strong{font-size:20px;color:#eb494f;}
.awards-section p span{color:#e18918;font-weight:bold;}
.awards-section p img{padding-right:15px;}
.awards-section ul{margin-left:15px;}

/*--- Career ---*/
#career .inner-career {text-align:center; position:relative; margin-top:-11px; padding:30px 0; margin-bottom:30px;}
#career  h4 { margin-bottom:30px;}
#career .inner-career .icon img{ vertical-align:middle;}
#career .inner-career .icon { line-height:50px; display:block;}

/*--- header-area ---*/
.header-area { text-align:center; margin-bottom:45px;}
.header-area h2 { margin-bottom:20px; font-size:28px;}
.header-area h2 small { color:#424242;}
.header-area p { color:#999999; margin-bottom:0;}
.header-area p.lead { font-size:18px;}

/*--- Blue Icon ---*/
.blue-icon { font-size:42px; color:#56c1ee; margin-bottom:10px; display:inline-block;}

/*--- Benefits for uou ---*/
#benefits-for-you h2 { text-align:center; margin-bottom:40px;}

/*--- Become-expert-banner ---*/
#become-expert-banner h2,#resume-banner h2{ font-size:28px; color:#fff;}
#become-expert-banner p,#resume-banner p { color:#fff;}
#resume-banner p a { color:#704206;text-decoration:underline;}

/*--- Sliding-panel ---*/
.sliding-panel { background:#56c1ee; position:relative;}
.sliding-panel h3, .sliding-panel p { color:#fff;}
.post .sliding-panel p, .sliding-panel p { font-size:14px; line-height:32px; }
.sliding-panel .slide-img { position:absolute; right:0; top:0; width:50%; height:100%;}
.sliding-panel .slide { position:relative; padding:50px 0; width:100%;}
.sliding-panel .previous-btn { width:24px; height:50px; display:block; position:absolute; left:25px; top:50%; margin-top:-25px; background:url(images/techgig_new_images/sliding-panel-btns.png) left top no-repeat; z-index:5;}
.sliding-panel .next-btn { width:24px; height:50px; display:block; position:absolute; right:25px; top:50%; margin-top:-25px; background:url(images/techgig_new_images/sliding-panel-btns.png) right top no-repeat; z-index:5;}

/*--- Tabs5 ---*/
.tabs5 .container{ padding:0px 15px !important; }
.tabs5 .nav-tabs { border:0; text-align:center; margin:0;}
.tabs5 .nav-tabs li { margin-bottom:0; float:none; display:inline-block;}
.tabs5 .nav-tabs li a { font-size:24px; color:#333333; border:0;}
.tabs5 .nav-tabs li a:hover, .tabs5 .nav-tabs li > a:focus { background:none; border:0;}
.tabs5 .nav-tabs li.active > a, .tabs5 .nav-tabs li.active > a:focus, .tabs5 .nav-tabs li.active > a:hover { background:#f4f4f4; color:#333333;}
.tabs5 .tab-content { background:#f4f4f4; padding:50px 0;}
.tabs5 .tab-content .container{ position:relative;}
.tabs5 .tab-content .caroufredsel_wrapper { padding-bottom:0 !important;}
.tabs5 .tab5-lists { margin:0; padding:0; list-style:none;}
.tabs5 .tab5-lists li {float:left; margin:5px; margin-right:40px; background:#ffffff; height:120px; overflow:hidden; line-height:118px; text-align:center; box-shadow:0 0 5px #dfdfdf; padding:0 15px;}
.tabs5 .tab5-lists li img { vertical-align:middle; max-width:150px;}
.tabs5 .tab-content .tab-pane {display: block;  height: 0; visibility: hidden;}
.tabs5 .tab-content .tab-pane.active { height: auto; visibility: visible;}
.tabs5 .previous-btn { position:absolute; left:-15px; top:50%; margin-top:-20px; color:#333;}
.tabs5 .next-btn { position:absolute; right:-15px; top:50%; margin-top:-20px; color:#333;}
.tabs5 .fa-3x { font-size:40px;}

/*--- Become-ambassador ---*/
.become-ambassador { background:#56c1ee; border-radius:5px; padding:15px; }
.become-ambassador h4 { margin-bottom:20px;}
.become-ambassador h4, .become-ambassador p { color:#fff;}
.become-ambassador p { font-size:14px;}

/*--- Tg-offers-banner ---*/
#tg-offers-banner { text-align:center; background-image:url(images/techgig_new_images/tg-offers-banner-bg.png); height:320px; }
#tg-offers-banner h1 { font-size:36px; color:#fff;}
#tg-offers-banner .btn { margin:0 5px;}
#tg-offers-banner .container { padding-top:165px;}

/*--- About-code-challenge ---*/
#about-code-challenge { text-align:center;}
#about-code-challenge p { color:#999999; font-size:14px;}
#about-code-challenge p.lead { font-size:18px; margin-bottom:40px;}
#about-code-challenge .section3 { padding:25px 0 30px;}
#about-code-challenge .col-sm-7 { text-align:left;}
#about-code-challenge .why-prefer { margin:0; padding:0; list-style:none;}
#about-code-challenge .why-prefer li { background:url(images/techgig_new_images/tick-icon-big.png) 0 0 no-repeat; line-height:35px; padding-left:47px; margin-bottom:15px; font-size:14px; color:#9a9a9a; }
#about-code-challenge .col-sm-7 h4 {color:#9a9a9a; margin-bottom:20px;}
#about-code-challenge .col-sm-7 h5 {font-size:16px;}
#about-code-challenge .laptop-img { margin-bottom:20px;}

/*--- Job Post Form ---*/
#job-post-form .text-editor > div, #job-post-form .text-editor .nicEdit-main { width:100% !important; margin:0px !important; background:#fff; }
#job-post-form .text-editor .nicEdit-main { padding:5px; background:#fff; }
.nicEdit-main  { background:#fff; font-size:13px; width:100% !important; margin:0 !important; padding:5px; }
#job-post-form .full-width { width:100%; margin-right:0px; }
#token-input-question_tags { border:none; width:130px; max-height:30px; }

/*--- static-navigation ---*/
#static-navigation { float:left; width:280px; padding:0; box-shadow:none;}
#static-navigation h5 { background:#2f94d7; padding:12px; margin:0; font-size:16px; color:#fff;}
#static-navigation ul { margin:0; padding:0; list-style:none;}
#static-navigation ul li { border-bottom:1px solid #e5e8ea;}
#static-navigation ul li a { display:block; padding:12px; font-size:14px; color:#999999;}
#static-navigation ul li a .caret { float:right; margin-top:8px;}
#static-navigation ul li.active { border-left:3px solid #2f94d7;}
#static-navigation ul li.active a { color:#2f94d7; background:#fff; padding-left:9px;}
#static-navigation ul li:last-child { border-bottom:0;}
#static-navigation ul li ul { display:none;}
#static-navigation ul li.active ul { display:block;}
#static-navigation ul li.active ul a { border:0; padding:5px 5px 5px 20px; color:#999999;}
#static-navigation ul li.active ul .active a { color:#2f94d7;}
#static-navigation ul li.active ul .active { border-left:0;}

/*--- Two-column-layout ---*/
#content .inner-main { margin-left:300px;}
#content #main .inner-main { margin-left:0;}
.two-column-layout #our-partners .container { width:100%;}

/*--- Practice-problem-area --- */
#practice-problem-area .get-started-btn { margin-left:20px;}
#practice-problem-area .alert h4 { margin-bottom:0;}
#practice-problem-area .tabs3 { margin-top:30px;}

#practice-problem-area .badges { padding-top:20px;}
#practice-problem-area .badges ul {margin:0 -15px; padding:0; list-style:none;}
#practice-problem-area .badges ul li { margin-bottom:30px;}
#practice-problem-area .badges ul li .content { text-align:center; max-width:250px; width:100%; margin:0 auto;}
#practice-problem-area .badges ul li .inner-wrap { position:relative; margin-bottom:20px; border-radius:4px; box-shadow:0px 0px 3px #c1c1c1; border:1px solid #c0bdcb; padding:2px; background:#fff; text-align:center;}
#practice-problem-area .badges ul li:last-child .content { float:right;}
#practice-problem-area .badges ul li:first-child .content { float:left;}
#practice-problem-area .badges ul li .progress { margin-bottom:0;}
#practice-problem-area .badges ul li img { margin-bottom:10px;}
#practice-problem-area .badges ul li h3 { font-weight:normal; margin-bottom:12px;}
#practice-problem-area .badges ul li.no-completed .inner-wrap:after { position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; display:block; content:""; background:rgba(255, 255, 255, 0.5);}
#practice-problem-area .badges ul li .coins {height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#f0ad4e;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;}

/*--- Lateral-hiring-bottom-banner ---*/
#lateral-hiring-bottom-banner{background:#202f39;text-align:center;padding:20px 0 0;}
#lateral-hiring-bottom-banner h2{color:#ffffff;}
#lateral-hiring-bottom-banner h2 a{margin-left:30px;}

/*--- Highlighted Content ---*/
#highlighted-content  { padding:50px 0 0; background-position:center center; background-repeat:no-repeat; margin-bottom:50px;}
#highlighted-content .image { display:none;}
#highlighted-content h2 { text-align:center; margin-bottom:30px; font-size:36px; color:#fff; }
#highlighted-content ul { margin:0 0 30px 18px; padding:25px 0 0 0;}
#highlighted-content ul li { font-size:20px; color:#fff; margin-bottom:5px;}

/*--- Lateral Hiring Banner ---*/
#lateral-hiring-banner #newsletter-form { float:none; width:405px; margin:30px auto 0; position:relative;}
#lateral-hiring-banner #newsletter-form input[type="text"], #lateral-hiring-banner #newsletter-form input[type="button"]{ font-size:16px; height:45px;}
#lateral-hiring-banner #newsletter-form #email_error { position:absolute; left:0; bottom:-44px; font-size:12px; color:red;}
#lateral-hiring-banner #newsletter-form form { background:#fff; padding-left:15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#lateral-hiring-banner #newsletter-form input[type="text"] { width:218px; float:left; padding:5px 15px 5px 0; border:0; box-shadow:none; font-size:13px; color:#999999; height:45px;}
#lateral-hiring-banner #newsletter-form input[type="button"] { height:45px; padding:0 20px; background:#2f94d7; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border:0; font-size:14px; color:#fff; float:right; width:auto; }

/*--- Contest-recruit ---*/
#contest-recruit .steps{ margin:0 auto; display:block;}

/*--- Testimonials ---*/
#middle-testimonials  { padding:50px 0; background-position:center center; background-repeat:no-repeat; margin-bottom:50px;}
#middle-testimonials h2 { text-align:center; margin-bottom:30px; font-size:36px; color:#fff; }
#middle-testimonials blockquote { border:0; padding:10px 0 0 50px; background:url(images/techgig_new_images/double-quote-left.png) left top no-repeat;}
#middle-testimonials blockquote p { font-size:18px; color:#dadada; line-height:28px; padding-right:50px; background:url(images/techgig_new_images/double-quote-right.png) right bottom no-repeat;}
#middle-testimonials blockquote p.cite { background:none; padding:0;}
#middle-testimonials blockquote p.cite cite { font-style:normal; color:#999999;}
#middle-testimonials .avatar { border:1px solid #fff;}
#middle-testimonials .image { display:none;}

/*--- Social Buzz --- */
#social-buzz h2 { text-align:center;}
#social-buzz h3 { color:#fff; background:#484848; font-size:24px; margin-top:10px; height:45px; line-height:45px; text-align:left;}
#social-buzz h3 .icon { width:45px; height:45px; color:#fff; display:inline-block; border-right:1px solid #fff; vertical-align:top; margin-right:5px; text-align:center;}
#social-buzz .facebook h3 .icon { background:#115cc2;}
#social-buzz .twitter h3 .icon { background:#34baff;}
#social-buzz .twitter iframe { width:100% !important;}
#social-buzz .social-links { padding-top:50px;}
#social-buzz .social-links h4 { font-size:24px; color:#e9625e; margin-bottom:10px;}
#social-buzz .social-links p { font-size:24px; line-height:24px; color:#484848;}
#social-buzz .social-links p  span { color:#115cc2;}
#social-buzz .social-links ul { display:inline-block;}
#social-buzz .social-links ul li .fa { font-size:32px; color:#fff;}
#social-buzz .social-links ul li a { width:52px; height:52px; border-radius:5px; line-height:52px; display:block; padding-top:6px;}
#social-buzz .social-links ul li { float:left; margin:0 2px;}
#social-buzz .social-links ul li.facebook a { background:#21497f;}
#social-buzz .social-links ul li.twitter a { background:#01baf7;}
#social-buzz .social-links ul li.linkedin a { background:#015ef7;}
#social-buzz .social-links ul li.google-plus a { background:#df4f3f;}
#social-buzz .social-links ul li.github a { background:#434344;}

/*--- For Events --- */
.new-wrap{padding-top:0 !important;}
.fixed-width{top:0 !important;}

/*--- Why-participate-gladiators ---*/
#why-participate-gladiators { margin-bottom:20px;}
#why-participate-gladiators .inner {background:url(images/techgig_new_images/why-participate-gladiators-bg.png) center top no-repeat;}
#why-participate-gladiators ul { margin:0; padding:0; list-style:none; text-align:left;}
#why-participate-gladiators ul li { min-height:89px; margin-bottom:26px;}
#why-participate-gladiators ul li:last-child { margin-bottom:0;}
#why-participate-gladiators ul li p { margin-bottom:0;}
#why-participate-gladiators .left-block ul { text-align:right;}


/*---------------------------
 CODE PLAY 
 ----------------------------*/
 
#codeplay_banner { height:auto; z-index:52; overflow:visible; background-size:cover; text-align:center; padding-top:45px;}
#codeplay_banner .codeplay-date { font-size:24px; color:#50bcc8; display:block;font-family: 'open_sanssemibold'; margin-bottom:8px;}
#codeplay_banner h2 { color:#fff; font-size:30px; font-family:'Raleway', Arial; font-weight:300; margin-bottom:25px;}
#codeplay_banner h4, #codeplay_banner p, #codeplay_banner h3 { color:#fff;}
#codeplay_banner h4 { margin-bottom:5px;}
#codeplay_banner p { font-size:14px; line-height:20px;}
#codeplay_banner h3  { font-size:21px;}
#codeplay_banner h3 img { margin-right:10px;}

#codeplay_banner .benefits-lists { list-style:none; margin:0 -15px; padding:35px 0 0 0; text-align:left; background: url('images/structure-image.png') center center no-repeat;}
#codeplay_banner .benefits-lists li { margin-bottom:20px;}
#codeplay_banner .benefits-lists .icon { float:left;}
#codeplay_banner .benefits-lists .details { margin-left:62px; display:table; width:298px; height:56px;}
#codeplay_banner .benefits-lists .details p { margin-bottom:0;}
#codeplay_banner .benefits-lists .details .inner { display:table-cell; vertical-align:middle;}
#codeplay_banner .benefits-lists .alt .icon { float:right;}
#codeplay_banner .benefits-lists .alt .details { margin-left:0; margin-right:62px; text-align:right;}

#search-filter-form { background:#1c255d; padding:20px 28px; border-radius:4px 4px 0 0;}
#search-filter-form .form1 input[type="submit"] { padding:12px; font-size:16px; margin-bottom:10px;}
#search-filter-form .form1 { text-align:left;}
#search-filter-form .form1 > ul { min-height:186px;}
#search-filter-form .form1 .chosen-container-multi .chosen-choices { background:none; box-shadow:none; padding-left:15px; padding-right:15px;}
#search-filter-form .form1 .chosen-container-multi .chosen-choices li.search-field input[type="text"] { font-size:16px; font-family: 'open_sanssemibold'; color:#8e92ae !important;}
#search-filter-form .form1 .chosen-container-multi .chosen-choices li.search-choice { border:1px solid #474e7b; background:none; color:#fff; padding:4px 22px 4px 10px; box-shadow:none;}
#search-filter-form .form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { border:0;}
#search-filter-form .form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after { font-size:15px; top:-2px; color:#bfc1d1;}
#search-filter-form .form1 .select { background: url('images/select-box-bg.png') bottom left no-repeat; min-height:33px; padding-right:1px; background-size:100% auto; border:0; border-radius:0;}
#search-filter-form .form1 .half .select { background-image: url('images/select-box-bg1.png');}
#search-filter-form .form1 .select select { background:none; height:31px; font-size:16px; font-family: 'open_sanssemibold'; color:#8e92ae;}
#search-filter-form .form1 .select:after { background: url('images/select-arrow1.gif') right top no-repeat; right:1px;}
#search-filter-form .form1 p a { color:#fff; float:left;}
#search-filter-form .form1 p { margin-bottom:0;}
#search-filter-form .form1 .location-field .chosen-choices { max-height:67px; overflow:hidden;}

#codeplay-works { background:#f7f7f7; padding:45px 0 0; text-align:center;}
#codeplay-works h2 { font-size:32px; color:#424242; font-family: 'open_sansregular'; margin-bottom:25px;}
#codeplay-works h2 span { font-family: 'open_sanssemibold'; color:#eb494f;}
#codeplay-works h3 { color:#747474; font-family: 'open_sansregular'; margin-bottom:45px;}
#codeplay-works ul { margin:0 15px; padding:0; list-style:none; text-align:left;}
#codeplay-works ul li { margin-bottom:90px;}
#codeplay-works ul li .image { float:left; border-radius:50%;}
#codeplay-works ul li .details { margin-left:170px; display:table; height:130px; width:355px;}
#codeplay-works ul li .details .inner { display:table-cell; vertical-align:middle;}
#codeplay-works ul li .details h4 a{ color:#333;}
#codeplay-works ul li .details p { color:#747474; margin-bottom:0;}

#codeplay-benefits { padding:45px 0 0; text-align:center;}
#codeplay-benefits h2 { font-size:32px; color:#424242; font-family: 'open_sansregular'; margin-bottom:30px;}
#codeplay-benefits h2 span { font-family: 'open_sanssemibold'; color:#eb494f;}
#codeplay-benefits h3 { color:#747474; font-family: 'open_sansregular'; margin-bottom:45px;}
#codeplay-benefits ul { margin:0; padding:0; list-style:none;  text-align:left;}
#codeplay-benefits ul li { margin-bottom:80px; position:relative;}
#codeplay-benefits ul li .fa { display:block; font-size:41px; float:left; color:#f4865e;}
#codeplay-benefits ul li .details { margin-left:75px; padding-right:30px;}
#codeplay-benefits ul li .details p { margin-bottom:0;}
 

/*---------------------------
 ENDING CODE PLAY 
 ----------------------------*/

 /*--- Selected Info  --- */
.selected-info { margin-bottom:25px;}
.selected-info span.block { margin-left:30px;}
.selected-info span.block .fa { margin-right:10px; color:#aaa; font-size:22px; vertical-align:middle;}

 /*--- Selected Companies  --- */
#select-companies { text-align:center;}
#select-companies h2 { margin-bottom:25px;}
#select-companies .checkbox { vertical-align:top; text-align:left; margin-bottom:25px;}
#select-companies .checkbox label::before { bottom:18px;}
#select-companies .checkbox label { background:none; line-height:36px; height:60px; border:1px solid #c9c9c9; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
#select-companies .checkbox.active label { border:1px solid #00d9aa;}

 /*--- edit Skills  --- */
#editSkills.edit-mode { background:#fff; border:none; padding-bottom:0px; padding-top:0px; }
#editSkills.edit-mode .token-input-list-facebook { padding:5px; margin-bottom:30px; max-height:80px;}
#editSkills.edit-mode .token-input-token-facebook { background:#2f94d7; color:#fff; min-width:75px;  padding:0px 10px; border:none; text-align:center; min-height:25px; line-height:25px; }
#editSkills.edit-mode .token-input-token-facebook p { color:#fff; font-size:11px; float:left; line-height:24px;}
#editSkills.edit-mode .token-input-token-facebook span { color:#fff; font-size:11px; padding-left:5px; border-left:1px solid #0180d4; margin-left:5px; display:inline-block; min-height:25px; float:right; line-height:24px; }
#editSkills.edit-mode #token-input-haves { height:25px; font-size:11px; outline:none; border:none; margin-bottom:0px; }
#editSkills.edit-mode #token-input-haves:focus { box-shadow:none;  }


 /*--- Crop  --- */
#crop #cropImage,.imgCrop_clickArea img  { width:100%; }

 /*--- Signup Steps  --- */
.signup-steps .tabs1 .nav-tabs > li > a { pointer-events:none; }

 /*--- countdown  --- */
.countdown .label { text-transform:capitalize; }

 /*--- news-tags  --- */
.news-tags { margin-bottom:15px; }

#search-filter .form-elements li.job-title { min-width:195px; }
#job_list .pagination { margin-top:10px; }
#profile-completed .column { min-height:314px; }

 /*--- Latest Posts  --- */
#latest-posts .tags.company  a { font-size: 11px; font-weight: 200; border: 1px solid #dadada; color: #8c8c8c; background: #f4f4f4;
padding: 0 10px; display: inline-block; border-radius: 15px; margin-right: 10px; margin-bottom: 5px; }

/*--- Collage-ranking ---*/
#collage-ranking .header-area { margin-bottom:100px;}
#collage-ranking .collage-position { width:660px; margin:0 auto 50px;}
#collage-ranking .collage { float:left; width:220px; background:#fff; position:relative; box-shadow:0 0 4px #d4d4d4; text-align:center;}
#collage-ranking .collage.first { z-index:10; margin-top:-25px; margin-left:220px;}
#collage-ranking .collage.second { margin-left:-440px;}
#collage-ranking .collage .collage-logo { height:110px; line-height:108px; margin-bottom:10px;}
#collage-ranking .collage .collage-logo img { vertical-align:middle; max-height:110px; width:auto; max-width:200px;}
#collage-ranking .collage.first .number { margin-bottom:35px;}
#collage-ranking .number { width:97px; height:97px; margin:0 auto 10px; display:block; background:#fff; font-size:36px; color:#333333; border-radius:50%; line-height:97px; box-shadow:0 0 4px #d4d4d4; position:relative; margin-top:-50px;}
#collage-ranking .number sup { font-size:25px;}
#collage-ranking footer { height:80px; width:100%; display:table; padding:5px;}
#collage-ranking footer h5 { display:table-cell; vertical-align:middle; margin-bottom:0; color:#fff; line-height:22px;}
#collage-ranking .first footer { background:#e39c2d;}
#collage-ranking .second footer { background:#49cde9;}
#collage-ranking .third footer { background:#86ce5b;}

body.two-column-layout { background:#fff; }


/* ==========================================================================
	Responsive Settings
========================================================================== */

@media (max-width:1200px) {
	
	/*--- Download-app  --- */
	.download-app { padding-top:0px; }
	.download-app .download-app-inner { padding-left:15px; }
	
		/*--- sebin  --- */
	
	#invite-friends input[type="text"] { width:68%; }
	
	#user-steps-form.form1 input[type="submit"] { margin-right:74px;}
}

@media (max-width:992px) {
	
	/*--- Download-app  --- */
	.download-app .download-app-inner { height:auto; display:block; }
	.download-app .download-app-inner .inner-content { display:block; }
	.app-share-form,.or-divider { width:auto; }
	.download-app h1 { font-size:26px; }	
	
	/*--- Profile Page   --- */
	.profile-page #container-wrap .left-panel { padding-right:10px; }
	
	#user-steps-form.form1 input[type="text"], #user-steps-form.form1 input[type="password"], #user-steps-form .select, #user-steps-form .token-input-list-facebook { width:400px;}
}

@media (max-width:768px) {
	
	/*--- Download-app  --- */
	.download-app { text-align:center; }
	.download-app h1 { font-size:20px; }	
	.download-app .app-link { margin-bottom:10px; }
	.download-app p { font-size:14px; }
	
	/*--- OR Divider--- */
	.or-divider { margin:25px 0px 30px 0px;	}
	
	/*--- Top Navigation --- */
	#top-navigation ul li:hover #download-app-pophover {  display:none; } 
	
	/*--- Center Box  --- */
	.center-box { padding:0px; max-width:100%;  }
	
	/*--- User-steps-form --- */
	#user-steps-form { padding:25px 10px;}
	#user-steps-form li > label { float:none; margin-right:0; width:auto; text-align:left;}
	#user-steps-form.form1 input[type="text"], #user-steps-form.form1 input[type="password"], #user-steps-form .select, #user-steps-form .token-input-list-facebook { width:100%; float:none;}
	#user-steps-form.form1 input[type="submit"] { float:none; margin-right:0; margin-left:auto; margin-right:auto; width:115px; display:block;}
	#user-steps-form #current-status-field .radio-input.radio-inline { margin-bottom:0;}
	
	.steps-page div.token-input-dropdown-facebook { width:280px;}
	
	/*--- Section Main-info  --- */
	.section-main-info footer .sociable2 { float:left; clear:left; }
	
	/*--- Job Alert Form  --- */
	.job-alert-form .select,.job-alert .job-alert-form .select { width:100%; }
	
	/*--- User Info  --- */
	#user-info { padding:15px 0px; }
	#user-info .avatar { float:none; }
	#user-info .details { margin-left:0px; margin-top:20px; }
	#user-info .details p { font-size:12px; }
	
	/*--- Profile Navigation  --- */
	#profile-navigation ul li a { font-size:10px; padding:8px 10px; }
	
	/*--- token-input-list-facebook  --- */
	.ul.token-input-list-facebook { height:75px; }
	
	/*--- User Detail Sections  --- */
	.user-detail-sections .edit-mode.web-profile .connected-profiles { margin-top:10px; }
	.user-detail-sections .box1 .inner li .to { padding-bottom:0px !important; }
	.user-detail-sections .box1 .form-inline .form-group { margin-right:0px; }
	.user-detail-sections .box1 { padding:15px; }
	
	/*--- Form1  --- */
	.form1 .form-group.auto-width .select { width:100%; }
	
	/*--- Quotient Table  --- */
	.quotient-table li table td,.quotient-table li .percentile, .quotient-table li .certificate-download, .quotient-table li .language { width:20%; }
	.quotient-table li table td p { font-size:10px; }
	
	.user-answers .user-comment .details input[type="text"] { width:65%; }
	.user-answers .user-comment .details input[type="button"] { width:35%; font-size:10px; }
	#user-info .form1 #profilesummary .form-control,#user-info .form1 .form-control { min-width:auto; }
	.open-recommendation-pop { display:none !important; }
}