@charset "utf-8";
/* EWPCI Website Main CSS by: Karl Gerald Saul */

/* FONTS */
@font-face{font-family: OpenSansLight; src: url('../fonts/open-sans/OpenSans-Light.ttf'), url('../fonts/open-sans/OpenSans-Light.woff') format('woff');}
@font-face{font-family: OpenSansRegular; src: url('../fonts/open-sans/OpenSans-Regular.ttf'), url('../fonts/open-sans/OpenSans-Regular.woff') format('woff');}
@font-face{font-family: OpenSansSemibold; src: url('../fonts/open-sans/OpenSans-Semibold.ttf'), url('../fonts/open-sans/OpenSans-Semibold.woff') format('woff');}
@font-face{font-family: OpenSansBold; src: url('../fonts/open-sans/OpenSans-Bold.ttf'), url('../fonts/open-sans/OpenSans-Bold.woff') format('woff');}
@font-face{font-family: OpenSansExtraBold; src: url('../fonts/open-sans/OpenSans-ExtraBold.ttf'), url('../fonts/open-sans/OpenSans-ExtraBold.woff') format('woff');}

/* GLYPHICONS */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
body{
    background-color: #ffffff;
    /*background-color: #e5e5e5*/;
    font-family: 'OpenSansRegular';
    font-size:14px;
    color:#333333;
}
small{
    font-size:77%;
}
em {
    font-style: italic; 
}

