html{
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-family: "Inter Tight", sans-serif;
  font-size: 15px;
  color: #6a6a6a;
  font-weight: 400;
  line-height: 24px;
}
a{
  color: #141414;
  text-decoration: none !important;
}

a:visited {
  color: #141414;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  font-family: "Inter Tight";
  color: #232837;
  font-weight: 600;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 15px;

}
a.btn.btn-default {
  padding: 12px 22px;
}

@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome/fontawesome-webfont.eot?v=4.3.0');
src: url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
    font-family: 'Inter Tight';
    src: url('../fonts/InterTight-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/Proxima-Nova-Regular.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}

.site-branding {
  float: left;
}
nav#site-navigation {
  float: right;
  width: auto;
}
.hero-section .image{
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero-section .image {
	background-position: center;
}

.hero-section {
display: -webkit-box;
display: flex;
align-content: center;
-webkit-box-align: center;
        align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-direction: column;
flex-wrap: nowrap;
height: 100%;
justify-content: space-around;
position: relative;
width: 100%;
}
.hero-section {
width: 100%;
height: 500px;
-webkit-box-flex: 1;
        flex: 1;
display: -webkit-box;
display: flex;
text-align: center;
position: relative;
overflow: hidden;
background-color: #000;
}
.hero-section .image {

background-size: cover;
width: 100%;
height: 100%;
position: absolute;
z-index: 500;
}
.hero-section .stuff {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 55%;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  z-index: 990;
  margin: 0 auto;
  position: relative;
  top: 0% !important;
}
.hero-section a.btn.btn-default {
  background: no-repeat;
  letter-spacing: 0;
  border: none;
  color: #5E5086 !important;
  border-radius: 0;
  background: #fff;
  border-radius: 0;
}
.hero-section h1 {
  font-size: 39px;
  color: #fff;
  line-height: 54px;
  margin-bottom: 10px;
  margin-top: 0;
}
.hero-section.image .col-md-6 {
  height: 500px;
  text-align: left;
  background: rgb(32 173 150 / 79%);
  padding: 95px 79px;
  margin-left: -15px;
}
.hero-section.image .col-md-6 p {
  color: #fff;
  margin-bottom: 30px;
}
.hero-section.image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
header#masthead {
  position: relative;
  top: auto;
  z-index: 9999;
}

h2.site-title {
  font-size: 26px;
  margin-bottom: 5px;
}

p.site-description {
  margin: 0;
}
ul#menu-main li a {
  color: #141414;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.site-branding {
  margin-top: -6px;
}
.site-branding {
  padding-right: 20px;
}
.section {
  padding: 70px 0;
}

.section-title h2 {
	line-height: 43px;
	font-size: 29px;
  margin-bottom: 0;
  color: #000;
}
.about-section-img {
  margin-top: 65px;
}
.about-second-wrap img{
  margin-top: 30px;
}
.section-title h2 a{
color: #000;
}
section#primary.about-sec .col-md-7 {
  padding-right: 70px;
}


.explore-section {
  padding: 70px 0;
}
.explore-section .section-title {
  margin-bottom: 91px;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  margin-left: 134px;
}
.explore-section main {
  height: auto;
}

ul.slider {
  padding: 0;
  margin: 0;
}

.grid {
display: flex;
flex-direction: column;
flex-flow: row wrap;
}
.grid > [class*="column-"] {
display: block;
}

.first {
order: -1;
}

.last {
order: 12;
}

.align-top {
align-items: start;
}

.align-center {
align-items: center;
}

.align-bottom {
align-items: end;
}

.column-xs-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}

.column-xs-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}

.column-xs-3 {
flex-basis: 25%;
max-width: 25%;
}

.column-xs-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}

.column-xs-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}

.column-xs-6 {
flex-basis: 50%;
max-width: 50%;
}

.column-xs-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}

.column-xs-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}

.column-xs-9 {
flex-basis: 75%;
max-width: 75%;
}

.column-xs-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}

.column-xs-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}

.column-xs-12 {
flex-basis: 100%;
max-width: 100%;
}

@media (min-width: 48rem) {
.column-sm-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.column-sm-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.column-sm-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.column-sm-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.column-sm-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.column-sm-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.column-sm-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.column-sm-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.column-sm-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.column-sm-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.column-sm-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.column-sm-12 {
  flex-basis: 100%;
  max-width: 100%;
}
}
@media (min-width: 62rem) {
.column-md-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.column-md-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.column-md-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.column-md-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.column-md-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.column-md-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.column-md-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.column-md-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.column-md-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.column-md-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.column-md-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.column-md-12 {
  flex-basis: 100%;
  max-width: 100%;
}
}
@media (min-width: 75rem) {
.column-lg-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.column-lg-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.column-lg-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.column-lg-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.column-lg-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.column-lg-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.column-lg-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.column-lg-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.column-lg-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.column-lg-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.column-lg-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.column-lg-12 {
  flex-basis: 100%;
  max-width: 100%;
}
}
@supports (display: grid) {
.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
}
.grid > [class*="column-"] {
  margin: 0;
  max-width: 100%;
}

.column-xs-1 {
  grid-column-start: span 1;
  grid-column-end: span 1;
}

.column-xs-2 {
  grid-column-start: span 2;
  grid-column-end: span 2;
}

.column-xs-3 {
  grid-column-start: span 3;
  grid-column-end: span 3;
}

.column-xs-4 {
  grid-column-start: span 4;
  grid-column-end: span 4;
}

.column-xs-5 {
  grid-column-start: span 5;
  grid-column-end: span 5;
}

.column-xs-6 {
  grid-column-start: span 6;
  grid-column-end: span 6;
}

.column-xs-7 {
  grid-column-start: span 7;
  grid-column-end: span 7;
}

.column-xs-8 {
  grid-column-start: span 8;
  grid-column-end: span 8;
}

.column-xs-9 {
  grid-column-start: span 9;
  grid-column-end: span 9;
}

.column-xs-10 {
  grid-column-start: span 10;
  grid-column-end: span 10;
}

.column-xs-11 {
  grid-column-start: span 11;
  grid-column-end: span 11;
}

.column-xs-12 {
  grid-column-start: span 12;
  grid-column-end: span 12;
}

@media (min-width: 48rem) {
  .column-sm-1 {
    grid-column-start: span 1;
    grid-column-end: span 1;
  }

  .column-sm-2 {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }

  .column-sm-3 {
    grid-column-start: span 3;
    grid-column-end: span 3;
  }

  .column-sm-4 {
    grid-column-start: span 4;
    grid-column-end: span 4;
  }

  .column-sm-5 {
    grid-column-start: span 5;
    grid-column-end: span 5;
  }

  .column-sm-6 {
    grid-column-start: span 6;
    grid-column-end: span 6;
  }

  .column-sm-7 {
    grid-column-start: span 7;
    grid-column-end: span 7;
  }

  .column-sm-8 {
    grid-column-start: span 8;
    grid-column-end: span 8;
  }

  .column-sm-9 {
    grid-column-start: span 9;
    grid-column-end: span 9;
  }

  .column-sm-10 {
    grid-column-start: span 10;
    grid-column-end: span 10;
  }

  .column-sm-11 {
    grid-column-start: span 11;
    grid-column-end: span 11;
  }

  .column-sm-12 {
    grid-column-start: span 12;
    grid-column-end: span 12;
  }
}
@media (min-width: 62rem) {
  .column-md-1 {
    grid-column-start: span 1;
    grid-column-end: span 1;
  }

  .column-md-2 {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }

  .column-md-3 {
    grid-column-start: span 3;
    grid-column-end: span 3;
  }

  .column-md-4 {
    grid-column-start: span 4;
    grid-column-end: span 4;
  }

  .column-md-5 {
    grid-column-start: span 5;
    grid-column-end: span 5;
  }

  .column-md-6 {
    grid-column-start: span 6;
    grid-column-end: span 6;
  }

  .column-md-7 {
    grid-column-start: span 7;
    grid-column-end: span 7;
  }

  .column-md-8 {
    grid-column-start: span 8;
    grid-column-end: span 8;
  }

  .column-md-9 {
    grid-column-start: span 9;
    grid-column-end: span 9;
  }

  .column-md-10 {
    grid-column-start: span 10;
    grid-column-end: span 10;
  }

  .column-md-11 {
    grid-column-start: span 11;
    grid-column-end: span 11;
  }

  .column-md-12 {
    grid-column-start: span 12;
    grid-column-end: span 12;
  }
}
@media (min-width: 75rem) {
  .column-lg-1 {
    grid-column-start: span 1;
    grid-column-end: span 1;
  }

  .column-lg-2 {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }

  .column-lg-3 {
    grid-column-start: span 3;
    grid-column-end: span 3;
  }

  .column-lg-4 {
    grid-column-start: span 4;
    grid-column-end: span 4;
  }

  .column-lg-5 {
    grid-column-start: span 5;
    grid-column-end: span 5;
  }

  .column-lg-6 {
    grid-column-start: span 6;
    grid-column-end: span 6;
  }

  .column-lg-7 {
    grid-column-start: span 7;
    grid-column-end: span 7;
  }

  .column-lg-8 {
    grid-column-start: span 8;
    grid-column-end: span 8;
  }

  .column-lg-9 {
    grid-column-start: span 9;
    grid-column-end: span 9;
  }

  .column-lg-10 {
    grid-column-start: span 10;
    grid-column-end: span 10;
  }

  .column-lg-11 {
    grid-column-start: span 11;
    grid-column-end: span 11;
  }

  .column-lg-12 {
    grid-column-start: span 12;
    grid-column-end: span 12;
  }
}
}






#highlight {
color: #e83f43;
}

.image-holder img {
width: 100%;
height: 43vh;
object-fit: cover;
}

.vertical {
flex-direction: column;
justify-content: center;
align-items: center;
}

.intro {
  position: relative;
  z-index: 2;
  opacity: 0;
  animation: fadeIn 0.8s 0.4s ease forwards;
  margin-right: -30px;
  min-width: 400px;
}
.intro .title {
  display: inline-block;
  text-decoration: none;
  color: #000;
  text-align: right;
}
.intro .title .underline {
color: #232323;
}

.description {
position: relative;
z-index: 1;
margin: 1rem 0 1.5rem 0;
font-size: 1rem;
opacity: 0;
animation: fadeIn 0.8s 0.6s ease forwards;
}

.slider-item {
display: none;
}
.slider-item.active {
display: block;
}
.slider-item.active .hide-mobile {
display: none;
}
.slider-item.active .show-mobile {
display: block;
margin: 1rem 0;
}



.controls {
position: relative;
z-index: 1;
display: flex;
justify-content: flex-end;
padding: 0.25rem 0 0.25rem 0;
}
.controls .previous {
border: 1px solid #232323;
}
.controls .previous:hover i {
transform: scale(1.5);
}
.controls .next {
border-top: 1px solid #232323;
border-right: 1px solid #232323;
border-bottom: 1px solid #232323;
}
.controls .next:hover i {
transform: scale(1.5);
}

.previous, .next {
display: flex;
align-content: center;
justify-content: center;
flex-basis: 15%;
font-size: 2rem;
color: #232323;
}
.previous i, .next i {
transition: all 0.1s ease;
}

.active .image-holder::before {
position: absolute;
content: '';
z-index: 1;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
transform-origin: 100% 50%;
animation: revealRight 1s cubic-bezier(0.23, 1, 0.75, 1) forwards;
}

@keyframes revealRight {
0% {
  transform: scaleX(1);
}
100% {
  transform: scaleX(0);
}
}
@keyframes fadeIn {
0% {
  opacity: 0;
}
100% {
  opacity: 1;
}
}
@keyframes fadeInLeft {
0% {
  opacity: 0;
  transform: translateX(20%);
}
100% {
  opacity: 1;
  transform: translate(0);
}
}
.toggle-nav {
display: flex;
justify-content: flex-end;
font-size: 1rem;
line-height: 1.9;
}
.toggle-nav i {
font-size: 1.5rem;
line-height: 1.3;
margin: 0 0 0 0.5rem;
}

.flex-nav ul {
position: absolute;
z-index: 1;
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
display: none;
width: 100%;
left: 0;
padding: 1rem;
background: #fff;
text-align: center;
}
.flex-nav ul.active {
display: flex;
}

@media (min-width: 62rem) {
nav ul {
  justify-content: flex-end;
}

#logo {
  font-size: 1.25rem;
}

.controls {
  padding: 1.75rem 0 1.75rem 0;
}

.intro {
  animation: fadeInLeft 0.8s 0.4s ease forwards;
}
.intro .title {
  line-height: 61px;
  font-size: 46px;
  padding: 2.5rem 2.5rem 3rem 2.5rem;
  background: #fff;
}


.image-holder img {
  height: 55vh;
}

.description {
  font-size: 1.25rem;
  margin: 1rem 0 0 0;
}

.previous, .next {
  flex-basis: 8.33%;
}

.slider-item.active .hide-mobile {
  display: block;
}

.slider-item.active .show-mobile {
  display: none;
}

.toggle-nav {
  display: none;
}

.flex-nav ul {
  display: flex;
  flex-direction: row;
  position: relative;
  padding: 0;
  justify-content: flex-end;
}

}
.slider-item.active {
  display: block;
}

.cta-sec .cta-title {
  font-size: 50px;
  margin: 0;
  margin-bottom: 45px;
  color: #fff;
  line-height: 69px;
}
.btn-default, button, .button, .comment-respond .comment-form input[type="submit"], .comments-area ol.comment-list .reply a, a.post-edit-link, div.wpcf7 input[type="submit"], .hb_button, .hb_single_room #reviews #review_form_wrapper form .form-submit input[type="submit"] {
  background: #5E5086;
  border: none !important;
  padding: 12px 35px;
  position: relative;
  font-size: 16px !important;
  overflow: hidden;
  transition: .5s;
  border-radius: 0;
  display: inline-block;
  color: #fff !important;
  box-shadow: none !important;
}
.cta-sec .cta-content {
  padding: 0 77px;
  text-align: center;
}

.cta-sec .cta-content {
  padding: 0;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
  z-index: 99;
  position: relative; 
}
.section.cta-sec {
  padding: 140px 0;
}
.cta-sec{
position: relative;
}
.cta-sec:before {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}
.section.cta-sec {
  background-size: cover;
  padding: 140px 0;

  background-position: center;
}







.blog-wrap * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}

.blog-wrap img {
max-width: 100%;
vertical-align: top;
position: relative; 
}



.blog-wrap .date {
background-color: #fff;
color: #333;
font-size: 18px;
font-weight: 800;
min-height: 48px;
min-width: 48px;
padding: 10px 0;
position: absolute;
right: 15px;
text-align: center;
text-transform: uppercase;
top: 0;
}

.blog-wrap .date span {
display: block;
line-height: 14px;
}

.blog-wrap .date .month {
font-size: 11px;
}

