html.overlay-open .navbar-fixed-top{z-index:400}html.js fieldset.collapsed{height:auto}html.js input.form-autocomplete{background-image:none}body{position:relative}body.admin-expanded.admin-vertical.admin-nw .navbar,body.admin-expanded.admin-vertical.admin-sw .navbar{margin-left:260px}body.navbar-is-fixed-top{padding-top:64px!important}body.navbar-is-fixed-bottom{padding-bottom:64px!important}body.toolbar{padding-top:30px!important}body.toolbar .navbar-fixed-top{top:30px}body.toolbar.navbar-is-fixed-top{padding-top:94px!important}body.toolbar-drawer{padding-top:64px!important}body.toolbar-drawer .navbar-fixed-top{top:64px}body.toolbar-drawer.navbar-is-fixed-top{padding-top:128px!important}body.admin-menu .navbar-fixed-top{top:29px}body.admin-menu.navbar-is-fixed-top{padding-top:93px!important}body div#admin-toolbar{z-index:1600}body #toolbar,body #admin-menu,body #admin-toolbar{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}body #admin-menu{margin:0;padding:0;position:fixed;z-index:1600}body #admin-menu .dropdown li{line-height:normal}.navbar.container{margin-top:20px}@media screen and (min-width:768px){.navbar.container{max-width:720px}}@media screen and (min-width:992px){.navbar.container{max-width:940px}}@media screen and (min-width:1200px){.navbar.container{max-width:1170px}}.navbar.container>.container{margin:0;padding:0;width:auto}#overlay-container,.overlay-modal-background,.overlay-element{z-index:1500}#toolbar{z-index:1600}.modal{z-index:1620}.modal-dialog{z-index:1630}.modal-backdrop{z-index:1610}.element-invisible{margin:0;padding:0;width:1px}.navbar .logo{margin-right:-15px;padding-left:15px !important;padding-right:15px; margin-top:20px;}@media screen and (min-width:768px){.navbar .logo{margin-right:0;padding-left:0}}ul.secondary{float:left}@media screen and (min-width:768px){ul.secondary{float:right}}.page-header{margin-top:0}.block:first-child h2.block-title{margin-top:0}p:last-child{margin-bottom:0}.region-help>.glyphicon{font-size:18px;float:left;margin:-.05em .5em 0 0}.region-help .block{overflow:hidden}form#search-block-form{bottom: 5px;float: right; width: 250px; position:relative;top:0px;z-index:9;}.navbar #block-search-form{float:none;margin:5px 0 5px 5px;position: absolute;right: 4px;}@media screen and (min-width:200px){.navbar #block-search-form{float:right;}}.navbar-search .control-group{margin-bottom:0}ul.action-links{margin:12px 0;padding:0}ul.action-links li{display:inline;margin:0;padding:0 6px 0 0}ul.action-links .glyphicon{padding-right:.5em}input,textarea,select,.uneditable-input{max-width:100%;width:auto}input.error{color:#b94a48;border-color:#ebccd1}fieldset legend.panel-heading{float:left;line-height:1em;margin:0}fieldset .panel-body{clear:both}fieldset .panel-heading a.panel-title{color:inherit;display:block;margin:-10px -15px;padding:10px 15px}fieldset .panel-heading a.panel-title:hover{text-decoration:none}.form-actions{clear:both}.resizable-textarea textarea{border-radius:4px 4px 0 0}.radio:first-child,.checkbox:first-child{margin-top:0}.radio:last-child,.checkbox:last-child{margin-bottom:0}.help-block,.control-group .help-inline{color:#999;font-size:12px;margin:5px 0 10px;padding:0}.panel-heading{display:block}a.tabledrag-handle .handle{height:auto;width:auto}.error{color:#b94a48}div.error,table tr.error{background-color:#f2dede;color:#b94a48}.control-group.error{background:0}.control-group.error label,.control-group.error .control-label{color:#b94a48;font-weight:600}.control-group.error input,.control-group.error textarea,.control-group.error select,.control-group.error .uneditable-input{color:#555;border:1px solid #ccc}.control-group.error .help-block,.control-group.error .help-inline{color:#333}.list-inline>li.first{padding-left:0}.nav-tabs{margin-bottom:10px}ul li.collapsed,ul li.expanded,ul li.leaf{/*list-style:none;list-style-image:none*/}.tabs--secondary{margin:0 0 10px}.submitted{margin-bottom:1em;font-style:italic;font-weight:400;color:#777}.password-strength{width:17em;float:right;margin-top:1.4em}.password-strength-title{display:inline}.password-strength-text{float:right;font-weight:700}.password-indicator{background-color:#949494;height:.3em;width:100%}.password-indicator div{height:100%;width:0;background-color:#999}input.password-confirm,input.password-field{width:16em;margin-bottom:.4em}div.password-confirm{float:right;margin-top:1.5em;visibility:hidden;width:17em}div.form-item div.password-suggestions{padding:.2em .5em;margin:.7em 0;width:38.5em;border:1px solid #B4B4B4}div.password-suggestions ul{margin-bottom:0}.confirm-parent,.password-parent{clear:left;margin:0;width:36.3em}.progress-wrapper .progress{margin-bottom:10px}.pagination ul>li>a.progress-disabled{float:left}.form-autocomplete .glyphicon{color:#999;font-size:120%}.form-autocomplete .glyphicon.glyphicon-spin{color:#428bca}.form-autocomplete .input-group-addon{background-color:#fff}.ajax-progress .glyphicon{font-size:90%;margin:0 -.25em 0 .5em}.glyphicon-spin{display:inline-block;-moz-animation:spin 1s infinite linear;-o-animation:spin 1s infinite linear;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}a .glyphicon-spin{display:inline-block;text-decoration:none}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.glyphicon-refresh{-webkit-transform-origin:50% 45%;-moz-transform-origin:50% 45%;-ms-transform-origin:50% 45%;-o-transform-origin:50% 45%;transform-origin:50% 45%}.tabbable{margin-bottom:20px}.tabs-below>.nav-tabs,.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{border-bottom:0}.tabs-below>.nav-tabs .summary,.tabs-left>.nav-tabs .summary,.tabs-right>.nav-tabs .summary{color:#999;font-size:12px}.tab-pane>.panel-heading{display:none}.tab-content>.active{display:block}.tabs-below>.nav-tabs{border-top:1px solid #ddd}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below>.nav-tabs>li>a{border-radius:0 0 4px 4px}.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus{border-top-color:#ddd;border-bottom-color:transparent}.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus{border-color:transparent #ddd #ddd}.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{padding-bottom:20px;width:220px}.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none}.tabs-left>.nav-tabs>li:focus,.tabs-right>.nav-tabs>li:focus{outline:0}.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{margin-right:0;margin-bottom:3px}.tabs-left>.nav-tabs>li>a:focus,.tabs-right>.nav-tabs>li>a:focus{outline:0}.tabs-left>.tab-content,.tabs-right>.tab-content{border-radius:0 4px 4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);border:1px solid #ddd;overflow:hidden;padding:10px 15px}.tabs-left>.nav-tabs{float:left;margin-right:-1px}.tabs-left>.nav-tabs>li>a{border-radius:4px 0 0 4px}.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus{border-color:#eee #ddd #eee #eee}.tabs-left>.nav-tabs>.active>a,.tabs-left>.nav-tabs>.active>a:hover,.tabs-left>.nav-tabs>.active>a:focus{border-color:#ddd transparent #ddd #ddd;-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,.05);-moz-box-shadow:-1px 1px 1px rgba(0,0,0,.05);box-shadow:-1px 1px 1px rgba(0,0,0,.05)}.tabs-right>.nav-tabs{float:right;margin-left:-1px}.tabs-right>.nav-tabs>li>a{border-radius:0 4px 4px 0}.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus{border-color:#eee #eee #eee #ddd;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.05);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.05);box-shadow:1px 1px 1px rgba(0,0,0,.05)}.tabs-right>.nav-tabs>.active>a,.tabs-right>.nav-tabs>.active>a:hover,.tabs-right>.nav-tabs>.active>a:focus{border-color:#ddd #ddd #ddd transparent}th.checkbox,td.checkbox,th.radio,td.radio{display:table-cell}.views-display-settings .label{font-size:100%;color:#666}.views-display-settings .footer{padding:0;margin:4px 0 0}table .radio input[type=radio],table .checkbox input[type=checkbox]{max-width:inherit}.form-horizontal .form-group label{position:relative;min-height:1px;margin-top:0;margin-bottom:0;padding-top:7px;padding-left:15px;padding-right:15px;text-align:right}@media (min-width:768px){.form-horizontal .form-group label{float:left;width:16.666666666666664%}}.alert a{font-weight:700}.alert-success a{color:#356635}.alert-info a{color:#2d6987}.alert-warning a{color:#a47e3c}.alert-danger a{color:#953b39}

