/*  
Website Name: NetworkTalent
Website: https://www.networktalent.co.uk
Author: Anice Baker
Author's name: Anna Leon Juvanteny
Author URI: http://www.aljuvanteny.com
Version: 1.0.0
*/

/*========================================== RESET ==========================================*/
* {margin: 0; padding: 0; border: 0; outline: 0; list-style: none; box-sizing: border-box;}
.container {display: block; max-width: 1200px; position: relative; padding: 0 15px; margin: 0 auto; z-index: 100}
img {max-width: 100%; height: auto;}
.clear:before, .clear:after {content: ' '; display: table; clear: both;}

/*==========================================  TEXTO ==========================================*/
html {overflow-x: hidden}
body {
  font-family: 'Muli', Arial, sans-serif;
  line-height: 1.6em;
  font-size: 1.02rem; 
  color: #001837; 
  background: white;
  position: relative;
  font-weight: 400;
  font-size: 1.05rem;
}

h1, h2, h3, h4 {font-family: 'Muli', Arial, sans-serif !important !important; font-size: medium; color: #001837 !important;}

h1, h2, h1 a, h2 a {
  font-size: 2.7em;
  margin-bottom: 40px;
  line-height: 1.3em;
  color: #001837;
  font-weight: 600;
}

h1.search-title {
  font-weight: 400 !important;
  color: white !important;
  font-size: 47px !important;
}

.header-search h1.search-title {
    margin-bottom: 35px !important;
}

h3, h4 a {font-size: 1.3rem; margin-bottom: 20px; line-height: 1.5em;}
h4, h4 a, .sjb-page h4, .sjb-page .sjb-detail .list-data h3 {font-size: 1.3rem !important; margin-bottom: 10px !important; line-height: 1.5em !important; color: #001837; font-weight: 600 !important;}
h3 {margin-bottom: 5px;font-weight: 600;}
h6 {margin-bottom: 15px;}
hr {margin: 50px 0 30px 0; border-top: 1px solid #ccc;}
p, ul, ol {margin: 0 0 20px 0;padding: 0;}
small {font-size: 12px;}

.alignleft {float: left; margin: 0 20px 20px 0;}
.alignright {float: right; margin: 0 0 20px 20px;}
.aligncenter {display: block; margin: 0 0 20px 0; text-align: center;}

a { color: #f1b805; text-decoration: none; outline: none;}
a:hover {color: #ffd85a; text-decoration: none;}

blockquote {
    font-size: 2.2rem;
    margin-bottom: 15px;
    line-height: 3rem;
    color: #001837;
    font-weight: 400;
}

.single-post article.background-white .col-md-8 a {color: #001837;border-bottom: 1px solid;}

.text-white {color: white;}

.margin-bottom-60 {margin-bottom: 60px;}
.margin-bottom-40 {margin-bottom: 40px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-bottom-20 {margin-bottom: 20px;}
.padding-bottom-30 {padding-bottom: 30px;}
.margin-bottom-10 {margin-bottom: 10px;}
.no-margin-bottom  {margin-bottom: 0 !important}
.position-relative {}
.margin-top-30 {margin-top: 30px !important;}
.padding-top-70{padding-top: 70px;}
.padding-bottom-70{padding-bottom: 70px;}
.padding-top-50{padding-top: 50px;}
.padding-bottom-50 {padding-bottom: 50px}


.border-bottom {border-bottom: 1px solid #3a4a61 !important;}
.border-top {border-top: 1px solid #3a4a61 !important;}

.blog-item h4:hover, .blog-item a h4:hover, .blog-item a:hover h4 {color: #ffc200; transition: 0.2s;}
.blog-item a {display:block; color: #001837; }
.blog-item a:hover {color: #001837;}
.text-inline * {display: inline;}

.thumbnail-bg {width: 100%; max-height: 250px;display: block; height: 250px; border-radius: 5px 5px 0 0; transition: 0.9s;}
a:hover .thumbnail-bg {opacity: 0.85; transition: 0.9s;}
.thumbnail-bg + .blog-item {padding: 20px 30px 30px 30px; height: auto;}
.thumbnail-bg + .blog-item p {margin: 0 !important; color: #001837;}
.thumbnail-bg + .blog-item a, .thumbnail-bg + .blog-item .post_date {color: #001837;}

.list-types div span, .list-types ul li strong {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 10px;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #dadada;
  border-radius: 3px;
  padding: 12px;
  border: 1px solid #dfdfdf;
  color: #555;
  font-weight: 300;
  text-align: center;
}

.list-types ul li {
  list-style: none;
  margin-left: 0;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  width: 33%;
  display: inline-block;
}

.featured-before div section {padding-top: 10px;}

/*==========================================  HEADER ==========================================*/

header {padding: 30px 0;z-index: 200; position: relative;max-height: 100px;}

.logo {max-width: 300px;float: left;}
.logo a:hover {opacity: .6;}

.background-blue {background: #001837; }
.background-yellow {background: #FFC200;}
.background-grey {background: #f4f4f4;}
.background-white {background: white;}
.zindex-top {z-index: 100 !important; position: relative;}
.zindex-bottom {z-index: 0 !important; }
.color-white {color: white;}

.yellowcircle {
  border: 7px solid #FFC200;
  width: 60vw;
  height: 60vw;
  border-radius: 100%;
  position: fixed;
  z-index: 0;
  min-width: 750px;
  min-height: 750px;
}

.circle-left {left: -5vw;top: 10vw;}
.circle-right {right: -5vw; top: -20vw;}

.yellowcircle.giant {
  width: 75vw;
  height: 75vw;
  position: absolute;
  min-width: 1050px;
  min-height: 1050px
}

.yellowcircle.giant.circle-right {right: -10vw;top: -50vh;}
.yellowcircle.giant.circle-left {left: -10vw;top: 25px;}

.sjb-page .sjb-filters {
  background: transparent !important;
  padding: 0 !important;
  width: 100%;
}

.yellow-dot {border-radius: 100%;width: 10px;height: 10px;background: #FFC200;display: inline-block;margin-left: 5px;}

.blog-item {padding: 30px 20px;border-radius: 3px;}
.home .blog-item { height: 100%;}

.blog-item-thumbnail {border-radius: 5px;height: 100%;background: white;}
.blog-item-thumbnail2 .text {border-radius: 0 5px 5px 0;background: white;}
.blog-item-thumbnail2 .bg {border-radius: 5px 0 0 5px;}

.form-item {padding: 30px 40px;border-radius: 3px;}

/* PLUGIN CHANGES */ 

.sjb-page .sjb-filters .form-control {
  margin-bottom: 15px !important;
  border-radius: 3px !important;
}

.btn-search {
  padding: 11px;
  height: auto;
  border-radius: 3px !important;
}

.sjb-page .background-grey .list-data .job-type, .sjb-page .list-data .job-location, .sjb-page .background-grey .list-data .job-date, .sjb-page .background-grey .list-data .job-location {
  color: #001837 !important;
  margin-bottom: 5px !important;
  word-wrap: break-word !important;
  border-radius: 3px !important;
}

.sjb-page .list-data .job-type, .sjb-page .list-data .job-location, .sjb-page .list-data .job-date {
  color: white;
}

.sjb-page .list-data {
  background: transparent !important;
}

.list-data header {
    padding: 10px 20px !important;
    text-align: left;
    }

.sjb-page .background-grey .list-data {
    height: 100%;
    position: relative;
    border: 0 !important;
    margin: 0px 0 0 0 !important;
    padding: 0px !important;
    width: 100%;
    /* min-height: auto;*/
}

.grid-item {margin-bottom: 30px !important;}
.sjb-page .background-grey .list-data {border-radius: 3px;}
.sjb-page .list-data .job-info h4 a {
  color: #001837 !important;
  font-size: 20px !important;
  font-weight: 600 !important;
}

.sjb-page .list-data .job-description{
  display:block !important;
  float: none !important;
}

.sjb-page .list-data .job-description p {
  color: #001837 !important;
  line-height: 1.6rem !important;
  font-size: 1.02rem !important;
  display:block !important;
}

.sjb-page .sjb-detail {margin: 0 !important}


.v1 .job-description .sjb-apply-now-btn {display: none;}

.sjb-page .background-grey .list-data .btn {
  border: 0;
  font-size: 15px;
  outline: none;
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0px;
  width: 100%;
  border: 1px solid #ffc200;
  padding: 10px 15px;
  text-transform: lowercase;
  /* letter-spacing: 1px; */
  font-weight: 500;
  border-radius: 0 0 3px 3px;
  display: block;
  color: white !important;
}

.sjb-page .list-data .job-info h4 a:hover {
  color: #ffc200 !important;
}
.sjb-page .btn-primary:hover {
  background-color: #ffd85a !important;
  border-color: transparent !important;
}

.sjb-page .pagination li span.current {
  background-color: #ffc200 !important;
}

.sjb-page .pagination li span.current:hover, .sjb-page .pagination li a:hover {
  background: #ffd85a !important;
}

/* BUTTONS */ 
.sjb-page .btn:active, .sjb-page .btn.active,
.sjb-page .btn-primary:focus, .sjb-page .btn-primary.focus,
.sjb-page .btn:focus, .sjb-page .btn:active:focus, .sjb-page .btn.active:focus, .sjb-page .btn.focus, .sjb-page .btn:active.focus, .sjb-page .btn.active.focus,
.sjb-page .btn-primary:hover {
  outline: 0;
  outline-offset: 0;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: transparent !important;
}


/* SEARCH FORM */

.sjb-page .center-inside .sjb-filters .form-control {margin-bottom: 10px !important;}
.sjb-page .filters-form .col-xs-1, .sjb-page .filters-form .col-sm-1, .sjb-page .filters-form .col-md-1, .sjb-page .filters-form .col-lg-1, 
.sjb-page .filters-form .col-xs-2, .sjb-page .filters-form .col-sm-2, .sjb-page .filters-form .col-md-2, .sjb-page .filters-form .col-lg-2, 
.sjb-page .filters-form .col-xs-3, .sjb-page .filters-form .col-sm-3, .sjb-page .filters-form .col-md-3, .sjb-page .filters-form .col-lg-3, 
.sjb-page .filters-form .col-xs-4, .sjb-page .filters-form .col-sm-4, .sjb-page .filters-form .col-md-4, .sjb-page .filters-form .col-lg-4, 
.sjb-page .filters-form .col-xs-5, .sjb-page .filters-form .col-sm-5, .sjb-page .filters-form .col-md-5, .sjb-page .filters-form .col-lg-5, 
.sjb-page .filters-form .col-xs-6, .sjb-page .filters-form .col-sm-6, .sjb-page .filters-form .col-md-6, .sjb-page .filters-form .col-lg-6, 
.sjb-page .filters-form .col-xs-7, .sjb-page .filters-form .col-sm-7, .sjb-page .filters-form .col-md-7, .sjb-page .filters-form .col-lg-7, 
.sjb-page .filters-form .col-xs-8, .sjb-page .filters-form .col-sm-8, .sjb-page .filters-form .col-md-8, .sjb-page .filters-form .col-lg-8, 
.sjb-page .filters-form .col-xs-9, .sjb-page .filters-form .col-sm-9, .sjb-page .filters-form .col-md-9, .sjb-page .filters-form .col-lg-9, 
.sjb-page .filters-form .col-xs-10, .sjb-page .filters-form .col-sm-10, .sjb-page .filters-form .col-md-10, .sjb-page .filters-form .col-lg-10, 
.sjb-page .filters-form .col-xs-11, .sjb-page .filters-form .col-sm-11, .sjb-page .filters-form .col-md-11, .sjb-page .filters-form .col-lg-11, 
.sjb-page .filters-form .col-xs-12, .sjb-page .filters-form .col-sm-12, .sjb-page .filters-form .col-md-12, .sjb-page .filters-form .col-lg-12
{
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.sjb-page .filters-form .row {margin-left: -5px !important;margin-right: -5px !important;}
.sjb-page .filters-form .form-group, .sjb-page .sjb-filters .btn-search {margin-bottom: 5px !important;}   
.sjb-page .sjb-filters .btn-search {border-radius: 3px !important;}
.sjb-page .btn-primary {color: #fff;background-color: #ffc200 !important;border-color: none !important;}
.sjb-page .sjb-filters .form-control, .sjb-page .sjb-filters .btn-search {height: 50px !important;}
.sjb-page .list-data .job-type i, .sjb-page .list-data .job-location i, .sjb-page .list-data .job-date i, .fa.fa-money {
  color: #001837 !important;margin-right: 10px !important;min-width: 20px !important;
}

.sjb-page  .list-data aside .job-type i, .sjb-page .list-data aside .job-location i, .sjb-page .list-data aside .job-date i, aside .fa.fa-money {
  color: #83868a !important;margin-right: 10px !important;min-width: 20px !important;
}

.text-grey {color: #84878a !important}

.sjb-page .form-margins {margin-bottom: 25px !important; margin-top: 40px !important;}
.sjb-page .text-grey, .sjb-page .list-data .text-grey, .sjb-page .sjb-detail .jobpost-form label {
  font-size: 1.02rem !important;
  line-height: 1.6rem !important;
  font-weight: 300 !important;
  color: #83868a !important; 
}

.sjb-page .list-data aside .job-type, .sjb-page .list-data aside .job-location, .sjb-page .list-data aside .job-date { margin-bottom: 12px !important;}
.sjb-page .sjb-detail .jobpost-form .required { color: #656565 !important;display: inline;}
.sjb-page .sjb-detail .list-data ul li::before { content: "" !important; color: white;}
.sjb-page {color: #001837 !important;}

.sjb-page .sjb-detail .list-data ul li {
    font-size: 1.02rem !important;
    line-height: 1.6rem !important;
    padding-left: 5px !important;
    margin-bottom: 10px !important;
}

.sjb-page .list-data section {display: flex !important;}

.jobpost_form_status {margin-top: 30px;}
.sjb-page .alert-success {
    background-color: #e9e9e9 !important;
    border-color: #83868a !important;
    color: #83868a !important;
}

/*==========================================  MAIN NAV ==========================================*/
nav {margin-top: 5px;}
.menu ul.sub-menu {padding-top: 15px;}
.menu_container_main {display: block;}
.menu-main-menu-container {display: table; width: 100%; height: 100%}
.mobile_menu {display: none; text-align: center; cursor: pointer;}
.menu {display: block; margin: 0 !important;padding: 0;}
.text-right .menu  li {margin-left: 25px;margin-right: 0 !important;}
.menu li {display: inline-block;position: relative;margin-right: 25px;}
.menu a {font-weight: 100; font-size: 1rem; display: block;color: #fff;text-align: right;white-space: nowrap;text-transform: lowercase;letter-spacing: 0.5px; font-size: 0.95rem;}

.menu a:hover, header .current_page_item a {color:#FFC200;}
header .menu a:after {
  content: "";
  border-radius: 100%;
  width: 4px;
  height: 4px;
  background: #ffc200;
  display: inline-block;
  margin: 0 auto;
  position: absolute;
  z-index: -10;
  bottom: 7px;
  right: -6px;
  opacity: 0;
}

.menu a:hover:after, header .current_page_item a:after {opacity: 1;transition:0.5s;}

.menu li:hover ul {display: flex; width: 100%; }
.text-right .menu li:hover ul li {margin-left: 0;}
.menu li:hover ul li a { padding: 10px 20px; text-align: left;}
.menu ul a { background: #ffc200; border: 0; border-top: 1px solid; font-weight: 500; color: white; min-width: 120px;}
.menu li:hover ul li a:after {display: none;}
.menu ul {position: absolute; top: 25px; z-index: 1000000; display: none; flex-direction: column; flex-wrap: wrap; left:-15px;}
.menu ul a:hover {background: #ffd85a; color: white;}

.header-search, .header-blue {
    min-height: 400px;
}

.center { position: relative;}
.center-inside {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100 !important;
}

.job {background: white; border-radius: 3px}

section {padding: 80px 0;position: relative; height: auto;}

.padding {padding: 60px 0;}
.padding-25 {padding: 25px 0;}
.padding-25 p {margin: 0;}
.padding-40 {padding: 40px 0;}
.padding-40 p {margin: 0;}

.overflow-hidden {overflow: hidden; position: relative;}

.home .sjb-listing nav {display: none !important;}
/*.home .job-description {display: none !important;}*/

.home .header-search {display: none !important }

.home .sjb-listing.container {padding: 0;}

.logos-others {
      padding: 23px;
    background: #f4f4f4;
    border-radius: 3px;
    margin-bottom: 10px;
}

	.video-small {width: 100% !important;}


.no-dots-here .flickity-page-dots {display: none;}

.zoom-image {
  transition: transform .2s; /* Animation */
}

.hover-page, .hover-page img, .hover-page h2 {
  transition: transform .2s; /* Animation */
}

.hover-page:hover img {
	transform: scale(1.2) !important;
}

.hover-page:hover h2{transform: scale(0.9);}

.zoom-image:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.about-people img {transform: scale(0.9); border-radius: 3px;transition: transform .2s;}
.page-template-page-about .about-people img {transform: scale(0.95); border-radius: 3px;transition: transform .2s;}
.about-people img:hover {transform: scale(1);}

/* remove features from the single job page */
.single-jobpost .sjb-detail .list-data .v1 .job-features {display: none !important;}

.single-jobpost .jobpost-form {
    background: #f4f4f4;
    padding: 0 20px;
    color: #001837 !important;
    border-radius: 3px;
    }

    .title-video {color: #001837 !important}
    
/************************************ MAIN NAV ************************************************/
.navnew,
.navbar-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.navnew, .navnew .menu-main-meni-container {
  position: fixed;
  z-index: 10;
  background-color: #FFC200;
  width: 100%;
  height: 100%;
  text-align: center;
  display: table;
  color: white;
  z-index: 500;
}

.nav-hide { display: none; }

.navnew ul {
  display: table-cell;
  vertical-align: middle;
  padding-left: 0 !important;
}

.navnew ul li {list-style: none;display: block;text-align: center;width: 100%;}

.navnew ul li a {
    font-size: 25px;
    font-weight: 400;
    text-decoration: none;
    background-size: 0% 90%;
    color: white !important;
    text-align: center;
    margin-bottom: 16px;
}

.navnew ul.sub-menu {
    position: initial;
    width: 100%;
    display: block;
  
}
.navnew ul.sub-menu li {
      display: block;
    margin-bottom: 16px;
}

.navnew ul.sub-menu li a{
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    color: white !important;
}

.navnew li:hover ul li a {padding: 0;margin-top:0;}
.navnew ul li a:hover {color: #001837 !important;}
.navbar-toggle {
    position: relative;
    top: 32px;
    right: 20px;
    width: 29px;
    height: 29px;
    z-index: 800;
    cursor: pointer;
    float: right;
}

.bar1,
.bar2,
.bar3 {
  width: 100%;
  height: 3px;
  margin-bottom: 7px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.navbar-on .bar1,
.navbar-on .bar2,
.navbar-on .bar3 {background-color: #fff;}

.navbar-on .bar1 {
  transform-origin: 0;
  transform: rotate(45deg);
}

.navbar-on .bar3 {
  transform-origin: 0;
  transform: rotate(-45deg);
}

.navbar-on .bar2 { background-color: transparent; }

    .topnav {margin-top: 21px;overflow: hidden; text-align: right;}
    .topnav a {
        margin-left: 30px;
        padding: 5px 0;
        display: inline-block;
        color: #000000;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 13px;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
    }
    
    .topnav a:hover { border-bottom: 2px solid #ffcc33; color: black;}

    .topnav .icon {
      display: none;
    }

    @media screen and (max-width: 600px) {
      .topnav a:not(:first-child) {display: none;}
        .topnav a.icon {
        float: right;
        display: block;
        float: right;
        display: block;
        height: 20px;
        width: 11px;
        padding: 0px 0;
        margin: 0;
      }
      .topnav.responsive {position: relative;}
      .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
      }
      .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
      }
      .topnav a:hover {
            border-bottom: 2px solid #fff;
            color: #ffcc33;
        }
    }

/*==========================================  CAROUSEL ==========================================*/

.gallery-cell {
  width: 80%;
  margin-left: 15%;
  margin-right: 15%;
}

.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: transparent; opacity: 0.6; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #001837;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #001837;
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #001837;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}


/* TESTIMONIAL TEXT STYLE */ 

.gallery-cell h4 {
    font-weight: 400 !important;
    letter-spacing: 0;
    margin-bottom: 20px;
}

li.cat-item-58 {display: none}

/*==========================================  ARTICLE ==========================================*/

.post_date {font-size: 0.85rem; margin-bottom: 10px;}

.attachment-thumbnail {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 100%;
}
.attachment-large {width: 100%; margin-bottom: 30px;}
a .attachment-thumbnail:hover {opacity: .6;}

article li {list-style: disc; margin-left: 20px;}

.box {padding: 20px; background: #f0f0f0;}

.highlight {margin-top: 50px; margin-bottom: 50px; padding-top: 200px; padding-bottom: 200px; background: #00F; color: #fff;}

.pagination {clear: both; text-align: center; margin-top: 30px;}
.pagination .page-numbers {margin: 0 1px;}

.pagination a, .pagination .current {
    background-color: #e1e1e1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #3b3a3c;
    font-weight: 400;
    margin: 0;
    padding: 8px 16px;
    text-align: center;
    line-height: 23px;
    text-decoration: none;
    font-size: 14px;
}

.pagination .current {background-color: #ffc200 !important;}

.pagination a:hover  {
    background: #ffd85a !important;
}

.half-parent {
    overflow: hidden;
    position: relative;
}
.half-parent .container {
    position: relative;
    z-index: 100;
}
.half-right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    text-align: right;
    z-index: 0;
}

.half-left {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    text-align: right;
    z-index: 0;
}

.no-job-listing {margin: 0 auto;}

/*==========================================  FRONT PAGE ==========================================*/

.home .Page.navigation {
    display: none;
}

/*==========================================  SIDEBAR ==========================================*/

aside {}
aside .widget {margin-bottom: 40px;}
aside .widget h4, aside h4, .sjb-page h4 {margin-bottom: 20px;}
aside .widget li {list-style: none; margin: 0;}
aside .widget li a, aside select {
    display: block;
    padding: 12px 7px;
    border: 1px solid #dfdfdf;
    color: #555;
    margin-bottom: 15px;
    border-radius: 3px;
    width: 100%;
}
aside select {height: 50px; background: transparent;}
aside .widget li a:hover {background: #ffc107; border-color: #ffc107; padding-left: 15px; color: white}

aside label {display: none;}

/*==========================================  JOB LIST CARDS ==========================================*/

.cardlink {background: red; display: block; cursor: pointer;}

.sjb-page .list-data .v1 {
    padding: 10px 10px 10px !important;
    text-align: left !important;
        background: transparent !important;
    border: 0px !important;
    margin: 0px !important;
    }

    .sjb-page {background: transparent !important;}

  .flip-card {
            background-color: transparent;
            perspective: 1000px;
          }

          .flip-card-inner {
            position: relative;
            width: 100%;
            height: 100%;
            height: 290px;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d;
          }

          .flip-card:hover .flip-card-inner {
            transform: rotateY(180deg);
          }

          .flip-card-front, .flip-card-back {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
          }

          .flip-card-front {
            background-color: white;
            overflow: hidden;
          }

          .flip-card-back {
              
              background: #ffc200;
            color: white;
            transform: rotateY(180deg);
                border-radius: 3px;
                height: 290px;
                width: 100%;
                display: block;
          }

          .flip-card-back span {
            padding: 111px 20px;
    display: block;
    font-weight: bold;
    letter-spacing: 5px;
    font-size: 24px;
    text-transform: uppercase;
          }

          .flip-card-back a {
            font-size: 50px !important;
            height: 100%;
            top: 0;
              /* margin: 5px 0; */
              border-radius: 3px;
              height: 290px;
              padding-top: calc(112px - 42px) !important;
          }


  .flip-card-front::after {
    display: block;
    content: "+";
    bottom: 10px;
    background: #ffc200;
    color: white;
    width: 40px;
    height: 40px;
    padding: 10px;
    right: 10px;
    position: absolute;
    z-index: 100;
    border-radius: 100%;
  }

   .flip-card:hover .flip-card-front div {opacity: 0 !important; color: transparent !important;}



.jobs-front-page .flip-card-inner, .jobs-front-page  .flip-card-back {
	height: 290px;
}
 .jobs-front-page .flip-card-back span {
    padding: 128px 20px;
}


.areas-recruit img {max-width:80px !important; margin-bottom: 10px; width:80px;}
/*==========================================  FOOTER ==========================================*/

footer {padding: 45px 0; font-size: 0.95rem; letter-spacing: 0.5px}
footer li {list-style: none; margin: 0; display: inline-block;}
footer li a {display: block; color: white !important;}
footer li a:hover { color: #ffc200}
footer .social {font-size: 23px}
footer .social li {margin-right: 25px}
footer .social ul {margin-bottom: 0 !important;}
footer p {margin-bottom: 0}
footer .social ul :before, .social ul :before {font-family: 'Font Awesome 5 Brands' !important;}
footer .menu li {margin-bottom: 15px;}

.social.text-blue li {list-style: none; display: inline-block; margin-right: 25px}
.social.text-blue li a {color: #001837; font-size: 23px}
.social.text-blue li a:hover {color: #ffc200;}

.no-padding {margin-right: 0; margin-left: 0;}
.no-padding div {padding-right: 0; padding-left: 0;}

/*==========================================  FORM ==========================================*/
form {}
form input, form textarea, form select {
    display: block;
    font-size: 1.02rem;
    font-family: inherit;
    line-height: 1.6rem;
    height: 50px;
    color: #555;
    white-space: nowrap;
    background: white;
    padding: 10px 8px;
    border: 1px solid #ccc;
    margin: 0 5px 5px 0;
    border-radius: 3px;
    width: 100%;
}
textarea {
    width: 100%;
    height: 200px !important;
    line-height: inherit;
    white-space: inherit;
    padding: 8px;
    margin-bottom: 20px;
    resize: none;
}
label {width: 100%;}
input:focus, textarea:focus, select:focus {
    border-color: #555;
}
input[type=checkbox], input[type=radio] {
    padding: inherit;
    line-height: inherit;
    height: inherit;
    margin-bottom: -1px;    
}
input[type=submit], .button, .sjb-page .sjb-detail .jobpost-form .btn.app-submit {
    display: inline-block;
    padding: 10px 25px !important;
    border: 3px solid;
    margin: 0 5px 20px 0;
    border-radius: 3px !important;
    font-size: 1.1rem !important;
    line-height: inherit;
    height: inherit;
    cursor: pointer;
    color: #ffc200;
    text-transform: lowercase;
}
input[type=submit] {margin-bottom: 0; margin-top: 10px;}
input[type=submit], .button, .sjb-page .sjb-detail .jobpost-form .btn.app-submit {color: #fff; border-color: #ffc200 ;background: #ffc200;}
input[type=submit]:hover, .button:hover {background: #ffd85a; color: #fff; border-color: #ffd85a;}
.jobpost-form .btn.app-submit  {width: 100% !important}
.button.small {padding: 5px 15px; font-size: 1rem;}
.button.big {padding: 20px 50px; font-size: 1.5rem;}
.button-block {display: block; width: 100%; text-align: center;}

    article {width: 100%;}

.sjb-page input[type="radio"], .sjb-page input[type="checkbox"], input[type=checkbox], input[type=radio] {
    float: left !important;
    display: inline !important;
    width: 20px !important;
}

span.wpcf7-list-item {
    margin: 0 0 0 0 !important;
}

form label > span {margin-bottom: 8px; display: block;}
form label br {display: none}
form label em {font-style: inherit;}

.wpcf7-captchac {margin-top: -5px;}

div.wpcf7-response-output {
    background: white;
    padding: 20px !important;
    border-radius: 3px;
    border: 2px solid #ffc200 !important;
    color: #555d66 !important;
}

form a {color: #828282;}
form a:hover {color: #353535;}

form a, .sjb-page a:hover {color: #828282 !important;}
form a:hover, .sjb-page a:hover {color: #353535 !important;}
.sjb-page a {color: #333 !important}


.sjb-page .sjb-filters .btn-search.search-icon {
    background-image: url(/wp-content/themes/NetworkTalent/images/search.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: none;
    cursor: pointer;
    vertical-align: middle;
}

.sjb-page footer a {color: white !important}

/*==========================================  TRANSITIONS ==========================================*/
a, a img, input, textarea, select {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

/*========================================== MEDIA QUERIES ==========================================*/

/* pre XL */

@media (max-width: 1200px) {
    .circle-left {left: -15vw; top: 20vw; }
    .circle-right { right: -15vw; top: -20vw; }
    .yellowcircle { min-width: 850px; min-height: 850px; } 
  .blog-item-thumbnail2 {padding: 15px}
}

/* pre MD */


@media (max-width: 992px) {
    .logo {max-width: 250px;float: left;}
    .half-left, .half-right {
        position: relative;
        width: 100%;
        text-align: right;
        z-index: 100;
        height: 350px;
    }

	
    .circle-left { left: -20vw; top: 20vw;}
    .circle-right { right: -20vw; top: -20vw;}
    .yellowcircle {position: absolute; min-width: 600px; min-height: 600px; }
    section.padding {padding: 0}
    blockquote { font-size: 1.5rem; line-height: 2.2rem;}
    .mobile_menu {display: block;}
    .menu_container_main {display: none;}
    .md-none {display: none !important;}
    section {padding: 40px 0;}
    .padding-top-70 {padding-top: 40px}
    .padding-bottom-70 {padding-bottom: 40px}
    .padding-top-50 {padding-top: 20px}
    .padding-bottom-50 {padding-bottom: 20px}

}

/* pre SM */

@media all and (max-width: 993px){
	
    .title-video {color: #001837 !important}
	}
@media all and (max-width: 768px){
	
	.video-small {width: 200% !important;}
  
  .blog-item-thumbnail2 .text {border-radius:  0 0 5px 5px; }
  .blog-item-thumbnail2 .bg {border-radius: 5px 5px 0 0;}
    .list-types ul li { width: 50%}
    .menu_container_footer, .sm-none {display: none !important;}
    .menu {flex-direction: column;}
    .menu a {margin: 0; margin-bottom: 1px;}
    .menu ul {display: none !important;}
    .menu li {margin-right: 10px;}
    .navnew ul.sub-menu {
      display: block !important;
      opacity: 0.7;
      text-align: center !important; 
      padding-top: 0;
    }

  .menu li:hover ul li a {text-align: center !important; }
  .navnew ul.sub-menu li a (text-align: center !important;)
  .menu ul.sub-menu {padding-top: 0;}
  h1, h1.search-title {font-size: 32px !important;margin-bottom: 20px !important;}
  h2 {font-size: 1.8rem;}
  h3 {font-size: 1.2rem;}
  .sjb-page .sjb-filters .btn-search, 
  .sjb-page .sjb-filters .form-control {height: 40px !important}
  .text-xs-center {text-align: center !important;}
  .text-xs-left {text-align: left !important;}
  .margin-bottom-xs {margin-bottom: 30px !important;}
  .z-index-xs {z-index: 100}
  .margin-bottom-60 {margin-bottom: 40px;}
  .circle-left { left: -40vw; top: 20vw }
  .circle-right { right: -40vw; top: -20vw;}   
  .yellowcircle {min-width: 500px; min-height: 500px; }
  .gallery-cell h4 {font-size: 15px;}
  section.padding {overflow-x: hidden;}
	.padding-bt-mini-none {padding: 40px 0 0 0;}
}

/* XS */

@media (max-width: 576px) {
  .flickity-button {display: none;}
  .gallery-cell {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .margin-bottom-60 {margin-bottom: 30px;}
  .flickity-page-dots {margin: 20px 0 30px 0;}
  .thumbnail-bg + .blog-item {padding: 20px 30px 30px 30px;}
  .list-types ul li { width: 100%}

  aside .post_date {font-size: 16px !important; }
}


@media (max-width: 980px)
.cookieConsentContainer {right: 0 !important;}
}