.blog-wrap h3,
.blog-wrap p {
margin: 0;
padding: 0;
}



.blog-wrap .hover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size:  50px;
  align-items: center;
  background-color: #232323;
  display: flex;
  justify-content: center;
  opacity: 0;
}

/*.blog-wrap a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}*/

.blog-wrap:hover .hover,
.blog-wrap.hover .hover {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
opacity: 1;
}
.blog-wrap figcaption {
  margin-top: 20px;
}
.blog-wrap figcaption h3 {
  margin-bottom: 9px;
  font-size: 21px;
  line-height: 28px;
}
.blog-wrap figcaption h3 a {
  color: #000;
}

.blog-section .section-title {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  max-width: 550px;
  margin-bottom: 60px;
}
.blog-wrap {
  position: relative;
  overflow: hidden;
}
section.section.room-section {
  background: #fafafa;
}

.site-info {
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid rgba(238, 238, 238, 0.19);
}
.site-info, .site-info a {
  color: #fff;
}

.site-info p {
  margin: 0;
}
.about-second-wrap {
  padding: 0 65px;
}


input[type=checkbox], input[type=radio] {
  width: auto !important;
  height: auto !important;
}
p.comment-form-cookies-consent input#wp-comment-cookies-consent, p.comment-form-cookies-consent label {
  display: inline-block !important;
}
p.comment-form-cookies-consent input#wp-comment-cookies-consent {
  margin-right: 10px;
}
p.comment-form-cookies-consent {
  margin-top: 20px;
}

section.footer-sec {
  padding: 0 0 58px;
}

.comments-area {
  padding: 30px;
  margin-top: 30px;
  padding-left: 0;
}
.comments-area h2.comments-title {
	font-size: 25px;
	font-weight: 500;
	margin: 0;
	margin-bottom: 10px;
}
.comments-area ol.comment-list {
  list-style: none;
  padding: 0; }
  .comments-area ol.comment-list:last-child {
    margin-bottom: 0; }
  .comments-area ol.comment-list .comment-author b.fn {
    margin-left: 7px;
    color: #333;
    font-weight: 600; }
    .comments-area ol.comment-list .comment-author b.fn a {
      color: #333; }
  .comments-area ol.comment-list .comment-author span.says {
    display: none; }
  .comments-area ol.comment-list .comment-author img {
    width: 40px;
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 2px;
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 0;
    margin-top: 15px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
  .comments-area ol.comment-list .comment-metadata {
    margin-left: 52px;
    margin-bottom: 14px; }
    .comments-area ol.comment-list .comment-metadata time {
      font-size: 14px;
      color: #666; }
  .comments-area ol.comment-list .comment-content {
    margin-bottom: 27px;
    padding: 20px 20px;
    padding-bottom: 10px;
    background: #fafafa;
    border-radius: 0; }
  .comments-area ol.comment-list .reply {
    text-align: right;
    margin-top: 16px; }
    .comments-area ol.comment-list .reply a {
      box-shadow: none;
      padding: 3px 21px; }
  .comments-area ol.comment-list ol.children {
    padding: 0;
    list-style: none;
    margin-left: 56px; }
.comments-area .comment-subscription-form input[type="checkbox"] {
  height: auto !important; }

.comments-area ol.comment-list .comment-metadata .edit-link {
display: none; }

.pingback .comment-body {
margin-bottom: 27px;
padding: 20px 20px; }

.pingback {
margin: 20px 0; }

.pingback .comment-body a {
color: #666; }
.pingback .comment-body a:hover, .pingback .comment-body a:focus {
  color: #000; }

.pingback .comment-body a.comment-edit-link {
color: #000; }

.nav-links {
width: 100%;
display: table; }
.nav-links .nav-previous {
  width: 50%;
  display: inline-block; }
.nav-links .nav-next {
  width: 50%;
  display: inline-block;
  text-align: right; }

.nav-links .nav-previous, .nav-links .nav-next {
vertical-align: middle;
float: none; }

.nav-links a, .nav-links span {
  padding: 6px 6px;
  margin-right: 5px;
  display: inline-block;
  font-size: 16px;
  color: #62646c;
  position: relative;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
span.nav-subtitle {
  color: #000;
  font-family: "Lora";
  font-weight: 400;
}
.nav-links a:hover, .nav-links span:hover {
  color: #000; }

.nav-links a {
  background: #f7f7f7;
}



.not-found .page-header {
margin-top: 0; }
.not-found .page-header h1 {
  margin-top: 0; }

.not-found .search-form {
margin-top: 20px; }
.not-found .search-form .search-submit {
  width: 29%; }



.error-404 header.page-header h2 {
font-size: 74px; }

header.entry-header h2.entry-title {
  font-size: 30px;
  margin-top: 0;
}
header.entry-header h2.entry-title a {
  color: #272e37;
  text-decoration:  none; }
  a{
        text-decoration: none !important;
  }
  header.entry-header h2.entry-title a:hover {
    color: #000; }

    header.entry-header h1.entry-title {
      font-size: 26px;
      margin-top: 0;
      margin-bottom: 5px;
      line-height: 42px;
    }
header.entry-header h1.entry-title a {
  color: #272e37; }
  header.entry-header h1.entry-title a:hover {
    color: #000; }

.page-header {
padding-bottom: 5px;
margin-top: 0;
margin-bottom: 20px !important;
border-bottom: none; }
.page-header h1 {
  margin-top: 0;
  font-size: 29px;
  border-bottom: 1px solid #eee;
  padding-bottom: 30px;
}
header.entry-header h2.entry-title {
	font-size: 29px;
}
article .entry-content img {
margin-bottom: 15px; }

div#calendar_wrap table {
background-color: transparent;
width: 100%; }

#wp-calendar caption {
background-color: #33475b;
color: #ffffff;
padding: 10px; }

#wp-calendar thead tr th {
text-align: center; }

table th {
border: 1px solid #dddddd;
padding: 8px;
line-height: 20px;
text-align: center;
vertical-align: top; }

table td {
border: 1px solid #dddddd;
padding: 8px;
line-height: 20px;
text-align: center;
vertical-align: top; }

table td {
border: 1px solid #dddddd;
padding: 8px;
line-height: 20px;
text-align: center;
vertical-align: top; }

#wp-calendar tbody tr td {
text-align: center; }

#wp-calendar tr th {
border: 1px solid rgba(0, 0, 0, 0.2);
border-right: 0;
border-bottom: 0; }

#wp-calendar tr th:last-child {
border-right: 1px solid rgba(0, 0, 0, 0.2); }

#wp-calendar tr td {
border: 1px solid rgba(0, 0, 0, 0.2);
border-right: 0;
border-bottom: 0; }

#wp-calendar tr td a {
font-weight: bold; }

#wp-calendar tr td:last-child {
border-right: 1px solid rgba(0, 0, 0, 0.2); }

#wp-calendar tfoot tr td {
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

#secondary #wp-calendar tr td {
border: 1px solid #eee; }

#secondary #wp-calendar tr th {
border: 1px solid #eee; }

.page-content, .entry-content, .entry-summary {
margin: 1em 0 0; }

article iframe {
width: 100%; }

span.edit-link {
display: block; }

a.post-edit-link {
background: #000;
font-weight: normal;
text-transform: capitalize;
padding: 6px 21px;
overflow: hidden !important;
display: inline-block; }

nav#comment-nav-below {
margin: 25px 0;
display: block; }

nav#comment-nav-above {
margin: 25px 0 40px 0; }

.post-password-form {
width: 100%; }
.post-password-form input[type="password"] {
  width: 100%;
  border: 2px solid #eee;
  padding: 7px 23px;
  outline: 0;
  -webkit-appearance: none;
  font-weight: 400;
  background: #fff;
  height: auto;
  border-radius: 0;
  margin-top: 15px; }
  .post-password-form input[type="password"]:focus {
    border: 2px solid #000 !important; }
.post-password-form input[type="submit"] {
  box-shadow: none !important;
  font-size: 15px;
  border-radius: 0;
  background: #000;
  transition: all .5s ease-in-out 0s;
  border: none;
  color: #fff;
  padding: 13px 17px;
  margin-left: -6px;
  border: none;
  line-height: 17px;
  width: 17%;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

/* category */
.widget ul.categories-wrap {
padding: 0;
margin: 0;
list-style: none; }

.widget .categories-wrap li {
padding: 17px 0 0 0; }

.widget .categories-wrap .cat-item span.cat-name a {
color: #62646c;
font-size: 16px;
text-decoration: none;
text-transform: capitalize; }

.widget .categories-wrap span.cat-count {
position: relative;
margin-right: 10px;
float: right; }

.widget .categories-wrap .cat-count a {
color: #62646c;
font-size: 16px;
text-decoration: none; }

/* tags */
.tagcloud {
position: relative;
padding: 20px 0 0 0; }

.tagcloud a {
border: 1px solid #f4f4f4;
color: #fff;
font-size: 14px !important;
font-weight: 400;
padding: 4px 12px 4px;
border-radius: 5px;
transition: all 500ms ease 0s;
display: inline-block;
margin: 0 3px 10px; }
.tagcloud a:hover, .tagcloud a:focus {
  background: #000;
  color: #fff !important; }

#secondary .widget {
margin-bottom: 20px;
background: #fff;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin: 0 0 30px;
word-wrap: break-word;}
#secondary .widget .widget-title {
  font-size: 30px;
  line-height: 37px;
  margin-top: 0;
  margin-bottom: 20px;
  text-transform: capitalize;
  color: #000;
}
#secondary .widget ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  #secondary .widget ul li {
    padding-bottom: 8px;
    position: relative;
    margin-bottom: 7px; }
    #secondary .widget ul li a {
      color: #62646c;
      text-decoration: none; }
      #secondary .widget ul li a:hover {
        color: #000; }

.search-form {
width: 100%; }
.search-form .search-field {
  width: 100%;
  border: 1px solid #eee !important;
  padding: 9px 23px !important;
  outline: 0;
  -webkit-appearance: none;
  font-weight: 400;
  background: #fff;
  height: auto;
  border-radius: 0;
  border-radius: 0;
  height: 50px; }
  .search-form .search-field:focus {
    border-color: #5E5086 !important; }
.search-form .search-submit {
  position: absolute;
  right: 1px;
  top: 0;
  box-shadow: none !important;
  font-size: 16px;
  border-radius: 0 !important;
  background: #5E5086;
  border: none;
  color: #fff;
  height: 50px;
  display: inline-block;
  padding: 15px 13px;
  margin-left: 0;
  border: none;
  line-height: 21px;
  width: 30%;
}
.search-form label {
  width: 71%;
  margin-bottom: 0; }

.search-form {
position: relative; }

article.hentry {
margin-bottom: 30px; }
article.hentry .post-bg {
  padding: 30px 0;
  padding-top: 0;
  margin-top: 30px;
}
article header.entry-header h2.entry-title {
  margin-top: 20px;
}
span.edit-link a {
box-shadow: none;
padding: 3px 21px;
margin-top: 20px;
border-radius: 0;
color: #fff; }

span.cat-links, span.tags-links {
display: block;
margin-bottom: 5px; }

article .post-bg .entry-footer {
margin-top: 20px; }

span.comments-link {
border: 1px solid #ddd;
font-size: 13px;
padding: 3px 10px;
border-radius: 5px; }
span.comments-link a {
  color: #000; }

select {
width: 100%; }

.comment-respond .comment-form textarea {
  height: 200px;
  padding: 10px;
  background: none;
  border: none;
  border: 1px solid #eee;
  outline: 0 !important;
  transition: all 0.5s ease-out 0s;
  width: 100%;
  border-radius: 0;
}
.comment-respond .comment-form input {
  background: none;
  border: none;
  outline: 0;
  font-size: 16px;
  padding: 0;
  border: 1px solid #eee;
  box-shadow: none;
  -webkit-transition: all 0.3s;
  border-radius: 0;
  height: 40px;
  width: 100%;
  padding: 0 10px;
  transition: all 0.5s ease-out 0s;
}
.comment-respond .comment-form input[type="submit"] {
  font-weight: normal;
  text-transform: capitalize;
  width: auto;
  color: #fff;
  margin-top: 20px;
  height: auto;
}
header.entry-header {
  margin-bottom: 40px;
}

header#masthead {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
}
a.post-edit-link {
  display: none;
}
.archive article.hentry {
  margin-bottom: 49px;
  border-bottom: 1px solid #eee;
  padding-bottom: 50px;
}

#menu-primary .dropdown-menu {
  display: none !important;
  position: relative;
  box-shadow: none;
  border: none;
  float: none;
  min-width: 0;
  padding-left: 40px;
}
#menu-primary li a {
  background: none !important;
}
#menu-primary li.menu-item-has-children .dropdown-menu li.menu-item-has-children>.dropdown-sub {
  display: none !important;
  left: 0;
}
#menu-primary li.menu-item-has-children:hover .dropdown-menu, #menu-primary li.menu-item-has-children:focus .dropdown-menu, #menu-primary li.menu-item-has-children:focus-within .dropdown-menu {
  display: block !important;
}

#menu-primary li.menu-item-has-children .dropdown-menu li.menu-item-has-children:hover .dropdown-sub,#menu-primary li.menu-item-has-children .dropdown-menu li.menu-item-has-children:focus .dropdown-sub,#menu-primary li.menu-item-has-children .dropdown-menu li.menu-item-has-children:focus-within .dropdown-sub{
  display: block !important;
}
#menu-primary-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0;
  border-radius: 0;
  min-width: 220px;
  box-shadow: -3px 4px 7px -4px rgba(0,0,0,.12);
  border: 1px solid #f0f0f0;
}
#menu-primary-nav>li>.dropdown-menu li {
  padding: 10px 14px;
  border-bottom: 1px solid #eee;
  display: block !important;
}
ul.dropdown-menu.dropdown-sub {
  padding: 0;
  border-radius: 0;
  margin: 0;
  right: auto;
  left: 100%;
  top: 0;
  margin-left: 0px;
}
.not-found .widget {
  margin-top: 35px;
}
a.btn.btn-default:hover {
  background: #000;
}
a.custom-logo-link img {
  height: 50px;
  width: auto;
}
.custom-slideshow .custom-slide {
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
    margin-top: 150px;
    text-align: left;
    position: relative;
}



section.section.room-section {
  overflow: hidden;
}

.slide__title-wrap {
  position: absolute;
  top: 37%;
  left: -14%;
  text-align: left;
  max-width: 350px;
  display: none;
}
.custom-slideshow .custom-slide{
outline: 0 !important;
}
.custom-slideshow .custom-slide.slick-center .slide__title-wrap {
display: block;
}
button#btn-search:focus, button#btn-search:focus-within {
  border: 1px solid #eee !important;
}
button#btn-search-close:focus,button#btn-search-close:focus-within{
border: 1px solid #000 !important;
}