.fa-2 {
    font-size: 2em;
}
.fa-3 {
    font-size: 4em;
}
.fa-4 {
    font-size: 7em;
}
.fa-5 {
    font-size: 12em;
}
.fa-6 {
    font-size: 20em;
}
.fa-fixed-width {
    width:16px;
    text-align: center;
}
.fa-flip-horizontal {
    filter:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

blockquote {
    border:0;
}
blockquote:before{
    content: "\f10d";
    font-family: 'FontAwesome';
    color:#dadada;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.form-control,
.btn{
    border-radius:4px !important;
}

.tooltip{
    font-family: 'OpenSansLight';
    font-size:13px;
    -webkit-font-smoothing: antialiased;
}
.tooltip .tooltip-inner{
    padding-bottom:4px;
}

.no-margin{
    margin:0;
}
.no-padding{
    margin:0;
}
.btn.loading i{
    font-size:1.8em;
    vertical-align:middle;
    margin:-5px 2px 0 2px;
}
.btn.btn-default:hover{
    background-color:#f5f5f5;
}
.clear-both{
    clear: both;
}
.text-indented {
    padding-left: 50px;
}

.text-danger {
    color:#cc0000;
}
.text-primary {
    color:#006699;
}
.text-muted {
    color:#cccccc;
}
.text-warning {
    color:#ff9900;
}
.text-info {
    color:#00ccff;
}
.text-success {
    color:#009900;
}

textarea{
    resize:vertical;
}
textarea#textLodging,
textarea#textJobsite,
textarea#textComment,
textarea#textMessage,
textarea#textGrade,
textarea#textRemarks,
textarea#textComputerApplication,
textarea#textJobDescription{
    height:100px;
}

/* NAVBAR */
.navbar{
    width:100%;
    position:fixed;
    background-color:#f5f5f5;
    border-top:3px solid #007bd1; /*#0F77AB*/
    border-bottom: 1px solid #f1f1f1;
    border-radius: 0;
    margin:0;
    z-index: 1030;
}
.navbar-brand{
    height:auto;
    padding:5px 10px;
    margin-top:1px;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>li>a,
.dropdown-menu>li>a {
    font-family: 'OpenSansSemibold';
    font-size: 12px;
    text-transform: uppercase;
    color:#007bd1;
    /*font-family: 'OpenSansSemibold';
    font-size:14px;
    color:#0099cc !important;*/
    line-height: 36px;
}
.navbar-default .navbar-nav>li.main-nav>a{
    font-family: 'OpenSansBold';
}
ul.nav.navbar-nav>li.dropdown.open>a,
ul.nav.navbar-nav>li.dropdown.open>ul.dropdown-menu>li>a:hover,
ul.nav.navbar-nav>li>a:hover{
    color:#cc0000 !important;
}
.navbar-default .navbar-nav>li.wwa-button>.tooltip>.tooltip-inner{
    width:125px;
}
.navbar-default .navbar-nav>li.profile-button>.tooltip>.tooltip-inner{
    width:80px;
}
/*.navbar-default .navbar-nav>li.profile-button>a>.tooltip{
    margin-right:65px !important;
}*/
.navbar-default .navbar-nav>li.profile-button>a>img{
    width:36px;
    height:36px;
    border-radius:20px;
}
.navbar-default .navbar-nav>li>a>i.login{
    display:inline-block;
    width:26px;
    height:36px;
    background-image:url('../images/login.png');
    background-repeat:no-repeat;
    background-position:center center;
}
.navbar-default .navbar-nav>li>a>i.ats{
    display:inline-block;
    width:26px;
    height:36px;
    background-image:url('../images/ats-icon.png');
    background-repeat:no-repeat;
    background-position:center center;
}
.navbar-default .navbar-nav>li>a>i.wwa{
    display:inline-block;
    width:26px;
    height:36px;
    background-image:url('../images/workers-welfare-assistance-icon.png');
    background-repeat:no-repeat;
    background-position:center center;
    /*-webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;*/
}
.navbar-default .navbar-nav>li.wwa-button>a:hover>i{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.dropdown-menu>li>a {
    padding: 10px 15px;
    line-height: 14px;
}
.dropdown-menu>li>a:hover{
    color:#006699 !important;
}
.dropdown-menu>li>a>.fa {
    font-size:14px;
    margin-right:5px;
}
.dropdown-menu>li>a>.ion {
    font-size:16px;
    margin-right:5px;
    vertical-align: bottom;
}
#ewpci-navbar-collapse>ul>li.dropdown>a:after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left:5px;
}
#ewpci-navbar-collapse>ul>li.dropdown.open>a:after {
    content: "\f106";
    font-family: FontAwesome;
    margin-left:5px;
}
.navbar-nav>li:hover {
    background-color:#f1f1f1;
}
.navbar-nav>li.active a{
    background-color:#f1f1f1 !important;
    color:#006699 !important;
}
.navbar-toggle {
    margin-top:15px;
    margin-bottom:15px;
    border:0;
}
.navbar-default .navbar-toggle .icon-bar {
    height:3px;
    background-color: #337ab7;
}
.dropdown .dropdown-menu{
    padding:0;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.dropdown.open .dropdown-menu{
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}
.navbar-toggle,
.navbar-toggle.back-button{
    color: #337ab7;
    float: left;
    margin: 0 !important;
    border-radius: 0;
    padding: 17px 15px;
}
.navbar-toggle{
    float:right;
}
.navbar-toggle.back-button{
    color: #337ab7;
    float: left;
    margin: 0 !important;
    border-radius: 0;
    padding: 17px 15px;
}
.navbar-toggle.back-button .fa{
    font-size:17px;
}
.navbar-default .navbar-toggle:hover {
    background-color: #eeeeee;
}

.wrapper-index{
    /*background-image:url('../images/ewpci-cover.jpg');background-position:center 70px;*/
    background-image:url('../images/ewpci-cover-large.jpg');
    background-position:center 30px;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-color:#387ba5;
}

/* SLIDESHOW */
.slideshow {
    display:inline-block;
    width:100%;
    height:auto;
    padding-top:70px;
}
.carousel-main{
    /*height:400px;*/
    /*height:635px;*/
    height:450px;
}
.carousel-main .carousel-inner{
    /*top:100px;*/
    /*top:200px;*/
    top:120px;
    
}
.carousel-main .carousel-inner h3,
.carousel-main .carousel-inner h4,
.carousel-main .carousel-inner p{
    color:#ffffff;
    margin:0;
    width:100%;
    text-align: center;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, .25);
    font-weight:normal;
}
.carousel-main .carousel-inner h3 {
    font-family: 'OpenSansLight';
    font-size:54px;
    line-height:60px;
    font-weight:normal;
}
.carousel-main .carousel-inner h4 {
    font-family: 'OpenSansLight';
    font-size:33px;
    line-height:36px;
    font-weight:normal;
}
.carousel-main .carousel-inner p {
    font-family: 'OpenSansRegular';
    font-size:18px;
    line-height:30px;
    margin-top:10px;
}
.carousel-main .carousel-inner>.item{
    min-height:275px;
}
.carousel-main .carousel-inner p strong {
    font-family: 'OpenSansSemibold';
    font-weight:normal;
}
.carousel-main .carousel-inner p .btn.btn-default {
    font-family: 'OpenSansSemibold';
    /*font-size:14px;*/
    color:#0099cc;
    text-shadow: none;
    padding:10px 35px;
    text-transform: uppercase;
    font-weight:normal;
    border-radius:8px !important;
}
.carousel-indicators {
    bottom:-50px!important;
    /*display:none;*/
}
.carousel-control{
    opacity: .35;
}
.carousel-control:hover{
    opacity: 1;
}
.carousel-control.left,
.carousel-control.right {
    font-size: 4em;
    background-image:none;
}
.carousel-control span.glyphicon{
    top:200px;
}

/* CONNECT WITH US */
.connect{
    display:inline-block;
    width:100%;
    background-image:url('../images/connect-with-us-background.png');
    background-repeat: repeat-x;
}

/* SHARE BUTTON */
.share-button{
    width:100%;
    height:180px;
    margin-top:88px;
}
.share-button p{
    width:100%;
    margin-bottom:22px;
    font-family: 'OpenSansSemibold';
    font-size: 14px;
    color:#ffffff;
    text-align: center;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, .25);
    text-transform: uppercase;
}
.share-button .facebook,
.share-button .twitter,
.share-button .linkedin,
.share-button .instagram{
    min-height:120px;
    text-align: center;
}
.share-button .facebook a,
.share-button .twitter a,
.share-button .linkedin a,
.share-button .instagram a{
    background-position: top center;
    background-repeat: no-repeat;
    font-family: 'OpenSansSemibold';
    font-size:13px;
    display: inline-block;
    padding-top: 100px;
    color:#b2b2b2;
    width:90px;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.share-button .facebook a{
    background-image: url('../images/share-button-facebook.png');
}
.share-button .twitter a{
    background-image: url('../images/share-button-twitter.png');
}
.share-button .linkedin a{
    background-image: url('../images/share-button-linkedin.png');
}
.share-button .instagram a{
    background-image: url('../images/share-button-instagram.png');
}
.share-button .facebook a:hover,
.share-button .twitter a:hover,
.share-button .linkedin a:hover,
.share-button .instagram a:hover{
    text-decoration: none;
}
.share-button .facebook a:hover{
    background-image: url('../images/share-button-facebook-hover.png');
    color:#3b5998;
}
.share-button .twitter a:hover{
    background-image: url('../images/share-button-twitter-hover.png');
    color:#5ea8dc;
}
.share-button .linkedin a:hover{
    background-image: url('../images/share-button-linkedin-hover.png');
    color:#006699;
}
.share-button .instagram a:hover{
    background-image: url('../images/share-button-instagram-hover.png');
    color:#e23d5d;
}

/* FORMS */
.login-form{
    display:inline-block;
    background-color:#e5e5e5;
    width:100%;
    padding:100px 0;
}
.new-applicant-form h3,
.employer-form h3,
.welfare-form h3,
.applicant-form h3{
    width:100%;
    text-align: center;
    font-family: 'OpenSansLight' !important;
    font-size:24px;
    color:#333333;
    margin-top:5px;
    margin-bottom:20px;
    font-weight:normal;
}
.welfare-form h3{
    text-align: left;
}
.applicant-form {
    border-left:1px solid #cccccc;
}
.btn-apply-now{
    padding: 25px 16px !important;
    font-size: 24px !important;
}
.btn-apply-now i{
    font-size: 24px !important;
}
.form-control-feedback{
    top:10px;
    color:#666666;
}
.forgot-link{
    margin-top:10px;
    margin-bottom:10px;
}
.forgot-link a{
    color:#007bd1;/*color:#0099cc;*/
}
.alert{
    font-family: 'OpenSansRegular';
    font-size:13px;
}
.alert strong{
    font-family: 'OpenSansSemibold';
}

/* APPLICANT INFO */
.applicant-info {
    display:inline-block;
    background-color:#e5e5e5;
    width:100%;
    padding:100px 0;
}
.applicant-info img {
    width:250px;
    height:250px;
    border-radius: 125px;
}
.applicant-info h1.name {
    margin:25px 0;
    font-family: 'OpenSansLight';
    font-weight: normal;
}
.applicant-info h1.name small {
    font-family: 'OpenSansRegular';
    font-weight: normal;
    font-size: 14px;
    padding-top:10px;
    line-height: 28px;
}

/* SUPPORT CENTERS */
.support-centers {
    display:inline-block;
    width:100%;
    background-color:#ffffff;
    padding:150px 0;
}
.support-centers h1 {
    font-family: 'OpenSansLight';
    font-size:24px;
    line-height: 30px;
    color:#333333;
    margin:0 0 20px 0;
    font-weight:normal;
    text-align: center;
}
.support-centers-link a {
    width:230px;
    height:100px;
    background-image:url('../images/support-center.png');
    background-repeat:no-repeat;
    display:inline-block;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
} 
.support-centers-link a:hover {
    background-image:url('../images/support-center-hover.png');
} 
.support-centers-link{
    text-align: center;
    border-right:1px solid #e5e5e5;
}
.support-centers-link:last-child{
    border-right:0;
}
.support-centers-link a.training-center {
    background-position: 0 -100px;
}
.support-centers-link a.bangladesh {
    background-position: 0 0;
}

/* AWARDS */
.awards {
    display:inline-block;
    width:100%;
    background-color:#ffffff;
    background-image:url('../images/ewpci-award-cover.jpg');
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    padding:100px 0;
}
.awards h1 {
    font-family: 'OpenSansLight';
    font-size:24px;
    line-height: 30px;
    color:#333333;
    margin-bottom:50px;
    font-weight:normal;
}
.awards h1 strong{
    font-family: 'OpenSansRegular';
    font-weight:normal;
}
.awards p{
    font-size:14px;
    line-height:24px;
    margin-bottom:35px;
}
.award-navs ul.nav-tabs{
    border:0;
}
.award-navs ul.nav-tabs li {
    width:100%;
    margin:0;
}
.award-navs ul.nav-tabs li a{
    border:0;
    border-bottom:1px solid #e5e5e5;
    border-radius:0;
    font-family: 'OpenSansRegular';
    font-size:14px;
    line-height: 24px;
    padding:25px 20px;
    color:#333333;
}
.award-navs ul.nav-tabs li.active a:hover,
.award-navs ul.nav-tabs li.active a:focus{
    border:0;
    border-bottom:1px solid #e5e5e5;
    background-color:#f5f5f5;
}
.award-navs ul.nav-tabs li.active a{
    color:#0099cc;
}
.awards h3{
    font-family: 'OpenSansSemibold';
    font-size:18px;
    line-height: 28px;
    font-weight:normal;
    margin-top:10px;
}
ul.recognition-lists,
ul.award-lists{
    margin-top:0;
    margin-bottom:35px;
}
ul.recognition-lists li,
ul.award-lists li{
    position:relative;
    font-family: 'OpenSansRegular';
    padding:20px 20px 20px 65px;
    border-bottom:1px solid #ececec;
    line-height: 24px;
    cursor:default;
}
ul.recognition-lists li strong,
ul.award-lists li strong{
    font-family: 'OpenSansSemibold';
    font-weight: normal;
    color:#006699;
}
ul.recognition-lists li:hover,
ul.award-lists li:hover{
    background-color:#f5f5f5;
    color:#007bd1;/*color:#0099cc;*/
}
ul.recognition-lists li:hover:before,
ul.award-lists li:hover:before{
    color:#ffcc66;
}
ul.recognition-lists li:before,
ul.award-lists li:before{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size:36px;
    text-decoration: inherit;
    position:absolute;
    left: 15px;
    color:#d7d7d7;
}
ul.award-lists li:before{
    content: "\f091";
    top: 30px;
}
ul.recognition-lists li:before{
    content: "\f0a3";
    top: 20px;
}
ul.recognition-lists li:last-child,
ul.award-lists li:last-child{
    border-bottom:0;
}
#btnViewAward{
    font-family: 'OpenSansSemibold';
    font-size: 14px;
    color: #0099cc;
    text-shadow: none;
    padding: 10px 35px;
    border-radius: 6px;
}
#btnViewAward .fa{
    font-size:14px;
}

