/*==============================

1.Common

==============================*/



* { box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; }
a { text-decoration: none; outline: none; color: #000; }
a:hover { color: #333; text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
/*a[href*="tel"]{white-space:nowrap;}*/

h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Montserrat'; color: #404040; font-weight: normal; margin: 0 0 10px; padding: 0; line-height: normal; }
h1,
.title { font: 40px/48px 'Montserrat'; text-align: center; display: block; margin: 50px 0 30px; padding-bottom: 25px; position: relative; text-transform: uppercase; }
.title:before,
h1:before { height: 4px; width: 100px; content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: 0px auto; background: #336eb6; z-index: 9; }
.title { color: #505050; }
.job-text .title { margin: 0 0 15px }
#owl-example .item::before { background: rgba(32, 32, 32, 0.56) none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 10; }
.subtitle { font-size: 24px; font-family: 'Montserrat'; margin-bottom: 10px; display: block; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
ul { list-style-type: disc; margin: 0 0 0 15px; padding: 0; }
ol { margin: 10px 0; padding: 0; list-style-position: outside; }
ol li { margin: 0 0 0 15px; padding: 0 0 5px; }
body { font-family: 'poppinslight', sans-serif; font-size: 14px; line-height: 20px; color: #666; overflow-y: scroll; overflow-x: hidden; }
img { vertical-align: top }
img.imgl { float: left; margin: 0 30px 0 0; }
img.imgr { float: right; margin: 0 0 0 30px; }
.clear { clear: both; display: block; }
img { max-width: 100%; border: none; outline: none; }
hr { background-color: #e5e5e5; height: 1px; border: none; margin: 40px 0 40px; }
p { font: 16px/30px 'poppinslight', sans-serif; margin: 0 0 15px; padding: 0; }
input,
select { background: none; border-bottom: 1px solid #ccc; line-height: 50px; padding: 10px 20px !important; color: #606060; width: 100%; display: block; margin-bottom: 25px; border-radius: 6px }
textarea { background: #fff; border: 1px solid #ccc; padding: 5px 10px; color: #bbbbbb; line-height: 20px; min-height: 180px; overflow: auto; resize: none; width: 100%; display: block; }
select { background: url(../images/select-arrow.png) right center no-repeat; appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; }
input[type="submit"] { background: #336eb6; font: 18px/60px 'Montserrat', sans-serif; color: #fff; border: none !important; padding: 14px 40px; margin: 0; transition: all 0.2s ease-in-out 0s; cursor: pointer; border-radius: 6px; }
input,
select { height: 60px; }
.vacancy-form .required-field { text-align: right; }
.vacancy-form .required-field span { color: #ff0000 }
.uploadfile-main .input-group { width: 100%; margin-bottom: 25px; }
.uploadfile-main .input-group .btn.btn-primary { background: #336eb6; border-radius: 0; color: #ffffff; height: 60px; line-height: 60px; padding: 0; width: 115px; border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; }
.uploadfile-main .input-group .input-group-btn { display: table-cell; vertical-align: top; }
.uploadfile-main .input-group input { margin: 0; border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; border-bottom-right-radius: 6px !important; border-top-right-radius: 6px !important; }
.uploadfile-main .input-group .btn.btn-primary input { padding: 0 !important; position: absolute; top: -61px; width: 100%; opacity: 0; border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; }
.uploadfile-main .input-group .btn.btn-primary input + span { line-height: normal; position: absolute; padding: 2px 0 0 0; font-size: 12px; }
.testimonialpage_main { border-bottom: 1px solid rgba(51, 110, 182, 0.2) !important; }
option { padding: 5px 10px; }
iframe { border: 0 !important; }
.container,
.container-box { max-width: 1200px; padding: 0 15px; width: 100%; margin: 0 auto; position: relative; }
.container-box { max-width: 100%; padding: 0 3%; }
.center { text-align: center; }
* html .clearfix { height: 1%; }
.cl { clear: both !important; }
/* Alignments */

.fl { float: left; }
.fr { float: right; }
/*Padding Top*/

.p2 { padding: 2px }
.p5 { padding: 5px }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt100 { padding-top: 100px !important; }
/*Padding Bottom*/

.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb100 { padding-bottom: 100px !important; }
/*Padding left*/

.pl0 { padding-left: 0 !important }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl100 { padding-left: 100px !important; }
/*Padding Right*/

.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr100 { padding-right: 100px !important; }
/*Margin CSS*/

/*Margin Top*/

.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt100 { margin-top: 100px !important; }
/*margin Bottom*/

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb100 { margin-bottom: 100px !important; }
/*margin left*/

.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml100 { margin-left: 100px !important; }
/*margin Right*/

.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr100 { margin-right: 100px !important; }
.boxspacer60 { height: 60px; display: block; width: 100%; position: relative; z-index: -1; }
/*Form CSS*/

.button { display: inline-block; margin: 0 15px; padding: 0; background: #336eb6; position: relative; z-index: 9; cursor: pointer; border-radius: 6px; }
.button a { font: 18px/58px 'Montserrat', sans-serif; color: #fff; border: 1px solid #fff; padding: 0 40px; margin: 10px; display: inline-block; transition: all 0.2s ease-in-out 0s; width: 250px; border-radius: 6px; }
.button:before { background: #000; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: all 0.2s ease-in-out 0s; width: 0; z-index: -1; border-radius: 6px; }
.button a .fa { margin-right: 10px; }
.tc { text-align: center; }
.alignleft { float: left; margin: 0 15px 15px 0; }
.alignright { float: right; margin: 0 0 15px 15px; }
.aligncenter { display: block; margin: 0 auto 15px; }
.alignnone { float: none; margin: 0 0 15px 0; }
img.alignleft,
 img.alignright,
 img.aligncenter,
 img.alignnone { max-width: 100%; }
/*==============================

2.Header

==============================*/

header { margin: 0; padding: 25px 0; }
.logo { float: left; padding: 0; margin: 0; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; }
.logo img { max-width: 100%; transition: all ease 0.5s; }
.logo a { display: block; font-size: 0; font-weight: normal; padding: 0; text-transform: none; vertical-align: top; }
.call-text { float: left; margin: 0 0 0 20px; padding: 0; }
.call-text ul { list-style-type: none; margin: 0; padding: 0; display: inline-block; vertical-align: top }
.call-text ul li { float: left; padding: 0; margin-right: 10px; }
.call-text ul li:last-child { margin-right: 0px; }
.call-text ul li a { background: #336eb6; display: block; height: 60px; line-height: 60px; margin: 0; transition: all ease 0.4s; text-align: center; text-decoration: none; border-radius: 6px; }
a.header-call { min-width: 170px; padding: 0 15px }
a.header-call span { margin-left: 10px; font-size: 16px; color: #fff; font-family: "Montserrat"; vertical-align: middle }
a.header-mail { width: 60px }
.call-text ul li a .fa { color: #fff; vertical-align: middle }
.call-text ul li:first-child a .fa { font-size: 38px; }
.call-text ul li:last-child a .fa { font-size: 30px; }
.call-text ul li a:hover { background: #000; }
.call-text ul li a:hover .fa { color: #ddd; }
.social { float: left; margin: 0px 0 0; padding: 0; }
.social ul { list-style-type: none; margin: 0; padding: 0; display: inline-block; vertical-align: middle }
.social ul li { float: left; padding: 0; margin-right: 10px; }
.social ul li a { display: table; height: 50px; width: 50px; margin: 0; transition: all ease 0.4s; border: 1px solid #c7c7c7; text-align: center; text-decoration: none; transition: all 0.5s ease-in-out 0s; }
.social ul li a .fa { color: #909090; display: table-cell; vertical-align: middle; font-size: 24px; }
.social ul li a:hover { border-color: #000; }
.social ul li a:hover .fa { color: #000; }
.right-top .contact-tab { float: left; padding: 0; margin: 0; }
.right-top .contact-tab a { text-transform: uppercase; background: #1b4690; color: #fff; padding: 0 29px; font-size: 14px; line-height: 50px; display: inline-block; transition: all ease-in-out 0.5s; }
.right-top .contact-tab a:hover { background: #000; text-decoration: none; color: #fff; }
div.wpcf7-validation-errors { border: 2px solid #f7e700; clear: both; color: #f00; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; }
div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; clear: both; color: #ff0000; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; }
div.wpcf7-mail-sent-ok { border: 2px solid #47a547; clear: both; color: #47a547; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; }
div.wpcf7-spam-blocked { border: 2px solid #ffa500; clear: both; color: #ffa500; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; }
.widget_wysija { display: block !important; }
/*Simple CSS Menu*/

.menu { margin: 4px 0 0; padding: 0; float: left; transition: all ease-in-out 0.5s; }
#cssmenu > ul { display: inline-block; }
/*#cssmenu{position:relative; top:80px;margin:auto;}*/

#banner { position: relative; overflow: hidden; }
.modal-content { position: fixed; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.modal-dialog { left: 50%; margin-top: 0 !important; position: fixed; top: 50%; transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; }
@media (max-width:991px) {
.modal-dialog { left: 15px; margin: 0 !important; right: 15px; transform: translate(0px, -50%) !important; -moz-transform: translate(0px, -50%) !important; -ms-transform: translate(0px, -50%) !important; -o-transform: translate(0px, -50%) !important; -webkit-transform: translate(0px, -50%) !important; width: auto; }
.modal-content { width: 100%; }
}
.caption { bottom: auto !important; left: 0; padding: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; z-index: 999; }
.caption-title { text-align: center; font: 70px/70px 'Montserrat', sans-serif; color: #fff; text-transform: uppercase; }
.caption-title span { font: 40px/40px 'poppinslight', sans-serif; text-transform: capitalize; margin-bottom: 35px; display: inline-block; }
.caption ul { margin: 0px auto; padding: 0; list-style-type: none; text-align: center; margin-top: 30px; }
.caption ul li { display: inline-block; margin: 0 12px; padding: 0; background: #336eb6; position: relative; z-index: 9; cursor: pointer; border-radius: 6px; }
.caption ul li a { font: 18px/58px 'Montserrat', sans-serif; color: #fff; border: 1px solid #fff; padding: 0 40px; margin: 10px; display: inline-block; transition: all 0.2s ease-in-out 0s; width: 250px; border-radius: 6px; }
.caption ul li:hover a { color: #999; border-color: #999; }
.caption ul li:before { background: #000; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: all 0.2s ease-in-out 0s; width: 0; z-index: -1; border-radius: 6px; }
.caption ul li:hover:before { color: #000; width: 100%; }
.caption ul li a .fa { margin-right: 10px; font-size: 24px; }
.scrollbtn { margin: 0px auto; padding: 0; height: 70px; width: 70px; position: absolute; left: 0; right: 0; bottom: 70px; z-index: 9999; }
.scrollbtn a { border: 2px solid #fff; display: table; border-radius: 50%; height: 70px; width: 70px; padding: 0; color: #fff; position: relative; font: 36px/50px 'Montserrat', sans-serif; text-align: center; transition: all 0.5s ease-in-out 0s; }
.scrollbtn a:after { height: 50px; width: 1px; background: #fff; display: block; content: ''; position: absolute; left: 0; right: 0; margin: 0px auto; top: 70px; transition: all 0.5s ease-in-out 0s; }
.scrollbtn a:hover { border-color: #ddd; color: #ddd; margin-top: 20px; }
.scrollbtn a:hover:after { height: 0px; }
.scrollbtn a .fa { display: table-cell; vertical-align: middle; }
.employment { margin: 0; padding: 50px 0; width: 100%; float: left; position: relative }
.employment:after { content: ""; position: absolute; top: 50px; bottom: 30px; left: 50%; width: 1px; background: #eee; display: block }
/*.job-seekers{ border:1px solid #efefef; padding:2%; margin:0; width:100%; height:auto; position:relative; display:inline-block;}*/

/*.job-seekers:before{border:1px solid #efefef; content:""; display:block; margin:0 auto; position:absolute; left:2%; right:2%; top:2%; height:96%; width:96%;}

.job-seekers:after{border:1px solid #efefef; content:""; display:block; margin:0 auto; position:absolute; left:4%; right:4%; top:4%; height:92%; width:92%;}*/



/*.job-text{border:1px solid #606060; width:92%; height:auto; min-height:510px; margin:6% 4%; padding:2% 4%; display:inline-block; position:relative; z-index:999;}*/

.job-text .title { text-align: left }
.job-text .title .fa { font-size: 50px; color: #336eb6; vertical-align: middle; margin-right: 10px }
.job-text .title span { vertical-align: middle }
.job-text .title:before { display: none }
.job-text p { font-size: 16px; line-height: 30px; /*text-align:center;*/ }
.job-text ul { list-style-type: none; margin: 0; padding: 0 }
.job-text ul li { }
.job-text ul li .fa { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 24px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.job-text ul li p { display: inline-block; vertical-align: middle; margin: 0 }
.job-text ul li a { display: block; padding: 8px 15px 8px 175px; background: #336eb6; color: #fff; border-radius: 5px; -webkit-border-radius: 5px }
.job-text ul li+li { margin-top: 20px }
.hl-job-seekers { padding-right: 50px }
.hl-employers { padding-left: 50px }
.cms_listing { background: #f0f0f0; padding: 20px 20px; margin-bottom: 30px }
.cms-area .cms_listing ul { padding: 0; display: inline-block; vertical-align: top; width: 100% }
.cms-area .cms_listing ul li { list-style-type: none; float: left; width: 50%; padding: 0 15px 0 18px; position: relative }
.cms-area .cms_listing h3,
.cms_listing .h3 { margin: 0 0 20px 0; text-align: center }
.cms-area .cms_listing p { text-align: center }
.cms-area .cms_listing ul li:before { content: ""; display: inline-block; vertical-align: middle; height: 7px; width: 7px; background: #336eb6; margin-right: 10px; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 0; top: 12px }
.cms-area .cms_listing h3:after,
.cms_listing .h3:after { content: ""; display: block; width: 80px; height: 4px; background: #336eb6; margin: 10px auto 0 auto }
/*.job-text ul{ list-style-type:none; text-align:center; margin:30px 0 0; padding:0 44px;}

.job-text ul li{ padding:0 10px; width:33.3%; float:left; margin:0; text-align:center; position:relative; transition:all 0.5s ease-in-out 0s;}
.job-text ul li p{ text-transform:uppercase; font:18px/24px 'Montserrat'; padding:10px 0; opacity:0; transition:all 0.5s ease-in-out 0s; position:absolute; left:0; right:0; margin:0px auto; width:170px; left:50%; margin-left:-85px; text-align:center;}
.job-text ul li .job{background:#336eb6; width:100px; height:100px; display:table-cell; vertical-align:middle;border-radius:6px}

.job-text ul li .fa{background:#336eb6; color:#fff; font-size:50px;}

.job-text ul li:first-child .fa{background:#fff; color:#336eb6; border-radius:50%; padding:2px 5px; font-size:40px;}

.font-icon ul li:first-child .fa{background:#336eb6; color:#fff;}

.job-text ul li .job:after{width:0;height:0; border-top:10px solid #336eb6; border-left:10px solid transparent; border-right:10px solid transparent; position:absolute; left:0; right:0; margin:0px auto; bottom:0; display:block; content:''; transition:all 0.5s ease-in-out 0s; opacity:0;}

.job-text ul li:hover .job:after{bottom:-10px; opacity:1; }

.job-text ul li:hover{ padding-top:20px;}

.job-text ul li:hover p{opacity:1;}
*/





header .container > .row > .col-md-2 { padding-right: 0; }
#owl-example3 .item img { width: 100%; }
/* Browse Jobs Section */

.services { padding-bottom: 40px; background: #f5f5f5; }
.services .services-box { background: #303030; position: relative; margin-bottom: 30px; overflow: hidden; transition: all ease-in 0.4s; max-height: 310px; }
.services .services-box:after { height: 100px; width: 1px; background: #fff; position: absolute; top: 0; left: 0; right: 0; margin: 0px auto; z-index: 99; content: ''; display: block; transition: all 0.5s ease-in-out 0s; }
.services .services-box img { max-height: inherit; max-width: 100%; transform: scale(1); transition: all 5s ease-in-out 0s; width: 100%; }
.services .services-box .tag { font: 30px/50px 'ralewaymedium'; color: #fff; position: absolute; top: 120px; left: 0; right: 0; margin: 0px auto; z-index: 999; text-align: center; transition: all 0.5s ease-in-out 0s; }
.services p { font: 16px/30px 'poppinslight'; color: #606060; text-align: center; padding: 0 15px; margin-bottom: 25px; }
.services .services-box .tag:before { width: 0; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0px auto; z-index: -1; content: ''; display: block; transition: all 0.5s ease-in-out 0s; }
.services .services-box:hover:after { height: 40px; }
.services .services-box:hover img { opacity: 1; transform: scale(1.8, 1.8); }
.services .services-box:hover .tag { top: 200px; }
.services .services-box:hover .tag:before { width: 100%; }
.services ul { list-style-type: none; margin: 10px -5px 0; padding: 0; }
.services ul li { background: url(../images/blue-arrow.png) 1px 20px no-repeat; width: 100%; padding: 0; margin: 0; }
.services ul li a { font: 18px/24px 'poppinslight'; color: #404040; padding-left: 50px; transition: all 0.5s ease-in-out 0s; display: block; }
.services ul li a:hover { color: #336eb6; padding-left: 60px; }
/* Browse Jobs Section */



/* welcome-brif Section */

.welcome-brif { padding-bottom: 20px; }
.welcome-brif p { text-align: center; margin-bottom: 20px; }
/* welcome-brif Section End */



.register-box { background: url(../images/register-speak-bg.jpg) center no-repeat; background-attachment: fixed; background-size: cover; padding: 30px 0; }
.register { background: rgba(32, 32, 32, 0.6); width: 100%; text-align: center; padding: 40px 70px; }
.register .title { color: #fff; margin: 0 0 20px; }
.register .title span { font: 24px/30px 'ralewayregular'; text-transform: capitalize; }
.register p { color: #dddddd; margin-bottom: 25px; }
.register .fa { font-size: 70px; color: #336eb6; margin-bottom: 25px; }
.register .button a { padding: 0; }
.register .button a .fa { font-size: 24px; color: #fff; margin-bottom: 0; margin-right: 10px; margin-top: -6px; vertical-align: middle }
/* Latest Jobs Section */

.latest-job { margin: 0; padding: 0 0 50px; text-align: left; position: relative; }
.latest-job .title { text-align: center; color: #000; margin-bottom: 25px; }
.latest-job .name { font: 24px/30px 'ralewaymedium'; color: #000; /*padding-left:50px;*/ margin-top: 30px; min-height: 60px; position: relative; margin-bottom: 15px }
.latest-job .name a { color: #000; }
.latest-job .name:before { height: 20px; width: 1px; display: block; position: absolute; left: 30px; top: -50px; content: ''; background: #fff; z-index: 999; display: none }
.latest-job .name:after { height: 100px; width: 1px; display: block; position: absolute; left: 30px; top: -30px; content: ''; background: #000; z-index: 999; display: none }
.latest-job .price,
.latest-job .place { font: 16px/20px 'poppinslight'; color: #336eb6; display: inline-block; }
.latest-job .place { color: #606060; display: block; position: relative; padding-left: 20px; min-height: 30px; line-height: 30px; }
.latest-job .place .fa { margin-right: 10px; font-size: 24px; vertical-align: middle; color: #336eb6; position: absolute; left: 0; top: 2px; }
.latest-job .price { margin: 10px 0; display: block }
.latest-job .item:hover .name a { color: #336eb6; }
.newsletter { width: 100%; padding: 0; margin: 0; float: left; }
.newsletter form { position: relative; }
.newsletter input,
.newsletter select { border-radius: 0px !important; -webkit-border-radius: 0px !important }
.newsletter input { padding: 0 30px !important; height: 45px; color: #aaa }
.newsletter select { height: 45px; color: #aaa; padding: 0 30px 0 30px !important }
.newsletter input[type="submit"] { color: #fff; font-size: 20px; margin: 0; border: none; padding: 0 15px !important; transition: all ease 0.5s; border-radius: 6px !important; -webkit-border-radius: 6px !important; height: 60px }
.newsletter input:nth-child(2) { padding-right: 61px; }
.fsocial { margin: 10px 0 0 0; padding: 0; text-align: left; width: 100%; }
.fsocial p { padding-left: 0 !important; }
.fsocial ul li { display: inline-block; float: none; padding: 0 4px; vertical-align: top }
.fsocial ul li a { height: auto; width: auto; border: none; }
.fsocial ul li a .fa { font-size: 30px; color: #909090; transition: all ease-in 0.4s; }
.fsocial ul li a:hover .fa { color: #606060; }
.footer .fsocial p { display: inline-block; vertical-align: middle; padding: 0; margin: 0 15px 0 0 }
.footer { background: #303030; width: 100%; margin: 0; padding: 0 0 0px; text-align: left; font: 16px/36px 'poppinslight'; clear: both; color: #bbbbbb; }
.footer p { padding: 0 30px; line-height: 26px }
.footer a { color: #bbbbbb; }
.footer a:hover { color: #fff; }
.foot-link,
.contact-box { padding-right: 100px; }
.link-tag { background: #336eb6 none repeat scroll 0 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: #ffffff; font: 20px/30px "Montserrat"; margin-bottom: 10px; padding: 10px 30px; text-transform: uppercase; }
.newsletter .link-tag { margin-right: 100px; }
.foot-link ul { list-style-type: none; margin: 0; padding: 0; }
.foot-link ul li { display: block; margin: 0; padding: 0; line-height: 28px; }
.foot-link ul li a { padding: 0 30px; }
.foot-link ul li:last-child { border: none; }
.copyright { margin-top: 10px; padding-top: 20px; position: relative; text-align: center; }
.copyright p { padding: 20px 16px; line-height: 30px; font: 16px/18px 'poppinslight'; margin: 0 }
.copyright:before { height: 1px; width: 300px; position: absolute; left: 0; right: 0; margin: 0px auto; top: 0; background: #505050; display: block; content: ''; }
/*=================== Inner Page ===================*/

.inner-banner { position: relative; width: 100%; margin: 0; padding: 0; text-align: center; max-height: 200px; overflow: hidden; }
.inner-banner img { left: 50%; max-width: inherit; position: relative; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); width: auto !important; }
.inner-title { position: absolute; left: 0; right: 0; margin: 0px auto; top: 45px; z-index: 10 }
.inner-title p { background: rgba(0, 0, 0, 0.5); font-family: Arial, Helvetica, sans-serif; font-weight: 700; margin: 0 0 10px; padding: 5px 10px; text-transform: uppercase; font-size: 12px; display: inline-block; color: #fff; }
.inner-title h1,
.inner-title h1 a { color: #fff; margin: 0; position: relative; }
.inner-title h1 { color: #eaeaea; }
.aboutus { }
.points { margin: 0 0 50px 0; }
.text-icon {/* background:url(../images/about-bg.jpg) center no-repeat; background-size:cover; background-attachment:fixed;*/ border: 1px solid #dbdbdb; float: left; margin: 30px 0 50px; padding: 70px 15px 15px; text-align: center; width: 100%; position: relative; min-height: 450px; }
.text-icon p { text-align: left; color: #606060; font-size: 14px; padding: 0; margin: 0; }
.text-icon .fa { background: #2362ae; border-radius: 50%; color: #fff; font-size: 40px; margin: 20px 0; padding: 30px; text-align: center; height: 100px; width: 100px; }
.icon-part { position: absolute; left: 0; right: 0; margin: 0px auto; top: -70px; }
.vacancy-form { margin: 0 0; padding: 0; width: 100%; float: left; }
.vacancy-form img { max-height: 100%; max-width: 100%; }
.vacancy-form form input { line-height: 60px }
.vacancy-form form input[type="submit"] { line-height: normal; padding: 0 !important; }
.vacancy-form input,
.vacancy-form select { border: 1px solid #ccc; line-height: 30px; }
.vacancy-form select { padding: 5px; }
.vacancy-form label { display: block; text-align: left; }
.vacancy-form label span { color: red; }
.vacancy-form h2 { margin-bottom: 25px; }
.started { width: 60%; float: left; text-align: left; }
.started > span { width: 39%; float: left; line-height: 50px; text-align: center; }
.started label span { text-align: left; float: none; width: auto; line-height: inherit; }
.role { width: 40%; float: left; padding-left: 20px; }
.role > input[type="checkbox"].css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
.role > input[type="checkbox"].css-checkbox + label.css-label { padding-left: 20px; height: 20px; display: inline-block; line-height: 20px; background: url(../images/checkbox.png) 0 0 no-repeat; cursor: pointer; margin-top: 10px; }
.role > input[type="checkbox"].css-checkbox:checked + label.css-label { background-position: 0 -20px; }
.fileUpload span.wpcf7-not-valid-tip,
.fileUpload span.wpcf7-form label.error { color: #ff0000; display: block; font-size: 11px; left: 0; position: absolute; top: 0px; width: 350px; z-index: 88; }
.fileUpload { position: relative; /*overflow: hidden;*/ margin: 0px; float: left; }
.fileUpload input.upload { bottom: auto; cursor: pointer; font-size: 20px; height: 40px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: -40px; width: 100%; }
.fileUpload.button > span:first-child { color: #fff; display: inline-block; padding: 10px 20px; }
.resume input,
.letter input { width: 60%; float: left; border: none; }
.resume p,
.letter p { font-size: 10px; color: red; opacity: 0; position: absolute; bottom: -20px; left: 15px; transition: all ease 0.5s }
.fileUpload input.upload:hover .resume p,
.fileUpload input.upload:hover .letter p { display: block; }
.resume:hover p,
.letter:hover p { opacity: 1; }
.modal-title { font-size: 26px !important; padding: 0 40px 0 0; }
.modal-body .vacancy-form { margin: 10px 0 0; }
.date-post.salary { color: #336eb6; font-weight: 700; }
.resume label.error { max-width: 300px !important; width: 300px !important; }
.contact-form-main { padding: 50px 0 0; }
.contact_addres_box { display: block; margin: 0 0 20px; min-height: 55px; overflow: hidden; padding: 0 0 0 65px; position: relative; }
.contact_addres_box span { background: #336EB6; float: left; height: 56px; margin: 0 10px 0 0; width: 54px; display: table; left: 0; position: absolute; text-align: center; border-radius: 6px }
.contact_addres_dtl span i { bottom: 0; color: #ffffff; display: table-cell; float: none; font-size: 26px; height: 56px; left: 0; margin: 0 auto; position: relative; right: 0; text-align: center; vertical-align: middle; width: 100%; }
.contact_addres_box p { color: #1a1a1a; display: table-cell; font-size: 14px; height: 56px; line-height: 22px; margin: 0 !important; padding: 0; vertical-align: middle; }
.contact_call_box span { background: #336EB6; float: left; height: 56px; margin: 0 10px 0 0; width: 54px; }
.contact_call_box1 span { background: #336EB6; float: left; height: 56px; margin: 0 10px 0 0; width: 54px; }
.contact_call_box p a,
 .contact_call_box1 p a,
 .contact_email_box p a { color: #1a1a1a; }
.contact_call_box p a:hover,
 .contact_call_box1 p a:hover,
 .contact_email_box p a:hover { color: #17577a; }
.contact_email_box span { background: #336EB6; float: left; height: 56px; margin: 0 10px 0 0; width: 54px; }
.contact-map,
 .contact-map iframe { width: 100%; }
.contact-form .contact-map iframe { height: 280px; }
.contact-form .captcha_img { border: 2px solid #666; border-radius: 0px !important; display: table; }
.contact-form .captcha_img span { display: table-cell; height: 42px; text-align: center; vertical-align: middle; width: 100%; }
.contact-form .form-group .captcha_box { float: left; height: auto; margin: 0; padding: 0 0 0 0px; position: relative; width: 100%; }
.contact-form form .form-group .captcha_box .captcha_img { float: left; height: 50px; left: 0; line-height: 50px; margin: 0; position: absolute; text-align: center; top: 0; width: 110px; }
.abn-icon::before { content: ""; height: 30px; left: 0; margin: 0 auto !important; position: absolute; right: 0; text-align: center !important; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 30px; }
.contact-form .form-group { margin-bottom: 30px; }
.contact-form textarea.form-control { height: 168px !important; resize: none; min-height: inherit; }
.contact-form .form-control { background-color: transparent; background-image: none; font-family: 'Lato', sans-serif; border: 2px solid #666 !important; border-left: none; border-right: none; border-top: none; border-radius: 6px; box-shadow: none; color: #000; display: block; font-size: 15px; height: 54px; line-height: 1.42857; padding: 10px 18px; width: 100%; }
.contact-form .form-control:focus { border-color: #336EB6 !important; box-shadow: none; outline: 0 none; }
.contact-form-main h2 { padding-bottom: 12px; }
 .contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 color:#666;
 opacity:1;
}
 .contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:#666;
 opacity:1;
}
 .contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:#666;
 opacity:1;
}
 .contact-form form input:-ms-input-placeholder, .contact-form form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#666;
 opacity:1;
}
.contact-form { float: left; padding: 20px 0 0 0; width: 100%; }
.contact-form .submit_btn_box { float: left; margin-top: 30px; width: 100%; }
.contact-form .submit-btn { border: medium none; color: #ffffff; display: block; float: right; font-size: 20px; margin: 0 auto; padding: 0; text-align: center; text-transform: uppercase; transition: all 0.5s ease 0s; width: 100%; line-height: normal; border-radius: 6px; }
.contact-form .required-field { color: #666666; float: left; font-size: 13px; line-height: 40px; margin-top: 0; text-align: right; width: 100%; }
.contact-form .required-field span { color: #666; }
.submit_btn_box .main_btn { width: 100%; position: relative; float: left }
.ajax-loader { position: absolute; right: 23px; top: 18px; }
.contact-form .submit-btn:focus { background: #000; }
.wpcf7-form-control-wrap { display: block; }
.wpcf7-form label.error { color: #ff0000 !important; display: inline-block; float: left; font-size: 12px; font-weight: normal; left: 0; line-height: normal; margin: 2px 0 0; padding: 0; position: absolute; top: 100%; }
.started > span.date_line { width: 40px; }
.category_list_ulli ul { margin-left: -15px; margin-right: -15px; }
.category_list_ulli ul li { float: left; padding: 0 15px; width: 33.3333%; position: relative; background: none !important; margin-bottom: 10px; }
.category_list_ulli ul li::before { background: rgba(0, 0, 0, 0) url("../images/blue-arrow.png") no-repeat scroll 0 0 / 24px 10px; content: ""; height: 14px; left: 15px; position: absolute; top: 6px; width: 29px; }
.nav > li > a:hover,
.nav > li > a:focus { background-color: rgba(0, 0, 0, 0); }
#cssmenu > ul > li.selected::after,
#cssmenu > ul > li.selected::before { width: 50%; }
#cssmenu > ul > li.selected > a { color: #336eb6; }
.foot-link ul li.selected a { color: #336eb6; }
.inner-title .breadcrumb { float: left; width: 100%; background-color: rgba(0, 0, 0, 0); display: block; margin: 0; padding: 7px 0; text-align: center; z-index: 99; }
.inner-title .breadcrumb li:first-child { padding-left: 0; }
.inner-title .breadcrumb li { display: inline-block; font-size: 14px; margin: 0; position: relative; }
.inner-title .breadcrumb li a { color: #fff; text-transform: capitalize; }
.inner-title .breadcrumb > li + li::before { color: rgb(204, 204, 204); content: "/ "; padding: 0 5px; }
.inner-title .breadcrumb > li + li::after { color: #fff; content: ""; font-size: 14px; left: -10px; padding: 0 5px; position: absolute; top: 0; }
.inner-title .breadcrumb li.active { color: #2362AE; }
.inner-title .breadcrumb li a:hover { color: #2362AE; }
.points blockquote { margin-bottom: 0; }
.apply_btn { border-radius: 6px; background: #336eb6 none repeat scroll 0 0; color: #ffffff; display: block; float: right; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 50px; min-height: 50px; padding: 0; text-align: center; text-transform: uppercase; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width: 150px; }

.service-detail-main .sidebar_listing { float: right; }
.quote_form_main.contact_page_form { padding: 50px 0 0; }
.modal { z-index: 9999; }
.modal.fade.in::before { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; }
.modal-body::after { clear: both; content: ""; display: table; }
.mCSB_inside > .mCSB_container { margin-right: 0 !important; }
.inner-title p { display: none }
.inner-title h1 { margin: 0 0 20px; }
.newsletter p.wysija-paragraph { position: relative; padding: 0 }
.newsletter .form-group { position: relative; }
.newsletter .formError { cursor: pointer; display: block; left: 0px !important; margin: 8px 0 0 !important; position: absolute; top: 100% !important; z-index: 5000; }
.newsletter .formError .formErrorContent { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #e45252; font-size: 15px; line-height: normal; padding: 0 10px 0 0px !important; width: auto !important; font-family: "poppinslight", sans-serif !important; }
.my_pagination .pagination li a,
.my_pagination .pagination li span { background-color: #202020 !important; border: medium none; margin: 0 2px; height: 39px; border-radius: 6px !important; color: #202020; display: inline-block; padding: 7px 0; font-size: 18px; color: #fff; text-align: center !important; width: 37px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.my_pagination .pagination li.active span,
.my_pagination .pagination li.active a { background-color: #336EB6 !important; }
.my_pagination .pagination { clear: both; border-radius: 0 !important; text-align: center; padding: 0 !important }
.my_pagination { display: block; float: none; margin: 0 auto; text-align: center; }
.my_pagination .pagination li span:hover,
.my_pagination .pagination li a:hover { background-color: #336EB6 !important; }
.my_pagination .pagination > li.disabled > a,
.my_pagination .pagination > li.disabled > span,
.my_pagination .pagination > li.disabled > a:hover,
.my_pagination .pagination > li.disabled > span:hover { background: #cccccc none repeat scroll 0 0 !important; color: #666666 !important; }
.panel-body .apply_btn { float: left; margin: 0; }
.detiais_data { font-size: 15px; padding: 15px 0; line-height: 24px; }
.detiais_data { padding: 15px 0; }
.cms-area { padding: 35px 0 !important; }
.cms-area ul li,
.cms-area ol li { font: 16px/30px "poppinslight", sans-serif; }
.cms-area ul,
.cms-area ol { margin: 0 0 15px 0 !important; padding: 0 0 0 30px; }
.cms-area ul li { list-style: inside; }
.cms-area ul li ul li { list-style-type: circle }
.services .services-box::before { background: rgba(48, 48, 48, 0.6) none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 10; }
.modal-dialog { margin: 15px auto; }
#toTop { background: #336EB6 none repeat scroll 0 0; border-radius: 6px; bottom: 10px; cursor: pointer; height: 54px; position: fixed; right: 20px; width: 54px; z-index: 99; }
.top-btn .fa-angle-up { color: #ffffff; font-size: 28px !important; margin: -3px 0 0; }
.top-btn > div { color: #ffffff; font-size: 12px; font-weight: 700; margin: -5px 0 0; text-transform: uppercase; }
.about-us-box .col-md-4:nth-child(3n+1) { clear: both; }
.my_pagination .pagination li a.prev,
.my_pagination .pagination li a.next { font-size: 24px; height: 39px; line-height: 39px; padding: 0 !important; }
.contact_addres_dtl .h2,
.contact_page_form .h2 { font-family: "Montserrat"; }
 @media (min-width:1500px) {
#owl-example.owl-carousel .owl-item img { height: auto; left: 0; position: relative; transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); width: 100%; }
}
@media (max-width:767px) {
.modal-dialog { margin: 10px; }
select { padding: 10px 27px 10px 5px !important; }
.vacancy-form input[type="submit"] { margin: 20px 0; }
#toTop { width: 34px; height: 34px; }
#toTop > div { display: none; }
.top-btn .fa-angle-up { margin: -6px 0 0 -5px; }
}
 @media (max-width:1199px) {
.vacancy-form .captcha_box { transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); -webkit-transform: scale(0.85); transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; }
/*.job-text{min-height:540px;}*/
/*#owl-example3 .item > a {max-height: 280px !important;}	*/
/*#cssmenu > ul > li {
  margin: 0 20px;
}*/	

#cssmenu > ul > li+li { margin-left: 14px }
.job-text ul li a { padding: 8px 125px }
}
 @media (min-width:1025px) {
.apply_btn:hover { color: #fff; background: #000; } 
input:focus,
select:focus { border-color: #336EB6 !important }
input[type="submit"]:hover,
input[type="submit"]:focus { color: #fff; background: #000; }
.button:hover:before { color: #000; width: 100%; }
.button:hover a { color: #999; border-color: #999; }
.contact_call_box p a:hover,
 .contact_call_box1 p a:hover,
 .contact_email_box p a:hover { color: #336EB6 }
.job-text ul li a:hover .fa { margin-right: 20px }
/*.newsletter input[type="submit"]:hover{background:none;color:#336eb6}
.newsletter input[type="submit"]:focus{background:none;color:#336eb6}*/

}
@media (max-width:1024px) {
.apply_btn:hover, .apply_btn:focus{color:#fff;}
.fsocial { width: auto; }
.caption.wow.fadeInUp { animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; -webkit-animation-delay: 0s; animation-duration: 0s; -moz-animation-duration: 0s; -ms-animation-duration: 0s; -o-animation-duration: 0s; -webkit-animation-duration: 0s; animation-name: none; -moz-animation-name: none; -ms-animation-name: none; -o-animation-name: none; -webkit-animation-name: none; visibility: visible; }
.register-box { background: rgba(0, 0, 0, 0) url("../images/register-speak-bg.jpg") no-repeat scroll center center / cover !important; }
#cssmenu > ul > li > a:hover { color: #606060 !important }
}
@media (max-width:1023px) {
.copyright {
  padding: 20px 0;
}	
.vacancy-form form input[type="submit"] { float: right; width: 150px; }
.item > img { height: 510px !important; }
.newsletter .formError .formErrorContent { padding: 0 10px 0 15px !important; }
.category_list_ulli ul li { margin-bottom: 10px }
.category_list_ulli ul li::before { top: 4px; }
header .col-md-9,
header .col-md-2,
header .col-md-10,
header .col-md-1 { width: 100%; }
.logo a { width: 150px; }
/*#cssmenu > ul > li {
  margin: 0 30px !important;
}
.menu{margin-top:15px !important}*/
.job-text ul li a { padding: 8px 80px }
}
 @media (max-width:768px) {
#cssmenu > ul > li { margin: 0 !important; }
}
 @media (max-width:991px) {
.vacancy-form .col-md-7 { width: 100%; }
.vacancy-form .col-md-5 { display: none }
.about-us-box .col-md-4:nth-child(3n+1) { clear: none; }
.about-us-box .col-md-4:nth-child(2n+1) { clear: both; }
.latest-job .name a { font-size: 16px !important; }
.latest-job .name { /*padding-left: 30px !important;*/
}
.latest-job .name::after,
.latest-job .name::before { left: 15px !important; }
.resume input,
.letter input { width: 45%; }
.modal-header h2 { font-size: 20px !important; }
.resume p,
.letter p { }
.contact-form .form-group .captcha_box { float: left; padding-right: 15px; width: 60%; }
.contact-form .submit_btn_box { float: right; padding-left: 15px; margin: 0; width: 40%; }
.contact-form .captcha_box + .clearfix { display: none; }
.hl-job-seekers { padding-right: 15px }
.hl-employers { padding-left: 15px }
.footer a { font-size: 14px }
}
 @media (max-width:479px) {
.vacancy-form .started,
.vacancy-form .role { width: 100%; padding: 0 !important }
.started > span { width: 43%; }
.vacancy-form .started label.error,
.vacancy-form .role label.error { line-height: 11px !important }
.resume label.error { font-size: 10px !important; }
}
 @media (max-width:767px) {
/*#owl-example3 .item > a {max-height: 200px !important;}*/	
/*.job-text{min-height:520px;}*/
.register-box { padding: 30px 0; }
.vacancy-form label { font-size: 13px !important; }
.caption { display: none !important }
.item > img { height: 360px !important; }
.owl-dots::before { height: 50px !important; top: -50px !important; }
.owl-dots::after { bottom: -50px !important; height: 50px !important; }
.started > span.date_line { width: 30px; }
.inner-title .breadcrumb { display: none !important }
.modal-body { padding: 15px 0; }
.contact-map,
 .contact-map iframe { height: 250px }
.contact_addres_dtl .col-xs-12 { float: left; width: 50%; }
.contact_addres_dtl .col-xs-12:nth-child(2n+1) { clear: both }
.job-text .title { padding: 0 }
.job-text .title span { font-size: 24px }
.job-text .title .fa { font-size: 36px }
.employment:after { top: 30px; bottom: 15px }
.job-text ul li a { padding: 8px 15px; text-align: center }
}
 @media (max-width:567px) {
.contact-form .form-group .captcha_box { float: left; padding-right: 0; width: 100%; }
.contact-form .submit_btn_box { float: right; padding-left: 0; margin: 30px 0 0 0; width: 100%; }
.contact-form .captcha_box + .clearfix { display: block; }
.contact_addres_dtl .col-xs-12 { float: left; width: 100%; }
.contact_addres_dtl .col-xs-12:nth-child(2n+1) { clear: both }
.hl-job-seekers { padding-right: 0 }
.hl-employers { padding-left: 0 }
}
/* BLOG 2 ********************************/

.blog-sec { float: left; width: 100%; }
.blog-post { float: left; margin-bottom: 50px; width: 100%; overflow: hidden }
.blog-post-thumb { background: #282828 none repeat scroll 0 0; float: left; position: relative; width: 100%; }
.blog-post-thumb > img { float: left; width: 100%; }
.blog-post-thumb > a { color: #ffffff; font-size: 23px; height: 57px; left: 50%; line-height: 57px; opacity: 0; position: absolute; text-align: center; top: 60%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 57px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.blog-post-info h3 { color: #1d1d1d; float: left; font-size: 23px; letter-spacing: 0; line-height: 32px; margin: 24px 0 0; width: 100%; min-height: 64px; }
.blog-post-info > h3 a { color: #1d1d1d; }
a.date-post { color: #7b7b7b; float: left; font-size: 14px; letter-spacing: 0.3px; margin-bottom: 11px; margin-top: 8px; width: 100%; }
a.date-post i { margin-right: 5px; }
.blog-post-info > p { float: left; margin: 0; width: 100%; }
.blog-post-thumb > a { background-color: #336EB6; }
a.date-post i { color: #336EB6 }
.readmore { background: #336EB6; color: #fff; padding: 12px 30px; min-height: 50px; text-align: center; text-transform: uppercase; display: block; font-size: 15px; float: left; margin: 15px 0 0 0 }
.blog-sec .col-sm-6:nth-child(3n+1) { clear: both }
.blog-post-thumb::before { background: #336EB6; content: ""; height: 40px; left: 0; margin: -15px auto 0; opacity: 0; position: absolute; right: 0; top: 50%; width: 2px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.blog_social_icon ul { padding: 0; margin: 0; }
.blog_social_icon ul li { list-style: none; line-height: 38px; }
.blog_social_icon ul li:before { display: none; }
.blog_social_icon ul li a { }
.blog_social_icon ul li a i { font-size: 20px; }
.blog_social_icon ul li a.facebook { color: #3B5997; }
.blog_social_icon ul li a.twitter { color: #29C5F6; }
.blog_social_icon ul li a.youtube { color: #DE332C; }
.blog_social_icon ul li a.linkedin { color: #086D9B; }
.blog_social_icon { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; bottom: 10px; padding: 0 10px; position: absolute; right: -50px; opacity: 0; top: 10px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.blog_social_icon ul { margin: 0; padding: 0; position: relative; text-align: center; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
/* End of Blog 2 ********************************/



.blog-post-thumb > a i { margin: 16px 0 0; }
/* Sidebar */

.sidebar_listing .panel-title { font-size: 20px; }
.sidebar_listing .panel-title a { display: block; text-decoration: none !important; line-height: 30px; }
.sidebar_listing .panel-title a::before { content: "\f0da"; float: right; font-size: 28px; font-family: 'fontawesome' }
.sidebar_listing .panel-title a[aria-expanded="true"]::before { transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.sidebar_listing .panel-default > .panel-heading { background-color: transparent; border-color: transparent; color: #ffffff; border-radius: 0 !important; -webkit-border-radius: 0 !important; padding: 0; }
.sidebar_listing .panel-default > .panel-heading a { background-color: #336EB6; border-color: #dddddd; color: #ffffff; border-radius: 0 !important; padding: 10px 15px }
.sidebar_listing .panel-group { border-radius: 10px !important; -webkit-border-radius: 10px !important; overflow: hidden }
.sidebar_listing .panel-default > .panel-heading a.collapsed { background-color: #666; }
.sidebar_listing .panel-body { background: #ededed; border: none !important; padding: 10px 0 15px 15px; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px }
.sidebar_listing .panel-group .panel { border: medium none; border-radius: 0 !important; box-shadow: none; margin-bottom: 0; }
.sidebar_listing .panel-body ul { margin: 0; padding: 0; }
.sidebar_listing .panel-body ul li { list-style: outside none none; margin: 0; padding: 0; position: relative; }
.sidebar_listing .panel-body ul li.selected > a { color: #336EB6; border-radius: 22px 0 0 22px; -webkit-border-radius: 22px 0 0 22px; background: #fff; padding: 10px 15px 10px 25px }
.sidebar_listing .panel-body ul li a { color: #333333; font-size: 16px; line-height: 24px; display: block; padding: 10px 15px 10px 10px; position: relative }
/*.sidebar_listing .panel-body ul li.selected a { color: #336EB6 }*/

/*.sidebar_listing .panel-body ul li::before {background: rgba(0, 0, 0, 0) url("../images/blue-arrow.png") no-repeat scroll 0 0 / 60% 60%;content: "";height: 14px;left: 0;position: absolute;top: 7px;width: 29px;}*/

.sidebar_listing .panel-body ul li:before { content: ""; background: #336eb6; height: 7px; left: 0; position: absolute; top: 11px; width: 7px; border-radius: 50%; -webkit-border-radius: 50%; display: none }
.sidebar_listing .panel-body ul li a:before { content: ""; height: 7px; left: 10px; position: absolute; top: 18px; width: 7px; border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #336eb6; opacity: 0 }
.sidebar_listing .panel-body ul li.selected > a:before { opacity: 1 }
.sidebar_listing .panel-body ul ul li { padding-left: 15px }
.sidebar_listing .panel-body ul ul { margin: 0 !important }
.sidebar_listing .panel-body ul li a:hover { color: #336EB6 }
.sidebar_listing .panel-body ul > li+li { border-top: 1px solid rgba(0, 0, 0, 0.1) }
.sidebar_listing .panel-body ul ul > li { border-top: 1px solid rgba(0, 0, 0, 0.1) }
/* Sidebar */

.category_list_ulli ul li:nth-child(3n+1) { clear: both }
.text-icon.approach_main { border: medium none; margin: 0; padding: 0; }
#owl-example3 .item > a { display: block; /*max-height: 270px;*/
overflow: hidden; position: relative; }
#wpcf7-f494-o1 .input_box { position: relative; margin-bottom: 20px }
#wpcf7-f494-o1 .input_box.select_box:after { content: ""; display: block; height: 0; width: 0; border: 7px solid; border-color: #CCC transparent transparent transparent; position: absolute; right: 15px; top: 48px; pointer-events: none }
#wpcf7-f494-o1 .input_box .input { font-family: 'poppinslight', sans-serif; font-size: 14px; border: 1px solid #CCC; margin: 0; padding: 10px 15px !important; height: 50px; line-height: 30px; border-radius: 6px; -webkit-border-radius: 6px }
#wpcf7-f494-o1 .input_box label { font-family: 'poppinslight', sans-serif; font-size: 14px }
#wpcf7-f494-o1 span.req { color: #f00 }
#wpcf7-f494-o1 .input_box.select_box select.input { background: #fff; appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; }
#wpcf7-f494-o1 .file_box { position: relative }
#wpcf7-f494-o1 .file_box span.wpcf7-form-control-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
#wpcf7-f494-o1 .input_box input[type="file"].input { opacity: 0 }
#wpcf7-f494-o1 .input_box input[type="file"].input+label.error { font-size: 13px }
.file_box:before { content: "\f0c6"; font-family: "FontAwesome"; font-size: 24px; position: absolute; pointer-events: none; left: 0; top: 0; background: #ccc; text-align: center; width: 50px; line-height: 50px; border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px }
#wpcf7-f494-o1 .input_box .input.input-text { padding-left: 65px !important }
#wpcf7-f494-o1 .input_box.radio_box .input span.wpcf7-list-item span.wpcf7-list-item-label:before { content: ""; display: block; height: 20px; width: 20px; border: 2px solid #CCC; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 0; top: 5px }
#wpcf7-f494-o1 .input_box.radio_box .input span.wpcf7-list-item span.wpcf7-list-item-label { display: block; padding-left: 30px; pointer-events: none; margin-top: -30px }
#wpcf7-f494-o1 .input_box.radio_box .input span.wpcf7-list-item input { height: 20px; width: 100%; position: absolute; opacity: 0; left: 0; top: 5px; margin: 0 }
#wpcf7-f494-o1 .input_box.radio_box .input span.wpcf7-list-item { display: inline-block; position: relative }
#wpcf7-f494-o1 .input_box.radio_box .input { border: none; display: block; padding: 0 !important }
#wpcf7-f494-o1 .input_box.radio_box .input span.wpcf7-list-item span.wpcf7-list-item-label:after { content: ""; display: block; height: 10px; width: 10px; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 5px; top: 10px; background: #CCC; opacity: 0 }
#wpcf7-f494-o1 .input_box.radio_box .input span.wpcf7-list-item input:checked+span.wpcf7-list-item-label:after { opacity: 1 }
#wpcf7-f494-o1 .input_box.check_box { float: left; width: 33.33333333% }
#wpcf7-f494-o1 .input_box.check_box label:before { content: ""; display: block; height: 20px; width: 20px; border: 2px solid #CCC; position: absolute; left: 0; top: 0 }
#wpcf7-f494-o1 .input_box.check_box label { display: block; padding-left: 30px; pointer-events: none; margin: 0; font-family: 'Lato', sans-serif; font-weight: 400 }
#wpcf7-f494-o1 .input_box.check_box label a { color: #336eb6; pointer-events: auto; position: relative; z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
#wpcf7-f494-o1 .input_box.check_box .input { height: 20px; width: 100%; position: absolute; opacity: 0; left: 0; top: 0; margin: 0 }
#wpcf7-f494-o1 .input_box.check_box .input span.wpcf7-list-item { display: inline-block; position: relative }
#wpcf7-f494-o1 .input_box.check_box .input { border: none; display: block; padding: 0 !important }
#wpcf7-f494-o1 .input_box.check_box label:after { content: "\f00c"; position: absolute; left: 4px; top: 0; opacity: 0; font-family: "FontAwesome"; color: #ccc; font-weight: 400; font-size: 13px }
#wpcf7-f494-o1 .input_box.check_box .input:checked+label:after { opacity: 1 }
#wpcf7-f494-o1 ul li { list-style: initial }
#wpcf7-f494-o1 .wpcf7-form .col-xs-12 { clear: none }
#wpcf7-f494-o1 .wpcf7-form .col-xs-12:nth-child(4),
#wpcf7-f494-o1 .wpcf7-form .col-xs-12:nth-child(6),
#wpcf7-f494-o1 .wpcf7-form .col-xs-12:nth-child(8),
#wpcf7-f494-o1 .wpcf7-form .col-xs-12:nth-child(10),
#wpcf7-f494-o1 .wpcf7-form .col-xs-12:nth-child(12),
#wpcf7-f494-o1 .wpcf7-form .col-xs-12:nth-child(14),
#wpcf7-f494-o1 .wpcf7-form .col-xs-12:nth-child(25),
#wpcf7-f494-o1 .wpcf7-form .col-xs-12:nth-child(27),
#wpcf7-f494-o1 .wpcf7-form .col-xs-12:nth-child(29) { clear: both }
#wpcf7-f494-o1 .submit_btn_box { float: right }
#wpcf7-f494-o1 .submit_btn_box input[type="submit"] { line-height: initial; margin-bottom: 10px; padding: 0 50px !important }
#wpcf7-f494-o1 .captcha_box { float: left }
#wpcf7-f494-o1 .ajax-loader { right: 15px }
#wpcf7-f494-o1 hr { margin: 20px 0 30px 0 }
#wpcf7-f494-o1 .input_box label.error { font-family: 'Lato', sans-serif; position: static; margin-bottom: 10px }
.side_call a { display: block; padding: 15px 20px; background: #336eb6; color: #fff; text-align: center; font-weight: 700; text-transform: uppercase; border-radius: 6px; -webkit-border-radius: 6px; font-size: 18px; }
.pika-title select { padding: 0 !important; height: 20px !important }
.is-selected .pika-button { background: #336eb6 !important }
.is-today .pika-button { background: #336eb6 !important; color: #fff !important }
#cssmenu > ul > li:before { background: #336eb6; height: 5px; width: 0%; position: absolute; left: 0; top: -5px; display: block; content: ''; transition: all ease 0.3s; }
#cssmenu > ul > li:after { background: #336eb6; height: 5px; width: 0%; position: absolute; right: 0; top: -5px; display: block; content: ''; transition: all ease 0.3s; }
.sticky-call { position: fixed; top: 75%; right: 20px; height: 54px; width: 54px; background: #336eb6; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; z-index: 999; line-height: 58px; text-align: center; font-size: 28px; visibility: hidden; opacity: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%) }
.newsletter .wpcf7-form label.error { color: #f75454 !important; font-size: 14px; margin: 5px 0 0 }
.newsletter div.wpcf7 img.ajax-loader { bottom: 18px; right: 20px; top: auto }
.newsletter div.wpcf7-response-output { margin: 20px 0 0 0 !important; line-height: 24px; padding: 10px; background: #fff; font-size: 14px }


.inner-banner::before {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.contact-map, .contact-map iframe {
  height: 300px;
}
/**********************************************************************************************************************************************/

/******************************************************* RESPONSIVE ********************************************************************/

/**********************************************************************************************************************************************/





@media (min-width: 1025px) {
.blog-post:hover .blog-post-thumb > img { opacity: 0.2; }
.blog-post:hover .blog-post-info > h3 a { color: #336EB6 }
.blog-post:hover .blog-post-thumb > a { opacity: 1; border-radius: 50%; top: 50%; }
.blog-post:hover .blog-post-thumb::before { opacity: 1; top: 100%; }
.blog-post:hover .blog_social_icon { opacity: 1; right: 10px; }
#wpcf7-f494-o1 .input_box.check_box label a:hover { color: #000 }
.pika-button:hover { background: #336eb6 !important }
}
 @media (max-width:1024px) {
.services .services-box::after { height: 50px; }
.services .services-box .tag { top: 60px; }
.blog-post-thumb > a { border-radius: 0; height: 100%; left: 0; opacity: 0; top: 0; width: 100%; transform: translate(0px); -moz-transform: translate(0px); -ms-transform: translate(0px); -o-transform: translate(0px); -webkit-transform: translate(0px); }
#cssmenu > ul > li.selected::after,
#cssmenu > ul > li.selected::before { top: 0 }
.visible { visibility: visible; opacity: 1 }
}
 @media (max-width:991px) {
.blog-sec .col-sm-6:nth-child(3n+1) { clear: none !important }
.blog-sec .col-sm-6:nth-child(2n+1) { clear: both }
#wpcf7-f494-o1 .input_box.check_box { width: 50% }
#wpcf7-f494-o1 .submit_btn_box { margin-top: 20px; width: 100% }
header { padding: 0 }
.menu { margin: 0; float: none }
#cssmenu > ul > li:before { display: none }
#cssmenu > ul > li:after { display: none }
.logo { float: none; padding: 15px 0 }
header .pull-right { float: none !important }
.call-text { position: absolute; right: 15px; top: 20px }
#menu-main-menu.open { display: block !important }
}
 @media (max-width:567px) {
.blog-sec .col-xs-6 { width: 100%; float: none; margin: 0 auto; max-width: 320px; }
.cms-area .cms_listing ul li { width: 100% }
}
 @media (min-width: 768px) {
.service-detail-main .panel .desktop { display: block; }
.service-detail-main .panel .mobile { display: none; }
}
@media (max-width: 767px) {
.contact_addres_dtl .col-md-8 + .col-md-4 {
  margin-top: 30px;
}

.inner-content.employers .vacancy-form{margin-top:30px;}	 
.captcha_box { transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); -webkit-transform: scale(0.95); transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; }
.modal-content .captcha_box { transform: scale(0.88); -moz-transform: scale(0.88); -ms-transform: scale(0.88); -o-transform: scale(0.88); -webkit-transform: scale(0.88); transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; }
.service-detail-main .panel .desktop { display: none; }
.service-detail-main .panel .mobile { display: block; }
.sticky-call { height: 50px; width: 50px; line-height: 56px; font-size: 30px }
}
 @media only screen and (min-width:1025px) {
header.sticky { background: #fff; font-size: 24px; line-height: 48px; padding: 20px 0 0 !important; position: fixed; text-align: left; top: 0; width: 100%; z-index: 9999; transition: all ease 0.5s; box-shadow: 0px 0px 10px 1px #ccc; padding: 10px 0; }
header.sticky .logo img { max-width: 100px; }
header.sticky .social ul li a { height: 35px; width: 35px; }
header.sticky .social ul li a .fa { font-size: 20px; }
header.sticky .right-top .contact-tab a { font-size: 12px; line-height: 35px; padding: 0 20px; }
header.sticky #cssmenu > ul > li > a { padding-top: 10px; padding-bottom: 10px; }
header.sticky #cssmenu > ul > li.has-sub > a::before { top: 15px; }
header.sticky #cssmenu > ul > li.has-sub > a::after { top: 18px; }
header.sticky .call-text ul li a { height: 40px; width: 40px; }
header.sticky .call-text ul li a .fa { font-size: 22px; }
header.sticky .call-text ul li a { height: 40px; line-height: 40px }
header.sticky a.header-mail { width: 40px }
#cssmenu > ul > li:hover:after,
#cssmenu > ul > li:hover:before { width: 50% }
}
 @keyframes slidein {  from {
margin-left:-100%;
}
to { margin-left: 0%; }
}
 @keyframes fadein {  from {
opacity:0;
margin-bottom:-50px
}
to { opacity: 1; margin-bottom: 0px; }
}
@media screen and (max-width:479px) {
#wpcf7-f494-o1 .input_box.check_box { width: 100% }
#wpcf7-f494-o1 .input_box input.input[type="file"] + label.error { font-size: 12px }
.employment .col-ar-12 { width: 100% }
.employment .col-ar-12+.col-ar-12 { padding-top: 5px; border-top: 1px solid #eee; margin-top: 15px }
.employment:after { display: none }
.services .col-sm-4 { float: none !important; width: 100% !important }
}