.intro .title a {
  color: #000;
}
.controls button.previous:focus,.controls button.previous:focus-within{
background: #000;

}
.controls button.previous:focus i,.controls button.previous:focus-within i{
color: #fff;

}

.controls button.next:focus,.controls button.next:focus-within{
background: #000;

}
.controls button.next:focus i,.controls button.next:focus-within i{
color: #fff;

}

.slide__title-wrap h3.slide-title {
  font-size: 49px;
  line-height: 57px;
}
.btn-default.focus, .btn-default:focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
@media (min-width: 991px){
    .navbar-collapse.collapse {
        display: inline-block!important;
    }

    div#mobile-menu-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

}



ul#menu-main li .dropdown-menu a {
  color: #565656;
  font-weight: 300;
}
.navbar-nav>li>.dropdown-menu,ul.dropdown-menu.dropdown-sub {
  -webkit-box-shadow: rgba(54,57,73,.08) 0 8px 16px 0;
  box-shadow: 0 8px 16px 0 rgba(54,57,73,.08);
  border: none;
  z-index: 99999; 
  padding: 0 !important;
  min-width: 230px;
  border-radius: 0 !important; 
}
.navbar-nav>li>.dropdown-menu li a {
  padding: 13px 33px !important;
}
ul#menu-main .navbar-nav>li>.dropdown-menu li a:focus,.navbar-nav>li>.dropdown-menu li a:focus-within {
  background: #5E5086 !important;
  border: none !important;
}
.nav>li>a:focus, .nav>li>a:hover{
background: none;
}
.navbar-nav li.menu-item-has-children>a:after {
  content: "\f0dd";
  font: normal normal normal 14px/1 FontAwesome;
  padding-left: 10px;
  top: -3px;
  position: relative;
}
ul#menu-main li .dropdown-menu a.dropdown-item:after {
  right: 15px;
  position: absolute;
  top: 14px;
}


.home.page-template-template-home header#masthead{
padding: 0;
}


.home.page-template-template-home div#navbar-collapse,.home.page-template-template-home .search-wrap {
  margin-top: 0;
}
.home.page-template-template-home header#masthead ul#menu-main li .dropdown-menu a {
  color: #000;
}
nav#site-navigation #menuid ul li {
  padding: 5px 10px;
  display: inline-block;
}
nav#site-navigation ul li a {
  color: #000;
}
p.site-description {
  font-size: 13px;
}
.site-branding {
  margin-top: 3px;
}
a.social-btn {
  border: 0;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  line-height: 15px;
  margin-bottom: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: 0.1s all linear;
  vertical-align: middle;
}
a.social-btn.facebook {
color: #3e5a92;

}

a.social-btn.twitter {
color: #31a6d8;

}


a.social-btn.instagram {
color: #406e95;

}
.header2 .header-social ul a {
  padding-top: 0px;
  color: #fff;
  padding-right: 10px;
}

div#navbar-collapse {
  padding: 0;
}
.hero-section.image .col-md-6 {
  margin-left: 0px;
}
.header-top {
  padding: 13px 0;
  border-bottom: 1px solid #eee;
}
.hero-section.image .col-md-6 {
  height: 500px;
  text-align: left;
}

.course-wrap .title {
  font-size: 21px;
  line-height: 28px;
}
.callout-wrap {
  background: #f7f7f7;
  padding: 28px;
  height: 240px;
}
.section-title {
  text-align: center;
  margin-bottom: 50px;
}
.course-footer .title {
  margin-top: 20px;
}
.course-footer .title a {
  color: #000;
}
.about-section-img {
  margin-top: 0;
  padding: 0 40px;
}

.about-sec .section-title {
  margin-bottom: 29px;
  text-align: left;
}
.section.cta-section {
  background: #F5F1ED;
  padding: 40px 0;
}

.cta-content .col-md-4 {
  text-align: center;
}
.cta-content .col-md-4 a.btn.btn-default {
  margin-top: 17px;
}
a.btn.btn-default {
  border-radius: 0;
}
section#primary2.about-sec {
  padding-top: 0;
}
.about-section-img img {
  max-height: 450px;
  text-align: center;
}
.about-section-img{
  text-align: center;
}
.about-second-wrap .btn-default {
  margin-top: 25px;
}
span.cta-subtitle {
	margin-top: 15px;
	display: block;
}
.cta-content a.btn.btn-default {
	margin-top: 21px;
}
.section.about-sec .col-md-6 {
	-ms-flex-item-align: center!important;
	align-self: center!important;
}
.about-sec .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.cta-content {
	padding-left: 40px;
	padding-right: 40px;
}
.section.about-sec {

  padding: 80px 0;
}

/*.section.quote-section .row {
  background: url(../quotebg.png);
  background-size: cover;
}*/
.section.quote-section {
  padding-top: 0;
}
.quote-content h2 {
  font-size: 29px;
  line-height: 36px;
}
.quote-wrap {
  padding: 90px 65px;
}
.section.quote-section .row {
  position: relative;
}
.blob-wrapper__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  /* -webkit-transform: translateX(-50%); */
  /* transform: translateX(-50%); */
}

.blob-wrapper__background .inline-svg path, .blob-wrapper__background svg path {
  fill: #f7f7f7;
}
.blob-wrapper__background .inline-svg, .blob-wrapper__background svg {
  width: 100%;
  height: 100%;
}
.header-social ul a {
  margin-right: 7px;
}
.blog-wrap figcaption .btn-default {
  margin-top: 20px;
}

.course-wrap {
  margin: 0 15px;
  outline: 0 !important;
}
.course-section.section {
  background: #fafafa;
}
.header-top .col-md-4 {
  padding-left: 0;
}
.header-top .search-form .search-field {
  border-radius: 0;
  background: #f7f7f7;
  border: none !important;
  height: auto;
  padding: 12px 23px !important;
}

.header-search-form form.search-form:before {
  content: "\f002";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  right: 30px;
  top: 14px;
  font-size: 17px;
  color: #c5c4c4;
}
.header-search-form {

  margin: 0 !important;
}
.custom-search-wrap {
  position: relative;
}
.header-search-form label {
  width: 100%;
}
.header-search-form input.search-submit {
  padding: 0;
  width: 70px;
  position: absolute;
  background: no-repeat;
  font-size: 0;
}
.quote-content i {
  font-size: 69px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.blob-wrapper__background {
  height: 450px;
}

header#masthead {
  display: block;
}
.header-mobile {
  display: none;
}




.navbar-nav .dropdown-menu{
opacity:  0;
display: block;
}
ul#menu-main .navbar-nav>li>.dropdown-menu li a:focus,.navbar-nav>li>.dropdown-menu li a:focus-within {
  background: #5E5086 !important;
  border: none !important;
  color: #fff !important;
}


/* ul#menu-main li.menu-item-has-children .dropdown-menu{
  position: absolute;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  display: block !important;
} */

/* ul#menu-main li.menu-item-has-children:hover .dropdown-menu,ul#menu-main li.menu-item-has-children:focus .dropdown-menu,ul#menu-main li.menu-item-has-children:focus-within .dropdown-menu{
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
}

ul#menu-main li.menu-item-has-children .dropdown-menu li.menu-item-has-children>.dropdown-sub{
  position: absolute;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  display: block !important;
}


ul#menu-main li.menu-item-has-children .dropdown-menu li.menu-item-has-children:hover .dropdown-sub,
ul#menu-main li.menu-item-has-children .dropdown-menu li.menu-item-has-children:focus .dropdown-sub,
ul#menu-main li.menu-item-has-children .dropdown-menu li.menu-item-has-children:focus-within .dropdown-sub{
  display: block;
  left: 230px;
  margin-top: 0;
  opacity: 1;
} */
.search-form .search-field:focus,.search-form .search-field:focus-within {
  border: 1px solid #5E5086 !important;
}
a.btn.btn-default:hover {
background: #EA3C2A !important;
}
.course-footer .title a:focus,.course-footer .title a:focus-within{
text-decoration: underline !important;
outline: 0 !important;
}
button.navbar-toggle:focus,button.navbar-toggle:focus-within{
background: #000 !important
}
.blog article.hentry, .archive article.hentry, .search-results article.hentry {
	background: none;
	/* padding: 10px 30px;
  box-shadow: 0px 4px 10px rgb(39 57 101 / 10%);
  padding-bottom: 30px; */
}
.search-ajax {
  background-color: #fefefe;
  box-shadow: 1px 1px 6px rgba(0,0,0,.12);
  color: #4a4f62;
  display: none;
  overflow: hidden;
  position: absolute;
  z-index: 99999;
  display: block;
  left: 0px;
  top: 47px;
  max-width: 330px;
  width: 100%;
}
aside#secondary.widget-area {
	padding-left: 28px;
}
.row.no-results-ajax {
  padding: 40px !important;
}
div#cpmFetch .row .col-sm-4 {
  width: 20%;
}
div#cpmFetch .row {
  display: block;
}
div#cpmFetch .col-sm-8 a {
  font-size: 15px;
}
div#cpmFetch .row {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}
div#cpmFetch .row .col-sm-8 {
  padding-left: 15px;
}
div#cpmFetch .row:last-child {
  border:none;
}
div#cpmFetch .row .col-sm-4, div#cpmFetch .row .col-sm-8 {
  vertical-align: top;
  float: left;
  padding-right: 0;
}
div#cpmFetch .row .col-sm-8 {
  padding-left: 15px;
  width: 70%;
}
div#cpmFetch .row .col-sm-8 h3 a {
  font-size: 19px;
}
div#cpmFetch .row .col-sm-8 h3 a {
  font-size: 16px;
  font-weight: normal;
  color: #000;
}
div#cpmFetch .row .col-sm-8 p {
  font-size: 16px;
}
.ajax-close {
  float: right;
  background: #10293C;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.ajax-close i{
  color: #fff;
}
.home-search-wrap.close-ajax div#cpmFetch {
  display: none;
}
.custom-search-wrap input#searchInput {
  border-radius: 0;
  background: #f7f7f7;
  border: none !important;
  height: auto;
  padding: 12px 23px !important;
  width: 100%;
}
.custom-search-wrap i {
  position: absolute;
  top: 14px;
  right: 20px;
}
.header-search-form.close-ajax .search-ajax {
  display: none;
}

.single .course-tab-panel {
  margin-bottom: 50px;
}
.course-tab-panel-instructor.course-tab-panel .course-author h3 {
  display: none;
}
div#lms_courses_wrap .rows {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 30px;
}
.site-branding {
  z-index: 999;
  position: relative;
}

.learnpress article {
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
.courses-list-wrap .courses-top img {
  margin: 0 !important;
}
form[name="search-course"] .search-course-input {
  border: 1px solid #eee;
}
form[name="search-course"] {
  max-width: 400px;
  margin-bottom: 50px !important;
  margin-top: 30px !important;
}
form[name="search-course"] .search-course-button {
  height: 48px;
  top: 0px;
  outline: 0 !important;
}
#course-item-content-header .form-button.lp-button-back button {
  margin-top: 6px;
}
.btn-default, button, .button, .comment-respond .comment-form input[type="submit"], .comments-area ol.comment-list .reply a, a.post-edit-link, div.wpcf7 input[type="submit"], .hb_button, .hb_single_room #reviews #review_form_wrapper form .form-submit input[type="submit"]{
outline: 0 !important;
}
body.course-item-popup #course-item-content-header .course-item-search button {
  color: #666 !important;
}
.single-course-top header.entry-header {
  margin: 0;
}
.single-lp_course div#content {
  padding-top: 0;
}
.single-course-top {
  background: rgba(21,28,42,0.87);
  padding: 90px 0;
}
.single-course-bottom {
  padding: 70px 0;
}


.single-course-top .breadcrumbs a, .single-course-top .breadcrumbs {

  font-size: 14px;
}
.course-single-header header.entry-header {
  margin-bottom: 0;
}

.learn-press-course-results-progress .items-progress, .learn-press-course-results-progress .course-progress {
  float: none !important;
  display: block !important;
  width: 100% !important;
}
/*.learn-press-course-results-progress .items-progress .lp-course-progress-heading, .learn-press-course-results-progress .course-progress .lp-course-progress-heading {
  color: #fff;
}*/
.lp-course-status {
  margin-bottom: 10px;
}
.items-progress span.number {
  margin-bottom: 10px;
  display: block;
}
.course-instructor {

  margin-top: 10px;
}
.course-instructor span{
margin-left: 5px;
color: #5E5086; 
}
.course-instructor a {
  margin-left: 5px;
  text-decoration: underline !important;
}
.course-single-header .breadcrumbs {
  margin-bottom: 10px;
}
.course-image{
margin-top: 40px;
}
.course-image img {
  width: 100%;
}
.single-course-bottom .col-md-8 {
  padding-right: 35px;
}
span.lp-label.grade.in-progress {
  color: #333;
}
.col-md-4 .learn-press-course-results-progress {
  background: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08);
  padding: 30px 45px;
  border-radius: 7px;
  margin-top: 30px;
  display: block;
  width: 100%;
  margin-bottom: 30px;
}
.single-course-bottom .col-md-4 h2.widget-title {
  font-size: 21px !important;
  margin-bottom: 10px !important;
}
.playicon span {
  color: #fff;
  line-height: 21px !important;
  height: auto;
  display: inline-block;
  width: 100px;
  position: absolute;
  top: -62px;
  left: -20px;
}
.single-course-bottom .col-md-4 aside#secondary {
  margin-top: 30px;
}
.single-course-bottom .course-meta {
  display: none;
}
.course-image {
  margin-bottom: 40px;
}
.course-sidebar-box .course-prices {
  font-size: 26px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 0;
}
.course-sidebar-box .lp-course-buttons button,.course-sidebar-box .enroll-course {
  display: block;
  width: 100%;
}
.course-sidebar-box .lp-course-buttons form.continue-course,.course-sidebar-box .lp-course-buttons form.purchase-course {
  width: 100%;
}
.learnpress-page .lp-button {
  height: auto !important;

  padding-left: 20px !important;
  padding-right: 20px !important;
}

.course-selling-points li {
  line-height: 29px;
}
.course-sidebar {
  background: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08);
  padding: 40px 45px;
  border-radius: 7px;
}
.course-sidebar-box .lp-course-buttons{
    margin-top: 30px;
}
.course-selling-points {
  margin-top: 30px;
}
.course-sidebar-box form {
margin: 0;
}
.course-sidebar-box .learn-press-course-wishlist {
  margin-top: 15px;
}
h4.lp-course-progress-heading {
  font-size: 21px;
}
.col-md-4 .course-progress {
  margin-bottom: 15px;
}
.course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link {
  color: #47465E;
}
.course-curriculum ul.curriculum-sections .section-header .section-title {
  text-align: left;
}

  .lp-list-table thead tr th {
    background: #5E5086 !important;
    }
  .lp-tab-sections .section-tab.active span {
    border-bottom: 2px solid #5E5086 !important;
}
  ul.learn-press-nav-tabs .course-nav.active:after, ul.learn-press-nav-tabs .course-nav:hover:after {

    background: #5E5086 !important;
    }