/* JOB OPENINGS */
.triple{
    display:inline-block;
    background-color:#e5e5e5;
    width:100%;
}
.job-openings,
.interview-schedule,
.announcements {
    background-color: #e5e5e5;
    padding:100px 20px;
}
.interview-schedule{
    position:relative;
    background-color:#007bd1;/*#006699;*/
    bottom:0;
}
.job-openings h1,
.interview-schedule h1,
.announcements h1{
    width:100%;
    font-family: 'OpenSansLight';
    font-size:24px;
    margin-bottom:20px;
    font-weight:normal;
}
.job-openings .content-inner{
    color:#333333;
}
.job-openings .content-inner p{
    font-family: 'OpenSansLight';
}
.job-openings .content-inner p strong{
    font-family: 'OpenSansSemibold';
}
.job-openings h1{
    text-align: right;
    color:#333333;
}
.job-openings ul li,
.announcements ul li {
    width:100%;
    border-bottom:1px solid #d2d6de;
}
.job-openings ul li {
    text-align: right;
}
.job-openings ul li:last-child,
.announcements ul li:last-child {
    border-bottom:0;
}
.job-openings ul li a,
.announcements ul li a{
    display:inline-block;
    font-family: 'OpenSansLight';
    color:#333333;
    padding:20px;
}
.job-openings ul li a:hover,
.announcements ul li a:hover{
    color:#007bd1;/*#0099cc*/;
    text-decoration: none;
}
.job-openings ul li a strong,
.announcements ul li a strong{
    font-family: 'OpenSansSemibold';
    font-weight: normal;
}
.interview-schedule .content-inner{
    color:#ffffff;
}
.interview-schedule .content-inner p{
    font-family: 'OpenSansLight';
}
.interview-schedule .content-inner p strong{
    font-family: 'OpenSansSemibold';
}
.interview-schedule h1{
    text-align: center;
    color:#ffffff;
}
.interview-schedule ul li {
    width:100%;
    border-bottom:1px solid #128be0;/*#127bb0*/
    text-align: center;
}
.interview-schedule ul li a{
    display:inline-block;
    font-family: 'OpenSansLight';
    color:#ffffff;
    padding:20px;
}
.interview-schedule ul li a:hover{
    text-decoration:none;
    color:#6cccfd;
}
.interview-schedule ul li:last-child{
    border-bottom:0;
}
.interview-schedule ul li strong{
    display:inline-block;
    font-family: 'OpenSansSemibold';
    color:#ffffff;
    padding:20px;
    font-weight:normal;
}
.interview-schedule ul li.title {
    background-color:#086cb1;/*#127bb0*/
}
.interview-schedule ul li.title a{
    padding:15px 20px;
}

.announcements h1{
    color:#333333;
}
.announcements .content-inner p{
    font-family: 'OpenSansLight';
}
.announcements .content-inner p strong{
    font-family: 'OpenSansSemibold';
}
.job-openings .btn,
.interview-schedule .btn,
.announcements .btn{
    font-family: 'OpenSansSemibold';
    font-size: 14px;
    color: #0099cc;
    text-shadow: none;
    padding: 10px 35px;
    border-radius: 6px;
}
.announcements .btn .fa,
.interview-schedule .btn .fa,
.job-openings .btn .fa{
    font-size:14px;
}
.job-openings .alert-computer-number:before,
.interview-schedule .alert-computer-number:before,
.announcements .alert-computer-number:before{
    top:-1px;
}

/* BANNER */
.banner {
    display:inline-block;
    width:100%;
    padding:150px 0;
    background-color:#ffffff;
}
.banner h1{
    width:100%;
    font-family: 'OpenSansLight';
    font-size:24px;
    line-height: 30px;
    margin:0 0 20px 0;
    font-weight:normal;
    color:#333333;
    text-align: center;
}
.banner-link a {
    width:116px;
    height:116px;
    background-image:url('../images/links.jpg');
    background-repeat:no-repeat;
    display:inline-block;
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
} 
.banner-link{
    text-align: center;
    border-right:1px solid #e5e5e5;
}
.banner-link:last-child{
    border-right:0;
}
.banner-link a.poea {
    background-position: 0 -116px;
}
.banner-link a.poea:hover {
    background-position: 0 0;
}
.banner-link a.dfa {
    background-position: -116px -116px;
}
.banner-link a.dfa:hover {
    background-position: -116px 0;
}
.banner-link a.dole {
    background-position: -232px -116px;
}
.banner-link a.dole:hover {
    background-position: -232px 0;
}
.banner-link a.owwa {
    background-position: -348px -116px;
}
.banner-link a.owwa:hover {
    background-position: -348px 0;
}
.banner-link p{
    display:none;
}

/* FACEBOOK REVIEW */
#carousel-fb-review-slides{
    top:20px;
}
#carousel-fb-review-slides .carousel-inner{
    margin:0 15%;
    width:auto;
    min-height: 200px;
}
#carousel-fb-review-slides .carousel-control .glyphicon{
    top:50px;
}
.fb-review{
    display:inline-block;
    width:100%;
    width:100%;
    padding:100px 0;
    background-color:#627aad;
}
.fb-review .container:before{
    position:absolute;
    content:"\f09a";
    font-family: 'FontAwesome';
    color:#6d83b4;
    font-size:20em;
}
.fb-review h1{
    width:100%;
    font-family: 'OpenSansLight';
    font-size:24px;
    line-height: 30px;
    margin:0 0 20px 0;
    font-weight:normal;
    color:#ffffff;
    text-align: center;
}
.fb-review h1 strong{
    font-family: 'OpenSansRegular';
    font-weight: normal;
}
.fb-profile img {
    background-color:#ffffff;
    padding:3px;
    float:left;
    margin-right:15px;
}
.fb-profile p.fb-profile-info{
    font-family: 'OpenSansLight';
    color:#ffffff;
    margin-bottom:20px;
}
.fb-profile p.fb-profile-info strong{
    font-family: 'OpenSansSemibold';
    font-weight: normal;
    line-height: 12px;
}
.fb-profile p.fb-profile-info small{
    font-family: 'OpenSansLight';
    font-size: 12px;
}
.fb-profile p.fb-profile-info .ion{
    margin:3px 5px 3px 0px;
    font-size:18px;
}
.fb-profile p.fb-review-message{
    font-family: 'Times New Roman';
    font-size: 24px;
    font-style: italic;
    line-height: 30px;
    color:#ffffff;
}
.fb-review-button{
    text-align: center;
    margin-top:20px;
}
.fb-review-button a.btn{
    font-family: 'OpenSansSemibold';
    font-size: 14px;
    color: #0099cc;
    text-shadow: none;
    padding: 10px 35px;
    border-radius: 6px;
}
.fb-review-button a.btn .fa{
    font-size:14px;
}

/* FEEDBACK */
.feedback {
    display:inline-block;
    width:100%;
    padding:175px 0 200px 0;
    background-color:#e5e5e5;
    background-image: url('../images/feedback.jpg');
    background-position:center center;
    background-repeat:no-repeat;
}
.feedback .container{
    min-height: 150px;
}
.feedback h1{
    width:100%;
    font-family: 'OpenSansLight';
    font-size:24px;
    margin-bottom:20px;
    font-weight:normal;
    color:#333333;
}
.feedback p {
    font-family: 'OpenSansLight';
    font-size:14px;
    line-height:18px;
    color:#333333;
}
.feedback-button{
    margin-top:20px;
}
.feedback-button a.btn{
    font-family: 'OpenSansSemibold';
    font-size: 14px;
    text-shadow: none;
    padding: 10px 35px;
    border-radius: 6px;
}
.feedback-button a.btn .fa{
    font-size:14px;
}

/* FOOTER */
#footer{
    width:100%;
    bottom:0;
}
.footer {
    display:inline-block;
    width:100%;
    padding:50px 0;
    background-color:#181818;
    color:#a6a6a6;
}
.footer-mini {
    width:100%;
    padding:20px 0;
    background-color:#181818;
    color:#a6a6a6;
}
.ewpci-footer-logo{
    width:100%;
    text-align: center;
}
.footer-mini .btn-group{
    margin-top:5px;
}
.footer .btn-group{
    margin-top:20px;
}
.footer-mini .btn-group a,
.footer .btn-group a{
    font-family: 'OpenSansLight';
    color:#cccccc;
    font-size:11px;
    text-transform: uppercase;
}
.footer-mini a.footer-icon-link,
.footer a.footer-icon-link {
    display:inline-block;
    font-size:24px;
    color:#a6a6a6;
    width:50px;
    text-align: center;
}
.footer-mini a.footer-icon-link:last-child,
.footer a.footer-icon-link:last-child{
    margin-right:0px;
}

/* COPYRIGHT */
.copyright {
    display:inline-block;
    width:100%;
    padding:10px 0;
    background-color:#282828;
}
.copyright p{
    font-family: 'OpenSansLight';
    font-size:12px;
    color:#999999;
    text-align: center;
    margin-top:10px;
}