/* ----------------------------------------- */
/* FONTS STACK */
/* ----------------------------------------- */

@font-face{
    font-family: 'myriadB';
    src: url('MYRIADPRO-BOLD.OTF');
}

@font-face{
    font-family: 'myriadSB';
    src: url('MYRIADPRO-SEMIBOLD.OTF');
}

@font-face{
    font-family: 'myriadR';
    src: url('MYRIADPRO-REGULAR.OTF');
}

/* ----------------------------------------- */
/* 100% WIDTH */
/* ----------------------------------------- */


.container > .navbar-header, .container > .navbar-collapse{
    margin: 0px !important;
}

.container{
    width: 100% !important;
    padding-left:0px !important;
    padding-right:0px !important;
}

.navbar.container{
    max-width: 100%;
    margin-top: 0px !important;
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.row{
    margin: 0px;
}

.banner1, .banner2, .banner3, .banner4_left, .banner4_right, .banner5, .banner6, .banner7, .banner8, .banner9{
    padding: 0px;
}

a{
    outline: 0 !important;
}

/* ----------------------------------------- */
/* NAVIGATION */
/* ----------------------------------------- */

.navbar .logo {
    margin-top: 7px !important;
    padding-right: 0px;
    padding-left: 0px !important;
    padding-right: 0px;
}

.navbar-default {
    background-color: #212323 !important;
    border-color: #212323 !important;
}

.navbar{
    margin-bottom: 0px !important;
    border-radius: 0px !important;
    border: 0px !important;
}

.navbar-nav {
    background-color: transparent;
    margin: 0 0 0 0;
    padding: 0px 6em 0px 0px;
    /*width: 100%;*/
    text-align: right;
    float: none;
    position: relative;
    top: 4em;
}

.navbar-default .navbar-nav > li{
    margin: 0 1em;
    display: inline-block;
    float: none;
    /*text-align: right;*/
    transition: all 0.5s ease;
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a{
    font: 15px myriadR;
    color: #e3e3e3;
    transition: all 0.5s ease;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    color: #f27a21;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #f27a21;
    background-color: transparent;
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #f27a21;
}

.navbar-header {
    float: left;
    position: relative;
    z-index: 999;
}

.dropdown-menu > li > a{
    text-align: initial !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    background-color: #f27a21;
    color: #fff;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #f27a21;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #f27a21;
}

/* ----------------------------------------- */
/* SEARCH FORM */
/* ----------------------------------------- */

.navbar #block-search-form {
    top: 1em;
    right: 0px;
    margin: 0px;
}

.searchButton {
    display: none;
}

#search-block-form .input-group {
    display: block;
    position: absolute;
    width: 100%;
    right: 0px;
    top: 0px;
}