.course-curriculum ul.curriculum-sections .section-header {

  border-bottom: 1px solid #5E5086 !important;
 }
    .course-curriculum ul.curriculum-sections .section-content .course-item.item-preview .course-item-status {
      background: #5E5086 !important;
      }
      .course-curriculum ul.curriculum-sections .section-content .course-item.has-status.status-completed .course-item-status, .course-curriculum ul.curriculum-sections .section-content .course-item.has-status.status-started .course-item-status {
        border-color: #5E5086 !important;
        }
      .course-curriculum ul.curriculum-sections .section-content .course-item.has-status.status-completed .course-item-status {
        color: #5E5086 !important; }
      .course-curriculum ul.curriculum-sections .section-content .course-item.has-status.passed .course-item-status {
        border-color: #5E5086 !important;
        color: #5E5086 !important; }
    .course-curriculum ul.curriculum-sections .section-content .course-item:before {
      background: #5E5086 !important;
      }
    .quiz-progress .progress-items .progress-item i {

      background: #5E5086 !important;
      }
    .answer-options .answer-option input[type="checkbox"]:after,
    .answer-options .answer-option input[type="radio"]:after {
 
      border: 2px solid #5E5086 !important;
      }
 .answer-options .answer-option input[type="checkbox"]:checked ~ .option-title:before,
    .answer-options .answer-option input[type="radio"]:checked ~ .option-title:before {
      background: #5E5086 !important; 
      }
  .answer-options .answer-option.answered-correct input[type="radio"]:checked ~ .option-title:before,
  .answer-options .answer-option.answered-correct input[type="checkbox"]:checked ~ .option-title:before {
    background: #5E5086 !important; 
    }
    .question-numbers li a:hover {
      background: #5E5086 !important;
}
  .question-numbers li.current a {
    background: #5E5086 !important;
}
  .question-numbers li.answered.answered-true a {
    color: #5E5086 !important; 
    }
  .learn-press-progress .progress-bg .progress-active {

    background: #5E5086 !important;
}
.learn-press-message:before {

  background: #5E5086 !important;
}
.learn-press-message.error:before {
  background: #d85554; }
.learn-press-message.error.icon:before {
  background: #d85554; }

.learn-press-message.success.icon:before {
  background: #5E5086 !important;
   }
.learn-press-message.success.icon:after {

  background: #5E5086 !important; }
.primary-color {
color: #5E5086 !important; }

.primary-color-before:before {
color: #5E5086 !important; }

.primary-color-after:after {
color: #5E5086 !important; }

.primary-background-color {
background: #5E5086 !important; }

.primary-background-color {
background: #5E5086 !important; }
.course-rate .review-bar .rating {
  background: #4f696f !important;

}
.course-tab-panel-instructor.course-tab-panel .author-name {
  float: left;
  width: 100px;
}
.course-tab-panel-instructor.course-tab-panel .author-bio {
  margin-left: 130px;
}
.course-tab-panel h2 {
  margin-bottom: 25px;
}
.course-tab-panel-instructor.course-tab-panel .author-bio a {
  display: block;
  font-size: 21px;
  margin-bottom: 10px;
  color: #1D1A4E;
  font-family: "proxima-bold";
  font-weight: 400;
}
.course-reviews-list li .review-author, .course-reviews-list-shortcode li .review-author {
  margin: 0 !important;
}
.course-reviews-list li .review-text, .course-reviews-list-shortcode li .review-text {
  width: auto !important;
  float: none;
}
.course-reviews-list li .review-title, .course-reviews-list-shortcode li .review-title {
  clear: none !important;
  margin-top: 0 !important;
  font-style: normal !important;
  font-size: 19px !important;
  margin-bottom: 5px !important;
}
ul.course-reviews-list .review-stars-rated .review-stars.filled {
  font-size: 14px;
}
ul.course-reviews-list .review-stars-rated .review-stars.empty, ul.course-reviews-list .review-stars-rated .review-stars.filled {

  font-size: 14px;

}
.course-reviews-list li .user-name, .course-reviews-list-shortcode li .user-name {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.course-reviews-list li .user-name, .course-reviews-list-shortcode li .user-name {
  text-align: left;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 10px !important;
  font-size: 14px !important;
}
.course-reviews-list li .review-author, .course-reviews-list-shortcode li .review-author {
  width: 120px !important;
}
.review-left-wrap {
  margin-left: 135px;
}
.course-single-header .star-ratings {
  max-width: 60px;
}
.btn-default, button, .button, .comment-respond .comment-form input[type="submit"], .comments-area ol.comment-list .reply a, a.post-edit-link, div.wpcf7 input[type="submit"], .hb_button, .hb_single_room #reviews #review_form_wrapper form .form-submit input[type="submit"] {
  border-radius: 0 !important;
}
.course-reviews-list li, .course-reviews-list-shortcode li {
  margin-bottom: 20px;
  padding: 25px !important;
  background-color: #f7f7f7 !important;
  border: 1px solid #eee !important;
  overflow: hidden;
}
.course-curriculum ul.curriculum-sections .section-content .course-item {
  background: #f7f7f7 !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
  }
.course-selling-points ul li i {
  color: #5E5086;
  font-size: 13px;
  margin-right: 5px;
}
.single-course-bottom .col-md-4{
  will-change: min-height;
}

.course-sidebar-wrap {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
  will-change: position, transform;
  left: auto !important;
}
.course-image{
position: relative;
}
.playicon {
  background: #fff;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  line-height: 84px;
    position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
}
.playicon i {
  font-size: 35px;
  padding-left: 10px;
}

nav.learn-press-pagination {
  position: absolute;
  bottom: -43px;
}
.mc4wp-form-fields input[type="email"] {
  display: block;
  width: 100%;
  border: 1px solid #eee;
  padding: 10px 25px !important;
  margin-top: 5px;
}
.mc4wp-form-fields label {
  width: 100%;
}
.mc4wp-form-fields input[type="submit"] {
  background: #5E5086;
  border: none !important;
  padding: 12px 35px;
  position: relative;
  font-size: 16px !important;
  overflow: hidden;
  transition: .5s;
  border-radius: 0;
  display: inline-block;
  color: #fff !important;
  box-shadow: none !important;
  border-radius: 0;
  width: 100%;
}
.course-landing-summary .course-price {
  font-size: 26px;
  margin-bottom: 20px;
  margin-top: 0;
}
.course-landing-summary .course-price span.origin-price {
  text-decoration: line-through;
  opacity: 0.5;
  margin-right: 10px;
}
.course-selling-points h3 {
  font-size: 19px;
  line-height: 28px;
}
.course-single-header .course_footer, .single-course-meta {
  display: inline-block;
  margin-right: 11px;
  border-right: 1px solid #eee;
  padding-right: 15px;
}
.single-course-meta{
border: none;
padding-right: 0;
}
body.course-item-popup #learn-press-content-item .course-item-title {
  font-size: 21px !important;
}
.learn-press-message.error {
  margin-top: 30px;
}
.learn-press-message.error ul {
  margin-top: 5px !important;
  display: block;
}
#learn-press-user-profile .learn-press-form-login, #learn-press-user-profile .learn-press-form-register{
border: none !important;
}
.learnpress-page header.entry-header {
  display: none;
}
.course-single-header header.entry-header {
  display: block !important;
}

#learn-press-profile-header {
  background: none !important;
}
#learn-press-profile-content {
  margin-top: -100px !important;
}
#learn-press-profile-header .lp-profile-avatar img {
  border-radius: 50% !important;
}
#learn-press-profile-nav .tabs > li a {
  padding-left: 30px !important;
}
#learn-press-profile-nav:before {
  background: none !important;
  display: none !important;
}
#learn-press-profile-nav {
  background: #f7f7f7 !important;
  margin-top: 60px !important;
  padding-top: 0px !important;
}
div#learn-press-profile-content {
  z-index: 99999 !important;
  position: relative;
}
#learn-press-profile-nav .tabs > li ul li.active a{
background: #5E5086 !important;
}
#learn-press-profile-nav .tabs > li ul{
padding: 0 !important;
}
div#learn-press-profile-nav {
  z-index: 999999 !important;
  position: relative;
}
#learn-press-profile-nav .tabs > li ul li:hover a {
  background: #5E5086 !important;
}
ul.learn-press-courses .course .course-info .course-instructor {
  float: none !important;
}
.checkout.job_stack.learnpress .learnpress {
  text-align: center;
}

.login-page-wrap {
  max-width: 500px;
  margin: 0 auto;
  box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08);
  padding: 40px 39px;
}
.login-page-wrap h3 {
margin-bottom: 25px;
line-height: 33px;
}
div#learn-press-checkout-login p.margin-top {
  display: none;
}
div#learn-press-checkout-login {
  border: none;
}
div#learn-press-checkout-login .login-page-wrap {
  box-shadow: none;
  width: 100%;
  max-width: none;
  padding: 0;
  padding-top: 20px;
}
div#learn-press-checkout-login {
  max-width: 500px;
  margin: 0 auto;
  box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08);
  padding: 40px 39px;
}
div#learn-press-checkout-login h3 {
  display: none;
}
div#learn-press-checkout-login {
  text-align: left;
}
div#learn-press-checkout-login h4 {
  font-size: 29px;
}
div#learn-press-checkout-login {
  margin-bottom: 40px;
}

header#masthead .top-header nav#site-navigation {
  float: left;
}
header#masthead .top-header {
  background: #5E5086;
}
.header2 .top-header-right {
  text-align: right;
}
.header2 .top-header nav#site-navigation ul li a {
  color: #fff;
}
.header2 .header-bottom {
  padding: 20px 0;
}

.header2 .top-header nav#site-navigation ul li a {
  padding-top: 15px;
}
.header2 .top-header-right a.header-btn.btn.btn-default {
  background: #000;
  border-radius: 0 !important;
  line-height: 26px;
}


#menuToggle {
  display: inline-block;
  position: relative;
  right: 5px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
text-decoration: none;
color: #232323;

transition: color 0.3s ease;
}

#menuToggle a:hover
{
color: #5E5086;
}


#menuToggle input {
  display: block;
  width: 40px !important;
  height: 32px !important;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}

/*
* Just a quick hamburger
*/
#menuToggle span
{
display: block;
width: 33px;
height: 4px;
margin-bottom: 5px;
position: relative;

background: #cdcdcd;
border-radius: 3px;

z-index: 1;

transform-origin: 4px 0px;

transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
            background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
            opacity 0.55s ease;
}

#menuToggle span:first-child
{
transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
transform-origin: 0% 100%;
}

/* 
* Transform all the slices of hamburger
* into a crossmark.
*/
#menuToggle input:checked ~ span
{
opacity: 1;
transform: rotate(45deg) translate(-2px, -1px);
background: #232323;
}

/*
* But let's hide the middle one.
*/
#menuToggle input:checked ~ span:nth-last-child(3)
{
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}

/*
* Ohyeah and the last one should go the other direction
*/
#menuToggle input:checked ~ span:nth-last-child(2)
{
transform: rotate(-45deg) translate(0, -1px);
}

/*
* Make this absolute positioned
* at the top left of the screen
*/
#menu
{
position: absolute;
  width: 400px;
  margin: 27px 0 0 -50px;
  padding: 50px;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  right: 0;
  float: none;
  left: auto;
  display: none;
}

#menu li
{
font-size: 22px;
}

/*
* And let's slide it in from the left
*/
#menuToggle input:checked ~ ul
{
display: block;
}

.header2 .header-bottom nav {
  float: right;
  position: relative;
  top: 9px;
}

.header2 .header-bottom nav li {
  display: block;
  float: none;
}
.header2 .search-icon {
  display: inline-block !important;
  margin-right: 40px;
}
.header2 .search-icon i {
  font-size: 34px;
}
.header2 .search-icon .dropdown-menu {
  padding: 0;
  border: none;
  width: 330px;
  right: 0;
  left: auto;
}

/* ul#menu li.menu-item-has-children .dropdown-menu li.menu-item-has-children:hover .dropdown-sub,
ul#menu li.menu-item-has-children .dropdown-menu li.menu-item-has-children:focus .dropdown-sub,
ul#menu li.menu-item-has-children .dropdown-menu li.menu-item-has-children:focus-within .dropdown-sub{
  display: block;
  left: 230px;
  margin-top: 0;
  opacity: 1;
}

ul#menu li.menu-item-has-children:hover .dropdown-menu,ul#menu li.menu-item-has-children:focus .dropdown-menu,ul#menu li.menu-item-has-children:focus-within .dropdown-menu{
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
} */

.header2 .navbar-nav>li>.dropdown-menu, .header2 ul.dropdown-menu.dropdown-sub{
  min-width: 0;
  width: 100%;
}
#menu li a {
  padding: 21px 0;
}
.course-grid.threecol .courses-list-wrap .courses-top img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
input.wpcf7-form-control, textarea.wpcf7-form-control {
  width: 100%;
  border: 1px solid #eee;
  padding: 10px 20px;
}
.wpcf7 label {
  width: 100%;
}