/* PAGE TITLE */
.page-title {
    width:100%;
    padding:70px 0 40px 0;
    display:block;
    background-image:url('../images/ewpci-cover-large.jpg');
    background-position:center 28px;
    background-repeat:no-repeat;
    height:auto;
}
.page-title h1{
    width:100%;
    margin:35px 0 0 0;
    font-family: 'OpenSansLight';
    font-size:36px;
    line-height:36px;
    color:#ffffff;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, .25);
    letter-spacing: -1px;
}
.page-content {
    width:100%;
    min-height:65vh;
    padding:25px 0 100px 0;
    background-color:#ffffff;
    color:#333333;
    font-family: 'OpenSansRegular';
    font-size:14px;
    line-height:18px;
}
.page-content h3{
    font-family: 'OpenSansRegular';
    font-size:24px;
    line-height: 30px;
    color:#333333;
    margin-bottom:10px;
    font-weight:normal;
}
.page-content h3 .ion{
    display: inline-block;
    font-size: 30px;
    vertical-align: bottom;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-content h3 strong{
    font-family: 'OpenSansSemibold';
    font-weight:normal;
}
.page-content p {
    font-family: 'OpenSansRegular';
    font-size:14px;
    line-height:24px;
}
.page-content p strong {
    font-family: 'OpenSansSemibold';
    font-weight: normal;
}

.ewpci-org-chart{
    display:inline-block;
    float:left;
    width:100%;
    clear:both;
    margin-bottom:25px;
    border:1px solid #e5e5e5;
    border-radius:3px;
}

.abouts p{
    line-height:24px;
    margin-bottom:35px;
}

.abouts-awards {
    background-color:#ffffff;
    background-image:url('../images/ewpci-award-cover.jpg');
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.abouts-awards p{
    line-height:24px;
    margin-bottom:35px;
}
.abouts-awards img.thumbnail{
    width:100%;
    height:auto;
    margin-bottom:35px;
}

dl dt{
    font-family: 'OpenSansSemibold';
    font-weight: normal;
    font-size:14px;
    line-height:24px;
}
dl dd{
    font-family: 'OpenSansRegular';
    font-weight: normal;
    font-size:14px;
    line-height:24px;
    text-indent:20px;
}

/* PANEL */
.panel-collapse-ewpci,
.panel-ewpci{
    border:1px solid #eeeeee;
    border-radius: 0;
}
.panel-collapse-ewpci .panel-heading h4 a,
.panel-collapse-ewpci .panel-heading,
.panel-ewpci .panel-heading{
    font-family: 'OpenSansSemibold';
    background-color:#f9f9f9;
    border-radius: 0;
    border-bottom:1px solid #eeeeee;
    color:#007bd1;/*#006699*/
}
.panel-collapse-ewpci .panel-heading{
    border-bottom:0;
}
.panel-collapse-ewpci .panel-body,
.panel-ewpci .panel-body{
    border-top:0!important;
}
.panel-collapse-ewpci .panel-body h4,
.panel-ewpci .panel-body h4{
    font-family: 'OpenSansRegular';
    font-size: 18px;
    font-weight: normal;
    margin:0 0 10px 0;
    padding:0 10px;
}
.panel-collapse-ewpci .panel-heading span,
.panel-ewpci .panel-heading span{
    font-family: 'OpenSansRegular';
}
.panel-collapse-ewpci .panel-body h4 i,
.panel-ewpci .panel-body h4 i{
    font-size: 16px;
}
.panel-collapse-ewpci .panel-body form.item-list,
.panel-ewpci .panel-body form.item-list{
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom: 1px solid #eeeeee;
}
.panel-collapse-ewpci .panel-body form.item-list:only-child,
.panel-collapse-ewpci .panel-body form.item-list:last-child,
.panel-ewpci .panel-body form.item-list:only-child,
.panel-ewpci .panel-body form.item-list:last-child {
    margin-bottom:0px;
    padding-bottom:0px;
    border-bottom:0px;
}
.panel-collapse-ewpci .panel-body form.item-list .form-group,
.panel-ewpci .panel-body form.item-list .form-group{
    margin-bottom:5px;
}
.panel-collapse-ewpci .panel-body p,
.panel-ewpci .panel-body p{
    margin-bottom:10px;
}
.panel-collapse-ewpci .panel-body.award-list p,
.panel-ewpci .panel-body.award-list p{
    font-size:13px;
    line-height: 22px;
}
.panel-collapse-ewpci .panel-body.award-list p img,
.panel-ewpci .panel-body.award-list p img{
    float:left;
    padding:5px;
    border:1px solid #eeeeee;
    margin:0 10px 0 0;
    background-color:#ffffff;
}
.panel-collapse-ewpci .panel-body p:last-child,
.panel-ewpci .panel-body p:last-child{
    margin-bottom:0px;
}

.panel-collapse-ewpci .panel-heading,
.panel-collapse-ewpci .panel-heading h4{
    width:100%;
    display: inline-block;
    padding:0;
}
.panel-collapse-ewpci .panel-heading h4 a{
    width:100%;
    display: inline-block;
    padding:10px 15px;
    font-size: 14px;
    font-weight:normal;
}
.panel-collapse-ewpci .panel-heading h4 a:hover{
    text-decoration: none;
}
.panel-collapse-ewpci .panel-heading h4 a i.ion{
    font-size:16px;
}
.panel-collapse-ewpci .panel-heading h4 a i.fa:before{
    content: "\f106";
    font-family: FontAwesome;
}
.panel-collapse-ewpci .panel-heading h4 a.collapsed i.fa:before{
    content: "\f107";
    font-family: FontAwesome;
}

.panel-ewpci .panel-heading span{
    font-family: 'OpenSansRegular';
}
.panel-collapse-ewpci .panel-body p a.btn{
    text-transform: lowercase;
}

.control-display{
    margin-top:8px;
}

/* BUTTONS */
.btn-warning-ewpci,
.btn-info-ewpci,
.btn-default-ewpci,
.btn-primary-ewpci,
.btn-danger-ewpci {
    font-family: 'OpenSansSemibold';
    font-size: 14px;
    text-shadow: none;
    padding: 7px 15px;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight:normal;
}
.btn-sm.btn-warning-ewpci,
.btn-sm.btn-info-ewpci,
.btn-sm.btn-default-ewpci,
.btn-sm.btn-primary-ewpci,
.btn-sm.btn-danger-ewpci {
    font-family: 'OpenSansSemibold';
    font-size:11px;
    padding: 5px 10px;
    text-shadow: none;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight:normal;
}
.btn-lg.btn-warning-ewpci,
.btn-lg.btn-info-ewpci,
.btn-lg.btn-default-ewpci,
.btn-lg.btn-primary-ewpci,
.btn-lg.btn-danger-ewpci{
    font-family: 'OpenSansRegular';
    text-shadow: none;
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight:normal;
}
.btn-default-ewpci,
.btn-default-ewpci:hover,
.btn-default-ewpci{
    color:#0099cc;
}
.btn-info-ewpci,
.btn-info-ewpci:hover,
.btn-info-ewpci,
.btn-warning-ewpci,
.btn-warning-ewpci:hover,
.btn-warning-ewpci,
.btn-primary-ewpci,
.btn-primary-ewpci:hover,
.btn-primary-ewpci
.btn-danger-ewpci,
.btn-danger-ewpci:hover,
.btn-danger-ewpci {
    color:#ffffff;
}
.btn-lg.btn-warning-ewpci i,
.btn-lg.btn-info-ewpci i,
.btn-lg.btn-default-ewpci i,
.btn-lg.btn-primary-ewpci i,
.btn-lg.btn-danger-ewpci i{
    font-size: 18px;
}
.btn-sm.btn-warning-ewpci i,
.btn-sm.btn-info-ewpci i,
.btn-sm.btn-default-ewpci i,
.btn-sm.btn-primary-ewpci i,
.btn-sm.btn-danger-ewpci i {
    font-size:11px;
}
.btn-warning-ewpci i,
.btn-info-ewpci i,
.btn-default-ewpci i,
.btn-primary-ewpci i,
.btn-danger-ewpci i {
    font-size:14px;
    margin-right:5px;
}
.btn-flat{
    border-radius: 0 !important;
}

.btn-default{
    color:#007bd1 !important;
}
.btn-primary{
    background-color:#007bd1;
}

/* NAV TABS */
.nav-tabs-ewpci>.nav-tabs{
    border-bottom:1px solid #eeeeee;
}
.nav-tabs-ewpci>.nav-tabs>li.active>a,
.nav-tabs-ewpci>.nav-tabs>li.active>a:focus,
.nav-tabs-ewpci>.nav-tabs>li.active>a:hover {
    border:0;
    border-bottom:2px solid #007bd1; /*#0099cc;*/
    font-family: 'OpenSansSemibold';
    color:#4c4c4c;
}
.nav-tabs-ewpci>.nav-tabs>li>a{
    color:#007bd1;/*#0099cc;*/
}
.nav-tabs-ewpci>.nav-tabs>li>a:hover{
    background-color:transparent;
    border:1px solid transparent;
    color:#006699;
}
.nav-tabs-ewpci>.tab-content{
    padding:20px 20px 10px 20px;
    margin-bottom:25px;
    border-bottom:1px solid #eeeeee;
}

/* FORM */
label{
    font-family: 'OpenSansSemibold';
    font-size:14px;
    font-weight:normal;
}
.required {
    color:#ff0000;
    font-family: 'OpenSansSemibold';
}

/* JOB LIST */
table.job-list {
    width:100%;
}
table.job-list td{
    width:100%;
    margin:0;
    font-family: 'OpenSansRegular';
    font-size:12px;
    line-height:18px;
    border-bottom:1px solid #eeeeee;
    padding:0px !important;
}
table.job-list td a{
    display:inline-block;
    padding:20px 5px;
    width:100%;
    color:#333333;
}
table.job-list td a:hover{
    background-color:#f9f9f9;
    color:#0099cc;
}
table.job-list td a:hover h3{
    color:#0099cc;
}
table.job-list thead tr th,
table.job-list td a h3{
    font-size:18px;
    margin:0 0 10px 0;
    font-weight: normal;
}
table.job-list thead tr th{
    font-family: 'OpenSansSemibold';
}
table.job-list td h3{
    font-family: 'OpenSansRegular';
}
table.job-list td strong{
    font-family: 'OpenSansSemibold';
    font-weight: normal;
    text-transform: uppercase;
}
}
.dataTables_length label,
.dataTables_info,
#tableJobList_paginate{
    font-family: 'OpenSansRegular';
    font-size:13px;
    font-weight: normal;
}