.toggleSearch {
    background-image: url('../images/search icon-03.png');
    display: block;
    height: 36px;
    width: 36px;
    position: absolute;
    right: 1.8em;
    top: 1.8em;
    top: 3.3em;
    cursor: pointer;
}
#edit-search-block-form--2 {
    background-color: #ffffff;
    border-image: none;
    border-radius: 0;
    border: 2px solid #f27a21;
    color: #000;
    display: none;
    height: 34px;
    right: 6px;
    top: 6em;
    width: 92%;
    position: relative;
}

.search_region .form-control::-moz-placeholder{
    color:#ffffff !important;
}



/* ----------------------------------------- */
/* INTERNAL PAGES  */
/* ----------------------------------------- */

#block-system-main {
    padding: 0 20px;
}

.viewp-wrap {
    margin-bottom: 2em;
}

.viewp-date, #block-system-main .date-display-single{
    display: block;
    font-weight: bold;
    margin-bottom: 6px;
}

.galleryp-image img {
    display: block;
    height: 165px;
    width: 220px;
    margin: 0 auto 1.2em;
}

.galleryp-title {
    text-align: center;
}

.testp-wrap img {
    height: 110px;
    width: 110px;
}

/* ----------------------------------------- */
/* SECONDARY MENU */
/* ----------------------------------------- */

#block-block-1 {
    position: absolute;
    z-index: 9;
    right: 1em;
    top: 1em;
    text-align: right;
}

.social-icons i {
    color: #f27a21;
    margin: 0 12px;
    font-size: 28px;
    transition: all 0.6s ease-in-out;
}

.social-icons i:hover {
    color: #23bcc3;
}


/* ----------------------------------------- */
/* REUSABLE  */
/* ----------------------------------------- */

.dark-btn {
    display: block;
    max-width: 140px;
    line-height: 55px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-family: myriadSB;    
    position: relative;
    z-index: 2;
    transition: all 400ms linear 0s;
    padding-left: 10px;
    background-color: #f27121;
    text-decoration: none;
    color: #fff;

}

.btn-icon{
    display: inline-block;
    background: url('../images/button 1-13.png') no-repeat;
    height: 26px;
    width: 35px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px;
    transition: all 400ms linear 0s;
}

.dark-btn:hover {
    padding-left: 20px;
}

.dark-btn:hover .btn-icon{
    background: url('../images/button 2-14.png') no-repeat;
    right: -20px;
}