.hero-section .image{
  height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.hero-section {
display: -webkit-box;
display: flex;
align-content: center;
-webkit-box-align: center;
        align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-direction: column;
flex-wrap: nowrap;
height: 100vh;
justify-content: space-around;
position: relative;
width: 100%;
}
.hero-section {
width: 100%;
height: 500px;
-webkit-box-flex: 1;
        flex: 1;
display: -webkit-box;
display: flex;
text-align: center;
position: relative;
overflow: hidden;
background-color: #000;
}
.hero-section .image {

background-size: cover;
width: 100%;
height: 100%;
position: absolute;
z-index: 500;
}
.hero-section .stuff {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  max-width:41%;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  z-index: 990;
  margin: 0 auto;
  position: relative;
  top: -3%!important;
}
.hero-section .stuff {
	margin-left: 0;
	text-align: left;
}
.hero-section .stuff p {
	color: #fff;
}
.hero-section a.btn.btn-default {
	color: #fff !important;
	background: #5E5086 !important;
	margin-top: 30px;
}

/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .star-ratings {
  unicode-bidi: bidi-override;
  color: #ccc;
  font-size: 15px;
  position: relative;
  margin: 0;
  padding: 0;
}
.star-ratings .fill-ratings {
  color: #e7711b;
  padding: 0;
  z-index: 1;
  display: block;
  top: 0;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.star-ratings .fill-ratings span {
  display: inline-block;
}
.star-ratings .empty-ratings {
  padding: 0;
  display: block;
  z-index: 0;
}
.courses-list-wrap {
    margin-right: 25px;
    outline: 0;
}
.entry-meta.cmsmasters_cource_cat a {
    color: #666;
    font-size: 13px;
}
h4.course_title a {
    font-size: 19px;
    color: #000;
    margin-top: 5px;
    display: block;
    line-height: 25px;
}
.avg-rating {
    display: inline-block;
}
.star-ratings {
    display: inline-block;
}
.avg-rating h4{
    color: #e7711b;
}
.avg-rating h4 {
    color: #e7711b;
    margin: 0;
    position: relative;
    top: 1px;
}
.courses-top {
    position: relative;
}
.cmsmasters_cource_duration {
    display: inline-block;
    margin-right: 10px;
}

.courses-top {
    position: relative;
}
.course-prices {
    font-size: 16px;

    font-weight: 400;
    color: #000;
}
.course-prices {
    margin-top: 9px;
}
h4.course_title {
    margin-bottom: 5px;
}
span.regular-price.has-sale {
    text-decoration: line-through;
    opacity: 0.5;
    margin-right: 10px;
}
.course-slider.fivecol .courses-list-wrap {
    margin-right: 15px;
}

.course-slider.fivecol .courses-list-wrap .lpr_course_inner_wrap ,.course-slider.fourcol .courses-list-wrap .lpr_course_inner_wrap,.course-grid.fivecol .courses-list-wrap .lpr_course_inner_wrap ,.course-grid.fourcol .courses-list-wrap .lpr_course_inner_wrap {
    padding: 15px 0;
    background: none;
    padding-bottom: 10px;
}
a,a:focus{
  outline: 0 !important;
}

.slick-prev:before,
.slick-next:before {
    font-size: 23px;
    color: #000;
    text-align: center;
}

.slick-prev {
  left: -21px; }

.slick-next {
  right: -5px; }
.slick-prev:before {
  content: "\f104" !important;
  font-family: FontAwesome; }

.slick-next:before {
  content: "\f105" !important;
  font-family: FontAwesome; }
.slick-next, .slick-prev {
    position: absolute;
    top: 20%;
    border-radius: 0;
    margin-top: -10px\9;
    border: none;
    outline: 0;
    z-index: 9;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08) !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 0;
    font-size: 0 !important;
    text-align: center;
}

div#navbar-collapse {
	float: right;
    margin: 0 auto;
    order: 1;
}

div#navbar-collapse.in {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.10);
}

div#navbar-collapse ul {
	float: none !important;
	display: inline-block;
}
header#masthead {
	padding: 16px 0 !important;
}
a.header-btn.btn.btn-default {
    float: right;
    margin-left: 35px;
    position: relative;
    border-radius: 100px !important;
    background: #DE3423;
    display: flex;
    width: 147px;
    height: 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    order: 2;
}

.fa-bars:before {
    content: url("../images/bars.svg");
}

.open-menu.is-active .fa-bars:before {
    content: url("../images/close.svg");
}

div#navbar-collapse .navbar-nav {
    margin-top: 7px;
}

div#navbar-collapse.in .navbar-nav {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
    padding: 23px 0;
}

.section-title h2 {
	margin-bottom: 7px;
}
.cta-content a.btn.btn-default {
	margin-top: 30px;
}
h2.cta-title {
	line-height: 47px;
}

.post-review .entry-meta div {
	display: inline-block;
	margin-right: 17px;
}
.post-review .entry-meta div i {
	margin-right: 7px;
}

.blog-wrap figcaption {
	margin-top: 0;
	padding: 25px 0;
}



input[type=radio]:nth-child(1):checked ~ .switch-btn:nth-child(2)::before,input[type=radio]:nth-child(3):checked ~ .switch-btn:nth-child(4)::before {
	color: #5E5086 !important;
}

.header-search-form {
	display: inline-block;
}

.header-search-form .search-form .search-field {
	width: 370px;
}
.header-search-form {
	padding-left: 30px;
}

.header-search-form {
	margin-top: 20px !important;
	padding-left: 0;
}




div#lms_courses_wrap a.btn.btn-default {
	background: none !important;
	color: #000 !important;
}
div#lms_courses_wrap a.btn.btn-default i {
	margin-left: 8px;
}
.view-all-btn {
	text-align: center;
	margin-top: 60px;
}
.text-left .section-title {
	text-align: left;
}
div#lms_courses_wrap .col-md-4 {
	text-align: right;
}
.wp-block-search__button {
	background: #5E5086;
}
.col-md-4 .widget h2 {
	font-size: 20px;
}
ol.wp-block-latest-comments {
	padding-left: 0;
}
a:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px !important;
}
/*.content-area article p a,.content-area article .entry-content a,.comment-content p a, .content-area article li a, .comment-content li a,.textwidget p a {*/
/*  text-decoration: underline !important;*/
/*}*/
.btn-default.focus, .btn-default:focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.comment-respond .comment-form textarea:focus,
.comment-respond .comment-form input:focus{
  background: #f5f5f5;
}
ul#menu-main li:last-child a {
	border-right: none !important;
}
.site-branding {
	max-width: 300px;
}

ul#menu-main .navbar-nav>li>.dropdown-menu li a:focus,.navbar-nav>li>.dropdown-menu li a:focus-within {
  background: #000 !important;
  border: none !important;
  color: #fff !important;
}


ul#menu-main li.menu-item-has-children .dropdown-menu{
  position: absolute;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  display: block !important;
  right: auto;
}

ul#menu-main li.menu-item-has-children:hover .dropdown-menu,ul#menu-main li.menu-item-has-children:focus .dropdown-menu,ul#menu-main li.menu-item-has-children:focus-within .dropdown-menu{
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
}

ul#menu-main li.menu-item-has-children .dropdown-menu li.menu-item-has-children>.dropdown-sub{
  position: absolute;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  display: block !important;
}


ul#menu-main li.menu-item-has-children .dropdown-menu li.menu-item-has-children:hover .dropdown-sub,
ul#menu-main li.menu-item-has-children .dropdown-menu li.menu-item-has-children:focus .dropdown-sub,
ul#menu-main li.menu-item-has-children .dropdown-menu li.menu-item-has-children:focus-within .dropdown-sub{
  display: block;
  left: 230px;
  margin-top: 0;
  opacity: 1;
}

.blog article.hentry, .archive article.hentry, .search-results article.hentry{
  vertical-align: top;
  margin: 0 15px;
  width: calc(33.33% - 30px);
  margin-bottom: 30px;
}
.articles-wrap {
	display: flex;
	flex-wrap: wrap;
}

.blog article.hentry header.entry-header, .archive article.hentry header.entry-header, .search-results article.hentry header.entry-header{
margin-bottom: 15px;
}
nav#site-navigation {
	float: left;
}

article .entry-meta {
	font-size: 14px;
}
.post-wrap h3 a {
	color: #1D1A4E;
	font-size: 29px;
}
.post-wrap h3 {
	margin-top: 20px;
}
.post-description {
	margin: 20px 0;
	margin-top: 10px;
}



.page-loading {
	background-color: #fff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99999;
}
.page-loading .loader {
  background: #5E5086;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin-left: -23px;
  margin-top: -14px;
  position: absolute;
  top: 50%;
  width: 50px;
  animation: load 0.75s linear infinite;
}
.page-loading .loader:after {
  content: '';
  position: absolute;
  width: 49px;
  height: 49px;
  top: 1px;
  right: 0;
  left: 0;
  margin: auto;
  background: white;
  border-radius: 50%;
}
@keyframes load {
  to {
    transform: rotate(360deg);
  }
}
.page-loading .text {
  color: #a2afbc;
  display: block;
  font-size: 12px;
  left: 50%;
  margin-left: -17px;
  margin-top: 44px;
  position: absolute;
  top: 50%;
}

.customer-slider-wrapper .elementor-custom-slider .elementor-slider-item .elementor-slider-item-text {
	text-align: left;
	margin-left: 0;
	max-width: 600px;
}
.customer-slider-wrapper .elementor-custom-slider .elementor-slider-item .elementor-slider-item-text h2 {
	font-size: 58px;
	color: #fff;
	text-transform: Capitalize;
	margin-top: 0;
	margin-bottom: 30px;
	line-height: 74px;
}
.customer-slider-wrapper .elementor-custom-slider .elementor-slider-item {
	width: 100%;
	height: 630px !important;
	min-height: 630px !important;
}
.customer-slider-wrapper .elementor-custom-slider .elementor-slider-item .elementor-slider-item-text {

	padding-top: 14%;

}
.client-item.slick-slide img {
	max-width: 114px;
	width: auto;
}


@media only screen and (max-width: 1024px) {
	section#practice-areas {
	padding-top: 0;
}
	div#contact-infos .elementor-widget-wrap.elementor-element-populated {
	padding-left: 40px;
	padding-top: 40px;
}
	section#about-team {
	margin-top: 50px;
}
	section#about-page {
	margin-top: 30px;
}
	section#about-header h2.elementor-heading-title.elementor-size-default {
	font-size: 59px;
	font-weight: 600;
	line-height: 78px;
}
	#cta h4.elementor-heading-title.elementor-size-default {
	font-size: 45px;
	margin-bottom: 30px;
}
}

@media only screen and (max-width: 767px) {
	section#practice-areas .elementor-column {
	width: calc(50% - 40px);
	margin: 20px;
}
	section#practice-areas img.elementor-animation-shrink {
	width: 100%;
}
	section#practice-areas h3.elementor-heading-title.elementor-size-default {
	font-size: 27px;
	font-weight: 600;
}
#cta h2.elementor-heading-title.elementor-size-default {
	font-size: 32px !important;
	line-height: 44px !important;
	margin-bottom: 35px !important;
}
	#small-callout .elementor-column.elementor-col-50 h3.elementor-heading-title.elementor-size-default {
	font-size: 26px;
	font-weight: 600;
	line-height: 32px;
}
	#small-callout .elementor-column.elementor-col-50 {
	display: inline-block;
	width: auto;
}
	#small-callout .elementor-widget-container img {
	width: 50px;
}
	div#about-sec-img img {
	width: 100%;
}
	.section-title h2.elementor-heading-title.elementor-size-default {
	font-size: 43px !important;
	line-height: 61px !important;
}
	.about-sec .section-title h2.elementor-heading-title.elementor-size-default {
margin-top: 20px;
}
	.about-sec {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}
	section#about-header p.elementor-heading-title.elementor-size-default {
	text-align: center;
	margin-bottom: 30px;
}
}


@media only screen and (max-width: 550px) {
		section#practice-areas .elementor-column {
	width: 100%;
	margin-bottom: 30px;
}
	#small-callout .elementor-column.elementor-col-50 {
	display: block;
	width: 100%;
	text-align: center;
}
	#small-callout .elementor-column.elementor-col-50 h3.elementor-heading-title.elementor-size-default {
	font-size: 26px;
	font-weight: 600;
	line-height: 32px;
	text-align: center;
}
}

body {
	overflow-x: hidden;
}

.open-menu i{
	font-size: 20px;
	position: relative;
	cursor: pointer;
    margin-top: 4px;
}

.open-menu.is-active i {
    margin-top: 8px;
}

button.open-menu{
    width: 40px;
    height: 40px;
    padding: 0;
}

button.open-menu {
    float: right;
    background: #DFE2E5;
}

button.open-menu {
	display: none;
}






.job-manager-form fieldset input.input-text, .job-manager-form fieldset input.input-date, .job-manager-form fieldset textarea, .job-manager-form fieldset select, .chosen-container-single .chosen-single, .select2-container--default .select2-selection--multiple {
	font-size: 16px;
	line-height: 28px;
	padding: 8px 16px;
	width: 100%;
	min-height: 44px;
	border: unset;
	border-radius: 4px;
	height: 44px;
	outline-color: rgb(94 80 134 / 0.5);
	background-color: rgb(255, 255, 255);
	box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(60 66 87 / 16%) 0px 0px 0px 1px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px;
}
section#header-slider {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.banner-content {
	text-align: center;
	padding: 120px 0;
}
.search-filter-wrap form .filter-inputwrap .form-group input {
	border-width: 0;
	width: 100%;
	height: 50px;
}
.search-filter-wrap form .filter-inputwrap .form-group input {
	border-width: 0;
	width: 100%;
	height: 50px;
	padding-left: 15px;
	font-size: 16px;
	padding-right: 15px;
}
.search-filter-wrap .form-group {
	margin-right: 15px;
}

.header-slider .banner-wrap h1 {
	margin-top: 0;
	font-size: 51px;
	color: #fff;
}
.header-slider .banner-wrap h4 {
	margin-top: 20px;
	font-size: 16px;
	color: #fff;
	line-height: 29px;
}
.btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	height: 100%;
	border-radius: 4px;
	color: #fff;
	background-color: #5E5086;
	border-color: #5E5086;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 2px solid transparent;
	white-space: nowrap;
	padding: 10px 16px;
	font-size: 14px;
	line-height: 1.33333;
	border-radius: 60px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.search-filter-wrap form .filter-inputwrap .form-group input#search-keywords {
	width: 330px;
}

section#header-slider:before{
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}
.search-filter-wrap {
	margin-top: 40px;
}

.search-filter-wrap .form-group div#job_category_chosen,.search-filter-wrap .form-group div#job_region_chosen {
	width: 200px !important;
}

.chosen-container-active.chosen-with-drop .chosen-single {
	background: #fff !important;
	border: none !important;
	box-shadow: none;
}
.chosen-container-single .chosen-single{
	background: #fff !important;
	box-shadow: none !important;
	height: 50px;
}
.search-filter-wrap .form-group div#job_category_chosen,.search-filter-wrap .form-group div#job_region_chosen{
text-align: left;}

section#header-slider {
	position: relative;
}
.chosen-container-single .chosen-single span {
	padding-top: 3px;
  color: #666;
}
input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #666 !important;
  opacity: 1; /* Firefox */
}

input:-ms-input-placeholder { /* Work Sansnet Explorer 10-11 */
    color: #666 !important;
}

input::-ms-input-placeholder { /* Microsoft Edge */
    color: #666 !important;
}
/* .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
	margin-top: 13px;
	right: 7px;
	position: relative;

} */
/* .search-filter-wrap form .filter-inputwrap .form-group input.chosen-search-input {
	margin-top: 0;
	height: 40px;
	padding: 10px 15px;
	width: 100%;
	background-color: #fff;
	border-color: #5E5086 !important;
	border: 1px solid;
	margin-bottom: 10px;
} */
.search-filter-wrap form .filter-inputwrap .form-group input.chosen-search-input{
  right: auto;
	height: auto;
}