.label-solo{
    font-family:'OpenSansRegular';
    line-height:19px;
    margin-right:10px;
}
.label-solo input{
    vertical-align: top;
}
.label-solo strong{
    font-family: 'OpenSansSemibold';
}

.btn-group-vertical-ewpci{
    width:100%;
    margin-bottom:20px;
}
.btn-group-vertical-ewpci>.btn:last-child:not(:first-child),
.btn-group-vertical-ewpci>.btn:first-child:not(:last-child) {
    border-radius:0 !important;
}
.btn-group-vertical-ewpci>.btn{
    text-align: left;
    border-color:#eeeeee;
    color:#006699;
    font-family: 'OpenSansRegular';
    font-size:13px;
    padding:10px 15px;
    text-transform: uppercase;
    border-radius:0 !important;
}
.btn-group-vertical-ewpci>.btn:hover{
    color:#0099cc;
}
.btn-group-vertical-ewpci>.btn.active{
    box-shadow: none;
    background-color:#eeeeee;
    color:#0099cc;
    font-family: 'OpenSansSemibold';
}
.btn-group-vertical-ewpci>.btn.active:hover{
    border-color:#eaeaea;
} 
.btn-group-vertical-ewpci>.btn i{
    font-size:14px;
    margin-right:5px;
}

.btn-link-group-ewpci{
    margin-bottom:20px;
}
.btn-link-group-ewpci a,
.btn-link-group-ewpci a.btn-link{
    font-family: 'OpenSansRegular';
    text-transform: uppercase;
    font-size:11px;
    color:#006699;
    border-right:1px solid #dedede;
    margin-bottom:10px;
}
.btn-link-group-ewpci a:last-child{
    border:0;
}
.btn-link-group-ewpci a:hover{
    text-decoration: underline;
}
.btn-link-group-ewpci a.btn-link-danger{
    color:#cc0000;
}
.btn-link-group-ewpci a.btn.active{
    font-family: 'OpenSansBold';
    color:#006699;
    box-shadow: none;
}
.btn-link-default{
    background:none;
    border:0;
    color:#0099cc;
}
.btn-link-default:hover{
    background:none !important;
    border:0;
    color:#006699;
}
.btn-link-danger{
    background:none;
    border:0;
    color:#d9534f;
}
.btn-link-danger:hover{
    background:none !important;
    border:0;
    color:#d43f3a;
}

.alert-computer-number{
    padding-left:55px;
}
.alert-computer-number:before {
    content: "\f071";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    text-decoration: inherit;
    position: relative;
    top: 10px;
    float: left;
    left: -42px;
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 1px;
}

.applicant-thumbnail{
    padding:5px;
    border:1px solid #eeeeee;
    margin:0 10px 10px 0;
    background-color:#ffffff;
}
.abouts table.table.table-ewpci{
    margin-bottom:35px;
}
.flexi-table {
    width:100%;
    overflow-x: scroll;
}
table.table-ewpci{
    border:1px solid #eeeeee;
    border-right:0;
    border-bottom:0;
}
table.table-ewpci>thead>tr>th,
table.table-ewpci>tfoot>tr>th{
    font-family: 'OpenSansSemibold';
    font-weight: normal;
    font-size:13px;
    text-transform: uppercase;
    color:#007bd1;/*#006699;*/
    vertical-align: middle;
    border:1px solid #eeeeee;
    border-top:0;
    border-left:0;
}
table.table-ewpci>tbody>tr>td{
    font-family: 'OpenSansRegular';
    font-size:12px;
}
table.table-ewpci>tbody>tr>td,
table.table-ewpci>tbody>tr>td:last-child{
    border:1px solid #eeeeee;
    border-top:0;
    border-left:0;
}
table.table-ewpci>tbody>tr>td>strong{
    font-family: 'OpenSansBold';
}
table.table-ewpci.table-bordered>tbody>tr>td{
    border-color:#eeeeee;
}
table.table-ewpci>thead>tr>th>a,
table.table-ewpci>tbody>tr>td>a{
    color:#007bd1;
    text-decoration:none;
}
#tableJobList_info,
#tableJobList_paginate .pagination,
#tableJobList_length label{
    font-family: 'OpenSansSemibold';
    font-size:12px;
    text-transform: uppercase;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color:#007bd1;
}
table.table-ewpci.table-bordered th:last-child{
    border-right-width:1px;
}
table.table-interview>thead>tr>th,
table.table-interview>tbody>tr>td,
table.table-interview>tfoot>tr>th{
    vertical-align: middle;
}
table.table-interview{
    margin-bottom:35px;
}
table.table-interview>thead>tr>th.th-title{
    background-color:#e5e5e5;
    padding:0px;
    color:#006699;
    vertical-align: bottom;
}
table.table-interview>thead>tr>th.th-title>span{
    font-family: 'OpenSansRegular';
    font-size: 18px;
    line-height: 48px;
    letter-spacing: -1px;
}
table.table-interview>thead>tr>th.th-title>.th-icon{
    float:left;
    background-color:#cccccc;
    padding:15px;
    width:auto;
    margin-right:15px;
    font-size:18px;
    color:#666666;
}

.panel-group-ewpci>.panel>.panel-heading{
    padding:0;
}
.panel-group-ewpci>.panel>.panel-heading>h4 {
    width:100%;
    display:inline-block;
    font-family: 'OpenSansSemibold';
    font-size:14px;
    color:#006699;
}
.panel-group-ewpci>.panel>.panel-heading>h4>a {
    width:100%;
    display:inline-block;
    padding:15px;
}
.panel-group-ewpci>.panel>.panel-heading>h4>a:hover {
    text-decoration:none;
    color:#0099cc;
}
.panel-group-ewpci>.panel>.panel-collapse>.panel-body,
.panel-group-ewpci>.panel>.panel-collapse>.panel-body p {
    font-family: 'OpenSansRegular';
    font-size:13px;
}