.dark-btn.light-btn::before {
    background: #f27121;
    border: none;
}

.dark-btn:hover,
.dark-btn:active,
.dark-btn:focus {
    color: #fff;
    text-decoration: none;
}

.dark-btn:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.dark-btn::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #f27121;
    border-bottom-color: #f27121;
    -webkit-transform: scale(0.1, 1);
    -ms-transform: scale(0.1, 1);
    transform: scale(0.1, 1);
    z-index: -1;
}

.dark-btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #23bcce;
    z-index: -1;
}

.dark-btn.light-btn::after {
    background: #f27a21;
}

.dark-btn:hover::after {
    opacity: 0;
    -webkit-transform: scale(0.1, 1);
    -ms-transform: scale(0.1, 1);
    transform: scale(0.1, 1);
}

.popup-heading {
    font: 22px myriadR;
    border-bottom: 5px solid #F27A21;
    padding-bottom: 1em;
}

.popup-heading span {
    padding-left: 1em;
}

#site-popup a {
    display: block;
    font: 18px myriadR;
    padding: 1em 0;
}

#cboxContent{
    width: 560px !important;
}


/* ----------------------------------------- */
/* BANNER 1  */
/* ----------------------------------------- */


.flexslider {
    margin: 0px;
    border: 0px;
}

#block-block-10 {
    background-color: #27ACCB;
    padding: 1em 0;
    border-top: 8px solid;
    /*border-image: linear-gradient(to left, #3e3f3f 50%, #913d05 50%) 1;*/
    border-image: linear-gradient(to left, #913d05 50%, #3e3f3f 50%) 1;
}

.eps-items {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.eps-logo {
    background: url('../images/EPS.png') no-repeat center/contain;
    height: 60px;
    width: 125px;
}*/

.eps-logo-wrap {
    width: 250px;
    height: 90px;
    border: 5px solid #E27819;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-right: 2em;
    color: #fff;
}

.eps-logo {
    font: 40px myriadB;
    letter-spacing: 5px;
}

.eps-logo-abr {
    font: 18px myriadB;
    color: #fff;
    margin-top: -6px;
}

.eps-text a{
    font: 20px myriadB;
    color: #e3e3e3;
    text-decoration: none;
}

/* ----------------------------------------- */
/* BANNER 2 DAM FUND   */
/* ----------------------------------------- */

#block-block-2 {
    background-color: #212323;
    padding: 30px 0;
    text-align: center;
    border-top: 8px solid;
    border-image: linear-gradient(to left, #3e3f3f 50%, #913d05 50%) 1;
}

.dam-ticker-wrap {
    padding: 0 18em;
}

.dam-icon {
    background: url('../images/dam icon-18.png') no-repeat;
    background-position: center right;
    height: 37px;
    text-indent: -999999px;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto;
    padding-right: 0px;
}

.dam-ticker a{
    font: 15px myriadB;
    color: #e3e3e3;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    bottom: 4px;
}

/*.dam-ticker span {
    position: relative;
    top: 2px;
}*/

.fa.fa-square-bracket-left, .fa-square-bracket-right{
    font-size: 32px;
    color: #f27a21;
    padding: 0 10px;
    position: relative;
    top: 2px;
}

.fa-square-bracket-left:before {
    content: '[';
}

.fa-square-bracket-right:before {
    content: ']';
}

/* ----------------------------------------- */
/* BANNER 3 PROMOTING PAKISTANI MANPOWER   */
/* ----------------------------------------- */

#block-block-3{
    background-image: linear-gradient(rgba(16,16,16,0.85),rgba(16,16,16,0.85)),url('../images/sec 1 bg-17.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    display: block;
    width: 100%;
    height: auto;
    padding: 60px 0px;
}

.section-container {
    width: 90%;
    margin: 0 auto;
}

.promoting-logo{
    display: inline-block;
    background: url('../images/sec 1 bag bracket-10.png') no-repeat;
    height: 144px;
    width: 94px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    top: 2.1em;
    left: 10px;
    padding: 42px 0;
}

.case{
    display: block;
    background: url('../images/sec 1 flip bag-09.png') no-repeat;
    height: 55px;
    width: 65px;
    text-indent: 100%;
    overflow: hidden;
}

.promoting-heading-image{
    background: url('../images/overview text-08.png') no-repeat;
    height: 202px;
    width: 100%;
    background-size: contain;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    bottom: 2.4em;
    margin-bottom: 3em;
}

.site-heading {
    font: 47px myriadB;
    color: #e27819;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}

.site-list ul {
    list-style: none;
    padding-left: 0px;
}

.site-list ul li {
    font: 19px myriadR;
    color: #ced0d1;
    padding: 22px 0;
    border-bottom: 2px solid #3e3f3f;
    padding-left: 2.5em;
    position: relative;
}

.site-list ul li:last-of-type {
    border: 0px;
}

.site-list ul li::before {
    content: '';
    background: url('../images/bullet 1-12.png') no-repeat;
    height: 36px;
    display: inline-block;
    position: absolute;
    top: 24%;
    left: 0px;
    width: 26px;
}

/* ----------------------------------------- */
/* BANNER 4 LATEST JOBS AND ANNOUNCEMENTS   */
/* ----------------------------------------- */

#block-views-latest-jobs-block, #block-views-latest-announcements-block, #block-views-highlights-block-1{
    background-color: #27ACCB;
    padding: 60px 6em;
    height: 610px;
}

#block-views-latest-jobs-block .view-content,
#block-views-latest-announcements-block .view-content,
#block-views-highlights-block-1 .view-content{
    overflow: auto;
    margin-bottom: 3em;
}