.search-filter-wrap form .filter-inputwrap .form-group input.chosen-search-input,.chosen-container-single .chosen-search input[type="text"]{
  border-color: #5E5086 !important;
  border: 1px solid;
}
.chosen-container .chosen-results li.highlighted {
	background: #5E5086 !important;
	color: #fff;
}
.chosen-container.chosen-with-drop .chosen-drop{
border: none !important;
}
.chosen-container .chosen-results li{
font-size: 15px;}
li .job-date {
	font-size: 13px;
	margin-top: 7px;
}
.rp4wp-related-job_listing>ul li.job_listing a div.position h3, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position h3, ul.job_listings li.job_listing a div.position h3, ul.job_listings li.no_job_listings_found a div.position h3 {
	font-size: 16px;
}
.rp4wp-related-job_listing>ul li.job_listing, .rp4wp-related-job_listing>ul li.no_job_listings_found, ul.job_listings li.job_listing, ul.job_listings li.no_job_listings_found {
	-webkit-transition: all .35s ease-in-out 0s;
	-o-transition: all .35s ease-in-out 0s;
	transition: all .35s ease-in-out 0s;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	margin-bottom: 10px;
	background: #f8f8f8!important;
}
.rp4wp-related-job_listing>ul, ul.job_listings{
border: none;
}
.rp4wp-related-job_listing>ul li.job_listing a div.location, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.location, ul.job_listings li.job_listing a div.location, ul.job_listings li.no_job_listings_found a div.location {
	padding-top: 15px;
}
.company strong {
	font-size: 15px;
	font-weight: 400;
}
.rp4wp-related-job_listing>ul li.job_listing a div.position .company, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position .company, ul.job_listings li.job_listing a div.position .company, ul.job_listings li.no_job_listings_found a div.position .company {
	margin-top: 4px;
}
.location svg {
    width: 17px;
    position: relative;
    top: 3px;
    margin-right: 8px;
}

.rp4wp-related-job_listing>ul li.job_listing a .meta .job-type, .rp4wp-related-job_listing>ul li.no_job_listings_found a .meta .job-type, ul.job_listings li.job_listing a .meta .job-type, ul.job_listings li.no_job_listings_found a .meta .job-type{
font-weight: normal;}

a.load_more_jobs {
	color: #212529;
	text-decoration: none;
	font-size: .9em;
	padding: 12px 30px;
	border-radius: 4px;
	border: 1px solid rgba(144,146,148,.2);
	display: inline-block;
	margin: auto;
	display: table;
	margin-top: 28px;
	box-shadow: 0 4px 4px -2px rgb(144 146 148 / 20%);
	background: #5E5086;
	color: #fff;
	font-weight: 400;
}
.rp4wp-related-job_listing>ul li.job_listing a div.position, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position, ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position {
	padding-right: 40px;
}
.header-slider .banner-wrap h1 {
	font-size: 40px;
}

.rp4wp-related-job_listing>ul li.job_listing.job_position_featured a, .rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a, ul.job_listings li.job_listing.job_position_featured a, ul.job_listings li.no_job_listings_found.job_position_featured a {
	background: rgba(255,213,0,0.2);
}
.job-manager-form fieldset label:not(.full-line-checkbox-field label) {
	font-weight: 500;
}

button, html input[type="button"], input[type="reset"], input[type="submit"], .btn-default, button, .button, .comment-respond .comment-form input[type="submit"], .comments-area ol.comment-list .reply a, a.post-edit-link, div.wpcf7 input[type="submit"], .hb_button {
	background-color: #5E5086;
	/*box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 12%) 0px 1px 1px 0px, rgb(94, 80, 134) 0px 0px 0px 1px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(60 66 87 / 8%) 0px 2px 5px 0px !important;*/
	color: #fff;
	cursor: pointer;
	padding: 13px 28px;
	border-radius: 4px !important;
}


form.job_filters .search_jobs div {
	position: relative;
    padding: 0 !important;
}

.job_filters .search_jobs input, .job_filters .search_jobs select {
	height: 50px;
	font-size: 16px;
    border-radius: 5px;
    border: 1px solid #D1D1D1;
}

.search_remote_position input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0 !important;
    height: 0 !important;
}

.job_filters .search_jobs div.search_remote_position label#remote_position_label {
    margin: 0;
    padding-left: 67px;
    color: #141414;
    font-size: 16px;
    font-weight: 400;
}

.search_remote_position label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 59px;
    height: 33px;
    background-color: #FFEFEF;
    border-radius: 100px;
    transition: background-color 0.3s;
}

.search_remote_position label::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid rgba(222, 52, 35, 0.30);
    transition: transform 0.3s, background-color 0.3s;
}
.search_remote_position input[type="checkbox"]:checked + label::before {
    background-color: #DE3423;
}

.search_remote_position input[type="checkbox"]:checked + label::after {
    transform: translate(26px, -50%);
    border: none;
}

.job_filters .search_jobs .search_location input, .custom-job-filters .filter-group.location {
    background: #F3F3F3;
    padding-left: 50px;
}

.search_submit input {
    border-radius: 100000px !important;
    background-color: #141414 !important;
}

.chosen-container-single .chosen-single, .select2-container--default .select2-selection--multiple {
	box-shadow: none;
	height: 50px;
}
.select2-container--default .select2-search--inline .select2-search__field {
	height: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
border: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	border: none;
	font-size: 15px;
}.job-manager-form .chosen-container-single .chosen-single {
	box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(60 66 87 / 16%) 0px 0px 0px 1px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px !important;
}

ul.job_listings li.job_listing a .meta .job-type {
	text-transform: uppercase;
	text-align: center;

	border-radius: 4px;
	display: inline-block;
	padding: 2px 10px;
	font-size: 12px;
}
ul.job_listings li.job_listing a .meta .job-type {
	font-weight: 500;
}
.job-manager-form h2 {
	font-size: 22px;
	margin-top: 20px;
}
fieldset.fieldset-company_name {
	margin-top: 30px;
}
.job-manager-form fieldset .account-sign-in .button {
	display: inline-block;
	padding: 5px 30px;
}
.blog-wrap {
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 0px;
}
.section{
padding: 70px 0;
}


.search-filter-wrap button.btn.btn-primary {
	height: 50px;
	padding-left: 25px;
	padding-right: 25px;
}
.archive article h2.entry-title a {
	font-size: 21px;
	line-height: 28px;
}
.blog-wrap .entry-meta {
	font-size: 14px;
}
.archive article h2.entry-title {
	LINE-HEIGHT: 20PX;
}
.chosen-container-single .chosen-single div b{
background: none !important;}
.single article ul {
	list-style: disc;
	padding-left: 15px;
}

.single article  h1, .single article  h2, .single article h3, .single article  h4, .single article  h5, .single article  h6 {
  margin-top: 25px;

}
header.entry-header h1.entry-title {
	font-size: 29px;
	margin-top: 0;
	margin-bottom: 5px;
	line-height: 42px;
}
.single article ul {
	list-style: disc;
	padding-left: 15px;
}
.single-job_listing header.entry-header {
	margin-bottom: 25px;
}
.job-manager-form span.select2-selection {
	box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(60 66 87 / 16%) 0px 0px 0px 1px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px !important;
}
.navbar-nav>li>.dropdown-menu li a {
	border-bottom: 1px solid #eee;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
  background: #5E5086 !important;
  color: #fff;
}
.btn-primary:hover {
	color: #fff;
	background-color: #000 !important;
	border-color: #000 !important;
  box-shadow: none !important;
}.blog-section.section {
	border-top: 1px solid #eee;
}a.load_more_jobs {
	color: #fff!important;
}
ul#menu-main li.menu-item-has-children .dropdown-menu {
	border-top: 3px solid #5E5086;
}

.chosen-container-multi .chosen-choices {
	background: #fff!important;
	box-shadow: none!important;
	height: 50px;
	border: none;
	font-size: 16px;
	line-height: 28px;
	padding: 8px 16px;
	width: 100%;
	min-height: 44px;
	border: unset;
	border-radius: 4px;
	color: #444;
	line-height: 35px;
	font-family: dm sans,sans-serif;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
	color: #666;
	font-family: dm sans,sans-serif;
}
.chosen-container-active .chosen-choices li.search-field input[type=text] {
	color: #222!important;
}
.job-manager-form fieldset select{
  -webkit-appearance: none;
  }

  .job-manager-form fieldset small.description {
    display: inline-block;
    margin-left: 5px;
  }
  .job-manager-form input#remote_position {
    display: inline-block;
  }.footer-sec h3.widget-title {
    color: #fff;
    font-size: 21px;
    line-height: 32px;
    margin-bottom: 20px;
  }
  header.entry-header h1.entry-title {
    font-size: 29px;
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 39px;
  }
  .single-post article .post-thumbnail {
    margin-bottom: 30px;
  }
  .search-filter-wrap form .filter-inputwrap .form-group input:focus{
    border-color: #5E5086 !important;
    background: #f9f9f9 !important;
  }
  .blog header.entry-header h2.entry-title a {
    font-size: 21px;
    line-height: 28px;
  }

  .job_listing_preview {
    padding: 30px;
  }
  .job_listing_preview_title h2, .entry-content .job_listing_preview_title h2 {
    font-size: 22px;
    padding: 10px 0;
  }

  .dropdown-menu>.active>a {
    color: #fff !important;
  }

  .site-info a {
    color: #5E5086;
  }
  .cta-sec .cta-title {
    margin: 0;
    margin-bottom: 14px;
    color: #fff;
    line-height: 43px;
    font-size: 29px;
  }
  .cta-sec .cta-content {
    padding: 0;
    text-align: center;
    max-width: 650px;
    margin: 0 auto;
    z-index: 99;
    position: relative;
  }
  .cta-content span {
    display: block;
    font-size: 16px;
    line-height: 29px;
  }
  .section.cta-sec {
    background-size: cover;
    background-position: center;
  }
  .section.cta-sec {
    padding: 100px 0;
  }
  ol, ul {
    padding: 0;
    margin: 0;
    padding-left: 27px;
    margin: 10px 0;
  }
  .widget ul {
    padding: 0;
  }
  #secondary .widget .widget-title {
    font-size: 20px;
  }
  .job_filters .search_jobs{
      position: relative;
      display: flex;
      padding: 32px 9px;
      gap: 6px;
      justify-content: space-between;
  }
  .widget ul.job_listings li.job_listing {
    padding: 0 18px;
    padding-bottom: 0 !important;
  }
  .widget ul.job_listings li.job_listing ul.meta li {
    color: #6a6a6a;
    font-size: 14px;
  }
  .widget ul.job_listings li.job_listing a {
    padding: 10px 0;
  }

  div.job_listings .load_more_jobs {
    display: table;
    color: #141414 !important;
    border-radius: 10000px !important;
    border: 1px solid #C8C5C5 !important;
    background: #FEFDFD!important;
      box-shadow: none !important;
  }

div.job_listings .load_more_jobs:focus, div.job_listings .load_more_jobs:hover {
    border: 1px solid #303030 !important;
    background: #E2E3E4 !important;
}

  .job-cat-sec.section {
    background: #F9F9F9;
  }


.elementor-section .search-filter-wrap {
	margin-top: 0;
	text-align: center;
}
@media only screen and (max-width: 1024px) {
	
	.banner-ele-section {
	padding: 80px 0 !important;
}
	
	.banner-ele-section h1.elementor-heading-title.elementor-size-default {
	font-size: 35px !important;
}
	.section-title h2 {
	line-height: 43px !important;
	font-size: 29px !important;
}
	.subscribe-ele-section .elementor-widget-wrap.elementor-element-populated {
	padding-right: 0 !important;
	text-align: center;
}
	.subscribe-ele-section .elementor-widget-container {
	text-align: center;
}
	.blog-ele-section .blog-section .col-md-4.col-sm-4:last-child {
	margin-bottom: -45px !important;
}
	.banner-ele-section .elementor-container {
	padding-left: 10px;
	padding-right: 10px;
}
}

ul.job_listings .job_listing {
	width: calc(33.33% - 20px);
	margin: 10px;
    border-radius: 20px;
    background: #FEFDFD;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
	padding: 25px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
ul.job_listings {
	display: flex;
	flex-wrap: wrap;
}

ul.job_listings figure img {
    width: 82px;
    height: 82px;
    border-radius: 10px;
}

.job-listing-card {
	display: flex;
    align-items: center;
}
.job-listing-card .position {
	padding-left: 14px;
}
.job-listing-card .position .company h3 {
	margin-bottom: 4px;
    color: #141414;
    font-family: "Inter Tight";
    font-size: 18px;
    font-weight: 700;
    line-height: 100%; /* 18px */
    text-transform: capitalize;
}
.job-listing-card .position .company .location {
    color: #141414;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    opacity: 0.6;
}
h3.card-job-title {
	font-size: 17px;
	margin-bottom: 11px;
}
.job-listing-card {
	margin-bottom: 26px;
}

div.job_listings {
    margin-bottom: 31px;
}

.job-section .wp-block-button__link{
    width: 314px;
    font-size: 16px;
    color: #141414;
    border: 1px solid #C8C5C5;
}

.job-section .wp-block-button__link:hover {
    background: rgba(20, 20, 20, 0.10) !important;
    color: #141414 !important;
}

ul.job_listings .job_listing p {
    font-size: 16px;
    color: #141414;
    opacity: 0.6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.job-add-meta li, .job-add-meta .job-date {
	display: inline-block;
	font-size: 14px;
	color: #6a6a6a;
}
.job-add-meta li{
margin-right: 10px;
}
ul.job_listings .job_listing a.btn.btn-default {
	background-color: #141414 !important;
	padding: 9px 15px;
    height: 47px !important;
	border-radius: 100px !important;
	text-transform: capitalize;
	margin-top: 24px;
	box-shadow: none !important;
    border: 1px solid #C8C5C5 !important;
    color: #fff !important;
    font-family: "Inter Tight";
    font-size: 16px !important;
    font-weight: 400;
    line-height: normal;

    display: flex;
    align-items: center;
    justify-content: center;
}
ul.job_listings .job_listing li.job-type {
	background: none !important;
}
.job-add-meta svg {
	width: 17px;
	margin-right: 5px;
	position: relative;
	top: 4px;
	color: #a0abb8;
}
.job-add-meta svg path {
	fill: #a0abb8;
}
.single-job-cat:hover{
transform: translateY(-3px);
	transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.single-job-cat{
transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.filter-inputwrap {
	background: rgb(255 255 255 / 45%);
	padding: 13px;
	margin: 0 auto;
	display: inline-block;
	flex-wrap: wrap;
	border-radius: 4px;
}
.filter-inputwrap .form-group:last-child {
	margin-right: 0;
}
div.job_listings .load_more_jobs {
	display: table;
}

.home div.job_listings .load_more_jobs {
    display: none;
}

.company-wrapper span {
	background-color: #e0e6f7 !important;
	color: #5E5086 !important;
	padding: 9px 15px;
	border-radius: 4px !important;
	font-size: 14px !important;
	text-transform: capitalize;
	margin-top: 13px;
	display: inline-block;
}
.blog-wrap p {
	margin-top: 11px;
}
.blog-wrap span.posted-on {
	position: relative;
	top: -6px;
}
.blog-read-more {
	margin-top: 10px;
	display: block;
}

footer#colophon {
    /*border-radius: 30px;*/
    /*background: #FFF;*/
    /*box-shadow: 0 2px 55px 0 rgba(0, 0, 0, 0.05);*/
    padding: 30px 80px 10px;
    margin: 0 auto 65px;
}
@media (max-width: 1024px) {
  footer#colophon {
    padding: 30px 0 10px;
  }

  /*footer#colophon .container {*/
  /*    width: auto;*/
  /*}*/
}

footer#colophon::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	max-width: 1720px;
	border-radius: 30px;
	background: #FFF;
	box-shadow: 0 2px 55px 0 rgba(0, 0, 0, 0.05);
	z-index: -1;
}

footer#colophon .container ul li a {
    color: #141414;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

footer#colophon hr {
    margin-top: 15px;
    margin-bottom: 0;
    border: none;
    background: #13161B;
    height: 1px;
    width: 100%;
    opacity: 0.2;
}


