/*@import url('fontawesomes/css/all.min.css');*/
::-moz-selection { /* Code for Firefox */
color: #fff;
background: #314699;
}
::selection {
color: #fff;
background: #314699;
}
body {
font-family: ProximaNova-Regular;
color: #333;
}
img {
max-width: 100%;
}
.blue {
color: #314699 !important;
}
a.ghost-white {
display: inline-block;
border: 2px solid #ffffff;
font-family: ProximaNova-Regular;
font-size: 1.000em;
color: #ffffff;
padding: 15px 58px;
border-radius: 6px;
transition: all 0.4s ease-in-out;
}
a.ghost-white:hover {
border: 2px solid #fff;
background-color: #fff;
color: #314699;
}
a.ghost-gray {
display: inline-block;
border: 2px solid #857866;
font-family: ProximaNova-Regular;
font-size: 1.000em;
color: #857866;
padding: 15px 58px;
border-radius: 6px;
transition: all 0.4s ease-in-out;
}
a.ghost-gray:hover {
border: 2px solid #857866;
background-color: #857866;
color: #fff;
}
a.ghost-blue {
margin-top: 5px;
display: inline-block;
border: 2px solid #314699;
font-family: ProximaNova-Regular;
font-size: 1.000em;
color: #314699;
padding: 15px 58px;
border-radius: 6px;
transition: all 0.4s ease-in-out;
text-align: center;
}
a.ghost-blue:hover {
border-color: #314699;
background-color: #314699;
color: #fff;
}
.logo a, .res-logo a {
color: #fff;
font-size: 1.300em;
/*font-weight: 700;*/
transition: color 0.5s ease-in-out;
}
.logo a span span, .sticky .logo a span span,
.res-logo a span span, .sticky .res-logo a span span {
color: #c2d8ef;
}
.logo a span span + span,
.res-logo a span span + span {
color: #d1c5b5;
}
.sticky .logo a span span + span,
.sticky .res-logo a span span + span {
color: #857866;
}
header.style5.sticky .logo a span span + span {
color: #d1c5b5;
}
.white .logo a span span + span,
.white .res-logo a span span + span {
color: #888888;
}
.sticky .logo a, .white .logo a,
.sticky .res-logo a, .white .res-logo a {
color: #314699;
font-size: 1.300em;
font-weight: 700;
}
header.style5.sticky {
padding-top: 3px;
padding-bottom: 2px;
background-color: #161440;
}
header.style5.sticky .logo {
-webkit-transform: translateX(-50%) translateY(-57%);
-moz-transform: translateX(-50%) translateY(-57%);
-ms-transform: translateX(-50%) translateY(-57%);
-o-transform: translateX(-50%) translateY(-57%);
transform: translateX(-50%) translateY(-57%);
}
header.style5.sticky .logo a, .forsticky.sticky .account-btns > li a {
color: #fff;
}
.forsticky.sticky .menu-sec nav > ul > li > a {
padding: 11px 6px;
color: #fff;
}
.post-job-btn, header.style2 .post-job-btn {
background-color: #fff;
border: 2px solid #fff;
color: #314699;
}
.post-job-btn:hover {
background-color: transparent;
border: 2px solid #fff !important;
color: #fff;
}
header.style5.forsticky.sticky .post-job-btn {
border: 2px solid #314699;
background: #314699;
color: #fff;
}
header.style5.forsticky.sticky .post-job-btn:hover {
border: 2px solid #fff;
background: #fff;
color: #314699;
}
/*.slick-initialized .slick-slide {
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
min-height: 300px;
height: auto !important;
}*/
.forsticky.sticky .menu-sec {
margin: 0;
}
* {
margin: 0;
padding: 0;
}
.zoeken-bar {
position: absolute;
left: 0;
background-color: #161440;
padding: 8px 0;
text-align: center;
display: none;
top: 88px;
width: 100%;
transition: 0.4s top ease-in-out;
z-index: 100;
}
.sticky .zoeken-bar {
top: 51px;
}
.zoeken-bar .zoekform {
max-width: 90%;
width: 400px;
display: flex;
margin: 0 auto;
align-items: center;
justify-content: center;
}
.zoeken-bar .zoekform input {
border-radius: 5px;
padding: 5px 15px;
margin-bottom: 0;
height: 34px;
background-color: #fff;
}
.zoeken-bar .zoekform input:focus {
outline: none;
box-shadow: none;
}
.zoeken-bar .zoekform button {
border-radius: 0 5px 5px 0;
padding: 0px 20px;
margin-bottom: 0;
color: #fff;
background-color: #857866;
height: 34px;
line-height: 33px;
transition: all 0.4s ease-in-out;
}
.zoeken-bar .zoekform button:hover {
background-color: #314699;
}
.zoeken-btn {
color: #fff;
font-family: ProximaNova-Regular;
font-size: 1.000em;
padding: 11px 15px;
display: inline-block;
vertical-align: middle;
transition: all 0.4s ease-in-out;
margin: -3px 0 -2px;
height: 55px;
line-height: 32px;
}
.sticky .zoeken-btn {
margin: -5px 0;
height: 52px;
line-height: 25px;
}
.zoeken-btn:hover, .zoeken-btn.active {
background-color: #161440;
color: #fff;
}
.zoeken-btn:focus {
color: #fff;
}
.language-wrap {
display: inline-block;
vertical-align: middle;
transition: all 0.4s ease-in-out;
margin: -3px 0 -2px;
height: 54px;
position: relative;
}
.language-btn {
padding: 11px 15px;
color: #fff;
font-family: ProximaNova-Regular;
line-height: 31px;
height: 54px;
font-size: 1.000em;
transition: all 0.4s ease-in-out;
display: inline-block;
min-width: 135px;
}
.language-btn:hover, .language-btn:focus {
color: #fff;
}
.language-drop {
min-width: 150px;
background-color: #fff;
box-shadow: 0 7px 7px rgba(0, 0, 0, 0.35);
border-radius: 0 0 5px 5px;
position: absolute;
left: 0;
top: 55px;
display: none;
z-index: 101;
}
.language-drop a {
color: #314699;
transition: 0.25s all ease-in-out;
width: 100%;
display: inline-block;
}
.language-drop li:hover {
background-color: #f6f6f6;
}
.language-drop li:hover a {
color: #161440;
}
.language-drop > ul {
margin-bottom: 0;
overflow: hidden;
}
.language-drop > ul li {
transition: 0.25s all ease-in-out;
padding: 7px 15px;
margin-bottom: 0;
}
.language-drop > ul li:last-child {
border-radius: 0 0 5px 5px;
}
.register-btn, .white-btn {
color: #fff;
background-color: #857866;
border-radius: 5px;
font-family: ProximaNova-Regular;
font-size: 1.000em;
border: 2px solid #857866;
padding: 10px 15px;
display: inline-block;
vertical-align: middle;
transition: all 0.4s ease-in-out;
height: 42px;
line-height: 16px;
}
.register-btn:hover {
background-color: #fff;
color: #314699;
border: 2px solid #fff;
}
.white-btn {
background-color: #fff;
color: #314699;
border: 2px solid #fff;
}
.white-btn:hover {
background-color: #857866;
color: #fff;
border: 2px solid #857866;
}
.login-btn, .resource-btn {
color: #fff;
border: 2px solid #fff;
background-color: transparent;
border-radius: 5px;
font-family: ProximaNova-Regular;
font-size: 1.000em;
padding: 10px 15px;
display: inline-block;
line-height: 16px;
vertical-align: middle;
height: 42px;
transition: all 0.4s ease-in-out;
}
.login-btn:hover, .resource-btn:hover {
background-color: #fff;
color: #314699;
}
.resource-btn + .white-btn {
margin-left: 4px;
}
.account-btns {
float: none;
display: inline-block;
vertical-align: middle;
}
/* Icon 1 */
/* Responsive menu */
.bars {
width: 30px;
height: 20px;
margin: 0 15px 0 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.bars span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #fff;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.bars span:nth-child(1) {
top: 0px;
}
.bars span:nth-child(2),.bars span:nth-child(3) {
top: 8px;
}
.bars span:nth-child(4) {
top: 16px;
}
.bars.open span:nth-child(1) {
top: 16px;
width: 0%;
left: 50%;
}
.bars.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.bars.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.bars.open span:nth-child(4) {
top: 10px;
width: 0%;
left: 50%;
}
.menu-item-has-children ul li {
color: #c2d8ef;
padding: 0px 20px;
}
.responsive-opensec {
display: block;
visibility: hidden;
width: 320px;
padding: 0;
height: 100%;
top: 0;
position: fixed;
transition: all 0.25s ease-in-out;
transform: translate3d(-320px, 0px, 0px);
}
.responsive-opensec.expanded {
visibility: visible;
transform: translate3d(0px, 0px, 0px);
overflow-x: hidden;
}
.res-top-bar {
display: flex;
flex: 4.4rem 0 0;
justify-content: space-between;
padding-left: .5rem;
padding-right: .5rem;
position: absolute;
height: 50px;
right: 0;
top: 0;
width: 100%;
z-index: 121;
font-family: 'ProximaNova-Bold';
}
.res-top-bar-btn, .res-closemenu {
display: flex;
position: static;
line-height: 20px;
font-size: 1.063em;
padding-top: 14px;
}
.res-closemenu i {
padding-top: 6px;
}
.res-closemenu {
width: 28px;
height: 20px;
position: relative;
margin-top: 18px;
margin-right: 10px;
}
.res-closemenu span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #fff;
border-radius: 9px;
opacity: 1;
left: 0;
}
.res-closemenu span:nth-child(1) {
top: 8px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.res-closemenu span:nth-child(2) {
top: 8px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.back-main, .back-second {
visibility: hidden;
opacity: 0;
transition: all 0.5s ease-in-out;
transform: translateX(-12px);
position: absolute;
left: 10px;
line-height: 24px;
}
.back-main.show, .back-second.show {
visibility: visible;
opacity: 1;
transform: translateX(0px);
}
.back-main, .back-main:focus, .back-main:hover,
.back-second, .back-second:focus, .back-second:hover {
font-size: 1.250em;
color: #fff;
padding: 0px 34px 0 10px;
z-index: 1;
}
.res-top-name {
color: #fff;
font-size: 1.250em;
font-weight: 600;
height: 100%;
line-height: 50px;
left: 4rem;
overflow: hidden;
right: 4rem;
pointer-events: none;
position: absolute;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
.responsive-opensec .menu-item-has-children > div,
.responsive-opensec .menu-item-has-children ul li.menu-item-has-children > div {
visibility: hidden;
left: 320px;
overflow: hidden;
position: fixed;
top: 60px;
width: 320px;
display: block;
height: calc(100vh - 70px);
margin-top: 0;
overflow-y: auto;
padding: 0px;
}
.responsive-opensec .menu-item-has-children ul li.menu-item-has-children > div {
left: 640px;
}
.responsive-opensec .menu-item-has-children > ul li {
padding: 0px 20px;
}
.responsive-opensec .menu-item-has-children > ul li a {
padding-left: 0 !important;
}
.responsive-opensec.expanded.subexpanded .menu-item-has-children.active > div,
.responsive-opensec.expanded.second-subexpanded .menu-item-has-children.active > div {
visibility: visible;
display: block;
}
.menublock {
width: 320px;
padding-top: 50px;
transition: all 0.5s ease-in-out;
transform: translate3d(0px, 0px, 0px);
max-height: calc(100vh - 50px);
}
.responsive-opensec.expanded.subexpanded .menublock {
transform: translate3d(-320px, 0px, 0px);
visibility: visible;
width: 320px;
}
.responsive-opensec.expanded.second-subexpanded .menublock {
transform: translate3d(-640px, 0px, 0px);
visibility: visible;
width: 320px;
}
.responsive-opensec ul li ul {
padding-left: 0;
}
.res-search, .responsivemenu {
width: 320px;
padding: 0 0px;
margin-top: 10px;
}
.responsivemenu {
margin-bottom: 20px;
}
.responsive-opensec .btn-extars {
width: 320px;
padding: 20px;
}
.responsive-header:before {
position: fixed;
content: '';
background-color: rgba(0, 0, 0, 0.75);
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
transition: all 0.4s ease-in-out;
}
.responsive-header.active:before {
visibility: visible;
opacity: 1;
}
.responsive-header.five .res-logo,
.responsive-header.five .bars,
.responsive-header.five .res-logo > a {
float: none;
text-align: center;
}
.responsive-header.five .bars {
position: absolute;
top: 17px;
}
.responsivemenu ul > li ul {
margin: 0px 0;
display: block;
}
.responsivemenu ul > li h6 {
padding: 10px 20px;
color: #c2d8ef;
}
.responsivemenu ul > li > a {
font-size: 1.125em;
}
.responsivemenu ul > li {
padding: 7px 20px;
margin: 0;
}
/*.responsivemenu ul > li ul > li:hover,*/
.responsivemenu ul > li.active,
.responsivemenu ul > li:hover {
background-color: #e6e6e6;
}
.responsivemenu ul > li:hover > a,
.responsivemenu ul > li a:hover,
.responsivemenu ul > li.menu-item-has-children a:hover,
.responsivemenu ul > li.menu-item-has-children.active > a,
.responsivemenu ul > li.menu-item-has-children.active > a:hover {
color: #161440;
}
.responsivemenu ul > li.menu-item-has-children > a::after {
display: none;
}
.responsivemenu ul > li.menu-item-has-children > a::before {
content: "\f054";
font-family: FontAwesomes;
font-size: 0.938em !important;
text-rendering: auto;
background: none;
width: 10px;
top: 7px;
height: 15px;
line-height: 15px;
}
.responsivemenu ul li ul > li.menu-item-has-children > a::before {
line-height: 11px;
}
.responsivemenu ul > li ul > li * {
float: none !important;
}
.responsivemenu ul > li ul > li a {
display: inline-block;
font-size: 1.125em;
color: #c2d8ef;
padding: 0 !important;
}
.menu-item-has-children ul.res-sub li {
padding-left: 35px;
}
.responsive-header.five .menu-main.bars {
top: 18px;
left: 20px;
}
.responsive-header.five .second-subexpanded .menu-main.bars,
.responsive-header.five .subexpanded .menu-main.bars {
left: 34px;
}
.rm-nextbtn {
position: absolute;
width: 30px;
height: 30px;
right: -9px;
top: 0;
display: inline-block;
}
/* Responsive menu */
.job-search {
margin-bottom: 0;
padding-top: 150px;
}
.job-search-sec .job-search > h3 {
font-size: 2.222em;
font-family: inherit;
color: #fff;
margin-bottom: 20px;
}
.regularimage-text-block {
text-align: center;
}
.regularimage-text-block > span {
font-family: ProximaNova-Regular;
font-size: 1.375em;
font-weight: 400;
color: #c2d8ef;
text-align: center;
display: block;
}
.regularimage-text-block a {
margin-top: 40px;
}
.layer.color.light::before {
background-color: #161440;
}
.regularimage-text-block > h2 {
font-size: 2.222em;
font-family: inherit;
color: #fff;
margin-bottom: 20px;
}
.regularimage-text-block > h3 {
font-family: ProximaNova-Regular;
font-size: 1.375em;
font-weight: 400;
color: #c2d8ef;
text-align: center;
display: block;
}
footer {
position: relative;
z-index: 0;
-webkit-background-size: cover;
background-size: cover;
background-attachment:fixed;
background-position: 100% 0%;
background-repeat: no-repeat;
}
/* @media (max-width: 991px) {
footer {
background-attachment:scroll;
}
} */
.ftr-top-section {
border-bottom:1px solid #484848
}
footer.layer.color::before,
footer .layer.color::before {
opacity: 0.45;
}
footer .logo {
margin: -7px 0 10px 0;
}
.ftr-top-section .container {
padding: 0;
}
.ftr-top-section .ftr-logo img {
max-height:46px
}
.ftr-rows-container {
display:block;
height:96px;
position:relative;
z-index:100
}
.ftr-rows-left {
height: 96px;
float: left;
}
.ftr-row {
display:inline-block;
padding:0 40px;
border-right:1px solid #484848;
border-left:1px solid #484848;
float:left;
height:100%
}
.ftr-row-inner {
position:relative;
top:50%;
transform:translateY(-50%)
}
.ftr-row-inner.ftr-logo {
position:relative;
top:auto;
transform:translateY(0);
top:50%;
position:relative;
height:46px
}
.ftr-row-inner .logo, .ftr-row-inner .logo a {
float: none;
}
.ftr-row:first-child {
padding-left:0;
border-left:none
}
.ftr-row:last-child {
padding-right:0;
border:none
}
.ftr-rows-right .ftr-row:first-child {
padding-left:40px;
border-left:1px solid #484848
}
.ftr-rows-right {
float:right;
height:100%
}
.ftr-social-links {
list-style:none;
margin:0 -10px;
margin-top:3px;
padding:0
}
.ftr-social-links li {
display:inline-block;
padding:0;
margin:0;
float:left
}
.ftr-social-links li a {
font-size:20px;
padding:0 10px;
color:#fff;
display:inline-block;
transition:.3s;
opacity:.5;
transform:translate3d(0,-0.5px,0)
}
.ftr-social-links li a:hover {
opacity:1
}
.ftr-middle-section {
padding:60px 0;
position:relative;
z-index:10
}
.download_widget img {
max-width: 200px;
}
.shortlists > a {
color: #314699;
border-color: #161440;
}
.shortlists > a:hover {
background-color: #161440;
}
.simple-checkbox p input[type="checkbox"]:checked + label::before, .simple-checkbox p input[type="radio"]:checked + label::before {
background: #314699;
border-color: #314699;
}
.emply-list-info h3 + span {
/* color: #314699; */
}
.nav-style1 {
width: 100%;
float: left;
padding: 40px 0 0;
position: relative;
}
.nav-style1 ul.nav.nav-tabs {
width: 100%;
list-style: none;
margin: 0;
text-align: left;
border:0px;
padding:0;
float: left;
}
.nav-style1 ul.nav.nav-tabs li {
margin: 0;
padding: 0;
border:0px;
width: auto;
overflow: hidden;
line-height: 44px;
border-radius: 5px 5px 0 0;
float: left;
}
.nav-style1 > ul.nav.nav-tabs li::before {
display: none;
}
.nav-style1 ul.nav.nav-tabs li a {
color: #666;
border: 1px solid #e6e6e6;
display: block;
padding: 0 50px;
font-size: 1.000em;
margin: 0;
background: #f6f6f6;
transition: 0.5s all ease-in-out;
border-radius: 5px 5px 0 0;
}
.nav-style1 ul.nav.nav-tabs li a:hover, .nav-style1 ul.nav.nav-tabs li a.active {
background: #fff;
border-bottom-color: #fff;
position: relative;
z-index: 1;
}
.nav-style1 .tabpane, .nav-style1 .tab-content {
width: 100%;
float: left;
}
.nav-style1 .tab-pane {
padding: 30px;
margin: -1px 0 0;
border: 1px solid #e6e6e6;
}
.nav-style1 .tab-content h3 {
width: 100%;
font-family: Open Sans;
font-size: 1.000em;
}
.collapse-style1 {
width: 100%;
float: left;
padding: 10px 0 0;
position: relative;
}
.collapse-style1 .card {
padding: 20px;
border: 0px;
}
.collapse-style1 .card:nth-child(odd) {
background: #f6f6f6;
}
.collapse-style1 .card:nth-child(even) {
background: #fff;
}
.collapse-style1 .card .card-header {
border: 0px solid;
border-radius:0;
background-color: transparent;
padding: 0;
}
.collapse-style1 .card .card-header h5 {
padding: 0px;
margin: 0;
width: 100%;
float: left;
color: #666;
cursor: pointer;
font-size: 1.000em;
line-height: 16px;
transition: all 0.5s ease-in-out;
}
.collapse-style1 .card .card-header h5 em {
display: block;
font-size: 0.875em;
color: #888;
}
.collapse-style1 .card .card-header:hover h5, .collapse-style1 .card .card-header.pm-active h5 {
color: #666;
}
.collapse-style1 .card .card-header h5 span {
float: left;
}
.collapse-style1 .card .card-header h5 span + span {
float: right;
}
.collapse-style1 .edu-hisinfo .card .card-header h5 span {
float: none;
}
.collapse-style1 .card .card-header h5 i {
float: left;
width: 100%;
font-style: normal;
font-size: 0.875em;
color: #888888;
margin-top: 7px;
}
.collapse-style1 .card-body {
width: 100%;
float: left;
padding: 24px 0 0 0;
}
.collapse-style1 .card-body p {
margin: 0;
}
.collapse-style1 .edu-hisinfo .card .card-header h5 {
color: #161440;
}
.business-hours > h3 {
float: left;
width: 100%;
font-size: 1.000em;
margin-top: 10px;
}
.pm-timebox {
width: 100%;
float: left;
color: #888;
font-size: 0.875em;
overflow: hidden;
margin: 10px 0 0;
line-height: 50px;
border-radius: 5px;
background: #f6f6f6;
}
.pm-timebox i,
.pm-timebox time {
float: left;
line-height: 50px;
}
.pm-timebox i {
width: 50px;
display: block;
font-size: 1.875em;
margin: 0 10px 0 0;
text-align: center;
background: #e6e6e6;
}
.pm-currentday .pm-timebox i {
color: #161440;
}
.awardWrap {
float: left;
width: 100%;
padding-left: 30px;
}
.awardbox {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
margin-bottom: 30px;
}
.awardbox > div {
flex: initial;
}
.award-desc {
padding-left: 30px;
}
.award-desc h3 {
color: #161440;
float: left;
margin: 0;
font-size: 1.000em;
font-weight: 500;
}
.award-desc i {
color: #161440;
float: right;
margin: 0;
font-size: 1.000em;
font-weight: 500;
font-style: inherit;
}
.award-desc p {
margin-bottom: 0;
padding-top: 10px;
}
aside.column {
padding-bottom: 25px;
}
.job-title-sec.tickets {
padding-left: 15px;
}
.style5 .menu-sec nav > ul > li > a {
font-weight: normal;
padding: 12px 6px;
}
.style5 .menu-sec nav > ul > li {
position: static;
}
.style5 .menu-sec nav > ul > li > ul {
position: absolute;
left: 0;
right: 0;
width: 100%;
border-radius: 0;
padding: 15px 55px 20px;
background: #fff;
border-top: 1px solid #e6e6e6;
}
.style5 .menu-sec nav > ul > li > ul li:first-child,
.style5 .menu-sec nav > ul > li > ul li:last-child {
border-radius: 0px;
}
.style5 .menu-sec nav > ul > li > ul::before {
display: none;
}
.style5 .menu-sec nav > ul > li > a:before {
width: 100%;
height: 4px;
background-color: #fff;
content: "";
position: absolute;
left: 0;
bottom: -20px;
opacity: 0;
transition: all 0.35s ease-in-out;
display: none;
}
.style5 .menu-sec nav > ul > li > a:hover:before,
.style5 .menu-sec nav > ul > li.active > a:before {
opacity: 1;
}
.style5.sticky .menu-sec nav > ul > li > a::before {
bottom: -5px;
background-color: #161440;
display: none;
}
.style5 .menu-sec nav > ul > li > ul h6 {
padding: 0px 25px 0;
color: #161440;
}
.style5 .menu-sec nav > ul > li > ul a {
color: #314699;
}
.style5 .menu-sec nav > ul > li > ul li:first-child > a {
margin-top: 0px;
}
.style5 .menu-sec nav > ul > li ul > li {
padding: 3px 25px;
}
.style5 .menu-sec nav > ul > li > ul li a {
position: relative;
font-family: ProximaNova-Regular;
font-size: 1.000em;
padding: 0px;
margin-bottom: 0 !important;
padding-left: 20px;
display: block;
transition: all 0.25s ease-in-out !important;
line-height: 21px;
}
.style5 .menu-sec nav > ul > li > ul li a::before {
position: absolute;
left: 0;
top: 8px;
width: 12px;
height: 1px;
content: "";
background: #314699;
transition: all 0.25s ease-in-out !important;
}
.style5 .menu-sec nav > ul > li > ul li a:hover {
color: #161440 !important;
padding-left: 29px !important;
}
.style5 .menu-sec nav > ul > li > ul li a:hover::before {
background: #161440;
width: 20px;
}
ul.dropwrap:before {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
content: '';
background-color: rgba(0, 0, 0, 0.75);
/* visibility: hidden;
opacity: 0;
*/ transition: all 0.4s ease-in-out;
}
/*.style6.main-featured-sec {
min-height:65vh;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
}*/
.style6 .main-slider-sec {
height: 100%;
position: static;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.style6 .main-slider-sec .slideHome,
.style6 .main-slider-sec .slick-track,
.style6 .main-slider-sec .slick-initialized .slick-slide,
.style6 .main-slider-sec .slick-list {
height: 100% !important;
}
.style6 .quick-select-sec {
position: static;
}
.style6 .job-search {
padding: 0;
}
.style6 .slideHome {
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
min-height: calc(100vh - 53px);
}
.style6 .job-search-sec {
position: relative;
transform: none;
left: inherit;
top: inherit;
z-index: 2;
padding: 30px 20px 75px;
}
.search-job2.style6 {
margin-top: -50px;
margin-bottom: 50px;
border-radius: 8px;
position: relative;
z-index: 2;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.main-slider-sec .slick-slide::before {
background: none;
background-color: rgba(0, 0, 0, 0.5);
}
@media(max-width: 767px) {
.style6 .job-search-sec {
transform: translateY(-15%);
}
.owl-theme .owl-nav {
margin-top: -15% !important;
}
}
.btn {
transition: all 0.4s ease-in-out;
}
.btn:focus, .btn:active {
outline: 0 !important;
box-shadow: none !important;
}
.btn.btn-gray {
margin-bottom: 5px;
font-family: ProximaNova-Regular;
font-size: 1.000em;
color: #ffffff;
background: #857866;
padding: 15px 58px;
border: 2px solid #857866;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}
.btn.btn-gray:hover {
background: #314699 ;
border: 2px solid #314699;
color: #fff;
}
.btn.btn-blue {
margin-top: 5px;
font-family: ProximaNova-Regular;
font-size: 1.000em;
color: #ffffff;
padding: 15px 58px;
background: #314699 ;
border: 2px solid #314699;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}
.btn.btn-blue:hover {
background: #857866;
border: 2px solid #857866;
color: #fff;
}
.btn.btn-white-blue {
margin-top: 5px;
font-family: ProximaNova-Regular;
font-size: 1.000em;
color: #314699;
padding: 15px 58px;
background: #fff ;
border: 2px solid #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}
.btn.btn-white-blue:hover {
background: #314699;
border: 2px solid #314699;
color: #fff;
}
.btn.btn-white-gray {
margin-top: 5px;
font-family: ProximaNova-Regular;
font-size: 1.000em;
color: #857866;
padding: 15px 58px;
background: #fff ;
border: 2px solid #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}
.btn.btn-white-gray:hover {
background: #857866;
border: 2px solid #857866;
color: #fff;
}
.btnwrap .btn {
margin-bottom: 10px;
}
.job-grid.style7 {
padding: 0;
}
.style7 .c-logo {
float: none;
width: 100%;
text-align: center;
}
.job-grid.style7 .job-title-sec, .job-grid.style7 .job-desc-sec {
padding: 20px 20px 0;
}
.job-grid.style7 .job-lctn {
float: none;
}
.job-grid.style7 .job-desc-sec > p {
float: none;
margin: 5px 0 0;
font-size: 0.875em;
line-height: 18px;
}
.flogo-small .logo {
margin-top: -2px;
}
.flogo-small a {
font-size: 1.000em;
}
.main-slider-sec::after {
display: none !important;
}
.bottom-line .scrollup {
bottom: 11px;
}
.slideHome::before {
background: none;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
z-index: 1;
}
.owl-theme .owl-nav {
margin: -20px 0 0px;
position: absolute;
top: 50%;
left: 0;
width: 100%;
}
.owl-theme .owl-nav button.owl-prev,
.owl-theme .owl-nav button.owl-next {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 40px;
}
.owl-theme .owl-nav button.owl-next {
right: 0;
left: auto;
}
.owl-theme .owl-nav button span {
display: none;
}
.owl-theme .owl-nav button:hover {
background-color: transparent !important;
}
.owl-nav button.owl-prev::before, .owl-nav button.owl-next::before {
color: #ffffff;
font-family: "FontAwesomes";
font-size: 1.875em;
left: 0;
line-height: 1;
opacity: 0.75;
position: absolute;
top: 9px;
width: 100%;
}
.owl-nav button.owl-prev::before {
content: "\f060";
}
.owl-nav button.owl-next::before {
content: "\f061";
}
.owl-theme .owl-dots {
position: absolute;
bottom: 70px;
width: 100%;
}
.owl-theme .owl-dots .owl-dot {
float: none;
border: 2px solid #fff;
border-radius: 50px;
margin: 7px;
}
.owl-theme .owl-dots .owl-dot span {
background: transparent;
height: 6px;
width: 6px;
margin: 2px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #fff;
}
.social * {
transition: all 0.25s ease-in-out;
}
.chosen-container .chosen-results li {
font-family: inherit;
}
/*Signle dropdown*/
header.style5 nav {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
min-height: 49px;
}
.singledropWrap {
position: relative;
}
#singledrop {
width: 30px;
height: 20px;
margin: 0 15px 0 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#singledrop span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #fff;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#singledrop span:nth-child(1) {
top: 0px;
}
#singledrop span:nth-child(2) {
top: 8px;
}
#singledrop span:nth-child(3) {
top: 16px;
}
#singledrop.open span:nth-child(1) {
top: 8px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#singledrop.open span:nth-child(2) {
opacity: 0;
left: -30px;
}
#singledrop.open span:nth-child(3) {
top: 8px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.singledropmenu {
min-width: 220px;
background: #fff;
box-shadow: 0 7px 7px rgba(0, 0, 0, 0.35);
padding: 0px 0px 0;
border-radius: 0 0 5px 5px;
position: absolute;
left: 0;
top: 55px;
display: none;
z-index: 1;
}
.sticky .singledropmenu {
top: 38px;
}
.singledropmenu a {
color: #314699;
transition: 0.25s all ease-in-out;
width: 100%;
display: inline-block;
}
.singledropmenu li:hover {
background-color: #f6f6f6;
}
.singledropmenu a:hover {
color: #161440;
}
.singledropmenu > ul li {
transition: 0.25s all ease-in-out;
padding: 7px 15px;
margin-bottom: 0;
}
.singledropmenu > ul > li > ul,
.singledropmenu > ul > li > ul > li > ul {
display: none;
position: absolute;
left: 100%;
top: 0px;
background: #fff;
box-shadow: 0 7px 7px rgba(0, 0, 0, 0.35);
padding: 0px 0px 0;
min-width: 220px;
}
.sdm-has-sub {
position: relative;
}
.sdm-has-sub:after {
content: "\f105";
transition: 0.25s all ease-in-out;
font-family: FontAwesomes;
font-size: 1.188em !important;
text-rendering: auto;
background: none;
width: 15px;
top: 10px;
right: 7px;
position: absolute;
height: 15px;
line-height: 15px;
color: #314699;
}
.sdm-has-sub:hover:after {
color: #161440;
}
/*.singledropmenu > ul > li:hover > ul,
.singledropmenu > ul > li:hover > ul > li:hover > ul {
display: block;
}
*/
/*Signle dropdown*/
.logoStyle span {
color: #161440;
font: inherit;
float: none;
width: auto;
}
.dark span {
color: #fff;
}
.logoStyle span span {
color: #314699;
}
.logoStyle span span + span {
color: #888888;
}
.lavaLamp li.back {
border-bottom: 4px solid #fff;
width: 9px;
height: 4px;
z-index: 8;
position: absolute !important;
bottom: 0;
pointer-events: none;
}
/* New layer menu */
header.custommenu + section {
padding-top: 103px;
}
header.custommenu {
padding: 2px 5px 2px !important;
position: fixed;
top: 0;
transition: all 0.5s ease-in-out;
height: 55px;
}
header.custommenu .logo {
top: 45%;
}
.menubar {
position: absolute;
width: 100%;
left: 0;
top: 54px;
background-color: #fff;
transition: all 0.5s ease-in-out;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}
header.style5 .menubar nav {
justify-content: center;
width: 100%;
align-items: inherit;
margin: 0 auto !important;
}
header.style5 .menubar nav > ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
}
header.style5 .menubar nav > ul > li > a {
color: #314699;
padding: 0px 11px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
line-height: 1em;
}
.menubar .lavaLamp li.back {
border-bottom: 4px solid #314699;
}
li.hasdrop:before {
position: fixed;
left: 0;
top: 103px;
bottom: 0;
right: 0;
content: '';
background-color: rgba(0, 0, 0, 0.35);
visibility: hidden;
opacity: 0;
transition: all 0.5s ease-in-out;
pointer-events: none;
z-index: -1;
}
li.hasdrop.active:before {
visibility: visible;
opacity: 1;
}
.custommenu .singledropmenu {
top: 38px;
z-index: 15;
}
.custommenu .zoeken-bar {
top: 54px;
}
body.scrolled header.style5 {
background: #fff;
}
body.scrolled header #singledrop span {
background: #314699;
}
body.scrolled header .res-logo a,
body.scrolled header .logo a,
body.scrolled .language-btn,
body.scrolled .language-btn:hover,
body.scrolled .language-btn.active,
body.scrolled .zoeken-btn {
color: #314699;
}
body.scrolled .zoeken-btn.active,
body.scrolled .zoeken-btn:hover {
color: #fff;
}
body.scrolled header .login-btn,
body.scrolled header .resource-btn {
color: #314699;
border: 2px solid #314699;
}
body.scrolled header .login-btn:hover,
body.scrolled header .resource-btn:hover {
color: #fff;
border: 2px solid #314699;
background-color: #314699;
}
body.scrolled header .register-btn:hover {
background-color: #888;
border-color: #888;
color: #fff;
}
body.scrolled header .menubar {
background: #314699;
}
body.scrolled header.style5 .menubar nav > ul > li > a {
color: #fff;
}
body.scrolled header.style5 .menubar .lavaLamp li.back {
border-color: #fff;
}
.scrolldown {
text-align: center;
position: relative;
z-index: 100;
}
.scrolldown a {
position: absolute;
top: -152px;
left: 50%;
width: 46px;
height: 46px;
margin-left: -23px;
}
.scrolldown a span {
position: absolute;
width: 46px;
height: 46px;
border: 1px solid #fff;
border-radius: 100%;
box-sizing: border-box;
left: 0;
transition: 0.4s all ease-in-out;
}
.scrolldown a span::after {
position: absolute;
transition: 0.4s all ease-in-out;
top: 50%;
left: 50%;
content: '';
width: 16px;
height: 16px;
margin: -12px 0 0 -8px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: border-box;
}
.scrolldown a:hover span {
background-color: #fff;
}
.scrolldown a:hover span:after {
border-color: #314699;
}
.scrolldown a span::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: '';
width: 44px;
height: 44px;
box-shadow: 0 0 0 0 rgba(255,255,255,.1);
border-radius: 100%;
opacity: 0;
-webkit-animation: sdb03 3s infinite;
animation: sdb03 3s infinite;
box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
60% {
box-shadow: 0 0 0 60px rgba(255,255,255,.1);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes sdb03 {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
60% {
box-shadow: 0 0 0 60px rgba(255,255,255,.1);
opacity: 0;
}
100% {
opacity: 0;
}
}
.login-banner {
min-height: calc(100vh - 60%);
}
.pana-accordion .pana-accordion-wrap .pana-accordion-item {
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
}
.loaderwrap {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #fff;
opacity: 1;
z-index: 1;
}
.pana-accordion-item .loader {
position: absolute;
left: 50%;
top: 50%;
margin: -25px;
}
.loader,
.loader:after {
border-radius: 50%;
width: 50px;
height: 50px;
}
.loader {
text-indent: -9999em;
border-top: 5px solid rgba(215,215,215, 0.3);
border-right: 5px solid rgba(215,215,215, 0.3);
border-bottom: 5px solid rgba(215,215,215, 0.3);
border-left: 5px solid #d7d7d7;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.slide-panel {
background-color: #fff;
/*border: 1px solid #888;*/
height: 350px;
/*overflow-y: auto;*/
border-radius: 8px;
}
.slide-panel .panelmenu {
max-height: 279px;
overflow-y: auto;
margin-bottom: 0 !important;
}
.last .slide-panel {
border: 0px solid;
}
.last {
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
}
.slide-panel * {
float: none;
}
.slide-panel .listtitle {
background-color: #e6e6e6;
color: #314699;
font-size: 1.250em;
padding: 20px 15px;
font-weight: 700;
border-bottom: 1px solid #d1c5b5;
}
/*.last .slide-panel .listtitle {
background: #314699;
background: -moz-linear-gradient(left, #314699 0%, #161440 100%);
background: -webkit-linear-gradient(left, #314699 0%,#161440 100%);
background: linear-gradient(to right, #314699 0%,#161440 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#314699', endColorstr='#161440',GradientType=1 );
color: #fff;
}*/
.slide-panel .panelmenu li {
display: block;
margin-bottom: 0;
border-bottom: 1px solid #e6e6e6;
}
.slide-panel .panelmenu li a {
display: block;
padding: 10px 30px 10px 10px;
transition: 0.4s all ease-in-out;
position: relative;
}
.slide-panel .panelmenu li a i {
position: absolute;
right: 10px;
top: 16px;
}
.slide-panel .panelmenu li a:hover,
.slide-panel .panelmenu li a.current {
background-color: #314699;
color: #fff;
}
.panel-content {
padding: 10px 15px;
max-height: 279px;
overflow-y: auto;
}
.panel-content ol {
padding-left: 16px;
list-style-type: upper-alpha;
}
.panel-content .panel-content-box {
padding: 15px;
}
.panel-content .articlebox {
padding: 15px;
transition: all 0.4s ease-in-out;
}
.panel-content .articlebox:hover {
background-color: #314699;
color: #fff;
}
.panel-content .articlebox:hover .btn-blue {
background-color: #857866;
border-color: #857866;
color: #fff;
}
.panel-content .articlebox:hover .btn-blue:hover {
border-color: #fff;
background-color: #fff;
color: #857866;
}
.panel-content .articlebox * {
transition: all 0.4s ease-in-out;
}
.panel-content .articlebox:hover * {
color: #fff;
}
.documentlist i {
margin-right: 10px;
}
.sidebar-btnwrap {
text-align: left;
}
.sidebar-btnwrap h4 {
margin: 0 0 6px 0;
}
.sidebar-btnwrap .btn {
margin: 0px 0 12px;
font-family: ProximaNova-Bold;
}
.btn.btn-block {
padding-left: 10px;
padding-right: 10px;
}
.overview-menu {
padding: 17px 0;
background-color: #f6f6f6;
position: static;
width: 100%;
top: 0px;
z-index: 10;
border-bottom: 1px solid #e6e6e6;
}
.flex-container {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
list-style: none;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.flex-container li {
width: 34px;
height: 34px;
padding: 2px;
margin-bottom: 0;
}
.flex-container li a {
display: block;
line-height: 28px;
height: 30px;
background-color: #857866;
color: #fff;
border-radius: 3px;
text-align: center;
transition: all 0.4s ease-in-out;
}
.flex-container li a:hover, .flex-container li a.aov-active {
background-color: #314699;
}
.fc-calendar-container {
width: auto !important;
height: auto !important;
}
.fc-calendar-container .fc-calendar {
position: static;
}
.fc-calendar-container .fc-calendar .fc-head {
border-radius: 10px 10px 0 0;
background: #314699;
color: #fff;
padding: 0;
}
.fc-calendar-container .fc-calendar .fc-head > div {
font-family: ProximaNova-Bold;
letter-spacing: 0;
}
.custom-header h2,
.custom-header h3 {
font-weight: 300;
/*text-transform: uppercase;*/
letter-spacing: 0.5px;
text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
margin-left: 20px;
}
.custom-header h2 {
color: #000;
font-size: 1.050em;
float: left;
}
.custom-header h2 a,
.custom-header h2 span {
color: rgba(255,255,255,0.3);
font-size: 1.050em;
letter-spacing: 0.5px;
white-space: nowrap;
}
.custom-header h2 a {
color: rgba(255,255,255,0.5);
}
.no-touch .custom-header h2 a:hover {
color: rgba(255,255,255,0.9);
}
.custom-header h3 {
/*color: #111;
color: #333333;*/
color: #314699;
font-weight: 300;
line-height: 30px;
float: right;
font-size: 1em;
}
.custom-header nav span.custom-month{
width: 210px;
text-align: center;
white-space: nowrap;
}
.custom-header nav span {
float: left;
width: 30px;
height: 30px;
position: relative;
cursor: pointer;
background: rgba(255,255,255,0.3);
margin: 0 1px;
font-size: 1em;
border-radius: 0 3px 3px 0;
box-shadow: inset 0 1px rgba(255,255,255,0.2);
}
.custom-header nav {
position: static;
}
.custom-header nav span:first-child {
border-radius: 3px 0 0 3px;
}
.custom-header nav span:hover {
background: rgba(255,255,255,0.5);
}
.custom-header span:before {
font-family: 'fontawesome-selected';
color: #333;
display: inline-block;
text-align: center;
width: 100%;
text-indent: 4px;
}
.custom-header nav span.custom-prev:before {
content: '\25c2';
}
.custom-header nav span.custom-next:before {
content: '\25b8';
}
.custom-header nav span:last-child {
border-radius: 3px;
}
.custom-header nav span.custom-current:before {
content: '\27a6';
}
.fc-date ul li {
margin-bottom: 0;
}
a.trigger {
background-color: #314699;
border-color: #314699;
}
.article-searchbar {
padding: 2px 0 7px;
margin-bottom: 20px;
background-color: #161440;
width: 100%;
text-align: center;
}
.a-search {
display: inline-block;
vertical-align: middle;
margin-top: 5px;
}
.a-search input[type="search"] {
padding-left: 40px;
height: 41px;
font-size: 1em;
transition: all 0.4s ease-in-out;
}
.a-search input[type="search"]:focus {
padding-left: 15px;
box-shadow: 0 0 3px #314699;
}
.a-search button[type="submit"] {
padding: 7.5px 10px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
background-color: #314699;
border-color: #314699;
color: #fff;
}
.a-search button[type="submit"]:hover,
.a-search button[type="submit"]:focus {
background-color: #857866;
border-color: #857866;
}
.a-search .form-control-feedback {
position: absolute;
z-index: 2;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
left: 5px !important;
top: 4px;
font-size: 1em;
}
.a-search .has-feedback.has-feedback-left .form-control-feedback {
left: 0;
}
.alpha-pag .a-search {
padding-right: 20px;
}
.articlewrap {
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
margin-bottom: 15px;
}
.articlewrap .arttitle {
background: #314699;
background: -moz-linear-gradient(left, #314699 0%, #161440 100%);
background: -webkit-linear-gradient(left, #314699 0%,#161440 100%);
background: linear-gradient(to right, #314699 0%,#161440 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#314699', endColorstr='#161440',GradientType=1 );
color: #fff;
font-size: 1.250em;
padding: 10px 15px;
font-weight: 700;
border-radius: 8px 8px 0 0;
}
.articlewrap .relarttitle {
background-color: #e6e6e6;
color: #314699;
font-size: 1.250em;
padding: 10px 15px;
font-weight: 700;
border-radius: 8px 8px 0 0;
}
.articlewrap .artcontent {
padding: 10px 15px 20px;
position: relative;
}
.articlewrap h1 {
margin: 0;
font-family: ProximaNova-Bold;
font-weight: bold;
font-size: 1.5em;
color: #314699;
}
.articlewrap h3.artsub {
font-size: 1.125em;
color: #314699;
}
.articlewrap .btn-success,
.articlewrap .btn-danger {
background-color: #e6e6e6;
color: #333;
border-color: #e6e6e6;
}
.articlewrap .btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
}
.articlewrap .btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
}
.emply-list.article_search_list {
padding: 20px !important;
}
.column .articlewrap ul {
list-style-type: disc;
padding-left: 15px;
}
.column .articlewrap ol {
list-style-type: decimal;
padding-left: 15px;
}
.articlewrap ol li {
margin-bottom: 15px;
}
ul.overviewlist li {
position: relative;
padding-left: 25px;
color: #333;
transition: all 0.25s ease-in-out !important;
}
ul.overviewlist li:before {
position: absolute;
left: 0;
top: 9px;
width: 12px;
height: 1px;
content: "";
background: #314699;
transition: all 0.25s ease-in-out !important;
}
ul.overviewlist li a {
color: #333;
transition: all 0.4s ease-in-out;
}
ul.overviewlist li a:hover {
color: #314699;
}
ul.overviewlist li:hover {
padding-left: 33px !important;
}
ul.overviewlist li:hover:before {
color: #314699;
width: 20px;
}
table {
font-size: 1em;
}
.dataTables_wrapper > .row {
width: 100%;
}
.toon-resultaten {
float: left;
width: 100%;
}
.dataTables_wrapper label,
.toon-resultaten label {
padding-left: 0;
height: auto;
padding: 10px 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
margin-bottom: 0;
}
.dataTables_wrapper label:before ,
.toon-resultaten label:before {
display: none;
}
.dataTables_wrapper .dataTables_length .form-control,
.toon-resultaten .form-control {
margin: 0 5px;
max-width: 60px;
}
@media (min-width: 992px) {
.dataTables_wrapper .dataTables_length:first-child,
.dataTables_wrapper .dataTables_length:first-child + .dataTables_paginate {
display: none;
}
.dataTables_wrapper .dataTables_length .form-control,
.toon-resultaten .form-control {
max-width: inherit;
}
}
.btn-small {
padding: 8px 10px !important;
font-size: 14px !important;
}
table.dataTable.no-footer {
border-bottom: 0px solid;
}
table.dataTable thead th, table.dataTable thead td {
border-bottom-color: #888;
}
/* Elements */
h4 {
font-size: 1.125em;
}
.tablewrap {
overflow-x: auto;
margin-bottom: 20px;
width: 100%;
box-shadow: 0 4px 18px rgba(0, 0, 0, .1);
border-radius: 5px;
}
table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: none;
margin-bottom: 15px;
border-radius: 5px 5px 0 0;
overflow: hidden;
}
table.basic-table tbody tr:first-child,
table.basic-table thead tr:first-child {
background: #314699;
color: #fff;
}
table.basic-table thead + tbody tr:first-child {
background-color: inherit;
color: inherit;
}
table.basic-table tbody tr:first-child:hover td,
table.basic-table thead tr:first-child:hover td {
background-color: #314699;
}
table.basic-table thead + tbody tr:first-child:hover td {
background-color: inherit;
color: inherit;
}
table.basic-table.gray-theader tr:first-child,
table.basic-table.gray-theader tr:first-child:hover td {
background: #857866 !important;
color: #fff;
}
table.basic-table.blue-headtext tr:first-child,
table.basic-table.blue-headtext tr:first-child th {
background: #fff;
color: #314699;
}
table.basic-table.blue-headtext tr:nth-child(even) {
background-color: #e6e6e6
}
table.basic-table.blue-headtext tr:nth-child(odd) {
background-color: #fff
}
table th {
text-align: left;
vertical-align: top;
font-family: ProximaNova-Bold;
}
table.basic-table th {
color: #fff;
}
table th:first-child {
border-radius: 4px 0 0 4px
}
table th:last-child {
border-radius: 0 4px 4px 0
}
/*table tr:last-child td:first-child {
border-radius: 0px 0 0 4px
}
table tr:last-child td:last-child {
border-radius: 0 0px 4px 0
}*/
table th, table td {
padding: 15px 20px;
transition: all 0.3s ease-in-out;
vertical-align: middle;
}
table tr:nth-child(even),
table.dataTable tbody tr:nth-child(even) {
background-color: #fff !important;
}
table tr:nth-child(odd),
table.dataTable tbody tr:nth-child(odd) {
background-color: #e6e6e6;
}
table.dataTable thead th, table.dataTable tfoot th {
font-weight: normal;
}
table {
margin-bottom: 0
}
table tr:hover td, table.dataTable tr:hover td {
background-color: #c2d8ef;
}
table.basic-table.no-header tr:first-child {
background: #fff;
color: #314699;
}
table.basic-table.no-header th {
color: #314699;
}
@media screen and (max-width:600px) {
table th, table td {
padding: 10px 14px
}
}
/*@media screen and (max-width:600px) {
table {
border: 0
}
table th {
display: none
}
table tr {
display: block;
margin-bottom: 0
}
table td {
border-bottom: 1px solid #ddd;
display: block;
font-size: 14px;
}
table td:before {
content: attr(data-label);
float: left;
font-weight: 600
}
table td:last-child {
border-bottom: 0
}
}*/
.elements-page hr {
margin: 50px 0;
}
#result .success, .notification {
line-height: 24px;
margin-bottom: 15px;
position: relative;
padding: 20px 26px;
padding-right: 50px;
border-radius: 4px;
transition: all 0.4s ease-in-out;
}
.notification p {
margin: 0;
font-size: 15px;
color: #333;
}
#result .success, .notification.success {
background-color: #e6e6e6
}
#result .success, .notification.success:hover {
background-color: #ebf6e0
}
.notification.error {
background-color: #e6e6e6
}
.notification.error:hover {
background-color: #ffe9e9
}
.notification.warning {
background-color: #e6e6e6
}
.notification.warning:hover {
background-color: #fbfadd
}
.notification.notice h4 {
font-size: 19px;
margin: 3px 0 15px
}
.notification.notice {
background-color: #e6e6e6
}
.notification.notice:hover {
background-color: #e9f7fe
}
.notification.notice.large {
padding: 32px 36px
}
.notification strong {
font-weight: 700
}
.notification a {
text-decoration: underline
}
body .notification strong {
border: none
}
.notification.success .close, .notification.error .close, .notification.warning .close, .notification.notice .close {
padding: 0 9px;
position: absolute;
right: 0;
top: 22px;
display: block;
height: 8px;
width: 8px;
cursor: pointer
}
.notification.notice p span i {
font-weight: 500
}
.notification a.button {
float: right;
color: #fff;
margin-top: 3px
}
.notification.notice a.button {
background-color: #388fc5
}
.notification.warning a.button {
background-color: #dfbe51
}
.notification.error a.button {
background-color: #d34c4c
}
.notification.success a.button {
background-color: #79ba38
}
.notification.closeable a.close:before {
content: "\f00d";
font-family: fontawesomes;
position: absolute;
right: 25px;
top: 0;
cursor: pointer;
font-weight: 600
}
.tabs ul {
padding: 0;
list-style: none;
margin: 0
}
.tabs {
z-index: 15px;
position: relative;
background: #fff;
width: 100%;
border-radius: 4px;
box-shadow: 0 4px 18px rgba(0, 0, 0, .1);
box-sizing: border-box;
margin-bottom: 20px;
overflow: hidden
}
.tabs-header {
position: relative;
background: #314699;
overflow: hidden
}
.tabs-header .tab-hover {
position: absolute;
bottom: 0;
left: 0;
background: #857866;
width: auto;
height: 100%;
transition: .3s ease;
opacity: 1;
z-index: 90
}
.tabs-header ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: calc(100% - 100px);
position: relative;
z-index: 100;
padding: 0 !important;
}
.tabs-header li {
transition: .3s ease;
margin-bottom: 0px;
list-style-type: none;
}
.tabs-header a {
z-index: 1;
display: block;
box-sizing: border-box;
padding: 15px 25px;
color: #fff;
font-weight: 500;
text-decoration: none
}
.tabs-nav {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
height: 100%;
padding: 0 15px;
color: #fff;
user-select: none;
font-size: 19px
}
.tabs-nav i {
cursor: pointer;
display: inline-block;
padding: 0;
height: 30px;
width: 30px;
line-height: 30px;
background-color: rgba(255, 255, 255, .1);
border-radius: 4px;
text-align: center;
position: relative;
z-index: 101;
margin-left: 5px;
transition: .3s
}
.tabs-nav i:hover {
background-color: rgba(255, 255, 255, .15)
}
.tabs-content {
position: relative;
transition: .3s ease;
overflow: hidden;
}
.tabs-content .tab {
padding: 25px
}
.tabs-content .tab p:last-child {
margin-bottom: 0;
padding-bottom: 0
}
.tabs-content:after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
display: block;
width: 100%;
height: 1px;
box-shadow: 0 0 20px 10px #fff
}
.tabs-content .tab {
display: none
}
.tabs-content .tab.active {
display: block
}
@media(max-width:992px) {
.tabs-nav {
display: none
}
.tabs-header ul {
flex-direction: column;
width: 100%
}
.tab-hover {
display: none
}
.tabs-header a {
box-shadow: 0 -1px 0 rgba(255, 255, 255, .15)
}
.tabs-header ul li.active a {
background-color: rgba(255, 255, 255, .07)
}
}
.accordion {
font-size: 1em;
width: 100%;
margin: 0 auto;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
margin-bottom: 20px;
}
.accordion .accordion {
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
}
.accordion-header, .accordion-body {
background: #fff
}
.accordion-header {
padding: 15px 25px;
background: #857866;
color: #fff;
cursor: pointer;
font-size: 1em;
transition: all .3s;
position: relative;
box-shadow: 0 -1px 0 rgba(255, 255, 255, .15)
}
.accordion-header.ac-blueheader {
background-color: #314699;
}
.active .accordion-header.ac-blueheader {
background-color: #857866;
}
.active .accordion-header.ac-blueheader.acblueactive {
background-color: #314699;
}
.accordion .accordion .accordion-header {
box-shadow: 0 -1px 0 rgba(0, 0, 0, .15)
}
.accordion-header:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
content: "";
opacity: 0;
transition: .3s
}
.accordion-body__contents p:last-child {
margin-bottom: 0;
padding-bottom: 0
}
.accordion-body {
background: #fff;
color: #333;
display: none
}
.accordion-body__contents {
padding: 25px;
font-size: 1em;
line-height: 28px
}
.accordion__item.active:last-child .accordion-header {
border-radius: none
}
.accordion:first-child>.accordion__item>.accordion-header {
border-bottom: 1px solid transparent
}
.accordion__item>.accordion-header:after {
content: "\f107";
font-family: fontawesomes;
font-size: 19px;
float: right;
position: relative;
top: -1px;
transition: .3s all;
transform: rotate(0deg)
}
.accordion__item.active>.accordion-header:after {
transform: rotate(-180deg)
}
.accordion__item.active .accordion .accordion-header:before {
opacity: 0
}
.accordion__item .accordion__item .accordion-header {
background: #e6e6e6;
color: #333
}
h5, .h5 {
font-size: 1em;
}
.btn > i {
margin: 0 5px;
}
.button-sliding-icon {
text-align: center
}
.button-sliding-icon i {
opacity: 0;
max-width: 0;
transition: .25s;
display: inline-block;
transform: translateX(-20px)
}
.button-sliding-icon:hover i {
max-width: 20px;
opacity: 1;
transform: translateX(0)
}
.button.button-sliding-icon {
padding-left: 20px;
padding-right: 10px
}
.button.button-sliding-icon:hover {
padding-right: 20px
}
.button.button-sliding-icon i {
padding-right: 5px
}
.button.button-sliding-icon:hover i {
max-width: 20px;
opacity: 1;
transform: translateX(0)
}
.input-group-text {
min-width: 50px;
justify-content: center !important;
}
input[type="text"], input[type="password"], input[type="email"], textarea {
background-color: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
transition: all 0.4s ease-in-out;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
background-color: #fff;
border-color: rgba(49, 70, 153, 0.4) !important;
box-shadow: 0 0 8px rgba(49, 70, 153, 0.6) !important;
}
.with-border {
border: 1px solid rgba(0, 0, 0, 0.25) !important;
}
.section-headline {
padding: 10px 0 15px;
}
.keywords-container {
margin-bottom: -15px
}
.keywords-list {
display: block;
height: 0
}
.keyword {
background-color: #e6e6e6;
color: #888;
display: inline-block;
float: left;
padding: 0;
border-radius: 4px;
cursor: default;
margin: 0 7px 7px 0;
height: 35px;
line-height: 35px;
box-sizing: border-box;
animation: KeywordIn .3s ease-in-out;
animation-fill-mode: both;
transition: .4s;
overflow: hidden;
max-width: 100%;
font-size: 14.7px
}
@keyframes KeywordIn {
0% {
opacity: 0;
transform: scale(.9)
}
100% {
opacity: 1;
transform: scale(1)
}
}
.keyword.keyword-removed {
max-width: 0;
margin: 0;
overflow: hidden;
opacity: 0;
animation: KeywordOut .4s ease-in-out;
animation-fill-mode: both;
pointer-events: none
}
@keyframes KeywordOut {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 0;
margin-top: -35px
}
}
.keyword-text {
padding-right: 12px
}
.keyword .keyword-remove:before {
display: inline-block;
cursor: pointer;
font-family: fontawesomes;
content: "\f00d";
line-height: 20px;
position: relative;
top: 0px;
margin-right: 6px;
margin-left: 10px;
font-size: 14px
}
.keyword-input-container {
position: relative
}
.keyword-input-container .keyword-input-button {
position: absolute;
top: 0;
right: 0;
height: 36px;
width: 36px;
padding: 0;
color: #fff;
background-color: #314699;
border-radius: 4px;
margin: 6px;
font-size: 14px;
text-align: center;
line-height: 36px
}
.keyword-input-container .keyword-input-button i {
color: #fff;
}
input.keyword-input {
margin: 0 0 15px
}
.switches-list .switch-container {
width: 100%
}
.switches-list .switch-container:last-child label {
margin-bottom: 0
}
.switch-container {
display: inline-block;
cursor: pointer
}
label.switch {
position: relative
}
label.switch:before {
display: none;
}
.switches-list .switch-container label {
cursor: pointer;
position: relative;
padding-left: 45px;
line-height: 22px
}
.switches-list .switch-container label.switch-on {
color: #314699;
}
.switch-button {
position: relative;
display: inline-block;
width: 34px;
height: 20px;
cursor: pointer;
background-color: #ccc;
border-radius: 50px;
transition: .4s;
margin: 0 7px 0 0;
top: 4px;
position: absolute;
top: 2px;
left: 0
}
.notify-box .switch-button {
top: 0
}
.notify-box .switch-container {
top: 1px;
position: relative
}
.switch span.switch-text {
display: block;
padding-left: 48px;
font-size: 1em;
line-height: 22px;
color: #666
}
.switch input {
display: none
}
.switch.interactive-effect input:checked+.switch-button:before {
animation: switch-shadow-color .4s
}
.switch.interactive-effect .switch-button:before {
animation: switch-shadow .4s
}
@keyframes switch-shadow {
0% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, .3)
}
100% {
box-shadow: 0 0 0 10px transparent
}
}
@keyframes switch-shadow-color {
0% {
box-shadow: 0 0 0 0 rgba(102, 103, 107, .6)
}
100% {
box-shadow: 0 0 0 10px transparent
}
}
.switch-button:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
bottom: 2px;
left: 2px;
background-color: #fff;
transition: .4s, box-shadow .3s;
border-radius: 50px
}
input:checked+.switch-button {
background-color: #888
}
input:checked+.switch-button:before {
transform: translateX(14px)
}
.radio {
display: inline-block;
vertical-align: top;
padding-right: 15px;
}
.radio label {
margin: 3px 0;
cursor: pointer;
position: relative;
padding-left: 29px;
line-height: 22px
}
.radio input[type=radio] {
position: absolute;
opacity: 0
}
.radio input[type=radio]+label .radio-label {
content: '';
background: #fff;
border-radius: 100%;
border: 2px solid #b4b4b4;
display: inline-block;
width: 18px;
height: 18px;
position: relative;
margin-right: 5px;
vertical-align: top;
cursor: pointer;
text-align: center;
transition: all 250ms ease;
background-color: #fff;
box-shadow: inset 0 0 0 8px #fff;
z-index: 100;
position: absolute;
top: 3px;
left: 1px;
}
.radio input[type=radio]+label .radio-label:after {
background-color: #888;
content: "";
top: 3px;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
opacity: 1;
transition: .3s;
border-radius: 50%;
transform: scale(0);
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
z-index: 99
}
.radio input[type=radio]:checked+label .radio-label {
background-color: #888;
border-color: #888;
box-shadow: inset 0 0 0 3px #fff
}
.radio-label:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 50%;
background-color: transparent;
display: block
}
.interactive-effect label .radio-label:before {
animation: radius-shadow .4s
}
@keyframes radius-shadow {
0% {
box-shadow: 0 0 0 0 rgba(102, 103, 107, .4)
}
100% {
box-shadow: 0 0 0 10px transparent
}
}
.language-switch {
padding: 10px 20px;
color: #fff;
float: left;
}
.language-switch input[type="radio"]:checked + label {
color: #c2d8ef;
}
.small-label {
border-radius: 4px;
display: inline-block;
background: #e0f5d7;
color: #449626;
padding: 0 8px;
line-height: 27px;
height: 26px;
margin-left: 5px;
position: relative;
top: -1px
}
.checkbox {
display: inline-block;
margin-bottom: 0
}
.checkbox input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer
}
.checkbox label {
position: relative;
cursor: pointer;
padding-left: 30px;
line-height: 22px;
height: auto;
}
.checkbox label a {
color: #314699;
}
.checkbox label span.checkbox-icon {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 2px solid #b4b4b4;
height: 20px;
width: 20px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 5px;
border-radius: 4px;
transition: .3s;
position: absolute;
left: 0;
top: 1px
}
.checkbox input+label span.checkbox-icon:after {
position: absolute;
top: 2px;
left: 0;
right: 0;
margin: 0 auto;
opacity: 0;
content: '';
display: block;
width: 6px;
height: 10px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: scale(.5) rotate(45deg);
transition: all .35s cubic-bezier(.3, -.41, .19, 2), opacity .3s
}
.checkbox input:checked+label span.checkbox-icon {
border-color: #888;
background-color: #888
}
.checkbox input:checked+label span.checkbox-icon:after {
transform: scale(1) rotate(45deg);
opacity: 1
}
.checkbox input:checked + label span.checkbox-icon,
.radio input[type="radio"]:checked + label .radio-label,
input:checked + .switch-button {
background-color: #314699;
border-color: #314699;
}
input.range-slider, input.default-slider {
display: none
}
.slider {
display: inline-block;
vertical-align: middle;
position: relative
}
.slider.slider-horizontal {
width: calc(100% - 20px);
margin-left: 11px;
height: 20px
}
.slider.slider-horizontal .slider-track {
height: 3px;
width: calc(100% + 18px);
margin-top: -2px;
top: 50%;
left: -9px
}
.slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high {
height: 100%;
top: 0;
bottom: 0
}
.slider.slider-horizontal .slider-handle {
margin-left: -11px
}
.slider.slider-horizontal .slider-tick-label-container {
white-space: nowrap;
margin-top: 20px
}
.slider.slider-horizontal .tooltip {
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute
}
.slider input {
display: none
}
.slider .tooltip.top {
margin-top: -40px;
opacity: 1;
}
.slider .tooltip-inner {
white-space: nowrap;
max-width: none;
background-color: #161440;
padding: 4px 12px;
line-height: 21px;
color: #fff;
font-size: 14px;
border-radius: 4px
}
.slider .tooltip-arrow {
position: absolute;
width: 0;
height: 0;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #161440
}
.tooltip.tooltip-min, .tooltip.tooltip-max {
display: none
}
.slider .hide {
display: none
}
.slider-track {
position: absolute;
cursor: pointer;
border-radius: 4px;
background-color: #e0e0e0
}
.slider-selection {
position: absolute;
background-color: #314699;
box-sizing: border-box;
border-radius: 4px
}
.slider-track-low, .slider-track-high {
position: absolute;
background: 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px
}
.slider-handle {
position: absolute;
top: 0;
width: 20px;
height: 20px;
border: 2px solid #314699;
cursor: pointer;
z-index: 20;
border-radius: 50%
}
.slider-handle:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: #fff;
border-radius: 50%;
z-index: 30;
display: block;
box-shadow: 0 0 0 6px rgba(102, 103, 107, .12);
transition: .2s
}
.slider-handle:hover:after {
box-shadow: 0 0 0 8px rgba(102, 103, 107, .12)
}
.slider-handle.custom {
position: absolute;
top: -5px;
width: 40px;
height: 29px;
border: none;
cursor: pointer;
z-index: 20;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
text-align: center
}
.slider-handle.custom:after {
display: none
}
.slider-handle.custom:before {
content: "\e958 \e959";
font-family: material-icons;
letter-spacing: -10px;
font-size: 21px;
color: #a0a0a0;
margin-left: -10px;
transition: .3s
}
.slider-handle.custom:hover:before {
color: #333
}
.slider.slider-horizontal .slider-handle.custom {
margin-left: -20px
}
.tab-sec .tab-content {
text-align: left;
}
.cand-extralink.empl > li a {
border-bottom: 2px solid transparent;
}
.cand-extralink.empl > li.active a {
border-bottom: 2px solid #314699;
}
.style3 .job-head-wide {
border-bottom: 0px;
}
.not-found {
text-align: center;
}
.not-found h2 {
font-size: 6.5em;
color: #314699;
}
.not-found h2 i {
font-size: 0.68em;
vertical-align: 13px;
color: #666;
}
.not-found h3 {
font-size: 1.556em;
}
.footer-newsletter .form-control {
padding: 5px 10px;
height: 38px;
}
.footer-newsletter .input-group-append .btn {
padding: 5px 10px;
height: 38px;
margin: 0;
}
footer .input-group-append .btn {
padding: 15px 30px;
margin-top: 0;
}
.block2 {
padding: 30px 0 0;
}
.keditor-container-content > section:first-child .block2 {
padding: 60px 0 0;
}
.company-profile-section {
position:relative;
background-color:#fbfbfd;
padding:30px 0
}
@media (max-width:991.98px) {
.company-profile-section {
margin-left:calc(-50vw + 50%)
}
}
.company-profile-section.v1 {
background-color:transparent
}
.company-profile-section.v1 .company-profile-inner .company_logo {
margin-bottom:0
}
@media (max-width:767.98px) {
.company-profile-section.v1 .company-profile-inner .companies {
margin:0 -10px
}
}
@media (max-width:767.98px) {
.company-profile-section.v1 .company-profile-inner .company {
margin:10px
}
}
.company-profile-inner .companies {
list-style:none;
margin:0;
padding:0;
text-align:center;
position:relative
}
@media (min-width:768px) {
.company-profile-inner .company {
padding:15px
}
}
.company-profile-inner .company-inner {
background-color:#fff;
border-radius:8px;
-webkit-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;
box-shadow:0 3px 7px 0 #bfbfbf;
padding:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.company-profile-inner .company-inner:hover,
.company-profile-inner .company-inner:focus {
outline:none;
box-shadow:0 0 20px 0 rgba(32,32,32,.25)
}
.company-profile-inner .company-info {
text-align:center
}
.company-profile-inner .company-info span {
color: #314699;
}
.company-profile-inner .company_logo {
max-width:80px;
height:80px;
width:80px;
margin:auto;
-o-object-fit:cover;
object-fit:cover;
margin-bottom:25px
}
.grid figure {
position:relative;
float:left;
overflow:hidden;
min-width:100%;
max-width:100%;
width:100%;
margin:0 0 26px;
text-align:center;
cursor:pointer;
border-radius: 8px;
}
@media (min-width: 800px) {
.detailed-item-mr {
margin-bottom: 25px;
}
}
.grid figure img {
position:relative;
display:block;
min-height:100%;
max-width:100%
}
.grid figure figcaption {
padding:2em;
color:#fff;
text-transform:uppercase;
font-size:1.25em;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events:none
}
.grid figure figcaption,
.grid figure figcaption>a {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.grid figure figcaption>a {
z-index:1000;
text-indent:200%;
white-space:nowrap;
font-size:0;
opacity:0
}
.grid figure h2 {
word-spacing:-.15em;
font-weight:300
}
.grid figure h2 span {
font-weight:800
}
.grid figure h2,
.grid figure p {
margin:0
}
.grid figure p {
letter-spacing:1px;
font-size:68.5%
}
figure.effect-chico {
margin:0
}
figure.effect-chico img {
-webkit-transition:opacity .35s,-webkit-transform .35s;
transition:opacity .35s,transform .35s;
-webkit-transform:scale(1.12);
transform:scale(1.12);
width:100%
}
figure.effect-chico:hover img {
-webkit-transform:scale(1);
transform:scale(1)
}
figure.effect-chico figcaption {
padding:3em
}
figure.effect-chico figcaption::before {
position:absolute;
top:30px;
right:30px;
bottom:30px;
left:30px;
content:'';
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
figure.effect-chico figcaption::before,
figure.effect-chico p {
opacity:0;
-webkit-transition:opacity .35s,-webkit-transform .35s;
transition:opacity .35s,transform .35s
}
.effect-caption-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
figure.effect-chico h2 {
color:#fff;
font-size:2.125em;
font-weight:500;
text-transform:capitalize;
text-shadow:1px 0 30px #000
}
@media(max-width:1200px) {
figure.effect-chico h2 {
font-size:26px
}
}
figure.effect-chico p {
margin:0 auto;
max-width:200px;
-webkit-transform:scale(1.5);
transform:scale(1.5);
font-size:1em;
text-shadow:1px 0 30px #000;
color:#fff;
padding:10px
}
@media(max-width:1200px) {
figure.effect-chico p {
font-size:1.125em;
line-height:1.3
}
}
figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
@media screen and (max-width:50em) {
.content {
padding:0 10px;
text-align:center
}
.grid figure {
display:inline-block;
float:none;
margin:10px auto;
width:100%
}
}
.full-width.slick-initialized .slick-list {
overflow: visible;
}
.full-width.slick-initialized .slick-slide {
margin: 0 15px;
transform:scale(.55);
opacity:0;
pointer-events:none;
transition:.4s
}
.full-width.slick-initialized .slick-slide.slick-active {
transform:scale(1);
opacity:1;
pointer-events:all
}
.p-category1 {
border-radius: 8px;
min-height: 150px;
box-shadow: 0px 7px 20px rgba(0,0,0,0.1);
display: flex;
align-items: center;
justify-content: center;
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
transition: 0.4s all ease-in-out;
margin-bottom: 30px;
position: relative;
}
.p-category1:hover {
transform: translateY(-8px);
}
.p-category1:before {
border-radius: 8px;
transition: 0.4s all ease-in-out;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
content: '';
background-color: #000;
opacity: 0.4;
}
.p-category1:hover:before {
opacity: 1;
background-color: #314699;
}
.p-category1 > div {
position: relative;
text-align: center;
}
.pc1title {
font-size: 1.125em;
color: #fff;
margin-bottom: 5px;
}
.pc1btn {
background-color: #314699;
color: #fff;
border-radius: 5px;
padding: 3px 15px;
display: inline-block;
}
.profile-sidebar .menu-item-has-children > div,
.profile-sidebar .menu-item-has-children ul li.menu-item-has-children > div {
visibility: hidden;
left: 299px;
overflow: hidden;
position: fixed;
top: 42px;
width: 299px;
/*height: calc(100vh - 70px);*/
margin-top: 0;
overflow-y: auto;
padding: 0px;
}
.profile-sidebar .menu-item-has-children ul li.menu-item-has-children > div {
right: 640px;
}
.profile-sidebar .menu-item-has-children > ul li {
padding: 0px 20px;
}
.profile-sidebar .menu-item-has-children > ul li a {
padding-left: 0 !important;
}
.profile-sidebar.active.subexpanded .menu-item-has-children.active > div,
.profile-sidebar.active.second-subexpanded .menu-item-has-children.active > div {
visibility: visible;
display: block;
}
.pmenublock {
width: 299px;
padding: 0 0px;
margin-top: 10px;
overflow-x: hidden;
}
.profilemenu {
margin-bottom: 20px;
width: 299px;
transition: all 0.5s ease-in-out;
transform: translate3d(0px, 0px, 0px);
}
.profile-sidebar.active.subexpanded .profilemenu {
transform: translate3d(-299px, 0px, 0px);
visibility: visible;
width: 299px;
}
.profile-sidebar.active.second-subexpanded .profilemenu {
transform: translate3d(-640px, 0px, 0px);
visibility: visible;
width: 299px;
}
.profile-sidebar ul li ul {
padding-left: 0;
}
.pmenuback {
position: absolute;
left: 299px;
width: 299px;
padding: 8px 20px;
transition: all 0.5s ease-in-out;
}
.pmenuback.show {
left: 0px;
}
.responsive-header:before {
position: fixed;
content: '';
background-color: rgba(0, 0, 0, 0.75);
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
transition: all 0.4s ease-in-out;
}
.responsive-header.active:before {
visibility: visible;
opacity: 1;
}
.profilemenu ul > li ul {
margin: 0px 0;
display: block;
}
.profilemenu ul > li h6 {
padding: 10px 20px;
color: #c2d8ef;
}
.profilemenu ul > li > a {
font-size: 1.125em;
display: block;
position: relative;
transition: all 0.4s ease-in-out;
}
.profilemenu ul > li {
transition: all 0.4s ease-in-out;
padding: 7px 20px;
margin: 0;
}
.profilemenu ul > li > a i {
width: 28px;
margin-right: 10px;
text-align: center;
}
/*.profilemenu ul > li ul > li:hover,*/
.profilemenu ul > li.active,
.profilemenu ul > li:hover {
background-color: #e6e6e6;
}
.profilemenu ul > li:hover > a,
.profilemenu ul > li a:hover,
.profilemenu ul > li.menu-item-has-children a:hover,
.profilemenu ul > li.menu-item-has-children.active > a,
.profilemenu ul > li.menu-item-has-children.active > a:hover {
color: #161440;
}
.profilemenu ul > li.menu-item-has-children > a::after {
display: none;
}
.profilemenu ul > li.menu-item-has-children > a::before {
content: "\f054";
font-family: FontAwesomes;
font-size: 0.938em !important;
text-rendering: auto;
background: none;
width: 10px;
top: 7px;
height: 15px;
line-height: 15px;
position: absolute;
right: 0;
}
.profilemenu ul li ul > li.menu-item-has-children > a::before {
line-height: 11px;
}
.profilemenu ul > li ul > li * {
float: none !important;
}
.profilemenu ul > li ul > li a {
display: inline-block;
font-size: 1.125em;
padding: 0 !important;
color: #161440;
}
.profilemenu ul > li ul > li a:hover {
color: #161440;
}
article, article.blogpost {
position: relative;
margin-bottom: 30px;
}
article .post-inner, article.blogpost .post-inner {
padding-bottom: 30px;
border-bottom: 1px solid #e8ecec;
}
article.sticky .entry-title::before, article.category-sticky .entry-title::before, article.blogpost.sticky .entry-title::before, article.blogpost.category-sticky .entry-title::before {
content: "ï‚";
font-weight: 900;
font-family: 'fontawesomes';
margin-right: 8px;
font-size: 1.375em;
}
article .media-attachment, article.blogpost .media-attachment {
margin-bottom: 17px;
}
article .entry-meta, article.blogpost .entry-meta {
font-size: 0.875em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 500;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width:768px) {
article .entry-meta, article.blogpost .entry-meta {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
article .entry-meta .post-author-info, article.blogpost .entry-meta .post-author-info {
margin-bottom: 10px;
}
@media (min-width:768px) {
article .entry-meta .post-author-info, article.blogpost .entry-meta .post-author-info {
margin-right: 30px;
margin-bottom: 20px;
}
}
article .entry-meta span, article.blogpost .entry-meta span {
margin-bottom: 10px;
}
@media (min-width:768px) {
article .entry-meta span, article.blogpost .entry-meta span {
margin-right: 30px;
margin-bottom: 20px;
}
}
article .entry-meta span a, article.blogpost .entry-meta span a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #888;
}
article .entry-meta span a:before, article.blogpost .entry-meta span a:before {
font-family: "fontawesomes";
font-weight: 400;
line-height: 22px;
font-size: 1.375em;
margin-right: 5px;
-webkit-font-smoothing: antialiased;
}
article .entry-meta .posted-on, article.blogpost .entry-meta .posted-on {
-ms-flex-negative: 0;
flex-shrink: 0;
}
article .entry-meta .posted-on a:before, article.blogpost .entry-meta .posted-on a:before {
content: "\f073";
}
article .entry-meta .comments-link, article.blogpost .entry-meta .comments-link {
-ms-flex-negative: 0;
flex-shrink: 0;
}
article .entry-meta .comments-link a:before, article.blogpost .entry-meta .comments-link a:before {
content: "\f086";
}
article .entry-meta .cat-links, article.blogpost .entry-meta .cat-links {
color: #888;
}
article .entry-meta .cat-links a, article.blogpost .entry-meta .cat-links a {
display: inline-block;
}
article .entry-meta .cat-links:before, article.blogpost .entry-meta .cat-links:before {
font-family: "fontawesomes";
content: "\f24d";
font-weight: 400;
line-height: 22px;
font-size: 1.375em;
margin-right: 5px;
vertical-align: sub;
-webkit-font-smoothing: antialiased;
}
article .entry-title, article.blogpost .entry-title {
margin-top: 0;
}
article .entry-title a, article.blogpost .entry-title a {
color: #666;
}
article .entry-sub-title, article.blogpost .entry-sub-title {
font-size: 0.875em;
font-weight: 500;
}
article .entry-content, article.blogpost .entry-content {
margin-bottom: 20px;
margin-top: 0;
}
article .entry-content * + h1, article .entry-content * + h2, article .entry-content * + h3, article .entry-content * + h4, article .entry-content * + h5, article .entry-content * + h6, article .entry-content * + .h1, article .entry-content * + .h2, article .entry-content * + .h3, article .entry-content * + .h4, article .entry-content * + .h5, article .entry-content * + .h6, article.blogpost .entry-content * + h1, article.blogpost .entry-content * + h2, article.blogpost .entry-content * + h3, article.blogpost .entry-content * + h4, article.blogpost .entry-content * + h5, article.blogpost .entry-content * + h6, article.blogpost .entry-content * + .h1, article.blogpost .entry-content * + .h2, article.blogpost .entry-content * + .h3, article.blogpost .entry-content * + .h4, article.blogpost .entry-content * + .h5, article.blogpost .entry-content * + .h6 {
margin-top: 1em;
}
article .entry-meta a:hover {
color: #314699 !important;
}
.list-detail-info {
padding: 30px 0 0px;
text-align: center;
color: #fff;
min-height: 157px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.list-detail-info > h1, .title h1 , .title h2 {
color: #ffffff;
font-size: 2.222em;
letter-spacing: 0;
margin: 0 0 10px;
width: 100%;
line-break: anywhere;
}
.list-detail-info > span, .sub-title h2 , .sub-title h3 {
color: #e6e6e6;
font-size: 1.375em;
width: 100%;
font-family: "ProximaNova-Regular" !important;
}
.list-detail-info > p {
color: #cfd8db;
float: left;
font-size: 1em;
margin-top: 20px;
width: 100%;
}
.list-detail-info .rated-list {
float: left;
margin-bottom: 30px;
margin-top: 10px;
width: 100%;
}
.list-detail-info .rated-list > i {
color: #fff;
display: inline-block;
float: none;
font-size: 1.125em;
}
.list-detail-subtext {
color: #fff;
font-size: 1.25em;
padding-bottom: 10px;
min-height: 40px;
}
.list-detail-subtext i {
font-size: 0.75em;
margin-right: 5px;
}
.list-detail-box .rated-list > span {
font-size: 1em;
}
.list-detail-metas {
float: left;
list-style: outside none none;
margin: 0;
padding: 15px 0 0 50px;
text-align: left;
}
.list-detail-metas > li {
display: inline-block;
float: none;
margin: 0 30px 0 0;
width: auto;
}
.list-detail-metas a {
color: #ffffff;
float: left;
font-size: 1.125em;
}
.list-detail-metas a i {
float: left;
font-size: 1.500em;
margin-right: 10px;
}
.link-bars {
background: #857866 none repeat scroll 0 0;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
position: relative;
z-index: 2;
float: left;
padding: 0px;
width: 100%;
transition: all 0.4s ease-in-out;
}
.link-bars ul {
margin: 0 -15px;
}
.link-bars ul li {
display: inline-block;
margin: 0;
padding: 0px 0px;
z-index: 1;
}
.link-bars.sticky {
left: 0;
position: fixed;
top: 103px;
padding: 11px 0 10px;
width: 100%;
z-index: 2;
background-color: #857866;
}
.link-bars a {
color: #fff;
display: block;
font-size: 1em;
padding: 12px 15px 14px;
position: relative;
}
.link-bars a:hover {
color: #fff;
}
.link-bars ul li.back {
position: absolute;
bottom: 0;
left: 0;
background: #314699;
width: auto;
height: 100%;
transition: .3s ease;
opacity: 1;
z-index: 0;
}
.link-bars.sticky a {
color: #fff;
}
.link-bars.sticky .lavaLamp li.back {
border-color: #fff;
}
@media (max-width: 1199px) {
.link-bars a {
padding: 12px 4px 14px;
}
}
@media (max-width: 1023px) {
.link-bars a {
padding: 12px 8px 14px;
}
.link-bars ul li.back {
display: none;
}
.link-bars a.lb-active {
background-color: #314699;
}
}
.lb-content {
display: none;
}
.info, .info:focus {
color: #161440;
transition: all 0.4s ease-in-out;
}
.info:hover {
color: #314699;
}
.link1, .link1:focus {
color: #314699;
word-break: break-all;
}
.shadowbox {
box-shadow: 0 0px 6px rgba(0, 0, 0, .2);
padding: 15px 20px 20px;
float: left;
width: 100%;
background-color: #fff;
border-radius: 8px;
margin-bottom: 20px;
}
.auto-height {
height: calc(100% - 20px);
margin-bottom: 20px;
}
.mt-0 {
margin-top: 0px !important;
}
.mt-10 {
margin-top: 10px !important;
}
.mt-20 {
margin-top: 20px !important;
}
.mt-30 {
margin-top: 30px !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-40 {
margin-bottom: 40px !important;
}
.amenities-sec {
border-top: 1px solid #e8ecec;
float: left;
width: 100%;
}
.amenities-sec.no-border {
border: 0px solid;
}
.amenities-sec > h3 {
color: #333;
float: left;
font-size: 1em;
font-weight: normal;
margin-bottom: 5px;
margin-left: 0;
margin-top: 15px;
width: 100%;
}
.amenities-sec > span {
float: left;
color: #314699;
font-size: 0.938em;
line-height: 23px;
margin-right: 30px;
margin-top: 14px;
}
.amenities-sec > span i {
float: left;
font-size: 1.313em;
margin-right: 10px;
}
.hours-box {
float: left;
margin-top: 5px;
width: 100%;
}
.opening-hours-box {
max-width: 100%;
overflow-x: auto;
padding-bottom: 15px;
}
.opening-hours-box > ul {
display: table;
float: left;
list-style: outside none none;
margin: 0;
padding: 0;
width: 100%;
}
.opening-hours-box > ul > li {
display: table-cell;
text-align: center;
vertical-align: top;
padding: 0 10px;
}
.opening-hours-box li h5 {
color: #314699;
float: left;
font-size: 1em;
font-weight: normal;
margin: 0 0 10px;
width: 100%;
}
.opening-hours-box span {
color: #333;
float: left;
font-size: 1em;
line-height: 30px;
position: relative;
width: 100%;
}
.opening-hours-box span:last-child::before {
display: none;
}
/* Display Reviewer */
.display-review-box {
float: left;
width: 100%;
margin-top: 10px;
}
.review-list-sec > ul {
float: left;
list-style: outside none none;
margin: 0;
padding: 0;
width: 100%;
}
.review-list-sec > ul > li {
float: left;
margin-bottom: 30px;
width: 100%;
}
.review-list-sec > ul > li:last-child{
margin: 0;
}
.review-list {
display: table;
float: left;
position: relative;
width: 100%;
}
.review-list > .review-avatar {
display: table-cell;
float: left;
width: 90px;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.reviewer-info {
display: table-cell;
vertical-align: top;
width: 100%;
}
.reviewer-info > h5 a{
color: #161440;
float: left;
font-size: 1.125em;
margin: 0;
width: 100%;
}
.reviewer-info > h5 {
float: left;
font-weight: normal;
margin: 0;
width: 100%;
}
.reviewer-info > span {
font-size: 0.875em;
line-height: 10px;
margin: 8px 10px;
display: inline-block;
}
.reviewer-info > p {
color: #888888;
float: left;
font-size: 0.938em;
line-height: 23px;
margin: 3px 0 0;
width: 100%;
}
.reviewer-stars {
font-size: 0.875em;
display: inline-block;
padding: 10px 0;
}
.reviewer-stars b{
color: #888;
}
.reviewer-stars .rcount {
background-color: #314699;
color: #fff;
padding: 2px 7px;
border-radius: 5px;
margin-right: 5px;
}
.add-review-box {
float: left;
margin-top: 30px;
width: 100%;
}
.add-review-form > form {
float: left;
width: 100%;
}
.add-review-form > form input, .add-review-form > form textarea {
margin-bottom: 20px;
}
.add-review-form button {
float: left;
}
.add-your-stars {
float: left;
margin-bottom: 20px;
width: 100%;
}
.add-your-stars > h5 {
float: left;
font-weight: normal;
margin: 0;
}
.add-your-stars > .reviewer-stars {
float: left;
margin-left: 14px;
position: static;
color: #314699
}
.categories-container {
display:flex;
flex-wrap:wrap
}
.category-box {
flex:0 0 25%;
align-content:center;
justify-content:center;
display:flex;
flex-direction:column;
margin:0;
text-align:center;
padding:25px;
border-radius:8px;
transition:.35s
}
@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
.category-box {
max-width:25%;
text-align:center
}
.category-box-counter {
width:50px!important
}
}
.category-box-icon {
font-size:42px;
line-height:32px;
color:#888;
position:relative
}
.category-box-icon i {
height:42px;
display:block;
transition:.35s;
margin-bottom:12px
}
.category-box-counter {
width:auto;
height:24px;
font-size:14px;
line-height:22px;
border-radius:4px;
padding:0 8px;
color:#909090;
background:rgba(0,0,0,.06);
font-weight:600;
display:inline-block;
margin:0 auto;
transition:.35s;
margin-bottom:18px
}
.category-box-content h3 {
font-size:16px;
color:#333;
margin:0;
padding:0;
transition:.35s
}
.category-box-content p {
color:#333;
margin:0;
padding:0;
line-height:24px;
margin-top:5px;
transition:.35s
}
.category-box:hover {
background:#314699;
box-shadow:0 4px 12px rgba(102,103,107,.2);
color:#fff
}
.category-box:hover .category-box-content h3,
.category-box:hover .category-box-icon {
color:#fff
}
.category-box:hover .category-box-content p {
color:rgba(255,255,255,.7)
}
.category-box:hover .category-box-counter {
background:rgba(0,0,0,.2);
color:#fff
}
@media(max-width:1240px) {
.category-box {
flex:0 0 33.3%
}
}
@media(max-width:768px) {
.category-box {
flex:0 0 50%
}
}
@media(max-width:480px) {
.category-box {
flex:0 0 100%;
margin-right:0
}
}
.photo-box {
border-radius:8px;
height:360px;
display:block;
position:relative;
background-size:cover;
background-position:100%;
box-shadow:0 3px 10px rgba(0,0,0,.2);
transition:.4s;
margin:0 0 25px
}
.photo-box:before {
content:"";
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background:#333;
opacity:.5;
border-radius:4px;
transition:.4s
}
.photo-box-content {
position:absolute;
bottom:30px;
left:30px
}
.photo-box-content h3 {
color:#fff;
font-size:20px;
line-height:28px
}
.photo-box-content span {
color:#333;
background:#fff;
border-radius:4px;
font-size:15px;
font-weight:500;
padding:4px 10px;
line-height:20px;
margin-top:8px;
display:inline-block
}
.photo-box:hover {
box-shadow:0 4px 12px rgba(0,0,0,.25);
transform:translateY(-10px)
}
.photo-box:hover:before {
background:#314699;
opacity:.95
}
.photo-box.small {
height:160px;
margin-bottom:30px
}
.photo-box.small:hover {
transform:translateY(-5px)
}
.photo-box.small .photo-box-content {
left:0;
right:0;
margin:0 auto;
text-align:center;
bottom:auto;
top:50%;
transform:translateY(-49%)
}
.photo-box.small .photo-box-content h3 {
font-size:16px;
font-weight:600
}
.photo-box.small .photo-box-content span {
color:#fff;
background:#888;
font-size:14px;
line-height:18px;
margin-top:5px;
transition:.3s
}
.photo-box.small:hover .photo-box-content span {
color:#fff;
background:rgba(0,0,0,.2)
}
a.ahbtn {
width: 30px;
height: 30px;
border-radius: 5px 0 0 5px;
text-align: center;
line-height: 30px;
font-size: 1em;
position: fixed;
left: -30px;
top: 0;
z-index: 1000;
color: #fff;
background-color: #314699;
font-family: "FontAwesomes";
box-shadow: rgba(0, 0, 0, 0.1) -10px 0px 21px;
transition: all 0.4s ease-in-out;
}
.content-index {
transition: all 0.4s ease-in-out;
position: fixed;
right: 0px;
top: 260px;
transform: translateY(0);
background-color: #fff;
z-index: 102;
padding: 10px;
width: 246px;
border-radius: 0px 0 0 5px;
max-height: 85vh;
box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
}
@media(min-width: 1024px){
.content-index {
padding: 15px;
top: 395px;
}
}
@media(min-width: 1024px) and (max-height: 767px) {
.content-index ul.indexlist {
max-height: calc(100vh - 490px);
}
}
@media(max-width: 1023px) and (max-height: 767px) {
.content-index ul.indexlist {
max-height: calc(100vh - 350px);
}
}
.content-index img {
max-width: 100%;
height: auto;
}
a.ahbtn {
display: block;
}
.content-index {
box-shadow: none;
right: -246px;
}
.content-index.ciexpanded {
box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
right: 0px;
}
.content-index p {
text-align: center;
margin: 0;
font-size: 0.938em;
color: #314699;
}
.content-index h4 {
text-align: center;
margin-bottom: 10px;
color: #333;
}
.content-index ul.indexlist {
max-height: calc(85vh - 90px);
overflow-y: auto;
margin-bottom: 0;
}
.content-index ul.indexlist li {
color: #314699;
margin-bottom: 0;
padding: 2px 0;
font-size: 0.938em;
}
.content-index ul.indexlist ul {
padding-left: 21px;
overflow-y: auto;
}
.content-index ul.indexlist li a {
color: #314699;
transition: all 0.4s ease-in-out;
}
.content-index ul.indexlist li a:hover {
color: #333;
}
.content-index ul.indexlist li a span {
display: inline-block;
padding-right: 5px;
}
a.wbbtn {
display: none;
}
.list-tree {
float: right;
padding: 3px 10px !important;
}
@media (max-width: 991px) {
aside.wizardBox {
transition: all 0.4s ease-in-out;
position: fixed;
left: -246px;
top: 260px;
transform: translateY(0);
background-color: #fff;
z-index: 1020;
padding: 15px 15px 15px 15px ;
width: 246px;
border-radius: 0px 0 5px 0;
max-height: 85vh;
box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
}
aside.wizardBox.wbexpanded {
box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
left: 0px;
}
a.wbbtn {
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
font-size: 1em;
position: fixed;
right: -32px;
top: 0;
z-index: 1000;
display: none;
color: #fff;
background-color: #314699;
border-radius: 0 5px 5px 0;
box-shadow: rgba(0, 0, 0, 0.1) 10px 0px 21px;
transition: all 0.4s ease-in-out;
font-family: "FontAwesomes";
}
a.wbbtn:before {
content: "\f0e8";
}
aside.wizardBox .widget {
margin-top: 0px;
}
aside.wizardBox .sidebar-links.list-of-contents {
max-height: calc(85vh - 100px);
overflow-y: auto;
}
}
aside.wizardBox h3 {
margin-top: 15px;
}
@media (max-width: 991px) {
aside.wizardBox + .column {
margin-top: 5px;
}
}
/*additional info box*/
.additional-infobox {
position: absolute;
top: -20px;
right: 0;
width: 0;
height: auto;
overflow: hidden;
transition: all 0.4s ease-in-out;
border-radius: 5px 0 0 5px;
font-size: 0.875em;
z-index: 1;
}
.additional-infobox.addinfo-expanded {
width: 220px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
}
.additional-infobox-inner {
width: 220px;
background-color: #f6f6f6;
padding: 15px;
color: #314699;
}
a.ai-btn {
position: absolute;
right: -13px;
top: 0px;
z-index: 2;
width: 26px;
height: 26px;
border-radius: 50%;
background-color: #fff;
}
a.ai-btn:before {
content: '';
width: 12px;
height: 12px;
border-radius: 50%;
margin: 7px 7px;
background-color: #314699;
display: block;
}
@media(min-width: 1600px) {
.additional-infobox {
left: 100%;
right: auto;
border-radius: 0 5px 5px 0;
background-color: transparent;
}
.additional-infobox.addinfo-expanded, .additional-infobox-inner {
width: 160px;
box-shadow: none;
background-color: transparent;
}
}
@media(min-width: 1650px) {
.additional-infobox.addinfo-expanded, .additional-infobox-inner {
width: 180px;
}
}
@media(min-width: 1700px) {
.additional-infobox.addinfo-expanded, .additional-infobox-inner {
width: 208px;
}
}
@media(min-width: 1750px) {
.additional-infobox.addinfo-expanded, .additional-infobox-inner {
width: 220px;
}
}
/*additional info box*/
.side-social-links li {
display: inline-block;
margin-right: 15px;
}
.side-social-links li:last-child {
margin-right: 0;
}
.side-social-links li a {
color: #314699;
font-size: 1.500em;
transition: color 0.4s ease-in-out;
}
.side-social-links li a i {
color: #314699;
transition: color 0.4s ease-in-out;
}
.side-social-links li:hover a i {
color: #857866 !important;
}
span.bookmark-icon {
font-size:20px;
position:absolute;
z-index:101;
right:35px;
top:35px;
cursor:pointer;
background-color:#eee;
color:silver;
display:block;
height:39px;
width:39px;
border-radius:50%;
transition:all .4s;
line-height:27px
}
.bookmark-icon.bookmarked {
animation:bookmarked-shadow .3s
}
@keyframes bookmarked-shadow {
0% {
box-shadow:0 0 0 0 rgba(254,179,66,.8)
}
100% {
box-shadow:0 0 0 10px transparent
}
}
.bookmark-icon:before {
transition:transform .4s cubic-bezier(.8,-.41,.19,2.5);
font-family:fontawesomes;
position:absolute;
right:0;
left:0;
text-align:center;
top:6px;
content:"\f005"
}
.bookmark-icon:hover {
background-color:#333;
color:#fff
}
.bookmark-icon.bookmarked {
background-color:#feb342;
color:#fff
}
.bookmark-icon.bookmarked:before {
animation:bookmark-icon .5s
}
@keyframes bookmark-icon {
0% {
-webkit-transform:scale(.8);
transform:scale(.8)
}
50% {
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.bookmark-button {
background-color:#404040;
display:inline-block;
padding:0;
float: none;
position:relative;
height:44px;
line-height:44px;
color:#fff;
padding:0 15px;
padding-left:59px;
border-radius:4px;
transition:.4s all ease-in-out;
cursor:pointer;
box-shadow:0 3px 12px rgba(0,0,0,.1)
}
.bookmark-button .bookmark-icon,
.bookmark-button:hover .bookmark-icon {
background-color:rgba(255,255,255,.05)
}
.bookmark-button .bookmark-icon {
border-radius:4px;
position:absolute;
left:0;
right:auto;
top:auto;
height:44px;
width:44px;
border-radius:4px 0 0 4px;
pointer-events:none;
transition:.4s;
animation:none
}
.bookmark-button .bookmark-icon:before {
top:8px;
color:#fff;
transition:.4s;
font-size:18px
}
.bookmark-button.bookmarked {
background-color:#feb342;
color:#fff;
box-shadow:0 3px 12px rgba(254,179,66,.2)
}
.bookmark-button.bookmarked .bookmark-icon:before,
.bookmark-button:hover .bookmark-icon:before {
color:#fff
}
.bookmark-button.bookmarked .bookmark-icon,
.bookmark-button.bookmarked:hover .bookmark-icon {
background-color:rgba(255,255,255,.16)
}
.bookmark-button.bookmarked .bookmarked-text,
.bookmark-button .bookmark-text {
display:block
}
.bookmark-button.bookmarked .bookmark-text,
.bookmark-button .bookmarked-text {
display:none
}
.share-buttons {
display:block
}
.share-buttons-trigger {
display:inline-block;
height:44px;
width:44px;
line-height:44px;
text-align:center;
color:#a0a0a0;
font-size:18px;
background-color:#f0f0f0;
border-radius:4px;
transition:.4s;
cursor:default
}
.share-buttons-trigger i {
position:relative;
top:1px
}
.share-buttons-content {
display:inline-block;
position:relative;
width:calc(100% - 60px)
}
.share-buttons-content span {
margin-left:10px;
color:#888;
cursor:default;
padding:10px 0;
display:inline-block;
transition:.4s
}
.share-buttons-content span strong {
color:#66676b;
font-weight:600
}
.share-buttons:hover .share-buttons-content span {
opacity:0;
transition:.2s
}
.share-buttons-icons {
position:absolute;
left:5px;
top:0;
padding:0;
margin:0;
opacity:0;
transform:translateX(-10px);
transition:all .4s cubic-bezier(.5,-.41,.19,2)
}
.share-buttons:hover .share-buttons-icons {
opacity:1;
transform:translate(0)
}
.share-buttons-icons li {
display:inline-block;
float:left
}
.share-buttons-icons li:first-child a {
border-radius:4px 0 0 4px
}
.share-buttons-icons li:last-child a {
border-radius:0 4px 4px 0
}
.share-buttons-icons li a {
height:44px;
width:44px;
display:inline-block;
line-height:44px;
text-align:center;
background-color:#333;
color:#fff;
font-size:14px
}
.share-buttons-icons li a i {
position:relative;
top:1px
}
.job-overview.desclist {
margin: 0;
}
.job-overview.desclist ul {
padding: 0px !important;
border:0px solid;
}
.job-overview.desclist ul > li i {
top: 12px;
}
.taglinks {
background-color: #314699;
border-radius: 5px;
border: 1px solid #314699;
padding: 5px 10px !important;
color: #fff;
transition: all 0.4s ease-in-out;
display: inline-block;
margin: 2px 0;
/*max-width: 200px;*/
/*background-color: #314699;
border-radius: 5px;
border: 1px solid #314699;
padding: 5px 10px !important;
color: #fff;
transition: all 0.4s ease-in-out;
display: inline-flex;
margin: 2px 0;
min-height: 54px;
max-width: 200px;
vertical-align: middle;
align-items: center;
font-size: 0.875em;
line-height: 20px;*/
}
.taglinks:hover, .taglinks:focus:hover {
border: 1px solid #314699;
color: #314699 !important;
background-color: #fff;
}
.taglinks:focus {
color: #fff;
}
.tags-share .tags_widget.post-tagdiv {
width: 100%;
}
ul.list-style1 {
list-style: none;
}
ul.list-style1 li {
padding-left: 18px;
position: relative;
margin-bottom: 5px;
}
ul.list-style1 li::before {
position: absolute;
left: 0;
top: 15px;
width: 10px;
height: 1px;
background: #857866;
content: "";
}
.graytext {
color: #666666 !important;
}
.web-banner {
max-width: 100%;
display: inline-block;
margin: 0 auto 20px;
position: relative;
width: 100%;
}
.web-banner img {
width: 100%;
}
.web-banner .wb-overlay {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
/*background-color: rgba(0, 0, 0, 0.65);*/
color: #fff;
font-size: 1.25em;
}
.sidelistview {
float: left;
width: 100%;
overflow-x: hidden;
min-height: 232px;
overflow-y: auto;
}
.sidelistview .slide-panel .listtitle {
padding: 10px;
}
.sidelistview .sidelistmenu {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.sidelistview .sidelistmenu > ul {
float: left;
width: 100%;
margin: 0;
position: relative;
}
.sidelistview .sidelistmenu > ul > li ul {
visibility: hidden;
left: 100%;
/*overflow: hidden;*/
/*overflow-y: auto;*/
position: absolute;
top: 0px;
width: 100%;
display: block;
height: 100%;
margin-top: 0;
padding: 0px;
}
.slv-subexpanded .sidelistmenu {
transform: translateX(-100%);
}
.slv-subexpanded.slv-sec-subexpanded .sidelistmenu {
transform: translateX(-200%);
}
.slv-subexpanded.slv-third-subexpanded .sidelistmenu {
transform: translateX(-300%);
}
.sidelistview .sidelistmenu > ul li {
position: static;
}
.sidelistview .sidelistmenu > ul li a {
display: block;
color: #857866;
}
.sidelistview .sidelistmenu > ul li a.wizard_nopage,
.sidelistview .sidelistmenu > ul li a.wizard_nopage:hover,
.sidebar-links ul li a.wizard_nopage,
.sidebar-links ul li a.wizard_nopage:hover {
color: #857866 !important;
}
.sidelistview .sidelistmenu > ul li:hover > a {
color: #314699;
}
.sidelistview .sidelistmenu > ul li ul li a {
width: calc(100% - 20px);
display: inline-block;
}
.sidelistview .sidelistmenu > ul li a i.fa-angle-right {
float: right;
margin-top: 6px;
}
.slback, .slback1, .slback2 {
display: inline-block;
padding: 0 10px 0 0;
width: 20px !important;
float: left;
}
.people-header {
text-align: center;
padding-top: 71px;
color: #fff;
min-height: 157px;
}
.people-header h1 {
font-size: 2.222em;
}
.people-header p {
color: #fff;
}
.people-header img {
/*margin-bottom: -70px;*/
width: 140px;
border-radius: 50%;
}
.people-header .ph-avatar {
margin: 0 auto -108px;
width: 140px;
height: 140px;
border-radius: 50%;
/* background-color: #314699; */
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 50px;
}
@media (max-width: 980px){
.people-header {
padding-top: 20px;
}
.people-header .ph-avatar {
margin-bottom: 0;
width: 100px;
height: 100px;
}
}
/*link styles*/
.link-style2 {
position: relative;
text-decoration: none;
display: inline-block;
color: black;
padding: 0 1px;
transition: color ease 0.3s;
z-index: 1;
}
.link-style2::after {
content: '';
position: absolute;
z-index: -1;
width: calc(100% + 4px);
height: 2px;
left: -2px;
bottom: 2px;
background-color: #857866;
transition: all ease 0.3s;
}
.link-style2:hover {
color: white;
}
.link-style2:hover::after {
height: 90%;
}
.link-style1 {
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
position:relative;
transition:0.5s color ease;
text-decoration:none;
display: inline-flex;
max-height: 32px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.link-style1:hover {
color:#314699;
}
.link-style1:before {
content: '';
width: 100%;
position: absolute;
left: 0;
bottom: 2px;
height: 1px;
border-bottom: 2px dotted #314699;
transition:0.5s all ease;
}
.link-style1:after {
content: '';
width: 0%;
position: absolute;
left: 0;
bottom: 2px;
height: 2px;
background-color: #314699;
transition:0.5s all ease;
z-index: 1;
}
.link-style1:hover:after {
width: 100%;
}
.link-style3 {
display: inline-block;
position: relative;
text-decoration: none;
padding: 0 3px;
z-index: 1;
transition:0.5s all ease;
color: #314699;
}
.link-style3:hover {
color: #314699;
/* color: #fff; */
}
.link-style3:before {
content: "";
display: block;
position: absolute;
z-index: -1;
transition: 100ms ease-out 50ms;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #314699;
}
.link-style3:hover:before, .link-style3:active:before {
height: 2px;
background: #314699;
}
.sidelistview .sidelistmenu > ul li a.wizard_link,
.sidebar-links ul li a.wizard_link {
position: relative;
text-decoration: none;
display: inline-block;
color: #857866 !important;
padding: 2px 1px;
transition: color ease 0.6s;
z-index: 1;
}
.sidelistview .sidelistmenu > ul li a.wizard_link::after,
.sidebar-links ul li a.wizard_link::after {
content: '';
position: absolute;
z-index: -1;
width: calc(100% + 4px);
height: 0px;
left: -2px;
bottom: 0px;
background-color: #857866;
transition: all ease 0.6s;
}
.sidelistview .sidelistmenu > ul li a.wizard_link:hover,
.sidebar-links ul li a.wizard_link:hover {
color: white !important;
}
.sidelistview .sidelistmenu > ul li a.wizard_link:hover::after, .sidebar-links ul li a.wizard_link:hover::after {
height: 95%;
}
.popover {
background-color: #161440;
color: #fff !important;
}
.popover.show {
display: block;
min-width: inherit;
background-color: #161440;
color: #fff !important;
border-radius: 7px;
border: 0px solid;
box-shadow: 0 0px 15px rgba(0,0,0,.65);
}
.popover > .arrow {
border-width: 0px !important;
bottom: -8px !important;
transform: translateX(-8px);
display: none;
}
.bs-popover-top .arrow::before {
border-top-color: #161440;
}
.bs-popover-bottom .arrow::before {
border-bottom-color: #161440;
}
.popover .popover-body {
color: #fff;
}
/*link styles*/
.dd-select {
position: relative;
z-index: 7;
}
.dd-select + h3 + .dd-select {
z-index: 6;
}
.dd-select + h3 + .dd-select + h3 + .dd-select {
z-index: 5;
}
.dd-select + h3 + .dd-select + h3 + .dd-select + h3 + .dd-select {
z-index: 4;
}
.dd-select + h3 + .dd-select + h3 + .dd-select + h3 + .dd-select + h3 + .dd-select {
z-index: 3;
}
.dd-select + h3 + .dd-select + h3 + .dd-select + h3 + .dd-select + h3 + .dd-select + h3 + .dd-select {
z-index: 2;
}
.dd-select form {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-image: radial-gradient(at top, #b5e6cf, #9dddad);
}
.dd-select .select {
width: 100%;
height: 48px;
cursor: pointer;
background-color: white;
box-shadow: 0 2px 0 white;
border-radius: 2px;
margin: 0;
}
.dd-select .select_expand {
width: 0;
height: 48px;
position: absolute;
top: 0;
right: 0;
}
.dd-select .select_expand::after {
content: '\003E';
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(-50%, -50%) rotate(90deg) scaleY(1.75);
transform: translate(-50%, -50%) rotate(90deg) scaleY(1.75);
color: #3e3e3e;
font-size: 28px;
pointer-events: none;
z-index: 2;
transition: all 250ms cubic-bezier(.4,.25,.3,1);
opacity: .6;
}
.dd-select .select_expand:hover::after {opacity: 1}
.dd-select .select_expand:checked::after {-webkit-transform: translate(-50%, -50%) rotate(90deg) scaleX(-1) scaleY(1.75);transform: translate(-50%, -50%) rotate(90deg) scaleX(-1) scaleY(1.75);}
.dd-select .select_expandLabel {
display: block;
width: 100%;
height: 48px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.dd-select .select_close {display: none}
.dd-select .select_closeLabel {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
display: none;
}
.dd-select .select_items {
width: 100%;
position: absolute;
top: 0;
left: 0;
transition: 0.4s all ease-in-out;
padding-top: 48px;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) !important;
}
.dd-select .select_items.select-expanded {
border-color: rgba(49, 70, 153, 0.4) !important;
box-shadow: 0 0 8px rgba(49, 70, 153, 0.6) !important;
}
.dd-select .select_input {display: none}
.dd-select .select_label {
transition: all 250ms cubic-bezier(.4,.25,.3,1);
display: block;
height: 0;
font-size: 1em;
line-height: 48px;
overflow: hidden;
color: #3e3e3e;
background-color: #fff;
cursor: pointer;
padding-left: 20px;
margin-bottom: 0;
}
.dd-select .select_label-placeholder {
height: 48px;
width: 100%;
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
opacity: .6;
background-color: transparent;
}
.dd-select .select_items:after {
position: absolute;
right: 13px;
top: 7px;
content: "\f078";
font-family: fontawesomes;
font-size: 1.5em;
color: #314699;
transition: all 0.3s ease-in-out;
}
.dd-select .select_items.select-expanded:after {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
}
.dd-select .select_expand:checked + .select_closeLabel {
display: block;
}
.dd-select .select_expand:checked + .select_closeLabel + .select_options .select_label {
height: 48px;
}
.dd-select .select_expand:checked + .select_closeLabel + .select_options .select_label:hover {background-color: #f7f7f7}
.dd-select .select_expand:checked + .select_closeLabel + .select_options + .select_expandLabel {display: none}
.dd-select .select_input:checked + .select_label {
height: 48px;
margin-top: -48px;
border-radius: 5px;
}
.dd-select .select_expand:checked + .select_closeLabel + .select_options {
max-height: 240px;
overflow: auto;
}
.dd-select .select_expand:checked + .select_closeLabel + .select_options .select_option {
border-radius: 4px;
}
.dd-select ul li, .dd-select label {
margin: 0;
}
.dd-select label:before, .dd-select label:after {
display: none;
}
.select-wrapper .select-dropdown {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.select-label {
position: absolute
}
.select-wrapper {
position: relative
}
.select-wrapper input.select-dropdown {
position: relative;
cursor: pointer;
background-color: transparent;
border: none;
border-bottom: 1px solid #ced4da;
outline: 0;
height: 38px;
line-height: 2.9rem;
width: 100%;
font-size: 1rem;
margin: 0 0 .94rem 0;
padding: 0;
display: block;
text-overflow: ellipsis;
z-index: 2
}
.select-wrapper input.select-dropdown:disabled {
color: rgba(0, 0, 0, .3);
border-bottom-color: rgba(0, 0, 0, .2);
cursor: default
}
.select-wrapper input.select-dropdown .selected, .select-wrapper input.select-dropdown li:focus {
background-color: rgba(0, 0, 0, .15)
}
.select-wrapper input.select-dropdown li.active {
background: 0 0
}
.select-wrapper input.select-dropdown .fab, .select-wrapper input.select-dropdown .far, .select-wrapper input.select-dropdown .fas {
color: inherit
}
.select-wrapper input.active {
box-shadow: 0 1px 0 0 #4285f4;
border-bottom: 1px solid #4285f4
}
.select-wrapper .search-wrap {
padding: 1rem 0 0;
display: block;
margin: 0 .7rem
}
.select-wrapper .search-wrap .md-form {
margin-top: 0;
margin-bottom: 1rem
}
.select-wrapper .search-wrap .md-form input {
padding-bottom: .4rem;
margin-bottom: 0
}
.select-wrapper span.caret {
color: initial;
position: absolute;
right: 0;
top: .8rem;
font-size: .63rem
}
.select-wrapper span.caret.disabled {
color: rgba(0, 0, 0, .3)
}
.select-wrapper+label {
position: absolute;
top: 2.125rem;
transition: .2s ease-out;
color: #757575;
font-weight: 300
}
.select-wrapper+label.active {
transform: translateY(-14px);
font-size: .8rem;
top: 1.5rem;
left: 15px
}
.select-wrapper+label.active-check {
color: #4285f4
}
.select-wrapper+label.mdb-main-label {
z-index: 1
}
.select-wrapper+label.disabled {
color: rgba(0, 0, 0, .3)
}
.select-wrapper i {
color: rgba(0, 0, 0, .3)
}
.select-wrapper ul {
list-style-type: none;
padding-left: 0
}
.select-wrapper.md-form>ul li label {
top: 0;
color: #4285f4;
font-size: .9rem;
transform: none
}
.select-wrapper.md-form>ul li.select-toggle-all label {
padding-left: 38px
}
.select-wrapper.md-form.colorful-select>ul li.select-toggle-all:hover label {
color: #fff
}
.select-wrapper.md-form.md-outline span.caret {
padding-right: .75rem;
padding-left: .75rem;
color: #495057 !important
}
.select-wrapper.md-form.md-outline span.caret.active {
color: #4285f4 !important
}
.select-wrapper.md-form.md-outline .dropdown-content {
top: 2.7rem !important
}
.select-wrapper.md-form.md-outline input.select-dropdown {
padding: .375rem .75rem;
color: #495057
}
.select-wrapper.md-form.md-outline input.select-dropdown:focus {
border-color: #4285f4;
box-shadow: inset 0 0 0 1px #4285f4
}
.select-wrapper.md-form.md-outline+label {
position: absolute;
transform: translateY(40%);
left: 23px;
color: #757575;
background: #fff;
font-size: 13px;
font-weight: 500;
padding-right: 5px;
padding-left: 5px;
top: .5em !important;
z-index: 2 !important
}
.select-wrapper.md-form.md-outline+label.active {
color: #4285f4
}
.select-wrapper select {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
display: none !important
}
.select-wrapper select.browser-default {
display: block !important
}
.select-wrapper select:disabled {
color: rgba(0, 0, 0, .3)
}
.select-dropdown [type=checkbox]:disabled:not(:checked)+label:before {
margin-left: 0;
margin-top: 3px
}
.select-dropdown ul {
list-style-type: none;
padding: 0
}
.select-dropdown li img {
height: 30px;
width: 30px;
margin: .3rem .75rem;
float: right
}
.select-dropdown li.disabled, .select-dropdown li.disabled>span, .select-dropdown li.optgroup {
color: rgba(0, 0, 0, .3);
background-color: transparent !important;
cursor: context-menu
}
.select-dropdown li.optgroup {
border-top: 1px solid #eee
}
.select-dropdown li.optgroup.selected>span {
color: rgba(0, 0, 0, .7)
}
.select-dropdown li.optgroup>span {
color: rgba(0, 0, 0, .4)
}
.multiple-select-dropdown li [type=checkbox]+label {
height: .63rem
}
.dropdown-content {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
background-color: #fff;
margin: 0;
display: none;
min-width: 6.25rem;
max-height: 40.625rem;
overflow-y: auto;
opacity: 0;
position: absolute;
z-index: 1021;
will-change: width, height
}
.dropdown-content li {
clear: both;
color: #000;
cursor: pointer;
line-height: 1.3rem;
width: 100%;
text-align: left;
text-transform: none
}
.dropdown-content li.active, .dropdown-content li:hover {
background-color: #eee
}
.dropdown-content li>a, .dropdown-content li>span {
font-size: .9rem;
color: #212529;
display: block;
padding: .5rem
}
.dropdown-content li>a>i {
height: inherit;
line-height: inherit
}
.tooltip.in {
opacity: .9;
}
.job-title-sec .moving-image {
margin: 20px 0;
}
.moving-image {
overflow: hidden;
}
.moving-image img {
-webkit-transform: scale(1.2) translate(-15px);
-moz-transform: scale(1.2) translate(-15px);
-ms-transform: scale(1.2) translate(-15px);
-o-transform: scale(1.2) translate(-15px);
transform: scale(1.2) translate(-15px);
transition: all 0.4s ease-in-out;
width: 100%;
height: 200px;
object-fit: cover;
}
.job-title-sec:hover .moving-image img {
-webkit-transform: translate(0px) scale(1.2);
-moz-transform: translate(0px) scale(1.2);
-ms-transform: translate(0px) scale(1.2);
-o-transform: translate(0px) scale(1.2);
transform: translate(0px) scale(1.2);
opacity: 0.9;
}
.job-title-sec a.bbtn {
background-color: #314699;
float: right;
font-family: ProximaNova-Regular;
font-size: 0.875em;
color: #fff;
border: 1px solid #314699;
border-radius: 6px;
padding: 6px 14px;
letter-spacing: 0px;
margin: 16px 0 0;
display: inline-block;
}
.job-title-sec a.bbtn:hover {
background-color: #857866;
border-color: #857866;
color: #fff;
}
.js-video {
height: 0;
padding-top: 25px;
padding-bottom: 67.5%;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.js-video iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.js-video.widescreen {
padding-bottom: 56.34%;
}
.js-video.vimeo {
padding-top: 0;
}
.video-list {
padding: 15px;
margin-top: 0;
margin-bottom: 30px;
}
.video-list iframe {
display: block;
}
.video-list h3 {
font-size: 1em;
color: #314699;
}
.video-list h3 a {
width: 100%;
display: inline-block;
height: 23px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.video-list a.mvbtn {
background-color: #314699;
color: #fff;
border-radius: 5px;
padding: 5px 10px;
float: none;
}
.video-list a.mvbtn:hover {
background-color: #857866;
}
/* Owl Thumb */
.owl-thumb-item img {
width: 100px;
height: auto;
}
.owl-thumbs {
/*position: absolute;
bottom: 0;
left: 0;*/
display: table;
width: 100%;
text-align: center;
padding: 5%;
}
.owl-thumb-item {
display: table-cell;
border: none;
background: none;
padding: 0;
opacity: .4;
float: none;
}
.owl-thumb-item.active {
opacity: 1;
}
.booksbox {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.booksbox img {
width: 100%;
}
.booksbox span {
color: #314699;
text-align: center;
display: block;
}
.booksbox.bboxsmall {
width: 150px;
display: block;
}
.star-rating, .star-rating a {
color: #857866;
}
.star-rating a.active {
color: #314699;
}
ul.liststyle1 {
float: left;
width: 100%;
margin: 0;
font-size: 1em;
}
ul.liststyle1 > li {
float: left;
width: 100%;
margin: 5px 0;
padding-left: 28px;
position: relative;
font-family: ProximaNova-Regular;
font-size: 0.875em;
}
ul.liststyle1 > li::before {
transition: all 0.4s ease-in-out;
position: absolute;
left: 0;
top: 8px;
width: 15px;
height: 1px;
background: #857866;
content: "";
}
ul.liststyle1 > li:hover::before {
background: #314699;
width: 20px;
}
ul.liststyle1 > li a {
transition: all 0.4s ease-in-out;
color: #333;
}
ul.liststyle1 > li:hover a {
color: #314699;
}
.eight-col-carousel,
.six-col-carousel,
.four-col-carousel,
.three-col-carousel,
.two-col-carousel,
.one-col-carousel {
margin: 0 -15px;
}
.eight-col-carousel .slick-slide,
.six-col-carousel .slick-slide,
.four-col-carousel .slick-slide,
.three-col-carousel .slick-slide,
.two-col-carousel .slick-slide,
.one-col-carousel .slick-slide {
padding: 3px 15px 0 15px;
}
.eight-col-carousel .slick-prev,
.six-col-carousel .slick-prev,
.four-col-carousel .slick-prev,
.three-col-carousel .slick-prev,
.two-col-carousel .slick-prev,
.one-col-carousel .slick-prev {
left: -23px;
}
.eight-col-carousel .slick-next,
.six-col-carousel .slick-next,
.four-col-carousel .slick-next,
.three-col-carousel .slick-next,
.two-col-carousel .slick-next,
.one-col-carousel .slick-next {
right: -27px;
}
@media (min-width: 1367px) {
.eight-col-carousel .slick-prev,
.six-col-carousel .slick-prev,
.four-col-carousel .slick-prev,
.three-col-carousel .slick-prev,
.two-col-carousel .slick-prev,
.one-col-carousel .slick-prev {
left: -33px;
}
.eight-col-carousel .slick-next,
.six-col-carousel .slick-next,
.four-col-carousel .slick-next,
.three-col-carousel .slick-next,
.two-col-carousel .slick-next,
.one-col-carousel .slick-next {
right: -37px;
}
}
@media (max-width: 1023px) {
.eight-col-carousel .slick-prev,
.six-col-carousel .slick-prev,
.four-col-carousel .slick-prev,
.three-col-carousel .slick-prev,
.two-col-carousel .slick-prev,
.one-col-carousel .slick-prev {
left: 0px;
}
.eight-col-carousel .slick-next,
.six-col-carousel .slick-next,
.four-col-carousel .slick-next,
.three-col-carousel .slick-next,
.two-col-carousel .slick-next,
.one-col-carousel .slick-next {
right: 0px;
}
}
span.themetag {
background-color: #fff;
border-radius: 5px;
border: 1px solid #314699;
padding: 5px 10px !important;
color: #314699;
display: inline-block;
margin: 0 0 4px 0;
}
.sticky-social {
width: 35px;
margin-left: -45px;
top: 38px;
position: relative;
background-color: rgba(0, 0, 0, 0.15);
overflow:hidden;
border-radius: 4px;
}
.sticky-social.ss-sticky {
position: sticky;
top: 130px;
}
.sticky-social a {
width: 35px;
height: 35px;
display: block;
line-height: 35px;
text-align: center;
font-size: 1.25em;
transition: all 0.4s ease-in-out;
}
.sticky-social a:hover {
background-color: #314699;
color: #fff;
}
.sticky-social + div {
margin-top: -105px;
}
@media(min-width: 1440px) {
.sticky-social {
margin-left: -60px;
}
}
.mobile-social {
display: none;
}
@media(max-width: 1023px) {
.sticky-social {
visibility: hidden;
}
.mobile-social {
display: block;
}
}
.list-detail-subtext .mobile-social {
float: right;
}
.list-detail-subtext .mobile-social a {
margin-left: 5px;
}
.col-lg-12.mobile-social {
color: #314699;
width: 100%;
float: left;
margin-bottom: 25px;
text-align: center;
}
.col-lg-12.mobile-social p {
color: #314699;
}
.col-lg-12.mobile-social a {
font-size: 1.125em;
margin-right: 10px;
background-color: #314699;
color: #fff;
padding: 5px;
text-align: center;
min-width: 40px;
display: inline-block;
border-radius: 5px;
transition: all 0.4s ease-in-out
}
.col-lg-12.mobile-social a:last-child {
margin-right: 0;
}
.col-lg-12.mobile-social a:hover {
background-color: #857866;
color: #fff;
}
@media (max-width: 767px) {
.col-lg-12.mobile-social {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.col-lg-12.mobile-social a {
flex: 1;
}
.col-lg-12.mobile-social a:last-child {
margin-right: 0;
}
}
.dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
padding: 0 !important;
background: transparent !important;
border: 0px solid !important;
}
.block.block1 {
padding-left: 20px;
padding-right: 20px;
}
.align-top td, .align-top th {
vertical-align: top !important;
}
.w-120 .chosen-single {
min-width: 120px !important;
}
.w-150 .chosen-single {
min-width: 150px !important;
}
.w-180 .chosen-single {
min-width: 180px !important;
}
.w-210 .chosen-single {
min-width: 210px !important;
}
.w-250 .chosen-single {
min-width: 250px !important;
}
.fc-body.week-view .fc-row, .fc-body.day-view .fc-row {
height: auto;
}
.fc-body.week-view .fc-row > div, .fc-body.day-view .fc-row > div {
min-height: 300px;
}
.fc-body.day-view .fc-row > .fc-date {
width: 100%;
}
.fc-body.week-view .fc-row > div > div.fc-date > div {
height: auto;
}
.fc-body.day-view .fc-row > div > div a {
font-size: 1em;
text-transform: none;
margin-top: 3px;
min-width: 50%;
margin-bottom: 0;
}
#calwrapper {
margin-bottom: 20px;
}
.togglefilter {
display: none;
font-size: 1.5em;
color: #314699 !important;
font-family: 'ProximaNova-Bold';
float: left;
width: 100%;
}
.togglefilter:hover * {
color: #314699 !important;
}
.closefilter {
display: none;
padding: 15px 0 10px 0;
color: #314699 !important;
}
.togglefilterwrap {
float: left;
width: 100%;
}
.togglefilterwrap > h2 {
padding-bottom: 7px;
}
/* Calendar */
.view-calendar {
display: inline-block;
vertical-align: top;
padding-right: 5px;
color: #314699 !important;
cursor: pointer;
padding: 0 5px;
}
.ui-widget {
font-family: ProximaNova-Regular;
}
.ui-widget-header {
background-color: #fff;
border: 0px solid;
}
table.ui-datepicker-calendar tr:hover td,
table.ui-datepicker-calendar tr:nth-child(odd),
table.ui-datepicker-calendar tr:nth-child(even) {
background-color: #fff;
}
.ui-datepicker th {
font-weight: normal;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #857866;
background: #857866;
color: #fff;
}
/* Calendar */
.newtable h3 a span.rel-result {
font-size: 0.85em;
color: #999;
font-style: italic;
font-weight: 100;
}
@media(min-width: 1300px) {
.container {
max-width: 1280px;
}
}
@media(min-width: 1280px) {
.limitted-table .emply-list {
max-height: 166px;
overflow: hidden;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.limitted-table .emply-list .emply-list-info {
overflow: hidden;
}
}
@media(min-width: 1025px) and (max-width: 1279px) {
.video-list .fa-8x {
font-size: 5.5em;
}
.video-list .fa-6x {
font-size: 5em;
}
}
@media(max-width: 991px) {
.video-list .fa-8x {
font-size: 5.5em;
}
.video-list .fa-6x {
font-size: 5em;
}
aside.column .widget:last-child {
margin-bottom: 0 !important;
}
.togglefilter {
display: block;
padding-bottom: 15px;
}
.togglefilterwrap h2.sm-title {
display: none;
}
.togglefilterwrap {
height: 0;
overflow: hidden;
padding-bottom: 0;
-webkit-transition: height .25s ease-in-out;
-moz-transition: height .25s ease-in-out;
-ms-transition: height .25s ease-in-out;
-o-transition: height .25s ease-in-out;
transition: height .25s ease-in-out;
}
.togglefilterwrap.tfilterexpanded {
height: auto;
padding-bottom: 25px;
overflow: inherit;
}
.closefilter {
display: block;
float: left;
width: 100%;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
}
}
@media(min-width: 1025px) {
.responsive-header.custommobilemenu {
display: block;
}
.responsive-menubar, .res-top-name, .responsive-menubar .res-search, .responsive-menubar .menublock .btn-extars, .menublock br {
display: none;
}
.responsive-opensec {
overflow-y: auto;
}
header.custommenu {
display: block !important;
}
.no-padding {
padding: 0 !important;
}
}
@media(max-width: 1024px) {
.container.fluid {
overflow: hidden;
}
.responsive-header.custommobilemenu {
display: block !important;
position: fixed;
left: 0;
top: 0;
}
.theme-layout {
padding-top: 42px;
}
.link-bars.sticky {
top: 43px;
}
.responsive-header.custommobilemenu .responsive-menubar {
padding: 6px 0;
}
.responsive-header.custommobilemenu .responsive-menubar .bars {
top: 12px;
}
header.custommenu {
display: none !important;
}
header.custommenu + section {
padding-top: 0px;
}
.overview-menu {
position: static;
}
}
@media (max-width: 980px){
footer .block {
padding: 40px 0;
}
footer .column,
footer .column:first-child {
margin-top: 20px;
}
.block {
padding: 15px 0;
}
}
/* New layer menu */
@media (max-width: 1359px) and (min-width: 1201px) {
header.style5 .logo {
left: auto;
transform: translateX(0) translateY(-60%);
}
header.style5 nav {
margin-left: 290px;
}
header.custommenu.style5 .logo {
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
header.custommenu.style5 nav {
margin-left: 0;
}
}
@media (max-width: 767px) {
.filter-search.alpha-pag {
display: none;
}
.dataTables_paginate .pagination li {
margin: 0 2px 10px !important;
}
.dataTables_paginate .pagination a {
min-width: 34px !important;
}
.dataTables_wrapper .dataTables_paginate {
margin-top: 0;
}
}
@media (max-width: 575px) {
.job-field.with-icon.nolbel input {
margin: 20px 0;
}
.job-field.with-icon i {
top: 14px;
}
}
@media (max-width: 520px) {
.logo a, .res-logo a {
font-size: 1.300em;
}
.responsive-menubar {
padding: 20px 0;
}
.job-search-sec .job-search > h3 {
font-size: 1.300em;
}
}
@media (max-width: 374px) {
.dataTables_paginate .pagination a {
min-width: 28px !important;
}
}
.hidden{
display: none !important;
}
.ptop-20 {
padding-top: 20px;
}
.ptop-30 {
padding-top: 30px;
}
.ptop-40 {
padding-top: 40px;
}
.ptop-60 {
padding-top: 60px;
}
.ptop-100 {
padding-top: 100px;
}
.pbtm-20 {
padding-bottom: 20px;
}
.pbtm-30 {
padding-bottom: 30px;
}
.pbtm-40 {
padding-bottom: 40px;
}
.pbtm-60 {
padding-bottom: 60px;
}
.pbtm-100 {
padding-bottom: 100px;
}
.newtable.dataTable tbody tr {
background-color: unset !important;
}
.newtable.dataTable tbody tr:nth-child(odd) {
background-color: unset !important;
}
.newtable.dataTable tbody tr:nth-child(even) {
background-color: unset !important;
}
.newtable.dataTable tr:hover td {
background-color: unset !important;
}
table.newtable.dataTable tbody th, table.newtable.dataTable tbody td {
padding: 2px;
}
/*#sortcompany_chosen a.chosen-single{
min-width: 120px;
}*/
h3.sm-title.textblue{
color: #314699;
}
.bol_sitebar_box {
width: auto !important;
}
.bol_sitebar_box .left-div {
width: 100px !important;
height: auto !important;
}
.bol_sitebar_box .right-div-preview {
float: none !important;
width: auto !important;
height: auto !important;
}
.bol_sitebar_box .right-div-preview img:last-child {
display: none !important;
}
.bol_sitebar_box .imgwrap_tout img {
max-width: 100% !important;
}
.hover-block {
position: relative;
min-height: 140px;
margin-top: 30px !important;
font-size: 1em;
margin-bottom: 0 !important;
width: 100%;
display: block;
border-radius: 10px;
box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.05);
padding: 20px 10px !important;
background-color: #fff;
text-align: center;
color: #314699;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.hover-block .hoverblock-icon {
font-size: 2em;
margin-bottom: 10px;
}
.hover-block .hoverblock-text {
font-size: 1em;
margin-bottom: 10px;
}
.hover-block:hover, .hover-block.active {
background-color: #314699;
color: #fff;
}
.hover-block.active::after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(49, 70, 153, 0);
border-top-color: #314699;
border-width: 10px;
margin-left: -10px;
}
.hoverblock-text p {
color: inherit;
margin: 0;
}
/* 1 blue to white */
.hover-block.blue-white {
background-color: #314699;
color: #fff;
}
.hover-block.blue-white:hover, .hover-block.blue-white.active {
background-color: #fff;
color: #314699;
}
.hover-block.blue-white.active::after {
border-top-color: #fff;
}
/* 2 blue to gold */
.hover-block.blue-gold {
background-color: #314699;
color: #fff;
}
.hover-block.blue-gold:hover, .hover-block.blue-gold.active {
background-color: #857866;
color: #fff;
}
.hover-block.blue-gold.active::after {
border-top-color: #857866;
}
/* 3 white to blue */
.hover-block.white-blue {
background-color: #fff;
color: #314699;
}
.hover-block.white-blue:hover, .hover-block.white-blue.active {
background-color: #314699;
color: #fff;
}
.hover-block.white-blue.active::after {
border-top-color: #314699;
}
/* 4 white to gold */
.hover-block.white-gold {
background-color: #fff;
color: #314699;
}
.hover-block.white-gold:hover, .hover-block.white-gold.active {
background-color: #857866;
color: #fff;
}
.hover-block.white-gold.active::after {
border-top-color: #857866;
}
/* 5 gold to blue */
.hover-block.gold-blue {
background-color: #857866;
color: #fff;
}
.hover-block.gold-blue:hover, .hover-block.gold-blue.active {
background-color: #314699;
color: #fff;
}
.hover-block.gold-blue.active::after {
border-top-color: #314699;
}
/* 6 gold to white */
.hover-block.gold-white {
background-color: #857866;
color: #fff;
}
.hover-block.gold-white:hover, .hover-block.gold-white.active {
background-color: #fff;
color: #857866;
}
.hover-block.gold-white.active::after {
border-top-color: #fff;
}
.fixed-height-image {
width: 100%;
object-fit: cover;
}
.container .container {
padding: 0;
}
.black-text, * .black-text {
color: #000 !important
}
.blue-text, * .blue-text {
color: #314699 !important
}
.white-text, * .white-text {
color: #fff !important
}
.lightblue-text, * .lightblue-text {
color: #c2d8ef !important
}
.zoom-box {
color: #fff;
transition: all 0.4s ease-in-out;
display: block;
border-radius: 8px;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 20px;
position: relative;
}
.zoom-box:hover {
box-shadow:0 2px 4px 0 rgba(0,0,0,.1);
transform:scale(1.03)
}
.zoom-box::before {
border-radius: 8px;
}
.zoom-box > div {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
min-height: 200px;
}
.zoom-box .zb-title {
font-family: 'ProximaNova-Bold';
color: #fff;
font-size: 1.25em;
position: relative;
padding: 20px;
}
.player, .at-player {
height:100%;
}
.thumbvideo133 {
height: 133px;
}
.thumbvideo100 {
height: 100px;
}
.float-center {
float: none !important;
}
.linklist {
list-style: none;
padding: 0;
margin-bottom: 10px;
float: left;
width: 100%;
text-align: left;
}
.linklist li {
padding-left: 0px;
margin-bottom: 5px;
}
.linklist li a {
position: relative;
color: #314699;
text-decoration: none;
padding-right: 30px;
}
.linklist li a::before {
position: absolute;
right: 5px;
top: 50%;
margin-top: -9px;
content: "\f054";
font-family: "FontAwesomes";
font-size: 13px;
color: #314699;
transition: all 0.4s ease-in-out;
}
.linklist li a:hover::before {
right: 0;
}
.stickbtn, .job-title-sec.stickbtn {
position: relative;
padding-bottom: 40px;
}
.stickbtn .bb-btn {
position: absolute;
right: 10px;
bottom: 0;
width: auto;
border-radius: 6px !important;
}
.stickbtn .bb-btn.float-center {
left: 50%;
right: auto;
transform: translateX(-50%);
}
.stickbtn .bb-btn.float-left {
left: 10px;
right: auto;
}
.stickbtn .bb-btn.float-right {
left: auto;
right: 10px;
}
.job-grid .stickbtn .bb-btn {
right: 0;
}
.job-grid .stickbtn .bb-btn.float-left {
left: 0px;
right: auto;
}
.job-grid .stickbtn .bb-btn.float-right {
left: auto;
right: 0px;
}
@media (min-width: 992px) {
table.dataTable.cards-table tbody tr {
width: 33.333%;
float: left;
padding: 0 10px;
}
table.dataTable.cards-table.cards4 tbody tr {
width: 25%;
}
table.dataTable.cards-table .emply-list-thumb > a {
height: 140px;
}
.cards-table .my-blog .blog-details {
height: 155px;
}
.cards-table.cards4 .my-blog .blog-details {
height: 125px;
}
.cards-table .my-blog .blog-details.organisatie {
height: 85px;
}
.cards-table .my-blog .blog-details.personen,
.cards-table .my-blog .blog-details.uitzendingen {
height: 130px;
}
.cards-table .my-blog .blog-details.no-date {
height: 160px;
}
.cards-table tbody td {
display: block;
}
}
.slickarrows {
display: inline-flex;
position: static;
}
.slickarrows .slick-arrow {
float: none;
text-align: center;
}
.slickarrows .slick-arrow, .slickarrows .slick-arrow::before {
position: static;
font-size: 1em;
}
.spacer-10 {
padding-top: 10px;
}
.spacer-20 {
padding-top: 20px;
}
.spacer-30 {
padding-top: 30px;
}
.spacer-40 {
padding-top: 40px;
}
.spacer-50 {
padding-top: 50px;
}
.layer > .img-fluid {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
object-fit: cover;
z-index: -1;
width: 100%;
height: 100%;
}
.layer {
overflow: hidden;
}
.modaldiv {
position: absolute;
right: 0;
top: 0;
z-index: 100;
padding: 10px 12px;
}
.modaldiv + img {
width: 100%;
object-fit: cover;
}
.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
bottom: 1px;
border-top-color: #161440;
}
.image-block {
max-width: 100%;
width: 100%;
height: auto;
}
.job-single-head.style2 .job-thumb.jobthumb-full img {
width: 100%;
border-radius: 0;
padding: 0;
}
ul.list-tick {
list-style: none;
}
ul.list-tick li {
position: relative;
padding-left: 20px;
list-style-type: none;
}
ul.list-tick li::before {
position: absolute;
left: 0;
top: 4px;
content: "\f00c";
font-family: FontAwesomes;
font-size: 12px;
}
ul.list-font-arrow li {
position: relative;
padding-left: 20px;
list-style-type: none;
}
ul.list-font-arrow li::before {
position: absolute;
left: 0;
top: 4px;
content: "\f061";
font-family: FontAwesomes;
font-size: 12px;
}
ul.list-vector-arrow li {
position: relative;
padding-left: 16px;
list-style-type: none;
}
ul.list-vector-arrow li::before {
position: absolute;
left: 0;
top: 3px;
content: "\f0da";
font-family: FontAwesomes;
font-size: 16px;
}