.view-heading-wrap {
    margin-bottom: 4em;
}

.vh-icon{
    background: url('../images/sec 2 icon 1-15.png') no-repeat;
    height: 109px;
    width: 81px;
    display: block;
    position: absolute;
}

.la-icon{
    background: url('../images/sec 2 icon 2-16.png') no-repeat;
}

.view-heading-text {
    margin-left: 96px;
    padding-top: 15px;
}

.vh-text{
    font: 35px myriadB;
    text-transform: uppercase;
}

.vh-text1{
    color: #f27a21;
}

.vh-text2{
    color: #fff;
}

.lj-list li a {
    font: 20px myriadR;
    color: #fff;
    text-decoration: none;
}

/* ----------------------------------------- */
/* BANNER 5 RESUME BANK  */
/* ----------------------------------------- */


#block-block-4 {
    padding: 60px 0;
}

.rb-heading{
    color: #3e3f3f;
    text-align: center;
}

.resume-btn .dark-btn {
    margin: 0 auto;
}

.resume-row1 {
    position: relative;
    top: 3em;
}

.resume-row3 {
    position: relative;
    bottom: 3em;
}

.doctor-icon{
    background: url('../images/1b-38.png') no-repeat center;
}

.educator-icon{
    background: url('../images/2b-38.png') no-repeat center;
}

.engineer-icon{
    background: url('../images/3b-38.png') no-repeat center;
}

.it-icon{
    background: url('../images/4b-38.png') no-repeat center;
}

.tech-icon{
    background: url('../images/5b-38.png') no-repeat center;
}

.telecom-icon{
    background: url('../images/6b-38.png') no-repeat center;
}

.electrical-icon{
    background: url('../images/7b-38.png') no-repeat center;
}

.plumber-icon{
    background: url('../images/8b-38.png') no-repeat center;
}

.heating-icon{
    background: url('../images/9b-38.png') no-repeat center;
}

.constructing-icon{
    background: url('../images/10b-38.png') no-repeat center;
}

.mobile-icon{
    background: url('../images/11b-38.png') no-repeat center;
}

.painters-icon{
    background: url('../images/12b-38.png') no-repeat center;
}

.steel-icon{
    background: url('../images/13b-38.png') no-repeat center;
}

.doctor-icon:hover{
    background: url('../images/1a-37.png') no-repeat center;
}

.educator-icon:hover{
    background: url('../images/2a-37.png') no-repeat center;
}

.engineer-icon:hover{
    background: url('../images/3a-37.png') no-repeat center;
}

.it-icon:hover{
    background: url('../images/4a-37.png') no-repeat center;
}

.tech-icon:hover{
    background: url('../images/5a-37.png') no-repeat center;
}

.telecom-icon:hover{
    background: url('../images/6a-37.png') no-repeat center;
}

.electrical-icon:hover{
    background: url('../images/7a-37.png') no-repeat center;
}

.plumber-icon:hover{
    background: url('../images/8a-37.png') no-repeat center;
}

.heating-icon:hover{
    background: url('../images/9a-37.png') no-repeat center;
}

.constructing-icon:hover{
    background: url('../images/10a-37.png') no-repeat center;
}

.mobile-icon:hover{
    background: url('../images/11a-37.png') no-repeat center;
}

.painters-icon:hover{
    background: url('../images/12a-37.png') no-repeat center;
}

.steel-icon:hover{
    background: url('../images/13a-37.png') no-repeat center;
}

.resume-col-icon{
    display: table;
    height: 224px;
    width: 100%;
    margin: 0 auto;
    background-size: contain;
    text-align: center;
    transition: all 0.6s ease-in-out;
}