/* FLAGS */
.flag{
    display: inline-block;
    width: 16px;
    height:12px;
    background-image:url('../images/mini-flags.png');
    background-repeat: no-repeat;
    float:left;
    margin-right:5px;
    margin-top:2px;
}
.flag-africa{
    background-position: -147px -102px;
}
.flag-algeria{
    background-position: -42px 0px;
}
.flag-angola{
    background-position: -84px 0px;
}
.flag-australia{
    background-position: -210px 0px;
}
.flag-azerbaijan{
    background-position: -253px 0px;
}
.flag-bahrain{
    background-position: -295px 0px;
}
.flag-cameroon{
    background-position: -253px -17px;
}
.flag-columbia {
    background-position: 0px -34px;
}
.flag-dominican-republic{
    background-position: -336px -119px;
}
.flag-equatorial-guinea{
    background-position: -357px -119px;
}
.flag-ghana{
    background-position: -105px -51px;
}
.flag-indonesia{
    background-position: -336px -51px;
}
.flag-iran{
    background-position: -357px -51px;
}
.flag-jordan {
    background-position: -126px -68px;
}
.flag-kazakhstan {
    background-position: 0px -136px;
}
.flag-korea {
    background-position: -168px -68px;
}
.flag-kuwait {
    background-position: -21px -136px;
}
.flag-ksa {
    background-position: -336px -85px;
}
.flag-lebanon {
    background-position: -210px -68px;
}
.flag-libya {
    background-position: -42px -136px;
}
.flag-malaysia {
    background-position: -232px -68px;
}
.flag-madagascar {
    background-position: -63px -136px;
}
.flag-mozambique {
    background-position: -336px -68px;
}
.flag-nigeria {
    background-position: -63px -85px;
}
.flag-oman {
    background-position: -84px -136px;
}
.flag-papua-new-guinea {
    background-position: -105px -136px;
}
.flag-qatar {
    background-position: -295px 0px;
}
.flag-russia {
    background-position: -295px -85px;
}
.flag-saudi-arabia {
    background-position: -336px -85px;
}
.flag-singapore {
    background-position: -63px -102px;
}
.flag-sudan {
    background-position: -189px -102px;
} 
.flag-syria {
    background-position: -274px -102px;
} 
.flag-taiwan {
    background-position: -295px -102px;
} 
.flag-uae {
    background-position: -63px -119px;
}  

/* AWARDS */
.award-section{
    width:100%;
    text-align: center;
    padding:20px;
    min-height: 350px;
    cursor: default;
}
.award-section img{
    padding:5px;
    border:1px solid #eeeeee;
    margin:0 10px 10px 0;
    background-color:#ffffff;
}
.award-section strong{
    color:#006699;
}
.award-section p{
    margin-bottom:0;
}

/* FACILITIES */
.facilities p{
    line-height:24px;
    margin-bottom:35px;
}
.facilities-thumbnails img,
.facilities p img{
    float:left;
    padding:5px;
    object-fit: fill;
    width: 30rem;
    height: 20rem;;
    border:1px solid #eeeeee;
    background-color:#ffffff;
}
.facilities p img{
    margin:0 10px 0 0;
}
.facilities-thumbnails img{
    cursor:pointer;
    margin:0 10px 10px 0;
}
.facilities-thumbnails img:hover{
    border-color:#cccccc;
}

.popover{
    background-color:#000000;
    box-shadow: none;
}
.popover .popover-content{
    font-family: 'OpenSansRegular';
    font-size:13px;
    background-color:#000000;
    color:#ffffff;
}
.popover.top>.arrow:after{
    border-top-color:#000000;
}

/* CLIENT LIST */
.client-list a{
    float:left;
    display:inline-block;
    width:160px;
    padding:5px;
    border:1px solid #eeeeee;
    background-color:#ffffff;
    cursor:pointer;
    margin:0 20px 20px 0;
}
.client-list a:hover{
    border-color:#cccccc;
}
.client-list a img{
    float:left;
    display:inline-block;
}
.client-list a .client-name{
    float:left;
    display:inline-block;
    font-family: 'OpenSansSemibold';
    font-size:11px;
    text-align: center;
    width:100%;
    padding:5px;
    background-color:#eeeeee;
    color:#007bd1;/*#006699*/
    height: 45px;
    overflow: hidden;
}

#collapseMainOffice a .map,
#collapseBatangas a .map,
#collapseCebu a .map,
#collapseCDO a .map,
#collapseBTU a .map,
#collapseDVO a .map,
#collapseEWDhakaHRC a .map,
#collapseEWDhakaTC a .map{
    width:100%;
    height:200px;
    padding:5px;
    border-radius:4px;
    margin-bottom:5px;
    background-position:center center;
}
#collapseMainOffice a .map{
    background-image:url('../images/branch/main-office.jpg');
}
#collapseBatangas a .map{
    background-image:url('../images/branch/batangas-branch.jpg');
}
#collapseCebu a .map{
    background-image:url('../images/branch/cebu-branch.jpg');
}
#collapseCDO a .map{
    background-image:url('../images/branch/cdo-branch.jpg');
}
#collapseBTU a .map{
    background-image:url('../images/branch/butuan-branch.jpg');
}
#collapseDVO a .map{
    background-image:url('../images/branch/davao-branch.png');
}
#collapseEWDhakaTC a .map{
    background-image:url('../images/branch/dhaka-training.jpg');
}
#collapseEWDhakaHRC a .map{
    background-image:url('../images/branch/dhaka-hr.jpg');
}

/* LINK */
.link-section>p{
    line-height: 24px;
}
.link-section>p>a.btn{
    text-transform: lowercase;
    font-family: 'OpenSansRegular';
}
.link-section>p>a.link {
    width:116px;
    height:116px;
    background-image:url('../images/links.jpg');
    background-repeat:no-repeat;
    display:inline-block;
    border:1px solid #e5e5e5;
    float:left;
    margin: 0 10px 0 0;
} 
.link-section>p>a.poea {
    background-position: 0 0;
}
.link-section>p>a.dfa {
    background-position: -116px 0;
}
.link-section>p>a.dole {
    background-position: -232px 0;
}
.link-section>p>a.owwa {
    background-position: -348px 0;
}

/* ERROR 404 */
.body-error404{
    background-image:url('../images/ewpci-cover-large.jpg');
    background-position:center top;
    background-attachment: fixed;
}
.error404{
    display:inline-block;
    width:100%;
    padding:100px 0 50px 0;
}
img.error404-title{
    margin-bottom:25px;
}
/*.error404-image{
    padding-right:25px;
}*/
.error404 h1,
.error404 h2{
    display:inline-block;
    font-family: 'OpenSansLight';
    color: #ffffff;
    margin:0 0 20px 0;
    font-weight: normal;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, .25);
}
.error404 h1{
    font-size: 32px;
    line-height: 36px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, .25);
}
.error404 h2{
    font-size: 24px;
    line-height: 28px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, .25);
}
.error404 p,
.error404 dl dd{
    color:#ffffff;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, .25);
}
.error404 p a,
.error404 dl dd a{
    color:#ffffff;
}
a.error404-icon-link{
    display:inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    margin-right: 30px;
    color:#ffffff;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, .25);
}

/* NOTIFICATION */
.notif{
    display: block;
    width:600px;
    position:relative;
    padding:10px;
}
.notif .modal-header{
    background-color:#3c8dbc;
    font-family: 'OpenSansLight';
    color:#ffffff;
    border:0;
}
.notif .modal-body,
.notif .modal-footer{
    background-color:#ffffff;
    font-family: 'OpenSansRegular';
    color:#333333;
    border:0;
}
.notif .modal-body strong,
.notif .modal-footer strong{
    font-family: 'OpenSansSemibold';
}
.modal-content{
    border:0;
    border-radius:0;
}

.notif-danger .modal-header{
    background-color:#a94442;
}
.notif-danger .modal-body,
.notif-danger .modal-footer{
    background-color:#f2dede;
    color:#a94442;
}
.notif-danger .modal-header i{
    font-size:15px;
}

.notif-info .modal-header{
    background-color:#5bc0de;
}
.notif-info .modal-body,
.notif-info .modal-footer{
    background-color:#d9edf7;
    color:#31708f;
}
.notif-info .modal-header i{
    font-size:15px;
}

.notif-warning .modal-header{
    background-color:#f0ad4e;
}
.notif-warning .modal-body,
.notif-warning .modal-footer{
    background-color:#fcf8e3;
    color:#8a6d3b;
}
.notif-warning .modal-header i{
    font-size:15px;
}

.notif-success .modal-header{
    background-color:#5cb85c;
}
.notif-success .modal-body,
.notif-success .modal-footer{
    background-color:#dff0d8;
    color:#3c763d;
}
.notif-success .modal-header i{
    font-size:15px;
}

/* FACEBOX */
.facebox_overlayBG{
    z-index: 9999 !important;
}
#facebox {
    z-index: 99999 !important;
}
#facebox .popup {
    border: none !important;
}
#facebox .close {
    background:none !important;
    top: 15px !important;
    right: 10px !important;
}
#facebox .close span{
    color: #ffffff;
    text-shadow: none;
}
#facebox .popup .content .modal-dialog {
    margin: -10px;
}
#facebox .content {
    width: auto !important;
    border:0 !important;
    padding:0 !important;
}
#facebox_overlay {
    opacity: 0.5 !important;
}

.btn-email-this{
    font-family: 'OpenSansRegular !important';
    background-color:#454545 !important;
    margin-top: -12px !important;
    padding: 1px 5px 2px 5px !important;
    border-radius: 3px !important;
    border:1px solid #333 !important;
    text-transform: capitalize !important;
}
.btn-email-this i{
    margin-right:2px;
}

.announcement-panel .panel+.panel {
    margin-top: 25px;
}