.footer-sec .row {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

footer#colophon .footer-sec .container ul {
  display: flex;
  flex-direction: column;
}

footer#colophon .footer-sec .container {
  gap: 48px;
  padding: 0 30px;
}

footer#colophon .container {
  width: 100%;

}

.footer-sec .container:before , .footer-sec .container:after,
.footer-sec .container .row:before , .footer-sec .container .row:after{
  content: none;
}

footer#colophon {
  position: relative;
  z-index: 1;
  border-radius: 30px;
}

footer#colophon .footer-sec .container ul li a {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}

.footer-sec .widget_nav_menu {
  margin: 0;
}

.footer-sec ul li {
  line-height: normal;
}

.footer-section-title {
  color: #000B1F;
  font-size: 40px;
  width: 100%;
  margin: 0;
}

/*@media (min-width: 992px) {*/
/*  footer#colophon {*/
/*    width: 970px;*/
/*  }*/
/*}*/

@media (min-width: 1720px) {
  footer#colophon {
    width: 1720px;
  }
}

@media (max-width: 1024px) {
  footer#colophon {
    overflow: hidden;
    margin: 0 auto 65px;
    width: 970px;
  }

  footer#colophon .footer-sec .container ul li a {
    font-size: 16px;
  }
}

@media (max-width: 992px) {
  footer#colophon {
    width: 750px;
  }
}

@media (max-width: 768px) {
  footer#colophon {
    border-radius: 30px;
    background: #FFF !important;
    box-shadow: 0 2px 55px 0 rgba(0, 0, 0, 0.05);
    width: calc(100% - 30px);
    margin: 0 auto;
    padding-top: 17px;
  }

  footer#colophon::before {
    content: none;
  }

  .footer-sec .row {
    flex-wrap: wrap;
    gap: 25px 21px;
  }

  .footer-section-title {
    font-size: 30px;
  }

  .country-column {
    flex: 1;
  }

  .footer-sec ul li {
    margin-bottom: 15px;
  }
}
@media (max-width: 425px) {
  footer#colophon .footer-sec .container {
    padding: 0 17px;
  }
}
.blog-wrap figcaption {
	margin-top: 0;
	padding: 25px;
}
.header-slider .banner-wrap h1 {
	font-size: 36px;
	line-height: 54px;
}
.banner-wrap {
	max-width: 700px;
	margin: 0 auto;
}

.grid-layout {
	flex-wrap: wrap;
	display: flex;
}
.grid-layout .single-job-cat {
	width: calc(25% - 15px);
	max-width: calc(25% - 30px);
	margin: 15px !important;
  -webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	list-style: none outside;
	margin: 0;
	background: #fff;
	border: 0;
	border-radius: 0;
	/* box-shadow: 1px 1px 33px rgb(110 107 110 / 20%); */
	/* -webkit-box-shadow: 1px 1px 33px rgb(110 107 110 / 6%); */
	-moz-box-shadow: 1px 1px 33px rgba(110, 107, 110, 0.2);
	margin-bottom: 20px !important;
	float: left;
	padding: 25px 30px;
	width: calc(33.33% - 30px);
	margin: 15px;
	float: left;
	background: #fff;
	-webkit-box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 9%);
	box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 9%);
	border-radius: 7px;
}

.blog-wrap {
	height: 350px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.blog-wrap figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
}
.blog-wrap figcaption h3 a {
	color: #fff;
}
.blog-wrap:before {
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
}
ul.job_listings .job_listing a.btn.btn-default {
	height: auto;
}
button, input[type="button"], input[type="reset"], input[type="submit"]{
  font-size: 16px;
	margin-left: 5px;
  }
  div.job_listings .load_more_jobs{
    padding: 12px 30px !important;
    font-size: 16px;
    text-transform: capitalize;
  }
  a.load_more_jobs strong {
    font-weight: normal;
  }
  .banner-wrap span {
    color: #fff;
    line-height: 32px;
  }
  
  h3.card-job-title {
      color: #141414;
      font-family: "Inter Tight";
      font-size: 24px;
      font-weight: 700;
      line-height: 100%;
  }
  .cat-infos h3 {
    font-size: 21px;
    line-height: 28px;
  }
  
  ul.job_listings .job_listing.status-expired {
    filter: grayscale(100%);
    opacity: 0.6;
  }
  ul.job_listings .job_listing.status-expired {
    filter: grayscale(100%);
    opacity: 0.6;
  }
  ul.job_listings .job_listing.job_position_featured {
      border: 1px solid rgba(255, 106, 42, 0.80);
  }
  ul.job_listings .job-manager-applications-applied-notice {
    font-size: 16px !important;
  }
  ul.job_listings .job-manager-applications-applied-notice::before{
  display: none;}
  
  .wp-block-search__input {
    padding-left: 11px !important;
  }

  article header.entry-header h2.entry-title {
    font-size: 21px;
    line-height: 28px;
  }
  .blog header.entry-header h2.entry-title a {
    font-size: 21px;
    line-height: 28px;
  }
  .cat-infos h3 {
    margin-bottom: 9px;
  }
  .cat-infos span {
    color: #6a6a6a;
  }
  .widget-area ul.job_listings {
    display: block;
  }
  .widget ul.job_listings li.job_listing {
    width: 100%;
  }

  .breadcrumbs{
      padding: 0px;
      top: 80px;
      position: relative;
  }
  .breadcrumbs:has(.current){
    padding: 30px 0px;
  }

  .breadcrumbs a, .breadcrumbs span  {
      color: #727272;
      font-size: 14px;
      letter-spacing: -0.28px;
      text-transform: uppercase;
  }

.breadcrumbs .separator {
    margin: 0 4px;
}

.breadcrumbs .current {
    color: #141414;
    font-weight: 700;
}
/* back to top */
#back-to-top{
  position: fixed;
  bottom: 20px;
  right: 20px;
  color: white;
  z-index: 1000;
  background: #1777ed;
  height: 40px;
  width: 40px;
  border-radius: 0.25rem;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0px 0px 3px #fff;
  display: none;
	transition: all .5 ease;
  }
  #back-to-top:hover{
	background-color: #000;
  }
  #back-to-top i{
  height: 100%;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  }
  /* back to top end */
  
  @media screen and (max-width: 600px){
  #back-to-top {
    bottom: 50px;
    height: 30px;
    width: 30px;
  }
  }
  .page-template-template-home .breadcrumbs,
  .home .breadcrumbs {display:none;}

body.error404 #page.site{
  min-height: 100svh;
  display: flex;
  flex-direction: column;
}

body.error404 #primary.site-main{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.error404 #colophon.site-footer{
  margin-top: auto;
}

body.error404 .archive-section.section{
  flex: 1;
  display: flex;
}

body.error404 .archive-section.section > .container,
body.error404 .archive-section.section > .container > .row,
body.error404 .archive-section.section > .container > .row > .col-md-12{
  flex: 1;
  display: flex;
  flex-direction: column;
}

body.error404 #primary.site-main{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

body.error404 section.error-404.not-found{
  width: 100%;
  /*max-width: 640px;*/
  margin: 0 auto;
  text-align: center;
}

.error-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 120px;
}

@media (min-width: 992px){
  body.error404 .archive-section.section{
    padding-top: 160px !important;
    padding-bottom: 120px !important;
  }
}

@media (min-width: 1400px){
  body.error404 .archive-section.section{
    padding-top: 150px !important;
    padding-bottom: 100px !important;
  }
}

.error404 {
  min-height: 100vh;
  background: linear-gradient(180deg, rgb(255 255 255) 21.72%, rgba(255, 201, 170, 0.2) 70.94%, rgba(222, 52, 35, 0.2) 125.82%) no-repeat;
}

.error-404 .page-content{
  margin-top: 0;
}

.error-404 h1 {
  color: #141414;
  text-align: center;
  font-family: "Inter Tight";
  font-size: 78px;
  font-style: normal;
  font-weight: 600;
  line-height: 105%; /* 81.9px */
}

.error-404 .page-content p {
  color: #141414;
  text-align: center;
  font-family: "Inter Tight";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  opacity: 0.7;
  width: 469px;
  margin: 0 auto;
}

.error-404 .wp-block-buttons{
  justify-content: center;
  margin-top: 32px;
}

.error-404 .wp-block-buttons .wp-block-button{
  width: auto !important;
}

@media (max-width: 1440px) {
  .error-404 h1 {
    font-size: 64px;
  }
}

@media (max-width: 1025px) {
  .error-404 h1 {
    font-size: 50px;
  }
}

@media (max-width: 767px) {

  .error404 .section {
    padding-top: 130px;
  }

  .error-404 {
    margin-bottom: 80px;
  }

  .error-404 h1 {
    font-size: 44px;
  }

  .error-404 .page-content p {
    font-size: 16px;
    width: 100%;
  }

  .error-404 .wp-block-buttons .wp-block-button {
    width: 100% !important;
  }

}
  
  /** Responsive Media **/

  .box_wrapper {width:min-content; position: fixed; bottom: 0px; right: 16px; z-index: 10000; font-family: 'Roboto', Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; font-weight: 300; color: rgb(65, 72, 77); background: rgba(255, 255, 255, 0.95); border-radius: 4px 0 0 0; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 1px 7px 0 rgba(0, 0, 0, 0.06), 0 27px 45px 0 rgba(0, 0, 0, 0.13); padding: 10px 10px 14px; -webkit-transition: padding .5s ease; -moz-transition: padding .5s ease; -ms-transition: padding .5s ease; -o-transition: padding .5s ease; transition: padding .5s ease; }
.box_wrapper.open { padding: 10px 10px 14px; }
.box_wrapper a { color: rgb(42, 160, 239); text-decoration: none; }
.box_wrapper .toggle { cursor: pointer; float: right; display: block; width: 36px; height: 20px; position: absolute; right: 0; top: -20px; border-radius: 5px 5px 0 0; background: rgba(255, 255, 255, 0.8); }
.box_wrapper .toggle:before { content: ''; width: 36px; height: 20px; display: block; background: url('data:image/svg+xml;dataset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2218%22%20height%3D%2228%22%20viewBox%3D%220%200%2018%2028%22%3E%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M16.797%2018.5q0%200.203-0.156%200.359l-0.781%200.781q-0.156%200.156-0.359%200.156t-0.359-0.156l-6.141-6.141-6.141%206.141q-0.156%200.156-0.359%200.156t-0.359-0.156l-0.781-0.781q-0.156-0.156-0.156-0.359t0.156-0.359l7.281-7.281q0.156-0.156%200.359 0.156t0.359%200.156l7.281%207.281q0.156%200.156%200.156%200.359z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') 50% no-repeat; -webkit-background-size: 14px; background-size: 14px; }
.box_wrapper.open .toggle:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.box_wrapper .section-deal { max-height: 0; opacity: 0; overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.box_wrapper.open .section-deal { opacity: 1; max-height: 1000px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.section-deal h2 { color: #3a3b3d; font-size: 24px; font-weight: 300; line-height: 1.2; margin: 0; margin-bottom: 20px; }
.section-deal h3 { color: #7f8082; font-size: 12px; font-weight: 400; letter-spacing: 1px; line-height: 1.4; margin-bottom: 10px; margin-top: -15px; text-transform: uppercase; }
.section-deal p { line-height: 1.4; }
.section-deal ul { margin-bottom: 20px; margin-left: 0px; list-style: none; padding: 0; }
.section-deal ul li { line-height: 1.6em; font-size: 14px;  align-items: flex-start; margin-bottom: 4px; }
.section-deal ul li svg { width: 16px; margin-right: 8px; }
.box_wrapper .action-button { background: #1777ed; border-radius: 3px; box-shadow: 0 3px 0 0 #0b58b7; color: #fff; display: flex; width: 100%; font-size: 15px; line-height: 1; overflow: hidden; text-decoration: none; transition: all .5 ease;}
.box_wrapper .action-button:hover { background: #000; box-shadow: 0 3px 0 0 #000}
.box_wrapper .action-button .main {  text-wrap: nowrap; padding: 14px 18px; }
.box_wrapper .action-button .after { background: rgba(3, 3, 3, 0.03);text-wrap: nowrap; font-weight: bolder; font-size: 12px; padding: 17px 18px; }
.box_wrapper .alternative-action { display: block; margin-top: 5px; text-align: left; font-size: 14px; max-height: 0px; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.box_wrapper.open .alternative-action { max-height: 100px; opacity: 1; }
.box_wrapper.open .section-deal { opacity: 1; max-height: 1000px; }
.box_wrapper.open .alternative-action { max-height: 100px; opacity: 1; }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.box_wrapper { width:min-content; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.box_wrapper { width:min-content; }
}
@media only screen and (max-width: 479px) {
	.box_wrapper .action-button .after{ padding: 15px; }
	.box_wrapper .action-button .main{ padding: 12px 15px; }
	.box_wrapper { width:min-content; right: 5px; }
}
@media only screen and (max-width: 479px) {
	.box_wrapper.open { padding: 10px; }
}

@media only screen and (max-width: 767px){
	.section-title {
		margin-bottom: 0;
	}
	.section{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.load_more_jobs{
		margin-top: 10px !important;
	}
	.section.about-sec{
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	.blog-section .section-title {
		margin-bottom: 20px;
	}
	
	.entry-footer{
		padding-bottom: 0;
	}
	ul.job_listings li.job_listing{
	width: calc(100% - 30px) !important;
	}
	.widget ul.job_listings li.job_listing ul.meta {
		text-align: center;
	}
	.fullwidth-page {
		padding: 16px;
	}

    header#masthead {
        width: 96%;
    }
}

@media (max-width: 768px) {
    a.header-btn.btn.btn-default {
        width: 125px;
    }
}

@media (min-width: 768px) {
    header#masthead {
        width: 750px;
    }

    .home .section {
        /*padding: 200px 0 48px;*/
        padding: 0 0 48px;
    }
}

@media (min-width: 992px) {
    header#masthead {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    header#masthead {
        width: 1170px;
    }
}

.section.blog-post {
  padding: 80px 0 86px;
}

.blog-post .entry-content {
  margin: 0;
}

.blog-post article h2 {
  margin-top: 34px !important;
  font-size: 34px;
  font-weight: 600;
  line-height: 140%;
  border-bottom: 1px solid #AAAEB4;
  margin-bottom: 14px;
  opacity: 1;
  text-transform: unset;
}

.blog-post article h3 {
  margin-top: 34px;
  font-size: 26px;
  font-weight: 600;
  line-height: 140%;
  padding-bottom: 10px;
  margin-bottom: 14px;
  text-transform: unset;
  opacity: 1;
}

.blog-post article h4 {
  color: #141414;
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
}

.blog-post article a:hover {
  color: #DE3423;
}

.blog-post p {
  margin: 0 0 14px;
}

#secondary .recent-posts-thumb {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#secondary .recent-posts-thumb li {
  padding: 0 !important;
  margin: 0 !important;
}
#secondary .recent-posts-thumb li a {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

#secondary .recent-posts-thumb li a:hover span {
  color: #DE3423;
}

#secondary .recent-posts-thumb li a img {
  border-radius: 10px;
  height: 100%;
  width: 40%;
  min-width: 40%;
  aspect-ratio: 5 / 3;
  object-fit: cover;
}

#secondary .recent-posts-thumb li a span {
  color: #141414;
  font-size: 17px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  flex: 1 0 0;
  overflow: hidden;
}

#secondary .widget .job_listing {
  position: relative;
  padding: 0;
  border: none;
  margin-bottom: 4px;
  border-radius: 20px;
  z-index: 1;
}

#secondary .widget .job_listing a {
  background: white;
  display: flex;
  gap: 8px;
  align-items: center;
  position: relative;
  z-index: 2;
}