.resume-title{
    font: 18px myriadSB;
    color: #fff;
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 3em;
    text-decoration: none;
}

.resume-col-icon:hover .resume-title{
    color: #58595b;
}

/* ----------------------------------------- */
/* BANNER 6 FOREIGN JOBS   */
/* ----------------------------------------- */

.fj-bg{
    height: 344px;
    width: 100%;
    background-size: cover;
    padding: 7em 5em;
}

.site-heading.fj-heading {
    color: #212323;
    text-align: center;
}

#block-block-5 .resume-btn .dark-btn {
    margin-bottom: 2.5em;
}

.fj-col {
    padding: 0px;
}

.oec-bg{
    background-image: linear-gradient(rgba(16,16,16,0.85),rgba(16,16,16,0.85)),url('../images/job 1-19.png');
    padding: 7em 9em;
}

.oec-bg:hover{
    background-image: linear-gradient(rgba(242,122,33,0.6),rgba(242,122,33,0.6)),url('../images/job 1-19.png');
}

.oep-bg{
    background-image: linear-gradient(rgba(16,16,16,0.85),rgba(16,16,16,0.85)),url('../images/job 2-19.png');
}

.oep-bg:hover{
    background-image: linear-gradient(rgba(242,122,33,0.6),rgba(242,122,33,0.6)),url('../images/job 2-19.png');
}

.fj-bg:hover .fj-text-wrap{
    border-bottom: 8px solid;
    border-image: linear-gradient(to left, #fff 50%, #23bcce 50%) 1;
}

.fj-text {
    padding: 0 20px 18px;
}

.fj-text-wrap{
    border-bottom: 8px solid;
    border-image: linear-gradient(to left, #fff 50%, #f27a21 50%) 1;
    font: 43px myriadR;
    color: #fff;
}

.fj-icon{
    background: url('../images/foreign job icon 2-36.png') no-repeat;
    height: 97px;
    width: 92px;
    display: inline-block;
}

.fj-col:hover .fj-icon{
    background: url('../images/foreign job icon 1-35.png') no-repeat;
}

/* ----------------------------------------- */
/* BANNER 7 KOREAN EMPLOUMENT */
/* ----------------------------------------- */

#block-block-6 {
    padding: 60px 0;
}

.ke-heading {
    text-align: center;
    color: #3e3f3f;
    margin-bottom: 0px;
}

.ke-heading2 {
    font: 42px myriadR;
    text-align: center;
}

.ke-col {
    padding: 0px;
}

.ke-icon{
    display: block;
    height: 118px;
    width: 103px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto;
    margin-bottom: -59px;
    position: relative;
}

.process-icon{
    background: url('../images/KWP 1a-20.png') no-repeat;
}

.results-icon{
    background: url('../images/KWP 2a-21.png') no-repeat;
}

.classes-icon{
    background: url('../images/KWP 3a-22.png') no-repeat;
}

.forms-icon{
    background: url('../images/KWP 4a-23.png') no-repeat;
}

.eps-icon{
    background: url('../images/KWP 5a-24.png') no-repeat;
}

.ke-col:hover .process-icon{
    background: url('../images/KWP 1b-25.png') no-repeat;
}

.ke-col:hover .results-icon{
    background: url('../images/KWP 2b-26.png') no-repeat;
}

.ke-col:hover .classes-icon{
    background: url('../images/KWP 3b-27.png') no-repeat;
}

.ke-col:hover .forms-icon{
    background: url('../images/KWP 4b-28.png') no-repeat;
}

.ke-col:hover .eps-icon{
    background: url('../images/KWP 5b-29.png') no-repeat;
}

.ke-icon{
    display: block;
    height: 118px;
    width: 103px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto;
    margin-bottom: -59px;
}

.ke-box {
    width: 214px;
    height: 120px;
    background-color: #212323;
    display: table;
    padding-bottom: 14px
}

.ke-link {
    text-align: center;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: bottom;
}

.ke-link a{
    font: 14px myriadSB;
    color: #fff;
    text-decoration: none;
}

/* ----------------------------------------- */
/* BANNER 8 COMPLAINTS  */
/* ----------------------------------------- */

.complaints-wrap{
    background: url('../images/complaint banner-30.jpg') no-repeat center;
    /*background-size: contain;
    height: 653px;
    width: 100%;
    padding: 36em 0 0 15em;*/

    background-size: cover;
    height: 580px;
    width: 100%;
    padding: 33em 0 0 15em;
}

/* ----------------------------------------- */
/* BANNER 9 MAP   */
/* ----------------------------------------- */

.oec-map-wrap {
    position: relative;
}

.oec-detail-wrap {
    width: 340px;
    height: 435px;
    background-color: rgba(35,188,206,0.7);
    position: absolute;
    top: 0px;
    left: 6em;
    padding: 3em 1em;
}

.oec-header{
    background: url('../images/MAP TEXT-41.png') no-repeat;
    height: 116px;
    width: 100%;
    background-size: contain;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 15px;
}

.oec-detail-list ul {
    padding: 0px;
    list-style: none;
}

.oec-detail-list ul li {
    position: relative;
    font: 16px myriadR;
    color: #fff;
    padding-left: 3em;
}

.oec-add {
    margin-bottom: 2em;
}

.oec-mobile {
    margin-bottom: 2em;
}

.oec-detail-list {
    margin-bottom: 3em;
}

.oec-detail-list ul li.oec-add::before {
    content: '';
    background: url('../images/address icon-32.png') no-repeat;
    height: 39px;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 35px;
}

.oec-detail-list ul li.oec-mobile::before {
    content: '';
    background: url('../images/mobile icon-33.png') no-repeat;
    height: 39px;
    display: inline-block;
    position: absolute;
    top: -7px;
    left: 0px;
    width: 35px;
}

.oec-detail-list ul li.oec-ph::before {
    content: '';
    background: url('../images/phone icon-34.png') no-repeat;
    height: 39px;
    display: inline-block;
    position: absolute;
    top: -7px;
    left: 0px;
    width: 35px;
}

.contact-btn .dark-btn.light-btn {
    font-size: 12px;
    padding-left: 4px;
}



/* ----------------------------------------- */
/* FOOTER   */
/* ----------------------------------------- */

#section-footer {
    border-top: 8px solid;
    border-image: linear-gradient(to left, #23bcce 50%, #f27a21 50%) 1;
}

.footer-upper {
    background-color: #212323;
    padding: 60px 0;
}

.footer-head {
    font: 29px myriadSB;
    color: #dfdfdf;
    text-transform: uppercase;
    margin-bottom: 1em;
}

.footer-list {
    padding-right: 5em;
}

.footer-list ul {
    list-style-type: none;
    color: #23bcce;
    padding-left: 0px;
}

.footer-list ul li {
    padding: 15px 0;
    padding-left: 20px;
    border-bottom: 1px solid #3e3f3f;
    position: relative;
}

.footer-list ul li:last-of-type {
    border: 0px;
}

.footer-list ul li::before {
    content: '';
    display: inline-block;
    height: 6px;
    width: 6px;
    background-color: #23bcce;
    position: absolute;
    left: 4px;
    top: 50%;
    margin-top: -3px;
}

.footer-text, .footer-text a{
    font: 15px myriadR;
    color: #dfdfdf;
}

.footer-list ul li a {
    color: #a9a9a9;
    text-decoration: none;
}

.social-heading {
    margin-bottom: 10px;
}

#section-footer .social-icons i {
    margin-left: 0px;
}