.slides li.industry-specialization .counter{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    top: -65px;
    left: 145px;
    font-size: 33px;
    font-family: 'OpenSansSemibold';
    letter-spacing: -2px;
}




/* SMALL SCREEN */
@media(max-width:991px){
    .nav>li>a{padding: 10px 10px;}
    .navbar-default .navbar-nav>li>a{font-size:11px;}
    .wrapper-index{background-position:center 51px;}
    .slideshow { background-position:center 51px; padding-top:51px;}
    .job-openings h1, .interview-schedule h1, .announcements h1{text-align: left;}
    .job-openings ul li, .interview-schedule ul li {text-align: left;}
    .banner-link {border:0; padding:35px;}
    .ewpci-footer{text-align: center; margin:8px 0;}
    label.no-value{height:0;}
    .applicant-thumbnail{width:auto;}
    .banner-link p{display:block;}
    .banner-link a.poea {background-position: 0 0;}
    .banner-link a.dfa {background-position: -116px 0;}
    .banner-link a.dole {background-position: -232px 0;}
    .banner-link a.owwa {background-position: -348px 0;}
    #collapseMainOffice a .map,#collapseBatangas a .map,#collapseCebu a .map,#collapseCDO a .map,#collapseBTU a .map,#collapseDVO a .map, #collapseBangladesh a .map{height:350px;}
    .error404 {padding-top:50px;}
    .error404 h1{width:90%;}
    .login-form,.support-centers,.awards,.fb-review,.feedback,.banner{padding-top:35px;padding-bottom:35px;}
    .job-openings,.interview-schedule,.announcements{padding-top:10px;padding-bottom:35px;}
    .support-centers-link a{margin-bottom:20px;clear: both;}
    .support-centers-link a:last-child{margin-bottom:0px;}
    .banner-link{padding:10px;}
    .carousel-main{height:400px;}
    .carousel-main .carousel-inner{top:80px;}
    .applicant-info img{width:200px;height:200px;border-radius:100px;}
    .slides li.industry-specialization .counter{display: block;position: relative;margin: 0;padding: 0;top: -52px;left: 110px;font-size: 27px;font-family: 'OpenSansSemibold';letter-spacing: -2px;}
    
    .job-openings h1, .interview-schedule h1, .announcements h1{text-align: center;}
    .job-openings ul li, .interview-schedule ul li, .announcements ul li{text-align: center;}
    .support-centers-link:last-child{margin-top:40px;}
}
    