#secondary .widget .job_listing::before {
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  top: 0;
  bottom: 0;

  background: #FFF3F2;
  border-radius: 12px;

  opacity: 0;
  transition: opacity 0.25s ease;
  z-index: 1;
}

#secondary .widget .job_listing:hover  a {
  background: #FFF3F2;
}

#secondary .widget .job_listing:hover::before {
  opacity: 1;
}

#secondary .widget .job_listing:hover h3 {
  color: #DE3423;
}

#secondary .job_listing,
#secondary .job_listing a {
  overflow: visible !important;
}

#secondary .widget .job_listing .image img {
  margin: 0;
  min-width: 55px;
  height: 55px;
  border-radius: 16px;
  border: 1px solid rgba(20, 20, 20, 0.10);
  visibility: visible;
}

#secondary .widget .job_listing .meta {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  align-items: center;
  gap: 8px;
}

#secondary .widget .job_listing .meta li {
  margin: 0;
  padding: 0;
  display: inline !important;
  color: #141414;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

#secondary .widget .job_listing .meta li:after {
  content: none;
}

#secondary .widget .job_listing .meta .location {
  opacity: 0.6;
  display: flex !important;
  align-items: center;
  gap: 4px;
}

#secondary .widget .job_listing .meta .location span {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
}

#secondary .widget .job_listing .meta .location:before {
  content: url("../../assets/images/location-icon.svg");
  aspect-ratio: 1 / 1;
  width: 17px;
  height: 19px;
}

#secondary .widget .job_listing .meta .company {
  font-weight: 500;
  opacity: 0.7;
}

#secondary .widget .job_listing small {
  display: none;
}

#secondary .widget .job_listing .position {
  color: #141414;
  text-align: left;
  margin: 0;
}

#secondary .widget {
  padding: 18px 28px 28px 28px;
  border-radius: 20px;
  background: #FFF;
  margin-bottom: 18px;
}

#secondary .widget .wpcf7 label {
  color: #141414;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 10px;
  width: 100%;
}

#secondary .widget input.wpcf7-form-control,#secondary .widget textarea.wpcf7-form-control {
  border-radius: 12px;
  background: #F3F3F3;
  margin-top: 4px;
}

#secondary .widget textarea.wpcf7-form-control {
  height: 72px;
}

#secondary .widget input.wpcf7-form-control.wpcf7-submit {
  border-radius: 10000px !important;
  border: 1px solid #FEFDFD !important;
  background: #141414;
  height: 47px;
  margin: 0;
}

#secondary .widget .wpcf7-list-item-label {
  color: rgba(20, 20, 20, 0.80);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

#secondary .widget input#process-my-data {
  border-radius: 4px;
  border: 1px solid #000;
  width: 18px !important;
  height: 18px !important;
  margin: 0;
  appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background: #fff;
  position: relative;
  margin-right: 4px;
}

#secondary .widget input#process-my-data:focus {
  outline: none;
}

#secondary .widget input#process-my-data:checked::after {
  content: "✔";
  color: #333;
  font-size: 14px;
  position: absolute;
  left: 3px;
  top: 0;
  line-height: 1em;
}

#secondary .widget .file .custom_file {
  border-radius: 8px;
  border: 2px solid #141414;
  display: flex;
  padding: 6px 10px;
  align-items: center;
  gap: 4px;
  margin: 0;
  height: 34px;
  width: 120px;
}

#secondary .widget .file .custom_file>input {
  width: 100%;
  height: 30px;
  font-weight: 400;
  padding: 0;
}

#secondary .widget .file .custom_file .icon__attach {
  width: 18px;
  height: 18px;
  margin-right: 0;
  aspect-ratio: 1 / 1;
}

#secondary .widget input.wpcf7-form-control.wpcf7-file.upload {
  margin: 0;
  padding: 0;
}

#secondary .widget .wpcf7-spinner {
  display: none;
  visibility: hidden;
}

#secondary .widget form.submitting .wpcf7-spinner {
  display: inline-block;
  visibility: visible;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output  {
  margin-top: 10px !important;
}

#secondary .widget  span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item {
  margin: 20px 0 0 0;
}

#secondary .widget .file {
  flex-direction: column !important;
}

.blog-post .col-md-4, .blog-post .col-md-8 {
  padding: 0;
}

#secondary .widget .widget-title {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  padding-bottom: 10px;
  border-bottom: 1px solid #AAAEB4;
  margin-bottom: 16px;
}

/*Banners Styles*/
.post-hero-banner {
  position: relative;
  border-radius: 30px;
  background-image: url('https://www.jobswithscala.com/wp-content/uploads/2026/02/jobswithscala-blog-banner.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 18px 50px 18px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
  max-height: 298px;
  min-height: 258px;
  height: 298px;
  margin-bottom: 34px;

  margin-right: -15px;
  margin-left: -15px;
  justify-content: center;
}

.post-hero-banner h1 {
  position: relative;
  color: #FFF;
  font-size: 50px;
  margin: 0;
}

.blog-post .row {
  display: flex;
  align-items: stretch;
}

.blog-post aside#secondary.widget-area {
  height: 100%;
}

.blog-post .widget_block {
  position: -webkit-sticky;
  position: sticky;
  top: 105px;
  z-index: 100;
}

.other-posts-section {
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.other-posts-section h2 {
  color: #141414;
  font-family: "Inter Tight";
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin: 0;
}

.other-posts-section .view-all{
  border-radius: 10000px;
  border: 1px solid #FEFDFD;
  background: #141414;
  display: flex;
  width: 248px;
  height: 47px;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-size: 16px;
  margin: 0 auto;
}

.other-posts-section .view-all:hover {
  border: none !important;
  background: rgba(20, 20, 20, 0.10) !important;
  color: #141414 !important;
}

.posts-grid {
  display: flex;
  gap: 30px;
  align-self: stretch;
  align-items: stretch;
}


.post-card {
  display: flex !important;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  border-radius: 20px;
  background: #FEFDFD;
  width: 33.3333%;
  height: auto;
}

.posts-grid .slick-track {
  display: flex;
}

.posts-grid .slick-slide {
  margin: 0 10px;
}

.post-thumbnail img {
  height: 194px;
  align-self: stretch;
  border-radius: 14px;
  object-fit: cover;
}

.post-category a {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  background: #FF6A2A;
  color: #FFF;
  font-family: "Inter Tight";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.post-title {
  color: #141414;
  font-family: "Inter Tight";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 31.2px */
  text-transform: capitalize;
  margin: 0;
  margin-top: -6px;
}

.post-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  row-gap: 14px;
  align-self: stretch;
  flex-wrap: wrap;
  margin-top: auto;
}

.post-author {
  display: flex;
  height: 34px;
  align-items: center;
  gap: 8px;
}

.post-author img {
  border: 10000px;
}

.post-author a {
  color: #141414;
  font-family: "Inter Tight";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.post-footer .read-more {
  display: flex;
  padding: 10px 34px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10000px;
  border: 1px solid #C8C5C5;
  background: #FEFDFD;
}

.post-footer .read-more:hover {
  border: 1px solid #303030 !important;
  background: #E2E3E4;
}

.post-title a:hover, .post-author a:hover{
  color: #DE3423;
}

.posts-grid .slick-dots {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 20px 0;
  margin: 0;
  gap: 10px;
  padding: 0
}

.posts-grid .slick-dots li {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  cursor: pointer;
}

.posts-grid .slick-dots li button {
  display: block;
  width: 100%;
  height: 100%;
  background: #D9D9D9;
  border: none;
  border-radius: 50% !important;
  text-indent: -9999px;
  padding: 0;
  outline: none;
  margin: 0;
  transition: background 0.3s ease;
}

.posts-grid .slick-dots li.slick-active button {
  background: #DE3423;
}

.aioseo-author-bio-compact {
  border-radius: 20px;
  border: none;
  padding: 24px;
  gap: 20px;
}

article .entry-content .aioseo-author-bio-compact img {
  margin: 0;
}

.aioseo-author-bio-compact .aioseo-author-bio-compact-left .aioseo-author-bio-compact-image {
  border-radius: 16px;
  min-width: 242px;
  height: 284px;
}

.author-socials img {
  width: 24px;
  height: 24px;
}

.aioseo-author-bio-compact .aioseo-author-bio-compact-right {
  display: flex;
  flex-direction: column;
}

.aioseo-author-bio-compact-footer {
  margin-top: auto;
}

.aioseo-author-bio-compact .aioseo-author-bio-compact-right .aioseo-author-bio-compact-header {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
}

.aioseo-author-bio-compact .aioseo-author-bio-compact-right .aioseo-author-bio-compact-header .author-name {
  font-size: 24px;
  font-weight: 700;
}

.aioseo-author-bio-compact .aioseo-author-bio-compact-right .aioseo-author-bio-compact-header .author-name a:hover {
  color: #DE3423;
  text-decoration-line: underline !important;
  text-underline-position: from-font;
}

.aioseo-author-bio-compact .aioseo-author-bio-compact-right .aioseo-author-bio-compact-footer .author-socials {
  gap: 16px;
}

[dir=ltr] .aioseo-author-bio-compact .aioseo-author-bio-compact-right .aioseo-author-bio-compact-header .author-job-title {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 20px;
}

.aioseo-author-bio-compact .aioseo-author-bio-compact-right .aioseo-author-bio-compact-main {
  color: #141414;
  font-family: "Inter Tight";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  opacity: 0.8;
  margin: 20px 0;
}

.blog-post article.hentry {
  margin-bottom: 18px;
}

/*Banners Styles*/
.post-banner {
  position: relative;
  border-radius: 30px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 30px 18px 27px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 37px;
  align-items: center;
  height: 511px;
  justify-content: flex-end;
}

.post-banner.find-scala-talent-banner {
  background-image: url('/wp-content/uploads/2026/02/find-scala-talent-banner.webp');
}
.post-banner.check-vetted-scala-developers {
  background-image: url('/wp-content/uploads/2026/02/check-vetted-scala-developers-banner.webp');
}
.post-banner.explore-available-opportunities {
  background-image: url('/wp-content/uploads/2026/02/explore-scala-opportunities-banner.webp');
}

.post-banner .wp-block-heading {
  position: relative;
  font-size: 36px;
  text-align: center;
  font-weight: 600;
  color: #fff;
  z-index: 1;
  line-height: 125%;
  padding: 10px 5px;
  margin: 0 45px;
  display: inline-block;
   background-position:
            top left,
            top right,
            bottom left,
            bottom right;
    background-repeat: no-repeat;
    background-size: 14px 14px; /* Размер твоего SVG */
    background-image:
            url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" stroke="%23FF6A2A"><path d="M1 14V1H14"/></svg>'),
            url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" stroke="%23FF6A2A"><path d="M0 1H13V14"/></svg>'),
            url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" stroke="%23FF6A2A"><path d="M1 0V13H14"/></svg>'),
            url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" stroke="%23FF6A2A"><path d="M0 13H13V0"/></svg>');
}
.post-banner a.wp-block-button__link.wp-element-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 100000px;
  border: 2px solid #DE3423;
  color: #fff;
  background: transparent;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  padding: 5px 18px !important;
  min-width: 190px;
  height: 50px;
  margin: 0;
  z-index: 1;
}

.post-banner a.wp-block-button__link.wp-element-button:hover {
  background: rgba(222, 52, 35, 0.20);
}

.post-banner .wp-block-buttons {
  margin: 0;
}

@media(max-width:1024px) {
  #secondary .widget {
    padding: 18px;
  }
}
@media(max-width:992px) {

  .blog-post .row {
    flex-direction: column;
  }

  .blog-post .row .col-md-8 , .blog-post .row .col-md-4 {
    width: 100%;
  }

  .post-hero-banner h1 {
    font-size: 42px;
  }

  #secondary .recent-posts-thumb li a img {
    width: 90px;
    height: 54px;
    min-width: 90px;
  }

  .post-card {
    width: 50%;
  }

}

@media (max-width: 800px) {
  .posts-grid {
    flex-direction: column;
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .blog-post .file__notice {
    margin-top: 0;
  }

  .blog-post article.hentry {
      padding: 0;
  }

}

@media (max-width: 767px) {
  .section.blog-post {
    width: calc(100% - 30px);
    margin: 0 auto;
  }

  #secondary .widget .job_listing {
    width: 100% !important;
    margin: 0 0 4px !important;
  }

  .post-hero-banner h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
  }

  .post-banner .wp-block-heading {
    font-size: 26px;
    margin: 0 10px;
  }

}

@media (max-width: 560px) {
  .post-card {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .post-hero-banner {
    padding: 16px;
    border-radius: 0;
    margin-right: -30px;
    margin-left: -30px;
  }

  .aioseo-author-bio-compact .aioseo-author-bio-compact-right .aioseo-author-bio-compact-header {
    align-items: center;
  }

  .aioseo-author-bio-compact {
    flex-direction: column;
    align-items: center;
  }

}