.footer-social{
    margin-bottom: 1em;
}

.footer-icon{
    background: url('../images/FOOTER ICON-42.png') no-repeat;
    display: inline-block;
    height: 57px;
    width: 65px;
    background-size: contain;
    position: relative;
    top: 12px;
    right: 7px;
}

.footer-para {
    text-align: justify;
    line-height: 2.2;
}

.footer-col {
    padding: 0px;
}

.footer-left a {
    margin: 0 2em;
}

.footer-left {
    background-color: #23bcce;
    padding: 13px 0;
    padding-left: 2em;
}

.footer-right {
    background-color: #f27a21;
    text-align: right;
    padding: 4px 0;
    padding-right: 4em;
}

.footer-lower-col{
    padding: 0px;
}

@media only screen and (max-width: 1024px){

    .promoting-logo{
        top: 1.5em;
        left: -6px;
    }

    .promoting-heading-image{
        margin-bottom: 6em;
    }

    .resume-col-icon a {
        font-size: 14px;
        padding-bottom: 5em;
    }

    .resume-col-icon:hover {
        background-size: contain;
    }

    .fj-text-wrap {
        font: 22px myriadR;
    }

    .ke-box{
        width: 150px;
        margin: 0 auto;        
    }

    .complaints-wrap {
        padding: 27em 0 0 11em;
        height: 500px;
    }
}