/* SMALL SCREEN */
@media(max-width:767px){ 
    .nav>li>a{padding: 10px 15px;} 
    .navbar-default .navbar-nav>li>a{font-size:14px;}
    .text-indented {padding-left: 25px;}
    .thumbnail {width:100%;}
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>li>a,
    .dropdown-menu>li>a {font-family: 'OpenSansSemibold';font-size: 14px;text-transform: uppercase;color:#0099cc !important;line-height: 36px;}
    
    /* NAVBAR */
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{border-color:#ececec;}
    .navbar-toggle {margin-top: 8px; margin-bottom: 8px;}
    .navbar-nav>li>a,
    .dropdown-menu>li>a{line-height: 24px; border-bottom:1px solid #ececec; background-color:#ffffff;}
    .navbar-nav {margin: -0.5px -15px;}
    .navbar-nav .open .dropdown-menu>li>a{background-color:#e7e7e7; padding: 10px 15px 10px 40px;}
    
    /* CAROUSEL */
    .carousel-main .carousel-inner{top: 90px;}
    .carousel-main .carousel-inner h3 {font-size: 35px; line-height: 40px;}
    .carousel-main .carousel-inner h4 {font-size: 26px; line-height: 30px;}
    .carousel-main .carousel-inner p {font-size: 14px; line-height: 23px;}
    .carousel-indicators {bottom:0px!important;}
    
    /* SHARE BUTTON */
    .share-button{margin-top:10px; height:auto;}
    .share-button p {margin-bottom:10px;}
    .share-button .facebook, .share-button .twitter, .share-button .linkedin, .share-button .instagram{padding:0; margin:0; min-height:85px;}
    .share-button .facebook a, .share-button .twitter a, .share-button .linkedin a, .share-button .instagram a{width:100%; padding-top:0; height:85px; font-size:0; background-position: center center;}
    .share-button .facebook a, .share-button .linkedin a, .share-button .twitter a, .share-button .instagram a{background:none;}
    .share-button .facebook a:before, .share-button .twitter a:before, .share-button .linkedin a:before, .share-button .instagram a:before{font-family:'FontAwesome'; color:#ffffff; font-size:36px; line-height:86px;}
    .share-button .facebook a{background-color:#3b5998;}
    .share-button .facebook a:before{content: '\f09a';}
    .share-button .twitter a{background-color:#1da1f2;}
    .share-button .twitter a:before{content: '\f099';}
    .share-button .linkedin a{background-color:#0177b5;}
    .share-button .linkedin a:before{content: '\f0e1';}
    .share-button .instagram a{background-color:#e23d5d;}
    .share-button .instagram a:before{content: '\f16d';}
    .share-button .facebook a:hover, .share-button .instagram a:hover, .share-button .linkedin a:hover, .share-button .twitter a:hover {background-image:none;}
    
    /* LOGIN FORM */
    .employer-form{display:none;}
    .applicant-form {border-left:0px;}
    
    /* CAROUSEL */
    .carousel-control{width:10% !important;}
    
    /* FEEDBACK */
    .feedback .container:before{margin-top:-20px;}
    .feedback .container:after{top:-210px;}
    
    /* FB REVIEW */
    .fb-review .container {background-position:center right;}

    /* JOB OPENING */
    table.job-list thead tr th{text-align: center;}
    .control-xs-display{margin-bottom:20px;}
    .ewpci-footer{text-align: center; margin:8px 0;}
    label.no-value{height:0;}
    .page-title{background-position:center 51px; padding:35px 0 40px 0;}
    .page-title h1 {margin: 50px 0 0 0;}
    .error404-message .link{margin-bottom:0;}
    a.error404-icon-link{margin-right:20px;}
    .carousel-main{height:400px;}
    .carousel-main .carousel-inner{top:80px;}
    .applicant-info img{width:180px; height:180px; border-radius:90px;}
    .notif {min-width:300px; width:auto; margin:0 auto;}
    .slides li.industry-specialization .counter{display: block; position: relative; margin: 0; padding: 0; top: -52px; left: 110px; font-size: 24px; font-family: 'OpenSansSemibold'; letter-spacing: -1px;}
    
}

/* SMALL SCREEN */
@media(max-width:766px){  
    .nav>li>a{padding: 10px 15px;} 
    /* LOGIN FORM */
    .employer-form{display:none;}
    .applicant-form {border-left:0px;}
    }
}

/* EXTRA SMALL SCREEN */
@media(max-width:341px){
    .nav>li>a{padding: 10px 15px;}
    .applicant-thumbnail{width:100%;}
    .applicant-info img{width:150px;height:150px;border-radius:75px;}
    .notif {min-width:280px;width:auto;margin:0 auto;}
    
    .page-title h1 {margin-top: 20px;}
    /* LOGIN FORM */
    .employer-form{display:none;}
    .applicant-form {border-left:0px;}
} 

/* EXTRA SMALL SCREEN */
@media(max-width:325px){
    .nav>li>a{padding: 10px 15px;}
    .feedback .container-iiner{background:none;}
    .carousel-main .carousel-inner{top: 60px;}
    .carousel-main{height:400px;}
    .carousel-main .carousel-inner{top:80px;}
    .slides li.industry-specialization .counter{display: block;position: relative;margin: 0;padding: 0;top: -37px;left: 74px;font-size: 20px;font-family: 'OpenSansSemibold';}
    /* LOGIN FORM */
    .employer-form{display:none;}
    .applicant-form {border-left:0px;}
}  

/* BACK TO TOP BUTTON */
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #ff9900 url('../images/cd-top-arrow.png') no-repeat center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    z-index: 99999;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}
.cd-top.cd-is-visible.cd-fade-out:hover{
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}



.browser-note{
    display:none;
    position:fixed;
    width:100%;
    font-family: 'OpenSansRegular';
    background:#0F77AB;
    padding:20px;
    text-align: center;
    color:#ffffff;
    z-index: 99999;
}
.browser-note strong{
    font-family: 'OpenSansBold';
}
.browser-note a.browser-link{
    margin:0 10px;
    color:#ffffff;
}

.black-out{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.75);
    z-index: 1030;
    vertical-align: middle;
    text-align: center;
}
/* IE CSS HACK */
    /* IE8 */
    @media all\0 { 
        .browser-note{display:block;position:fixed;}
        .black-out{display:block;position:fixed;}
    }
    /* IE9 */
        .browser-note{display:block\9;position:fixed\9;}
        .black-out{display:block\9;position:fixed\9;}
    /* IE10 */
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .browser-note{display:none !important;}
        .black-out{display:none !important;}
    }
    html[data-useragent*='MSIE 10.0'] .browser-note{display:none !important;}
    html[data-useragent*='MSIE 10.0'] .black-out{display:none !important;}
    /* IE11  */
    @media all and (-ms-high-contrast:none)
     {
     .foo browser-note,.black-out{display:none;}
        *::-ms-backdrop, .foo browser-note{display:none;}
        *::-ms-backdrop, .black-out{display:none;}
     }

.btn.loading{width:100%;}
.alert,.btn.loading{display:none;}
label.radio-schedule{
    margin-bottom:5px;
}
label.radio-schedule>span{
    float:left;
    padding:5px 5px 0px 25px!important;
}

.flex-prev,
.flex-next{
    content:none; 
    font-size:0;
}
.flex-prev{
    left:-10px !important;
}
.flex-next{
    right:-10px !important;
}
.flex-prev:before,
.flex-next:before{
    font-family: FontAwesome !important;
    font-size: 24px;
}
.flex-prev:before{
    content:'\f104' !important;
}
.flex-next:before{
    content:'\f105' !important;
}
.flex-control-paging li a{
    background-color:#e2e2e2;
    box-shadow: none;
}
.flex-control-paging li a:hover{
    background-color:#84c8df;
}
.flex-control-paging li a.flex-active{
    background-color:#0F77AB;
}

.top3-country,
.other-country {
    background-position:center center;
    background-repeat:no-repeat;
}
.top3-country {
    height:350px;
    margin-bottom:35px;
}
.other-country {
    margin-bottom:35px;
    height:250px;
}
.top3-country.saudi-arabia{
    background-image:url(../images/country-deployed/saudi-arabia.jpg);
}
.top3-country.qatar{
    background-image:url(../images/country-deployed/qatar.jpg);
}
.top3-country.uae{
    background-image:url(../images/country-deployed/uae.jpg);
}
.top3-country span.counter,
.other-country span.counter{
    display:inline-block;
    float:left;
    width:100%;
    text-align: center;
    font-family: 'OpenSansRegular';
    font-size: 42px;
    color: #333333;
    letter-spacing: -3px;
}
.top3-country span.counter{
    margin-top: 280px;
}
.other-country span.counter{
    margin-top: 210px;
}
.other-country.madagascar{
    background-image:url(../images/country-deployed/madagascar.jpg);
}
.other-country.korea{
    background-image:url(../images/country-deployed/korea.jpg);
}
.other-country.taiwan{
    background-image:url(../images/country-deployed/taiwan.jpg);
}
.other-country.papa-new-guinea{
    background-image:url(../images/country-deployed/papa-new-guinea.jpg);
}
.other-country.dominican-republic{
    background-image:url(../images/country-deployed/dominican-republic.jpg);
}
.other-country.oman{
    background-image:url(../images/country-deployed/oman.jpg);
}
.other-country.kazakhstan{
    background-image:url(../images/country-deployed/kazakhstan.jpg);
}
.other-country.bahrain{
    background-image:url(../images/country-deployed/bahrain.jpg);
}
.other-country.libya{
    background-image:url(../images/country-deployed/libya.jpg);
}
.other-country.kuwait{
    background-image:url(../images/country-deployed/kuwait.jpg);
}
.other-country.equatorial-guinea{
    background-image:url(../images/country-deployed/equatorial-guinea.jpg);
}
.other-country.cameroon{
    background-image:url(../images/country-deployed/cameroon.jpg);
}
.other-country.syria{
    background-image:url(../images/country-deployed/syria.jpg);
}
.other-country.singapore{
    background-image:url(../images/country-deployed/singapore.jpg);
}
.other-country.russia{
    background-image:url(../images/country-deployed/russia.jpg);
}
.other-country.sudan{
    background-image:url(../images/country-deployed/sudan.jpg);
}
.other-country.australia{
    background-image:url(../images/country-deployed/australia.jpg);
}
.other-country.azerbaijan{
    background-image:url(../images/country-deployed/azerbaijan.jpg);
}
.other-country.nigeria{
    background-image:url(../images/country-deployed/nigeria.jpg);
}
.other-country.algeria{
    background-image:url(../images/country-deployed/algeria.jpg);
}
.other-country.lebanon{
    background-image:url(../images/country-deployed/lebanon.jpg);
}
.other-country.iran{
    background-image:url(../images/country-deployed/iran.jpg);
}
.other-country.jordan{
    background-image:url(../images/country-deployed/jordan.jpg);
}
.other-country.malaysia{
    background-image:url(../images/country-deployed/malaysia.jpg);
}
.other-country.angola{
    background-image:url(../images/country-deployed/angola.jpg);
}
.other-country.africa{
    background-image:url(../images/country-deployed/africa.jpg);
}


/*@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 1500px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 1700px) {
  .container {
    width: 1500px;
  }
}
@media (min-width: 1900px) {
  .container {
    width: 1700px;
  }
}*/

/* Latest Additional Style */
.form-search-job{
    margin-top: 35px;
}

.form-search-job input{
    border-radius: 25px 0 0 25px !important;
    border: 0;
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 16px;
    padding: 12px 15px 12px 25px;
    color: #000000;
}

.form-search-job .btn{
    border-radius: 0 25px 25px 0 !important;
    border: 0;
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 16px;
    padding: 12px 25px 12px 15px;
}

.apply-now-content{
    margin-top: 20px;
}

.apply-now-content a h3{
    font-family: 'Manrope';
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
    color: #007bd1;
    transition: .5s;
}

.apply-now-content a:hover{
    text-decoration: none !important;
}

.apply-now-content a:hover h3{
    color: #cc0000;
    text-decoration: none !important;
}

.apply-now-links{
    margin-top: 60px;
}
.apply-now-links a{
    text-decoration: none;
}
.apply-now-links .other-links{
    width:100%;
    padding: 20px 20px 40px 20px;
    background-color:#f5f5f9;
    border-radius: 10px;
}
.apply-now-links a:hover .other-links{
    background-color:#e7f3fe;
}
.apply-now-links a:hover .other-links{
    color:#cc0000;
}
.apply-now-links .other-links-title{
    margin-bottom: 20px;
}
.apply-now-links .other-links{
    font-family: 'Manrope';
    font-weight: 800;
    color: #00518a;
    font-size: 16px;
    text-decoration: none;
}
.apply-now-links .other-links img{
    width: 50%;
    margin-top: 20px;
    margin-bottom: 5px;
}

.apply-now-links h3{
    font-family: 'Manrope';
    font-weight: 800;
}

.form-control{
    font-family: 'Manrope';
    font-weight: 500;
    border-radius: 20px !important;
    padding: 6px 15px;
}
.btn{
    font-family: 'Manrope';
    font-weight: 600;
    border-radius: 20px !important;
}



/* NEW STYLE for CAROUSEL */
.carousel-main{
    height: auto !important;
}
.carousel-main .carousel-inner{
    top: 0;
}

.slider-box {
    display:flex; 
    width: 100%;
}

.slider-box .slider-box-img{
    display:flex;
    width: 40%;
    height: 450px;
}

.slider-box .slider-box-txt{
    display:flex;
    width: 60%;
}


@media (min-width: 280px) {
    .carousel-main .carousel-inner h3.main{
        font-size: 36px;
        line-height: 40px;
    }
    .link-apply-now,
    .link-job-opening{
        margin-bottom: 35px;
    }
    .link-box{
        margin-bottom: 20px;
    }
    .apply-now-links .other-links{
        font-size: 14px;
        line-height: 18px;
        padding: 10px;
    }
    .apply-now-links .other-links img{
        width: 75%;
    }
}

@media (min-width: 576px) {
    .carousel-main .carousel-inner h3.main{
        font-size: 36px;
        line-height: 40px;
    }
    .apply-now-links .other-links{
        font-size: 16px;
        line-height: 20px;
        padding: 20px 20px 40px 20px;
    }
    .apply-now-links .other-links img{
        width: 50%;
    }
}

@media (min-width: 768px) {
    .carousel-main .carousel-inner h3.main{
        font-size: 48px;
        line-height: 52px;
    }
}

@media (min-width: 992px) {
    .carousel-main .carousel-inner h3.main{
        font-size: 56px;
        line-height: 65px;
    }
    .link-box,
    .link-apply-now,
    .link-job-opening{
        margin-bottom: 0px;
    }
}

@media (min-width: 1200px) {
    
}

@media (min-width: 1400px) {
    
}