@media only screen and (max-width: 768px){

    .navbar-nav{
        padding: 0px;
    }

    .dam-ticker-wrap {
        padding: 0px;
    }

    .site-list ul li{
        font-size: 12px;
    }

    .eps-logo-wrap {
        justify-content: center;
        margin-right: 1em;
    }

    .eps-logo {
        font-size: 30px;
    }

    .eps-logo-abr {
        font-size: 14px;
        margin: 0px;
    }

    .eps-text {
        font-size: 15px;
    }

    .promoting-heading-image {
        margin-bottom: 8em;
        bottom: 0px;
        top: 10em;
    }

    .promoting-logo {
        display: none;
    }

    .vh-text{
        font-size: 20px;
    }

    .resume-col-icon:hover {
        background-size: contain;
    }

    .resume-col-icon a {
        font-size: 12px;
        color: #111;
        padding: 0px;
    }

    .oec-bg, .oep-bg {
        padding: 5em 3em;
    }

    .fj-text-wrap {
        font-size: 17px;
    }

    .complaints-wrap{
        padding: 0px;
    }

    #block-block-7 .dark-btn {
        display: none;
    }

    .footer-text, .footer-text a {
        font: 12px myriadR;
        color: #dfdfdf;
    }

    .complaints-wrap{
        height: 373px;
    }

    .footer-icon {
        height: 48px;
        top: 0px;
    }

    .footer-head{
        font-size: 22px;
    }

    .footer-left{
        padding: 11px 0;
    }
}

@media only screen and (max-width: 760px){

    .navbar-header{
        float: none !important;
    }

    .navbar .logo {
        width: 80%;
        margin-top: 0px !important;
        margin-bottom: 0px;
    }

    .navbar .logo img {
        width: 85%;
    }

    .navbar{
        width: 100%;
    }

    .navbar-toggle {
        margin-top: 25px !important;
        margin-right: 15px !important;
    }

    .navbar-collapse{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .navbar-nav{
        margin: 0px !important;
        padding: 0px !important;
        padding-top: 5px !important;
        width: 100%;
        float: none;
        text-align: left;
        position: initial;
    }

    .navbar-default .navbar-nav > li{
        display: block;
        margin: 0px;
        padding: 0px;
    }

    .navbar-default .navbar-nav > li > a{
        font-size: 13px;
        padding: 10px !important;
        margin: 0px !important;
    }

    #block-block-1 {
        position: initial;
        text-align: center;
        padding: 13px 0;
    }

    .social-icons i{
        margin: 0 18px;
    }

    .navbar #block-search-form {
        right: 0px;
        position: initial;
        float: none;
    }

    .toggleSearch {
        top: 0px !important;
        position: relative !important;
        left: 14.5em !important;
    }

    #edit-search-block-form--2 {
        right: 1em;
        top: 1px !important;
        width: 85%;
    }

    #cboxLoadedContent {
        width: 320px !important;
    }

    .dam-ticker-wrap {
        padding: 0px;
    }

    .fa.fa-square-bracket-left, .fa-square-bracket-right{
        font-size: 18px;
        padding: 0 2px;
    }

    .fa.fa-square-bracket-left, .fa.fa-square-bracket-right{
        display: none;
    }

    .dam-icon {
        background-position: center;
        margin-bottom: 1.5em;
    }

    .dam-ticker {
        font: 12px myriadR;
        text-align: center;
        padding: 0px;
    }

    .promoting-col {
        margin-bottom: 3em;
    }

    .promoting-logo {
        display: none;
    }

    .promoting-heading-image{
        margin: 0px;
        position: initial;
    }

    .site-heading {
        font-size: 30px;
    }

    .site-list ul li {
        font-size: 14px;
    }

    .vh-text {
        font-size: 25px;
    }

    .resume-btn .dark-btn {
        margin-bottom: 2em;
    }

    .resume-row1, .resume-row3 {
        position: initial;
    }

    .resume-col-icon {
        margin-bottom: 2.2em;
    }

    .resume-title {
        font-size: 14px;
        padding-bottom: 5em;
    }

    .oec-bg, .oep-bg {
        padding: 6em 2em;
    }

    .fj-text-wrap {
        font-size: 20px;
    }

    .complaints-wrap {
        height: 181px;
        padding: 0px;
    }

    .complaints-btn {
        display: none;
    }

    #block-views-latest-jobs-block,
    #block-views-latest-announcements-block,
    #block-views-highlights-block-1{
        padding: 50px 2em;
        height: auto;
    }

    #block-block-6 {
        padding: 30px 0;
    }

    .ke-col {
        margin-bottom: 3em;
    }

    .ke-box {
        margin: 0 auto;
        width: 214px;
    }

    .oec-map-wrap iframe {
        height: 350px;
    }

    .oec-detail-wrap {
        position: initial;
        width: 100%;
        height: auto;
        background-color: #23bcce;
    }

    .footer-upper{
        padding: 35px 0;
    }

    .footer-col {
        margin-bottom: 3em;
    }

    .footer-text, .footer-text a {
        font-size: 13px;
    }

    .footer-right {
        text-align: center;
        padding: 8px 0;
    }
}