/* 8. effect */
.effect-1 {
  position: relative;
}
.effect-1:after {
  content: '';
  display: block;
  width: 0px;
  height: 1px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  margin: auto;
}
.effect-1:hover:after {
  width: 100%;
  height: 1px;
  background: #1768fe;
}

.zoom-2 {
  overflow: hidden;
  display: block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.zoom-2 img {
  position: relative;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.zoom-2:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.filter-grayscale, .widget .widget_sp_image-image-link img {
  -webkit-transition: all 0.6s ease-out 0s;
  -o-transition: all 0.6s ease-out 0s;
  transition: all 0.6s ease-out 0s;
}
.filter-grayscale:hover, .widget .widget_sp_image-image-link img:hover {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
}

.filter-brightness {
  -webkit-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.filter-brightness:hover {
  filter: brightness(0.4);
  -webkit-filter: brightness(0.4);
  -moz-filter: brightness(0.4);
  -o-filter: brightness(0.4);
  -ms-filter: brightness(0.4);
}

.filter-blur {
  -webkit-transition: all 0.6s ease-out 0s;
  -o-transition: all 0.6s ease-out 0s;
  transition: all 0.6s ease-out 0s;
}
.filter-blur:hover {
  filter: blur(5px);
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
}

.close .fa {
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.close:hover .fa {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.image-overlay-1:after, .image-overlay-1:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 100;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.rtl .image-overlay-1:after, .rtl .image-overlay-1:before {
  right: 0;
  left: auto;
}
.image-overlay-1:after {
  top: -100%;
}
.image-overlay-1:before {
  bottom: -100%;
}
.image-overlay-1:hover:after {
  top: -50%;
  opacity: 1;
  filter: alpha(opacity=100);
}
.image-overlay-1:hover:before {
  bottom: -50%;
  opacity: 1;
  filter: alpha(opacity=100);
}

.image-plus-1 {
  position: relative;
}
.image-plus-1::before {
  overflow: hidden;
  position: absolute;
  top: 0;
  content: "";
  z-index: 100;
  width: 100%;
  height: 100%;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  background: url("../images/plus.png") no-repeat scroll center center/60px 60px rgba(0, 0, 0, 0.6);
}
.rtl .image-plus-1::before {
  right: 0;
  left: auto;
}
.image-plus-1:hover::before {
  visibility: visible;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.image-plus-2 {
  position: relative;
}
.image-plus-2::before {
  content: "";
  z-index: 199;
  top: 0;
  position: absolute;
  background: url("../images/plus.png") no-repeat scroll center center/60px 60px rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-background-size: 10px 10px, 100% 100%;
  -moz-background-size: 10px 10px, 100% 100%;
  -ms-background-size: 10px 10px, 100% 100%;
  -o-background-size: 10px 10px, 100% 100%;
  background-size: 10px 10px, 100% 100%;
  -webkit-background-origin: padding-box, padding-box;
  -moz-background-origin: padding-box, padding-box;
  -ms-background-origin: padding-box, padding-box;
  -o-background-origin: padding-box, padding-box;
  background-origin: padding-box, padding-box;
}
.rtl .image-plus-2::before {
  right: 0;
  left: auto;
}
.image-plus-2:hover::before {
  opacity: .6;
  visibility: visible;
  -webkit-background-size: 60px 60px, 100% 100%;
  -moz-background-size: 60px 60px, 100% 100%;
  -ms-background-size: 60px 60px, 100% 100%;
  -o-background-size: 60px 60px, 100% 100%;
  background-size: 60px 60px, 100% 100%;
}

.image-plus-3 {
  position: relative;
}
.image-plus-3::before {
  content: "";
  top: 0;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  -webkit-transform: scale(0.5) rotateX(180deg);
  -moz-transform: scale(0.5) rotateX(180deg);
  -ms-transform: scale(0.5) rotateX(180deg);
  -o-transform: scale(0.5) rotateX(180deg);
  transform: scale(0.5) rotateX(180deg);
  width: 100%;
  height: 100%;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background: rgba(0, 0, 0, 0.8);
}
.rtl .image-plus-3::before {
  right: 0;
  left: auto;
}
.image-plus-3:hover::before {
  visibility: visible;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: scale(1) rotateX(0deg);
  -moz-transform: scale(1) rotateX(0deg);
  -ms-transform: scale(1) rotateX(0deg);
  -o-transform: scale(1) rotateX(0deg);
  transform: scale(1) rotateX(0deg);
}

.icon-effect-1 {
  position: relative;
}
.icon-effect-1:before {
  content: "";
  display: block;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: transparent;
}
.icon-effect-1:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}

/* 9. utilities */
/*-------------------------------------------
    No Margin
-------------------------------------------*/
.no-margin {
  margin: 0 !important;
}
.no-margin .pagination {
  margin: 0;
}

/*-------------------------------------------
    No Padding
-------------------------------------------*/
.no-padding {
  padding: 0 !important;
}

.no-position {
  position: static !important;
}

.inline-block {
  display: inline-block;
  vertical-align: middle;
}
.lt-ie8 .inline-block {
  display: inline;
  zoom: 1;
}

.no-background {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none !important;
}

.no-effect a:before {
  content: none !important;
}

/*------------------------------------*\
    Clear List Style
\*------------------------------------*/
.clear-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

/*-------------------------------------------
    Text Transform
-------------------------------------------*/
.text-uppercase {
  text-transform: uppercase !important;
}

/*-------------------------------------------
    Align
-------------------------------------------*/
.separator_align_center {
  text-align: center !important;
}

.vc_align_right,
.separator_align_right {
  text-align: right !important;
}

.separator_align_left {
  text-align: left !important;
}

/*------------------------------------*\
    Font size heading title
\*------------------------------------*/
.font-size-lg {
  font-size: 48px;
}

.font-size-md {
  font-size: 30px;
}

.font-size-sm {
  font-size: 20px;
}

.font-size-xs {
  font-size: 16px;
}

/*------------------------------------*\
    Border
\*------------------------------------*/
.no-border {
  border: 0px !important;
}

/*------------------------------------*\
    No background
\*------------------------------------*/
.bg-transparent {
  background: transparent !important;
}

/* 10. widgets layout */
.widget-text-heading {
  margin: 0;
}
.widget-text-heading .title {
  font-size: 36px;
  font-weight: 400;
  margin: 0 0 5px;
}
.widget-text-heading .des {
  font-size: 13px;
}
.widget-text-heading.center {
  text-align: center;
}

.vertical-wrapper {
  position: relative;
}
.vertical-wrapper .title-vertical {
  color: #fff;
  background: #1768fe;
  font-size: 18px;
  text-transform: capitalize;
  padding: 13px 20px;
  margin: 0;
  cursor: pointer;
}
.vertical-wrapper .title-vertical i {
  font-size: 16px;
  margin-right: 15px;
}
.rtl .vertical-wrapper .title-vertical i {
  margin-left: 15px;
  margin-right: inherit;
}
.vertical-wrapper .title-vertical .show-down {
  font-size: 18px;
  margin: 3px 0 0;
  float: right;
}
.rtl .vertical-wrapper .title-vertical .show-down {
  float: left;
}
.vertical-wrapper .content-vertical {
  padding: 0;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100% !important;
  z-index: 8;
}
.vertical-wrapper.show-always .content-vertical {
  display: block;
}

.apus-vertical-menu {
  padding: 14px;
  background: #fff;
  margin: 0;
  list-style: none;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #e8eef1;
}
.apus-vertical-menu > li {
  display: block;
  width: 100%;
  border-bottom: 1px dashed #e8eef1;
}
.apus-vertical-menu > li:last-child {
  border: none;
}
.apus-vertical-menu > li > a {
  font-size: 16px;
  padding: 0;
  line-height: 40px;
  background: transparent !important;
}
.apus-vertical-menu > li > a > i,
.apus-vertical-menu > li > a > img {
  font-size: 22px;
  margin-right: 15px;
  width: 18px;
  display: inline-block;
  color: #1768fe;
}
.rtl .apus-vertical-menu > li > a > i, .rtl
.apus-vertical-menu > li > a > img {
  margin-left: 15px;
  margin-right: inherit;
}
.apus-vertical-menu > li > a .caret {
  float: right;
  margin: 22px 0 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.rtl .apus-vertical-menu > li > a .caret {
  float: left;
}
.apus-vertical-menu > li .apus-container {
  padding: 10px 35px;
}
.apus-vertical-menu > li:hover > a, .apus-vertical-menu > li.active > a {
  color: #1768fe;
}
.apus-vertical-menu li:hover > .dropdown-menu {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.apus-vertical-menu .text-label {
  font-size: 12px;
  vertical-align: super;
  margin-left: 5px;
  color: #1768fe;
  font-family: "Sarabun", Arial, sans-serif;
}
.rtl .apus-vertical-menu .text-label {
  margin-right: 5px;
  margin-left: inherit;
}
.apus-vertical-menu .text-label.label-hot {
  color: #e44343;
}
.apus-vertical-menu .text-label.label-new {
  color: #79b530;
}
.apus-vertical-menu .dropdown-menu {
  min-width: 240px;
  visibility: hidden;
  padding: 20px;
  font-size: 14px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  border: none;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}
.apus-vertical-menu .dropdown-menu > li > a {
  color: #3a3d43;
  background: transparent !important;
  padding: 0;
}
.apus-vertical-menu .dropdown-menu > li > a > i,
.apus-vertical-menu .dropdown-menu > li > a > img {
  font-size: 20px;
  margin-right: 10px;
  width: 15px;
  display: inline-block;
}
.rtl .apus-vertical-menu .dropdown-menu > li > a > i, .rtl
.apus-vertical-menu .dropdown-menu > li > a > img {
  margin-left: 10px;
  margin-right: inherit;
}
.apus-vertical-menu .dropdown-menu > li > a .caret {
  float: right;
  margin: 12px 0 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.rtl .apus-vertical-menu .dropdown-menu > li > a .caret {
  float: left;
}
.apus-vertical-menu .dropdown-menu > li:hover > a, .apus-vertical-menu .dropdown-menu > li.active > a, .apus-vertical-menu .dropdown-menu > li:active > a {
  color: #1768fe;
}
.apus-vertical-menu .dropdown-menu .wpb_button, .apus-vertical-menu .dropdown-menu .wpb_content_element, .apus-vertical-menu .dropdown-menu ul.wpb_thumbnails-fluid > li,
.apus-vertical-menu .dropdown-menu .widget {
  margin: 0;
}
.apus-vertical-menu .dropdown-menu .widget .widget-title, .apus-vertical-menu .dropdown-menu .widget .widgettitle, .apus-vertical-menu .dropdown-menu .widget .widget-heading {
  margin: 0 0 10px;
  font-size: 18px;
  padding: 0;
}
.apus-vertical-menu .dropdown-menu .widget .widget-title:after, .apus-vertical-menu .dropdown-menu .widget .widget-title:before, .apus-vertical-menu .dropdown-menu .widget .widgettitle:after, .apus-vertical-menu .dropdown-menu .widget .widgettitle:before, .apus-vertical-menu .dropdown-menu .widget .widget-heading:after, .apus-vertical-menu .dropdown-menu .widget .widget-heading:before {
  display: none;
}
.apus-vertical-menu .aligned-left > a:hover .caret {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.apus-vertical-menu .aligned-left > .dropdown-menu {
  top: -10px;
  left: 100%;
}
.apus-vertical-menu .aligned-right > a:hover .caret {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.apus-vertical-menu .aligned-right > .dropdown-menu {
  top: -10px;
  right: 100%;
  left: inherit;
}

.apus_custom_menu.center {
  text-align: center;
}
.apus_custom_menu.center li {
  display: inline-block;
  margin: 0 15px;
}
.apus_custom_menu.left {
  text-align: left;
}
.apus_custom_menu.right {
  text-align: right;
}
.apus_custom_menu.inline li {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  margin-right: 20px;
}
.rtl .apus_custom_menu.inline li {
  margin-left: 20px;
  margin-right: inherit;
}
@media (min-width: 1200px) {
  .apus_custom_menu.inline li {
    margin-right: 40px;
  }
  .rtl .apus_custom_menu.inline li {
    margin-left: 40px;
    margin-right: inherit;
  }
}
.apus_custom_menu.inline li:last-child {
  margin: 0;
}

.slick-carousel {
  position: relative;
  margin-right: -15px;
  margin-left: -15px;
}
.slick-carousel .slick-arrow {
  background: transparent !important;
  padding: 0;
  display: inline-block;
  font-size: 30px;
  color: #3a3d43;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 3;
  border: none;
}
@media (min-width: 1200px) {
  .slick-carousel .slick-arrow {
    font-size: 35px;
  }
}
.slick-carousel .slick-arrow .textnav {
  display: none;
}
.slick-carousel .slick-arrow:hover, .slick-carousel .slick-arrow:focus {
  color: #1768fe;
}
.slick-carousel .slick-prev {
  left: 0;
}
@media (min-width: 1200px) {
  .slick-carousel .slick-prev {
    left: -15px;
  }
}
.slick-carousel .slick-next {
  right: 0;
}
@media (min-width: 1200px) {
  .slick-carousel .slick-next {
    right: -15px;
  }
}
.slick-carousel .slick-slide {
  outline: none !important;
  padding-left: 15px;
  padding-right: 15px;
}
.slick-carousel.show-text .textnav {
  display: inline-block;
  margin: 0 2px;
}
.slick-carousel.show-text .slick-arrow {
  width: auto;
  height: auto;
  background: transparent !important;
  font-weight: 500;
  font-size: 12px;
  color: #3a3d43;
}
.slick-carousel.show-text .slick-arrow:hover, .slick-carousel.show-text .slick-arrow:active, .slick-carousel.show-text .slick-arrow:focus {
  color: #1768fe;
}
.slick-carousel.show-text .slick-prev {
  left: 0;
  right: inherit;
}
.slick-carousel.show-text .slick-next {
  right: 0;
  left: inherit;
}
.slick-carousel.p-bottom .slick-list {
  padding-bottom: 5px;
}
.slick-carousel.p-bottom .slick-arrow {
  top: 100%;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.slick-carousel .slick-track {
  margin: inherit;
}
.slick-carousel .slick-dots {
  margin: 0 !important;
  padding: 10px 0 0;
  text-align: center;
  list-style: none;
  line-height: 1;
}
@media (min-width: 1200px) {
  .slick-carousel .slick-dots {
    padding: 20px 0 0;
  }
}
.slick-carousel .slick-dots li {
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0 5px;
  border: 1px solid #1768fe;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  line-height: 12px;
  text-align: center;
}
.slick-carousel .slick-dots li button {
  border: none;
  display: block;
  text-indent: -9999em;
  width: 6px;
  height: 6px;
  padding: 0;
  background: transparent;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.slick-carousel .slick-dots li.slick-active button {
  background: #1768fe;
}

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel-top .owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel-top .owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel-top.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel-top.owl-carousel .owl-controls .owl-nav .owl-prev {
  opacity: 1;
  filter: alpha(opacity=100);
  background: #aaaaaa;
  border: none;
  color: #fff;
}
.owl-carousel-top .owl-carousel .owl-controls .owl-nav .owl-next:hover, .owl-carousel-top .owl-carousel .owl-controls .owl-nav .owl-next:active,
.owl-carousel-top .owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.owl-carousel-top .owl-carousel .owl-controls .owl-nav .owl-prev:active,
.owl-carousel-top.owl-carousel .owl-controls .owl-nav .owl-next:hover,
.owl-carousel-top.owl-carousel .owl-controls .owl-nav .owl-next:active,
.owl-carousel-top.owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.owl-carousel-top.owl-carousel .owl-controls .owl-nav .owl-prev:active {
  background: #222222;
  color: #fff;
}
.owl-carousel-top .owl-carousel .owl-controls,
.owl-carousel-top.owl-carousel .owl-controls {
  top: -70px;
  width: 108px;
  right: 0;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.rtl .owl-carousel-top .owl-carousel .owl-controls, .rtl
.owl-carousel-top.owl-carousel .owl-controls {
  left: 0;
  right: auto;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
  margin-right: -15px;
  margin-left: -15px;
  cursor: pointer;
}
.owl-carousel:hover .owl-controls .owl-nav .owl-prev,
.owl-carousel:hover .owl-controls .owl-nav .owl-next {
  opacity: 1;
  filter: alpha(opacity=100);
}

.owl-controls .owl-dots {
  text-align: center;
}
.owl-controls .owl-dots .owl-dot {
  cursor: pointer;
  margin: 0 5px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-block;
  border: 2px solid #646a7c;
  background: #646a7c;
}
.owl-controls .owl-dots .owl-dot.active {
  border-color: #1768fe;
  background: #1768fe;
}

.nav-bottom.owl-carousel {
  padding-bottom: 55px;
}
.nav-bottom.owl-carousel .owl-controls {
  top: 100%;
}

.nav-white .owl-controls .owl-dots .owl-dot {
  border-color: #1768fe;
  background: transparent;
}
.nav-white .owl-controls .owl-dots .owl-dot:hover, .nav-white .owl-controls .owl-dots .owl-dot.active {
  background: #fff;
  border-color: #1768fe;
}

.nav-small .owl-controls .owl-nav .owl-prev, .nav-small .owl-controls .owl-nav .owl-next {
  width: 30px;
  height: 30px;
  line-height: 28px;
  border-width: 1px;
  font-size: 18px;
}

.nav-white .owl-controls .owl-nav .owl-prev, .nav-white .owl-controls .owl-nav .owl-next {
  border-color: rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
}
.nav-white .owl-controls .owl-nav .owl-prev:hover, .nav-white .owl-controls .owl-nav .owl-prev:active, .nav-white .owl-controls .owl-nav .owl-next:hover, .nav-white .owl-controls .owl-nav .owl-next:active {
  border-color: #1768fe;
  background-color: #1768fe;
  color: #fff;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.owl-controls .owl-nav .owl-prev,
.owl-controls .owl-nav .owl-next {
  cursor: pointer;
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 2px solid #1768fe;
  top: 50%;
  left: 15px;
  z-index: 99;
  color: #1768fe;
  font-size: 30px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  line-height: 42px;
  background: transparent;
}
.owl-controls .owl-nav .owl-prev:active, .owl-controls .owl-nav .owl-prev:hover,
.owl-controls .owl-nav .owl-next:active,
.owl-controls .owl-nav .owl-next:hover {
  background: #1768fe;
  color: #fff;
  border-color: #1768fe;
}

.owl-carousel .owl-controls .owl-nav .owl-next {
  left: inherit;
  right: 15px;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
  display: none;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 15px;
  padding-left: 15px;
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

.wpb_gmaps_widget.wpb_content_element {
  margin: 0;
}

.widget-googlemap {
  position: relative;
}
.widget-googlemap .apus-google-map {
  z-index: 1;
}
.widget-googlemap .map-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.widget-googlemap .content-info {
  position: relative;
  z-index: 9;
  background: rgba(17, 17, 17, 0.8);
  padding: 30px;
}
@media (min-width: 1024px) {
  .widget-googlemap .content-info {
    padding: 65px 65px 40px;
  }
}
.widget-googlemap .description {
  margin: 0 0 35px;
}
.widget-googlemap .info-wrapper {
  margin: 0 0 40px;
}
.widget-googlemap .info-wrapper:nth-child(2n) {
  font-weight: normal;
}
.widget-googlemap .info-wrapper .icon {
  width: 70px;
  height: 70px;
  line-height: 76px;
  text-align: center;
  border: 2px dashed #3f4143;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  float: left;
  margin-right: 20px;
}
.rtl .widget-googlemap .info-wrapper .icon {
  float: right;
}
.rtl .widget-googlemap .info-wrapper .icon {
  margin-left: 20px;
  margin-right: inherit;
}
.widget-googlemap .info-wrapper .icon i {
  font-size: 28px;
}
.widget-googlemap .info-wrapper .des {
  color: #fff;
  overflow: hidden;
  margin: 6px 0 0;
}
.widget-googlemap .info-top {
  border-bottom: 2px dashed #414445;
  overflow: hidden;
}
.widget-googlemap .info-bottom {
  margin: 40px 0;
}
.widget-googlemap .info-bottom a {
  display: inline-block;
  text-align: center;
  line-height: 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: #101416;
  background: #3f4143;
}
.widget-googlemap .info-bottom a:hover, .widget-googlemap .info-bottom a:active {
  background-image: -webkit-linear-gradient(left, #feac36 0%, #1768fe 100%);
  background-image: -o-linear-gradient(left, #feac36 0%, #1768fe 100%);
  background-image: linear-gradient(to right, #feac36 0%, #1768fe 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFEAC36', endColorstr='#FF1768FE', GradientType=1);
  color: #0e1113;
}
.widget-googlemap .info-bottom a + a {
  margin-left: 12px;
}
.rtl .widget-googlemap .info-bottom a + a {
  margin-right: 12px;
  margin-left: inherit;
}

.widget-socials .title {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  font-family: "Sarabun", Helvetica, Arial, sans-serif;
  margin-right: 20px;
}
.rtl .widget-socials .title {
  margin-left: 20px;
  margin-right: inherit;
}

.socials .social {
  padding: 0;
  list-style: none;
  margin: 0;
}
.socials .social > li {
  padding: 0;
  display: inline-block;
  margin-right: 5px;
}
.rtl .socials .social > li {
  margin-left: 5px;
  margin-right: inherit;
}
@media (min-width: 1200px) {
  .socials .social > li {
    margin-right: 8px;
  }
  .rtl .socials .social > li {
    margin-left: 8px;
    margin-right: inherit;
  }
}
.socials .social > li:last-child {
  margin: 0;
}
.socials .social a {
  width: 32px;
  height: 32px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  color: #fff !important;
  background: #1768fe;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.socials .social a:before {
  display: none;
}
.socials .social a:hover, .socials .social a:focus {
  background: #0153eb;
}
.socials .social a[class*="facebook"] {
  background: #3b5998;
}
.socials .social a[class*="facebook"]:hover, .socials .social a[class*="facebook"]:focus {
  background: #30487b;
}
.socials .social a[class*="twitter"] {
  background: #00acee;
}
.socials .social a[class*="twitter"]:hover, .socials .social a[class*="twitter"]:focus {
  background: #008fc5;
}
.socials .social a[class*="linkedin"] {
  background: #0077b5;
}
.socials .social a[class*="linkedin"]:hover, .socials .social a[class*="linkedin"]:focus {
  background: #005c8c;
}
.socials .social a[class*="google"] {
  background: #d34836;
}
.socials .social a[class*="google"]:hover, .socials .social a[class*="google"]:focus {
  background: #b83928;
}
.socials .social a[class*="pinterest"] {
  background: #c4302b;
}
.socials .social a[class*="pinterest"]:hover, .socials .social a[class*="pinterest"]:focus {
  background: #a32824;
}

.phone_header {
  font-size: 22px;
  line-height: 1;
  font-family: "Sarabun";
  color: #3a3d43;
}
.phone_header img {
  margin: 0 10px 0 0;
  vertical-align: middle;
}
.rtl .phone_header img {
  margin: 0 0 0 10px;
}

.contact-us .title {
  font-size: 20px;
  margin: 0 0 15px;
}
.contact-us .form-control {
  height: 54px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border: none;
  margin: 0 0 22px;
  background: #f6f9fc;
}
.contact-us label {
  margin: 0 0 5px;
  font-weight: 400;
  color: #3a3d43;
}
.contact-us textarea.form-control {
  height: 200px;
  resize: none;
  margin-bottom: 30px;
}

.column-box > .elementor-container {
  overflow: hidden;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.09);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.09);
}

.widget-process {
  padding-top: 35px;
}
.widget-process .title {
  color: #1768fe;
  margin: 0;
  font-size: 14px;
}
.widget-process .des {
  font-size: 18px;
  font-family: "Sarabun";
  color: #fff;
  font-weight: normal;
}
@media (min-width: 1200px) {
  .widget-process .des {
    font-size: 20px;
  }
}
.widget-process .top-img {
  margin-bottom: 12px;
}
@media (min-width: 1200px) {
  .widget-process .top-img {
    margin-bottom: 20px;
  }
}
.widget-process .proces-item {
  position: relative;
}
.widget-process .proces-item .line-space {
  position: absolute;
  width: 190px;
  height: 35px;
  left: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 100%;
}
.widget-process .proces-item:last-child .line-space {
  display: none;
}

.language-wrapper {
  font-size: 12px;
  display: inline-block;
  position: relative;
}
.language-wrapper:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 5px;
}
.language-wrapper .selected .language-current > img {
  margin: 0 10px 0 0;
  vertical-align: sub;
}
.rtl .language-wrapper .selected .language-current > img {
  margin: 0 0 0 10px;
}
.language-wrapper .selected .language-current > i {
  margin-left: 10px;
}
.rtl .language-wrapper .selected .language-current > i {
  margin-right: 10px;
  margin-left: inherit;
}
.language-wrapper .dropdown-menu {
  background: #fff;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  font-size: 12px;
  margin-top: 5px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  padding: 13px 18px;
  min-width: 130px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e8eef1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  visibility: hidden;
}
.language-wrapper:hover .dropdown-menu {
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  filter: alpha(opacity=100);
}
.language-wrapper .list-language {
  list-style: none;
  padding: 0;
  margin: 0;
}
.language-wrapper .list-language li {
  margin-bottom: 10px;
}
.language-wrapper .list-language li:last-child {
  margin-bottom: 0;
}
.language-wrapper .list-language a:hover, .language-wrapper .list-language a:focus {
  color: #1768fe;
}
.language-wrapper .list-language img {
  margin-right: 6px;
  margin-bottom: 0;
}
.rtl .language-wrapper .list-language img {
  margin-left: 6px;
  margin-right: inherit;
}

.top-info {
  line-height: 1.4;
}
.top-info .item {
  display: inline-block;
  vertical-align: middle;
  padding-right: 18px;
  margin-right: 18px;
  border-right: 1px solid #e8eef1;
}
.top-info .item i {
  margin-right: 5px;
}
.rtl .top-info .item i {
  margin-left: 5px;
  margin-right: inherit;
}
.rtl .top-info .item {
  padding-left: 18px;
  padding-right: inherit;
}
.rtl .top-info .item {
  margin-left: 18px;
  margin-right: inherit;
}
.rtl .top-info .item {
  border-left: 1px solid #e8eef1;
  border-right: inherit;
}
.top-info .item:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}

.social-link {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
}
.social-link li {
  display: inline-block;
  margin: 0 5px;
}
.social-link li a {
  background: #f4f4f4 none repeat scroll 0 0;
  border-radius: 100%;
  color: #888b90;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  text-align: center;
  width: 40px;
  border: 1px solid #e8eef1;
}
.social-link.lighten li a {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ffffff;
  color: #ffffff;
}

.widget-gallery .image {
  position: relative;
}
.widget-gallery .image:before {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #1768fe;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 2;
}
.widget-gallery .image .content-cover {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9;
}
.widget-gallery .image:hover:before {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.widget-gallery .image:hover .content-cover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.widget-gallery .popup-image-gallery {
  width: 60px;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  text-align: center;
  background: #fff;
  font-size: 24px;
  color: #1768fe;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.widget-gallery .popup-image-gallery:hover, .widget-gallery .popup-image-gallery:active {
  color: #1768fe;
  background: #e6e6e6;
}
.widget-gallery .title {
  font-size: 24px;
  font-size: "Sarabun";
  margin: 0;
  color: #fff;
}
.widget-gallery .description {
  color: #e0dede;
  font-size: 12px;
  margin-bottom: 20px;
}
.widget-gallery .gutter-default {
  margin-left: 0;
  margin-right: 0;
}
.widget-gallery .gutter-default > div {
  padding-right: 0;
  padding-left: 0;
}
.widget-gallery.gutter30 .title {
  font-size: 18px;
  font-family: "Sarabun";
}
.widget-gallery.gutter30 .image {
  margin-bottom: 30px;
}
.widget-gallery.gutter30 .description {
  margin-bottom: 10px;
}
.widget-gallery.gutter30 .gutter-default {
  margin-left: -15px;
  margin-right: -15px;
}
.widget-gallery.gutter30 .gutter-default > div {
  padding-right: 15px;
  padding-left: 15px;
}

.widget-features-box .title {
  margin: 10px 0;
  font-size: 20px;
}
.widget-features-box .description {
  font-size: 15px;
}
.widget-features-box.style1 {
  text-align: center;
}
.widget-features-box.style1 .top-inner {
  position: relative;
  margin: auto;
  display: block;
  width: 100px;
  height: 100px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.widget-features-box.style1 .top-inner .number {
  color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #1768fe;
  position: absolute;
  right: 0;
  font-size: 14px;
  text-align: center;
  bottom: 5px;
  line-height: 30px;
  width: 30px;
  height: 30px;
}
.rtl .widget-features-box.style1 .top-inner .number {
  left: 0;
  right: auto;
}
.widget-features-box.style1 .features-box-image {
  margin: auto;
  display: block;
  width: 100px;
  height: 100px;
  line-height: 98px;
  font-size: 35px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.widget-features-box.style1 .item-inner {
  padding: 0 10px;
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .widget-features-box.style1 .item-inner {
    padding: 0 30px;
    margin-bottom: 30px;
  }
}
.widget-features-box.style1 .item-inner:hover .top-inner {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.widget-features-box.style2 .item-inner {
  background: #fff;
  padding: 25px 20px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-box-shadow: 0 5px 25px 0 rgba(41, 128, 185, 0.15);
  box-shadow: 0 5px 25px 0 rgba(41, 128, 185, 0.15);
  margin-bottom: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media (min-width: 1200px) {
  .widget-features-box.style2 .item-inner {
    margin-bottom: 30px;
  }
}
.widget-features-box.style2 .item-inner:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.widget-features-box.style2 .features-box-image {
  font-size: 35px;
  line-height: 1;
  color: #1768fe;
}
.widget-features-box.style2 .top-inner {
  margin-bottom: 15px;
}
.widget-features-box.style2 .title {
  font-size: 17px;
  margin: 10px 0;
}
.widget-features-box.style2 .description {
  font-size: 16px;
}
@media (min-width: 1200px) {
  .widget-features-box.style2 .description {
    margin-bottom: 10px;
  }
}

@media (min-width: 1200px) {
  .widget-testimonials .testimonials-item {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.testimonials-item .top-icon {
  line-height: 1;
  margin-bottom: 25px;
  font-size: 25px;
}
@media (min-width: 1200px) {
  .testimonials-item .top-icon {
    margin-bottom: 50px;
    font-size: 50px;
  }
}
.testimonials-item .avarta {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.testimonials-item .avarta img {
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.testimonials-item .wrapper-avarta {
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #dee6ed;
}
.rtl .testimonials-item .wrapper-avarta {
  padding-left: 15px;
  padding-right: inherit;
}
.rtl .testimonials-item .wrapper-avarta {
  margin-left: 15px;
  margin-right: inherit;
}
.rtl .testimonials-item .wrapper-avarta {
  border-left: 1px solid #dee6ed;
  border-right: inherit;
}
.testimonials-item .name-client {
  font-size: 16px;
  margin: 0;
}
.testimonials-item .job {
  font-size: 14px;
}
.testimonials-item .description {
  text-align: center;
  font-size: 24px;
  font-style: italic;
  color: #3a3d43;
  margin-bottom: 30px;
  padding-left: 25px;
  padding-right: 25px;
}
@media (min-width: 1200px) {
  .testimonials-item .description {
    margin-bottom: 50px;
  }
}

.faq_question_widget .title {
  font-size: 20px;
  margin: 0 0 15px;
}
.faq_question_widget .widget_list {
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.09);
  padding: 20px 20px 10px;
}
@media (min-width: 1200px) {
  .faq_question_widget .widget_list {
    padding: 30px 35px 10px;
  }
}
.faq_question_widget .list_details {
  padding: 0;
  margin: 0;
  list-style: none;
}
.faq_question_widget .list_details li {
  margin-bottom: 20px;
}
.faq_question_widget .list_details li a {
  color: #888b90;
}
.faq_question_widget .list_details li a:hover, .faq_question_widget .list_details li a:focus {
  color: #3a3d43;
}

.widget-banner {
  overflow: hidden;
}
.widget-banner .btn {
  border-width: 2px;
}
.widget-banner .image-wrapper img {
  width: auto;
}
.widget-banner .banner-content img {
  margin: 0;
}
.widget-banner .flex-top .banner-image {
  margin-top: 10px;
}
@media (min-width: 1200px) {
  .widget-banner .flex-top .banner-image {
    margin-top: 25px;
  }
}
.widget-banner .flex-top .banner-content {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .widget-banner .flex-top .banner-content {
    margin-top: 45px;
  }
}
.widget-banner.style1 .inner {
  position: relative;
  height: 200px;
}
.widget-banner.style1 .banner-image img {
  max-height: 150px;
}
@media (min-width: 1200px) {
  .widget-banner.style1 .inner {
    height: 450px;
  }
  .widget-banner.style1 .banner-image img {
    max-height: 300px;
  }
}
.widget-banner.style1 .btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  padding: 8px 25px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
@media (min-width: 1200px) {
  .widget-banner.style1 .btn {
    font-size: 16px;
  }
}
.widget-banner.style1:hover .btn {
  bottom: 30px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.widget-banner.style2 {
  background-color: #1768fe;
}
.widget-banner.style2 .inner {
  height: 150px;
}
.widget-banner.style2 .banner-image img {
  max-height: 180px;
}
@media (min-width: 1200px) {
  .widget-banner.style2 .inner {
    height: 235px;
  }
  .widget-banner.style2 .banner-image img {
    max-height: 200px;
  }
}
.widget-banner.style2 .banner-content {
  font-size: 20px;
  color: #252525;
  line-height: 1.3;
}
.widget-banner.style2 .banner-content strong {
  font-weight: normal;
  font-family: "Sarabun";
}
@media (min-width: 1200px) {
  .widget-banner.style2 .banner-content {
    font-size: 30px;
  }
}
.widget-banner.style3 {
  background-color: #1768fe;
}
.widget-banner.style3 .inner {
  height: 200px;
}
.widget-banner.style3 .banner-image img {
  max-height: 180px;
}
.widget-banner.style3 .link-bottom {
  padding-top: 5px;
}
@media (min-width: 1200px) {
  .widget-banner.style3 .link-bottom {
    padding-top: 15px;
  }
}
@media (min-width: 1200px) {
  .widget-banner.style3 .inner {
    height: 286px;
  }
  .widget-banner.style3 .banner-image img {
    max-height: 250px;
  }
}
.widget-banner.style3 .banner-content {
  font-size: 20px;
  color: #252525;
  line-height: 1.2;
}
.widget-banner.style3 .banner-content strong {
  font-weight: normal;
  font-family: "Sarabun";
}
@media (min-width: 1200px) {
  .widget-banner.style3 .banner-content {
    font-size: 30px;
  }
}
.widget-banner.style4 {
  background-color: #1768fe;
}
.widget-banner.style4 .inner {
  height: 120px;
}
.widget-banner.style4 .banner-image img {
  max-height: 100px;
}
.widget-banner.style4 .link-bottom {
  padding-top: 5px;
}
@media (min-width: 1200px) {
  .widget-banner.style4 .inner {
    height: 180px;
  }
  .widget-banner.style4 .banner-image img {
    max-height: 150px;
  }
}
.widget-banner.style4 .banner-content {
  font-size: 18px;
  color: #252525;
  line-height: 1.2;
}
.widget-banner.style4 .banner-content strong {
  font-weight: normal;
  font-family: "Sarabun";
}
@media (min-width: 1200px) {
  .widget-banner.style4 .banner-content {
    font-size: 24px;
  }
}
.widget-banner.style4 .btn {
  font-size: 12px;
  padding: 6px 25px;
}

.widget-nav-menu .widget-title {
  font-size: 18px;
  margin: 0 0 20px;
}
.widget-nav-menu .menu li {
  margin: 0 0 6px;
}
.widget-nav-menu .menu li:last-child {
  margin: 0;
}
.widget-nav-menu .menu a {
  display: inline-block;
}
.widget-nav-menu.st_line .menu li {
  margin-bottom: 0;
  display: inline-block;
  margin-right: 10px;
}
.rtl .widget-nav-menu.st_line .menu li {
  margin-left: 10px;
  margin-right: inherit;
}
@media (min-width: 1200px) {
  .widget-nav-menu.st_line .menu li {
    margin-right: 40px;
  }
  .rtl .widget-nav-menu.st_line .menu li {
    margin-left: 40px;
    margin-right: inherit;
  }
}
.widget-nav-menu.st_line .menu li:last-child {
  margin-right: 0px;
}
.rtl .widget-nav-menu.st_line .menu li:last-child {
  margin-left: 0px;
  margin-right: inherit;
}

.widget-mailchimp .form-control {
  z-index: 0;
  height: 46px;
  background: #f6f9fc;
  border: none;
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.widget-mailchimp .btn {
  color: #1768fe;
  padding: 14px 20px;
  height: 46px;
  background: #f6f9fc;
  border: none;
}
.widget-mailchimp .btn:focus, .widget-mailchimp .btn:hover {
  color: #fff !important;
  background: #1768fe;
}
.widget-mailchimp .btn i {
  vertical-align: top;
}
.widget-mailchimp .mc4wp-error {
  color: #e44343;
}

.widget-action .title {
  font-weight: 500;
  font-size: 30px;
  margin: 0 0 20px;
}
@media (min-width: 1200px) {
  .widget-action .title {
    font-size: 40px;
  }
}
.widget-action .description {
  font-size: 18px;
}
@media (min-width: 1200px) {
  .widget-action .btn {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.instagram-pics {
  margin-left: 0;
  margin-right: 0;
}
.instagram-pics > div {
  padding-left: 0;
  padding-right: 0;
  float: left;
}
.rtl .instagram-pics > div {
  float: right;
}
.instagram-pics .col-xs-cus-5 {
  width: 25%;
}
@media (min-width: 768px) {
  .instagram-pics .col-xs-cus-5 {
    width: 20%;
  }
}

.item-instagram {
  position: relative;
}
.item-instagram .like-comments {
  position: absolute;
  z-index: 9;
  top: 50%;
  text-align: center;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-size: 16px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  opacity: 0;
  filter: alpha(opacity=0);
}
.item-instagram .like-comments i {
  margin-right: 5px;
}
.rtl .item-instagram .like-comments i {
  margin-left: 5px;
  margin-right: inherit;
}
.item-instagram .like-comments > span + span {
  margin-left: 30px;
}
.rtl .item-instagram .like-comments > span + span {
  margin-right: 30px;
  margin-left: inherit;
}
.item-instagram a {
  display: block;
  position: relative;
}
.item-instagram a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 9;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.item-instagram a:active:before, .item-instagram a:hover:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.item-instagram:hover a:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.item-instagram:hover .like-comments {
  opacity: 1;
  filter: alpha(opacity=100);
}

.widget-instagram.style_large .widget-title {
  text-align: center;
  font-size: 32px;
}
@media (min-width: 1200px) {
  .widget-instagram.style_large .instagram-pics {
    margin-left: -15px;
    margin-right: -15px;
  }
  .widget-instagram.style_large .instagram-pics > div {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.widget-brand {
  text-align: center;
}
.widget-brand .slick-slide img {
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.widget-brand:hover img {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.widget-brand:hover img:hover, .widget-brand:hover img:focus {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.elementor-accordion .elementor-accordion-item {
  border: none;
  margin-bottom: 15px;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.09);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.09);
  padding: 22px 20px;
  background: #fff;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
  color: #fff !important;
  background-color: #1768fe !important;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active a {
  color: #fff !important;
}
.elementor-accordion .elementor-tab-content {
  border: none;
  padding: 20px 20px 1px;
}

.elementor-widget-counter.text-left .elementor-counter-number-wrapper {
  display: block;
}
.elementor-widget-counter.text-left .elementor-counter-title {
  text-align: inherit;
  line-height: 1 !important;
  margin-top: 10px;
}

.works .title {
  font-size: 20px;
  margin: 0 0 10px;
}
.works .left-inner {
  margin-right: 25px;
}
.rtl .works .left-inner {
  margin-left: 25px;
  margin-right: inherit;
}
.works .number {
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
  vertical-align: baseline;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #1768fe;
  color: #fff !important;
}
.works.text-right {
  direction: rtl;
}
.works.text-right .left-inner {
  margin-right: 0;
  margin-left: 15px;
}
.rtl .works.text-right .left-inner {
  margin-left: 0;
  margin-right: inherit;
}
.rtl .works.text-right .left-inner {
  margin-right: 15px;
  margin-left: inherit;
}

.no-space {
  margin: 0 !important;
}
.no-space > .apus-container > .vc_fluid {
  padding: 0;
}
.no-space .row {
  margin: 0;
}
.no-space .row > [class*="col"] {
  padding: 0;
}

.space-45 {
  margin-bottom: 45px;
}

.no-margin .widget {
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .bg-hidden-md {
    background-image: none !important;
  }
}
@media (max-width: 991px) {
  .bg-hidden-sm {
    background-image: none !important;
  }
  .bg-hidden-sm > .vc_column-inner {
    background-image: none !important;
  }
}
@media (min-width: 992px) {
  .space-padding-lr-100 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .space-padding-lr-80 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .space-rl-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .space-l-65 {
    padding-left: 65px;
  }

  .top-170 {
    margin-top: -170px;
  }

  .left-100 {
    margin-left: -100px;
  }

  .space-left-45 {
    padding-left: 45px;
  }

  .right-30 {
    padding-right: 30px;
  }
  .rtl .right-30 {
    padding-left: 30px;
    padding-right: inherit;
  }

  .padding-lr-60 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .padding-lr-45 {
    padding-left: 45px;
    padding-right: 45px;
  }

  .padding-lr-55 {
    padding-left: 55px;
    padding-right: 55px;
  }

  .padding-lr-25 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .space-border .row {
    margin: 0;
  }
  .space-border .row > [class*="col"] {
    border-right: 1px solid #e8eef1;
  }
  .rtl .space-border .row > [class*="col"] {
    border-left: 1px solid #e8eef1;
    border-right: inherit;
  }
  .space-border .row > [class*="col"]:last-child {
    border: none;
  }
}
@media (min-width: 1200px) {
  .padding-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.flow-hidden {
  overflow: hidden;
}

.skew-light {
  position: relative;
}
.skew-light:before {
  content: '';
  background: rgba(255, 255, 255, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -ms-transform: skewX(20deg);
  /* IE 9 */
  -webkit-transform: skewX(20deg);
  /* Safari */
  transform: skewX(20deg);
  /* Standard syntax */
}

.skew-theme-right {
  position: relative;
  background: #1768fe;
}
.skew-theme-right > * {
  position: relative;
  z-index: 2;
}
.skew-theme-right:before {
  content: '';
  background: #1768fe;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 60px;
  z-index: 1;
  -ms-transform: skewX(20deg);
  /* IE 9 */
  -webkit-transform: skewX(20deg);
  /* Safari */
  transform: skewX(20deg);
  /* Standard syntax */
}

.skew-theme-left {
  position: relative;
  background: #1768fe;
}
.skew-theme-left > * {
  position: relative;
  z-index: 2;
}
.skew-theme-left:before {
  content: '';
  background: #1768fe;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 60px;
  z-index: 1;
  -ms-transform: skewX(-20deg);
  /* IE 9 */
  -webkit-transform: skewX(-20deg);
  /* Safari */
  transform: skewX(-20deg);
  /* Standard syntax */
}

.flow-theme-top-bottom-right:before {
  height: calc(100% + 172px);
  top: -110px;
}
.flow-theme-top-bottom-right:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #1768fe;
  right: 10%;
  top: -110px;
  height: calc(100% + 172px);
  width: 500%;
}

.style-white {
  color: #fff !important;
}
.style-white .widget-title {
  color: #fff !important;
}

.border-top-theme {
  border-top: 3px solid #1768fe;
}

.font-size-36 {
  font-size: 36px !important;
}

.font-size-30 {
  font-size: 30px !important;
}

.space-left-8 {
  margin-left: 8px;
}
.rtl .space-left-8 {
  margin-right: 8px;
  margin-left: inherit;
}

.text-upper {
  text-transform: uppercase !important;
}

.space-10 {
  margin-bottom: 10px !important;
}

.space-15 {
  margin-bottom: 15px !important;
}

.space-20 {
  margin-bottom: 20px !important;
}

.space-25 {
  margin-bottom: 25px !important;
}

.space-30 {
  margin-bottom: 15px !important;
}
@media (min-width: 768px) {
  .space-30 {
    margin-bottom: 30px !important;
  }
}

.space-50 {
  margin-bottom: 50px !important;
}

.space-padding-35 {
  padding: 35px 0 !important;
}

.space-padding-tb-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.space-padding-tb-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.space-top-0 {
  margin-top: 0;
}

.space-left-12 {
  margin-left: 12px;
}
.rtl .space-left-12 {
  margin-right: 12px;
  margin-left: inherit;
}

.p-relative {
  position: relative !important;
}

.p-absolute {
  position: absolute !important;
}

.p-static {
  position: static !important;
}

.hr {
  border-top: 1px solid #e8eef1;
  min-height: 1px;
  width: 100%;
}

.no-float {
  float: none !important;
}

.no-padding-left {
  padding-left: 0;
}
.rtl .no-padding-left {
  padding-right: 0;
  padding-left: inherit;
}

.no-padding-right {
  padding-right: 0;
}
.rtl .no-padding-right {
  padding-left: 0;
  padding-right: inherit;
}

@media (min-width: 1024px) {
  .padding-lr-35 {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (min-width: 1200px) {
  .gutter-50 {
    margin-left: -25px;
    margin-right: -25px;
  }
  .gutter-50 .vc_column_container > .vc_column-inner {
    padding-left: 25px;
    padding-right: 25px;
  }
  .gutter-50 .vc_row,
  .gutter-50 .row {
    margin-left: -25px;
    margin-right: -25px;
  }
}
.text-theme {
  color: #1768fe !important;
}

.bg-theme {
  background: #1768fe;
}

.border-theme {
  border-color: #1768fe;
}

.radius-3x {
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
}

.radius-50 {
  border-radius: 50px !important;
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  -ms-border-radius: 50px !important;
  -o-border-radius: 50px !important;
}

.deleted_wpb_single_image {
  position: relative;
  overflow: hidden;
}
.deleted_wpb_single_image:before {
  position: absolute;
  z-index: 2;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  content: '';
  width: 100%;
  height: 100%;
  background: #1768fe;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 0;
  left: 0;
}
.deleted_wpb_single_image:after {
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  content: '';
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 30px;
  border: 1px solid #fff;
  z-index: 3;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.deleted_wpb_single_image:hover:before {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.deleted_wpb_single_image:hover:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.widget-team {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: #fff;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.widget-team .content {
  padding: 20px 30px;
}
.widget-team .name-team {
  font-size: 18px;
  margin: 5px 0 0;
}
.widget-team .social {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  list-style: none;
  padding: 0 30px 20px;
  margin: 0;
}
@media (min-width: 1200px) {
  .widget-team .social {
    padding: 0 30px 30px;
  }
}
.widget-team .social li:nth-child(2n+1) {
  -webkit-transition-delay: 0.1s;
  /* Safari */
  transition-delay: 0.1s;
}
.widget-team .social li:nth-child(2n+2) {
  -webkit-transition-delay: 0.2s;
  /* Safari */
  transition-delay: 0.2s;
}
.widget-team .social li:nth-child(2n+3) {
  -webkit-transition-delay: 0.3s;
  /* Safari */
  transition-delay: 0.3s;
}
.widget-team .social li:nth-child(2n+4) {
  -webkit-transition-delay: 0.4s;
  /* Safari */
  transition-delay: 0.4s;
}
.widget-team .social li:nth-child(2n+5) {
  -webkit-transition-delay: 0.5s;
  /* Safari */
  transition-delay: 0.5s;
}
.widget-team .social li:nth-child(2n+6) {
  -webkit-transition-delay: 0.6s;
  /* Safari */
  transition-delay: 0.6s;
}
.widget-team .social li:nth-child(2n+7) {
  -webkit-transition-delay: 0.7s;
  /* Safari */
  transition-delay: 0.7s;
}
.widget-team .social li:nth-child(2n+8) {
  -webkit-transition-delay: 0.8s;
  /* Safari */
  transition-delay: 0.8s;
}
.widget-team .social li:nth-child(2n+9) {
  -webkit-transition-delay: 0.9s;
  /* Safari */
  transition-delay: 0.9s;
}
.widget-team .social li:nth-child(2n+10) {
  -webkit-transition-delay: 1s;
  /* Safari */
  transition-delay: 1s;
}
.widget-team .social li {
  display: inline-block;
  margin-right: 8px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.rtl .widget-team .social li {
  margin-left: 8px;
  margin-right: inherit;
}
.widget-team .social li a {
  width: 32px;
  height: 32px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  color: #fff !important;
  background: #1768fe;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.widget-team .social li a:before {
  display: none;
}
.widget-team .social li a:hover, .widget-team .social li a:focus {
  background: #0153eb;
}
.widget-team .social li a[class*="facebook"] {
  background: #3b5998;
}
.widget-team .social li a[class*="facebook"]:hover, .widget-team .social li a[class*="facebook"]:focus {
  background: #30487b;
}
.widget-team .social li a[class*="twitter"] {
  background: #00acee;
}
.widget-team .social li a[class*="twitter"]:hover, .widget-team .social li a[class*="twitter"]:focus {
  background: #008fc5;
}
.widget-team .social li a[class*="linkedin"] {
  background: #0077b5;
}
.widget-team .social li a[class*="linkedin"]:hover, .widget-team .social li a[class*="linkedin"]:focus {
  background: #005c8c;
}
.widget-team .social li a[class*="google"] {
  background: #d34836;
}
.widget-team .social li a[class*="google"]:hover, .widget-team .social li a[class*="google"]:focus {
  background: #b83928;
}
.widget-team .social li a[class*="pinterest"] {
  background: #c4302b;
}
.widget-team .social li a[class*="pinterest"]:hover, .widget-team .social li a[class*="pinterest"]:focus {
  background: #a32824;
}
.widget-team .team-item {
  position: relative;
  overflow: hidden;
}
.widget-team:hover {
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
}
.widget-team:hover .social li {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.contact_details {
  background-color: #1768fe;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  padding: 20px;
}
.rtl .contact_details {
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
@media (min-width: 1200px) {
  .contact_details {
    padding: 40px 40px 50px 30px;
  }
}
.contact_details h4 {
  color: #ffffff;
  font-size: 20px;
  margin: 0 0 20px;
}
.contact_details .des {
  color: #ffffff;
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .contact_details .des {
    margin-bottom: 40px;
  }
}
.contact_details .address_list {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
}
.contact_details .address_list a {
  color: #ffffff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  line-height: 24px;
  -webkit-align-items: center;
  /* Safari 7.0+ */
  align-items: center;
}
.contact_details .address_list li {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .contact_details .address_list li {
    margin-bottom: 40px;
  }
}
.contact_details .address_list li span {
  font-size: 30px;
  margin-right: 12px;
}
.rtl .contact_details .address_list li span {
  margin-left: 12px;
  margin-right: inherit;
}
.contact_details .social_list {
  padding: 0;
  margin: 0;
}
.contact_details .social_list > li {
  display: inline-block;
  margin-right: 10px;
}
.rtl .contact_details .social_list > li {
  margin-left: 10px;
  margin-right: inherit;
}
.contact_details .social_list > li a {
  color: #ffffff;
}
@media (min-width: 1200px) {
  .contact_details .social_list > li {
    margin-right: 30px;
  }
  .rtl .contact_details .social_list > li {
    margin-left: 30px;
    margin-right: inherit;
  }
}
.contact_details .social_list > li:last-child {
  margin-right: 0px;
}
.rtl .contact_details .social_list > li:last-child {
  margin-left: 0px;
  margin-right: inherit;
}

.widget_apus_vertical_menu {
  border-left: 4px solid #2e2d2d;
}
.widget_apus_vertical_menu .widget-title {
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 10px;
  padding: 15px 30px 0;
}
.rtl .widget_apus_vertical_menu {
  border-right: 4px solid #2e2d2d;
  border-left: inherit;
}
.widget_apus_vertical_menu .apus-vertical-menu {
  border: none;
}
.widget_apus_vertical_menu .apus-vertical-menu > li {
  margin-left: -4px;
}
.rtl .widget_apus_vertical_menu .apus-vertical-menu > li {
  margin-right: -4px;
  margin-left: inherit;
}
.widget_apus_vertical_menu .apus-vertical-menu > li > a {
  border-left: 4px solid transparent;
  font-size: 16px;
  padding: 0 30px;
}
.rtl .widget_apus_vertical_menu .apus-vertical-menu > li > a {
  border-right: 4px solid transparent;
  border-left: inherit;
}
.widget_apus_vertical_menu .apus-vertical-menu > li.active > a, .widget_apus_vertical_menu .apus-vertical-menu > li:hover > a {
  border-color: #1768fe;
}
.widget_apus_vertical_menu.darken .apus-vertical-menu {
  background: transparent;
}
.widget_apus_vertical_menu.darken .apus-vertical-menu > li > a {
  color: #eeeae2;
  padding: 0 20px;
}
.widget_apus_vertical_menu.darken .apus-vertical-menu > li.active > a, .widget_apus_vertical_menu.darken .apus-vertical-menu > li:hover > a {
  color: #1768fe;
}
.widget_apus_vertical_menu.darken .widget-title {
  color: #eeeae2;
  border: none;
  margin: 0;
  padding-right: 20px;
  padding-left: 20px;
}
.widget_apus_vertical_menu.darken .widget-title:before {
  display: none;
}

.tabs-v1 {
  margin-bottom: 30px;
}
.tabs-v1 .ps-container {
  position: relative;
}
.tabs-v1 .nav-tabs {
  border: none;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  border-bottom: 1px solid #e8eef1;
}
.tabs-v1 .nav-tabs > li {
  margin-bottom: 0 !important;
  margin-right: 20px;
}
.rtl .tabs-v1 .nav-tabs > li {
  margin-left: 20px;
  margin-right: inherit;
}
.tabs-v1 .nav-tabs > li > a {
  text-align: center;
  font-size: 16px;
  padding: 15px 20px;
  margin: 0;
  background: transparent !important;
  white-space: nowrap;
  color: #3a3d43;
  border: none !important;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  position: relative;
}
@media (min-width: 1200px) {
  .tabs-v1 .nav-tabs > li > a {
    padding: 10px 10px;
  }
}
.tabs-v1 .nav-tabs > li > a:before {
  content: '';
  position: absolute;
  display: block;
  z-index: 2;
  width: 100%;
  height: 2px;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  background: #1768fe;
  bottom: -1px;
  left: 0;
}
.rtl .tabs-v1 .nav-tabs > li > a:before {
  right: 0;
  left: auto;
}
.tabs-v1 .nav-tabs > li:first-child > a {
  padding-left: 0;
}
.rtl .tabs-v1 .nav-tabs > li:first-child > a {
  padding-right: 0;
  padding-left: inherit;
}
.tabs-v1 .nav-tabs > li.active > a {
  color: #1768fe;
}
.tabs-v1 .nav-tabs > li.active > a:before {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.tabs-v1 .tab-content {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .tabs-v1 .tab-content {
    margin-top: 40px;
  }
}
.tabs-v1 .tab-content h2 {
  font-size: 18px;
  margin: 0 0 10px;
}

.nav.tabs-product {
  border: none;
}
.nav.tabs-product.has-border {
  border-bottom: 1px solid #e8eef1;
}
.nav.tabs-product.has-border > li {
  margin-bottom: -2px;
}
.nav.tabs-product > li {
  display: inline-block;
  float: none;
  margin-bottom: 0;
}
.nav.tabs-product > li > a {
  border: none !important;
  font-size: 18px;
  color: #888b90;
  font-family: "Sarabun";
  background: transparent;
  position: relative;
  padding: 0 0 8px;
}
.nav.tabs-product > li > a:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #1768fe;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.nav.tabs-product > li.active > a, .nav.tabs-product > li.active > a:hover, .nav.tabs-product > li.active > a:focus {
  color: #1768fe;
}
.nav.tabs-product > li.active > a:before, .nav.tabs-product > li.active > a:hover:before, .nav.tabs-product > li.active > a:focus:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.nav.tabs-product.center {
  text-align: center;
  margin-bottom: 25px;
}
.nav.tabs-product.center > li {
  margin-left: 15px;
  margin-right: 15px;
}
@media (min-width: 1200px) {
  .nav.tabs-product.center > li {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  .nav.tabs-product.center {
    margin-bottom: 35px;
  }
}
.nav.tabs-product.right {
  text-align: right;
}
.nav.tabs-product.right > li {
  margin-right: 20px;
}
.rtl .nav.tabs-product.right > li {
  margin-left: 20px;
  margin-right: inherit;
}
@media (min-width: 1200px) {
  .nav.tabs-product.right > li {
    margin-right: 40px;
  }
  .rtl .nav.tabs-product.right > li {
    margin-left: 40px;
    margin-right: inherit;
  }
}
.nav.tabs-product.right > li:last-child {
  margin-right: 0;
}
.rtl .nav.tabs-product.right > li:last-child {
  margin-left: 0;
  margin-right: inherit;
}
.nav.tabs-product.left {
  text-align: left;
}
.nav.tabs-product.left > li {
  margin-left: 20px;
}
.rtl .nav.tabs-product.left > li {
  margin-right: 20px;
  margin-left: inherit;
}
@media (min-width: 1200px) {
  .nav.tabs-product.left > li {
    margin-left: 50px;
  }
  .rtl .nav.tabs-product.left > li {
    margin-right: 50px;
    margin-left: inherit;
  }
}
.nav.tabs-product.left > li:last-child {
  margin-left: 0;
}
.rtl .nav.tabs-product.left > li:last-child {
  margin-right: 0;
  margin-left: inherit;
}

.flex {
  display: -webkit-flex;
  /* Safari */
  display: flex;
}
.flex .ali-right {
  margin-left: auto;
  text-align: right;
}
.rtl .flex .ali-right {
  margin-right: auto;
  margin-left: inherit;
}
.rtl .flex .ali-right {
  text-align: left;
}
.flex .ali-left {
  margin-right: auto;
  text-align: left;
}
.rtl .flex .ali-left {
  margin-left: auto;
  margin-right: inherit;
}
.rtl .flex .ali-left {
  text-align: right;
}

@media (min-width: 768px) {
  .flex-sm {
    display: -webkit-flex;
    /* Safari */
    display: flex;
  }
  .flex-sm .ali-right {
    margin-left: auto;
    text-align: right;
  }
  .rtl .flex-sm .ali-right {
    margin-right: auto;
    margin-left: inherit;
  }
  .rtl .flex-sm .ali-right {
    text-align: left;
  }
  .flex-sm .ali-left {
    margin-right: auto;
    text-align: left;
  }
  .rtl .flex-sm .ali-left {
    margin-left: auto;
    margin-right: inherit;
  }
  .rtl .flex-sm .ali-left {
    text-align: right;
  }

  .justify-content-end-sm {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-end-sm {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .flex-bottom-in-sm {
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: flex-end;
    /* Safari 7.0+ */
    display: flex;
    align-items: flex-end;
  }
}
.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-webkit-direction: normal !important;
  -ms-flex-direction: column !important;
  -webkit-flex-direction: column !important;
  flex-direction: column !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.flex-middle {
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: center;
  /* Safari 7.0+ */
  display: flex;
  align-items: center;
}
.flex-middle .ali-right {
  margin-left: auto;
}
.rtl .flex-middle .ali-right {
  margin-right: auto;
  margin-left: inherit;
}
.flex-middle .ali-left {
  margin-right: auto;
}
.rtl .flex-middle .ali-left {
  margin-left: auto;
  margin-right: inherit;
}

.flex-bottom {
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: flex-end;
  /* Safari 7.0+ */
  display: flex;
  align-items: flex-end;
}
.flex-bottom .ali-right {
  margin-left: auto;
}
.rtl .flex-bottom .ali-right {
  margin-right: auto;
  margin-left: inherit;
}
.flex-bottom .ali-left {
  margin-right: auto;
}
.rtl .flex-bottom .ali-left {
  margin-left: auto;
  margin-right: inherit;
}

.flex-end {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.flex-top {
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: flex-start;
  /* Safari 7.0+ */
  display: flex;
  align-items: flex-start;
}
.flex-top .ali-right {
  margin-left: auto;
}
.rtl .flex-top .ali-right {
  margin-right: auto;
  margin-left: inherit;
}
.flex-top .ali-left {
  margin-right: auto;
}
.rtl .flex-top .ali-left {
  margin-left: auto;
  margin-right: inherit;
}

@media (min-width: 1200px) {
  .flex-end-lg {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
  }

  .flex-top-lg {
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: flex-start;
    /* Safari 7.0+ */
    display: flex;
    align-items: flex-start;
  }
  .flex-top-lg .ali-right {
    margin-left: auto;
  }
  .rtl .flex-top-lg .ali-right {
    margin-right: auto;
    margin-left: inherit;
  }
  .flex-top-lg .ali-left {
    margin-right: auto;
  }
  .rtl .flex-top-lg .ali-left {
    margin-left: auto;
    margin-right: inherit;
  }

  .flex-middle-lg {
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: center;
    /* Safari 7.0+ */
    display: flex;
    align-items: center;
  }
  .flex-middle-lg .ali-right {
    margin-left: auto;
  }
  .rtl .flex-middle-lg .ali-right {
    margin-right: auto;
    margin-left: inherit;
  }
  .flex-middle-lg .ali-left {
    margin-right: auto;
  }
  .rtl .flex-middle-lg .ali-left {
    margin-left: auto;
    margin-right: inherit;
  }
}
@media (min-width: 992px) {
  .flex-middle-md {
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: center;
    /* Safari 7.0+ */
    display: flex;
    align-items: center;
  }
  .flex-middle-md .ali-right {
    margin-left: auto;
  }
  .rtl .flex-middle-md .ali-right {
    margin-right: auto;
    margin-left: inherit;
  }
  .flex-middle-md .ali-left {
    margin-right: auto;
  }
  .rtl .flex-middle-md .ali-left {
    margin-left: auto;
    margin-right: inherit;
  }
}
@media (min-width: 768px) {
  .flex-middle-sm {
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: center;
    /* Safari 7.0+ */
    display: flex;
    align-items: center;
  }
  .flex-middle-sm .ali-right {
    margin-left: auto;
  }
  .rtl .flex-middle-sm .ali-right {
    margin-right: auto;
    margin-left: inherit;
  }
  .flex-middle-sm .ali-left {
    margin-right: auto;
  }
  .rtl .flex-middle-sm .ali-left {
    margin-left: auto;
    margin-right: inherit;
  }

  .flex-bottom-sm {
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: flex-end;
    /* Safari 7.0+ */
    display: flex;
    align-items: flex-end;
  }
  .flex-bottom-sm .ali-right {
    margin-left: auto;
  }
  .rtl .flex-bottom-sm .ali-right {
    margin-right: auto;
    margin-left: inherit;
  }
  .flex-bottom-sm .ali-left {
    margin-right: auto;
  }
  .rtl .flex-bottom-sm .ali-left {
    margin-left: auto;
    margin-right: inherit;
  }
}
.cl-3,
.cl-2 {
  float: left;
}
.rtl .cl-3, .rtl
.cl-2 {
  float: right;
}
.cl-3 > .row,
.cl-2 > .row {
  margin: 0;
}
.cl-3 .widget,
.cl-2 .widget {
  padding-left: 15px;
  padding-right: 15px;
}

.cl-3 {
  width: 58.3333%;
}

.cl-2 {
  width: 41.6667%;
}

a.btn-app {
  text-align: left;
  color: #ffffff;
  height: 65px;
  line-height: 22px;
  font-size: 13px;
  padding: 10px 20px;
  margin-right: 30px;
  position: relative;
  width: 230px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  margin-bottom: 5px;
}
.rtl a.btn-app {
  text-align: right;
}
.rtl a.btn-app {
  margin-left: 30px;
  margin-right: inherit;
}
a.btn-app:last-child {
  margin-right: 0;
}
.rtl a.btn-app:last-child {
  margin-left: 0;
  margin-right: inherit;
}
a.btn-app i {
  line-height: 1.1;
  font-size: 36px;
  float: left;
  margin-right: 15px;
}
.rtl a.btn-app i {
  float: right;
}
.rtl a.btn-app i {
  margin-left: 15px;
  margin-right: inherit;
}
a.btn-app .title-app {
  font-size: 14px;
}

.font-second {
  font-family: "Sarabun" !important;
  font-weight: normal;
}

.max-1770 {
  max-width: 1770px;
  margin-left: auto;
  margin-right: auto;
}

.updow:hover .top-img img,
.updow:hover .img img,
.updow:hover .image-wrapper img {
  -webkit-animation: updow 0.8s ease-in-out 0s infinite;
  animation: updow 0.8s ease-in-out 0s infinite;
}

.updow-infinite img {
  -webkit-animation: updow 1s ease-in-out 0s infinite;
  animation: updow 1s ease-in-out 0s infinite;
}

@-webkit-keyframes updow {
  50% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  0%, 100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes updow {
  50% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  0%, 100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes fadeleft {
  from {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  to {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-15px, 0);
    -ms-transform: translate(-15px, 0);
    -o-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
  }
}
@keyframes fadeleft {
  from {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  to {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-15px, 0);
    -ms-transform: translate(-15px, 0);
    -o-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
  }
}
@-webkit-keyframes faderight {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(15px, 0);
    -ms-transform: translate(15px, 0);
    -o-transform: translate(15px, 0);
    transform: translate(15px, 0);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes faderight {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(15px, 0);
    -ms-transform: translate(15px, 0);
    -o-transform: translate(15px, 0);
    transform: translate(15px, 0);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.mb0 {
  margin-bottom: 0px !important;
}

.width-full {
  width: 100% !important;
}

@media (min-width: 1200px) {
  .row-36 {
    margin-left: -18px;
    margin-right: -18px;
  }
  .row-36 > [class*="col-"] {
    padding-left: 18px;
    padding-right: 18px;
  }
}
.custom-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.custom-menu li {
  padding-left: 22px;
  margin-bottom: 18px;
  position: relative;
  line-height: 1.4;
}
.rtl .custom-menu li {
  padding-right: 22px;
  padding-left: inherit;
}
.custom-menu li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #221f1f;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.rtl .custom-menu li:before {
  right: 0;
  left: auto;
}
.custom-menu li:last-child {
  margin: 0;
}
.custom-menu li i {
  margin-right: 15px;
  font-size: 18px;
}
.rtl .custom-menu li i {
  margin-left: 15px;
  margin-right: inherit;
}
@media (min-width: 1200px) {
  .custom-menu li i {
    font-size: 23px;
  }
}
.custom-menu li a {
  color: #888b90;
}
.custom-menu li a:focus, .custom-menu li a:hover {
  color: #3a3d43;
}
.custom-menu li:hover:before, .custom-menu li.active:before {
  opacity: 1;
  filter: alpha(opacity=100);
}

.box-white-theme {
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  padding: 30px;
  background: #fff;
}

.wrapper-app a {
  font-size: 18px;
  padding: 12px 22px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  margin-bottom: 5px;
  margin-right: 10px;
  border: 1px solid #dce1e6;
  opacity: 0.6;
  filter: alpha(opacity=60);
  display: inline-block;
  line-height: 1.5;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  color: #334e6f !important;
}
.rtl .wrapper-app a {
  margin-left: 10px;
  margin-right: inherit;
}
.wrapper-app a:hover, .wrapper-app a:focus {
  opacity: 1;
  filter: alpha(opacity=100);
  border-color: #afbbc6;
}
.wrapper-app a i {
  font-size: 22px;
  margin-right: 10px;
  display: inline-block;
}
.rtl .wrapper-app a i {
  margin-left: 10px;
  margin-right: inherit;
}
.wrapper-app.st_dark a {
  border-color: #47586d;
  color: #72849e !important;
}

.widget-banner-account {
  text-align: center;
  background-color: #262626;
  padding: 30px 15px;
  min-height: 300px;
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: center;
  /* Safari 7.0+ */
  display: flex;
  align-items: center;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  /* Safari 6.1+ */
}
@media (min-width: 1200px) {
  .widget-banner-account {
    padding: 50px 30px;
    min-height: 470px;
  }
}
.widget-banner-account .title-account {
  color: #fff;
  margin: 0;
  font-size: 30px;
  margin: 0 0 12px;
}
@media (min-width: 1200px) {
  .widget-banner-account .title-account {
    font-size: 50px;
  }
}
.widget-banner-account .description {
  color: #fff;
  margin: 0 0 30px;
}

.wrapper-contact {
  border: 1px solid #eaeff5;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  padding: 20px;
}
@media (min-width: 1200px) {
  .wrapper-contact {
    padding: 40px 20px;
  }
}
.wrapper-contact .title {
  font-size: 20px;
  margin: 10px 0 5px;
}
.wrapper-contact .contact-icon {
  font-size: 30px;
  line-height: 1;
  -webkit-transition: all 0.8s ease-in-out 0s;
  -o-transition: all 0.8s ease-in-out 0s;
  transition: all 0.8s ease-in-out 0s;
}
.wrapper-contact:hover {
  border-color: #c1cfe1;
}
.wrapper-contact:hover .contact-icon {
  -webkit-animation: updow 1s ease-in-out 0s infinite;
  animation: updow 1s ease-in-out 0s infinite;
}

.widget-achievements .inner-left {
  line-height: 0;
  padding-right: 20px;
  font-size: 35px;
  position: relative;
}
.rtl .widget-achievements .inner-left {
  padding-left: 20px;
  padding-right: inherit;
}
@media (min-width: 1200px) {
  .widget-achievements .inner-left {
    font-size: 55px;
  }
}
.widget-achievements .inner-left .verify {
  background: #1768fe;
  color: #fff;
  width: 22px;
  height: 22px;
  text-align: center;
  position: absolute;
  right: 15px;
  bottom: -5px;
  line-height: 20px;
  font-size: 12px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.rtl .widget-achievements .inner-left .verify {
  left: 15px;
  right: auto;
}
.widget-achievements .title {
  font-size: 25px;
  margin: 0 0 5px;
}
.widget-achievements .description {
  line-height: 1;
  font-size: 13px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.bg-transparent {
  background-color: transparent !important;
}

.mg-auto {
  margin-left: auto;
  margin-right: auto;
}

.elementor-counter .elementor-counter-number-prefix {
  -webkit-flex-grow: 0;
  flex-grow: 0;
}
.elementor-counter .elementor-counter-title {
  text-align: inherit;
}

.no-border {
  border: 0 !important;
}

.elementor-button .elementor-button-icon {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.elementor-button .elementor-button-icon svg {
  width: auto;
}

.list-contact .inner-left {
  color: #1768fe;
  float: left;
  width: 50px;
  padding-right: 20px;
}
.rtl .list-contact .inner-left {
  float: right;
}
.rtl .list-contact .inner-left {
  padding-left: 20px;
  padding-right: inherit;
}
.list-contact .inner-right {
  overflow: hidden;
}
.list-contact .title {
  font-size: 16px;
  margin: 0;
}

.footer-contact {
  margin-bottom: 5px;
}
.footer-contact strong {
  font-weight: 500;
  color: #3a3d43;
}

/* 11. widgets */
/*------------------------------------*\
    Widget
\*------------------------------------*/
.widget label {
  font-weight: 400;
}
.widget .widget_sp_image-image-link {
  display: block;
  overflow: hidden;
  position: relative;
}
.widget .widget_sp_image-image-link img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
.widget.widget_text img {
  margin: 15px 0;
  height: auto;
}
.widget.widget_rss .widget-title {
  background: none;
}
.widget.widget_rss .widget-title img {
  vertical-align: middle;
}
.widget.widget_rss ul, .widget.widget_rss ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget.widget_rss ul li:last-child, .widget.widget_rss ol li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.widget.widget_rss ul li .children > li:before, .widget.widget_rss ol li .children > li:before {
  top: 24px;
}
.widget.widget_rss ul ul li:first-child, .widget.widget_rss ol ul li:first-child {
  padding-top: 14px;
  background-position: 0 24px;
}
.widget.widget_rss ul li {
  background: none;
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px solid #e8eef1;
}
.widget.widget_rss ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.widget.widget_recent_comments ul, .widget.widget_recent_comments ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget.widget_recent_comments ul li:last-child, .widget.widget_recent_comments ol li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.widget.widget_recent_comments ul li .children > li:before, .widget.widget_recent_comments ol li .children > li:before {
  top: 24px;
}
.widget.widget_recent_comments ul ul li:first-child, .widget.widget_recent_comments ol ul li:first-child {
  padding-top: 14px;
  background-position: 0 24px;
}
.widget.widget_recent_comments ul li {
  background: none;
}
.widget.widget_recent_reviews ul.product_list_widget {
  list-style: none;
}
.widget.widget_recent_reviews ul.product_list_widget li {
  padding: 15px;
  overflow: hidden;
}
.widget.widget_recent_reviews ul.product_list_widget li a img {
  float: left;
  margin-right: 10px;
}
.rtl .widget.widget_recent_reviews ul.product_list_widget li a img {
  margin-left: 10px;
  margin-right: inherit;
}
.widget.widget_product_search .woocommerce-product-search {
  padding: 20px 15px;
}
.widget.widget_product_search .woocommerce-product-search label.screen-reader-text {
  display: none;
}
.widget.yith-woocompare-widget .products-list {
  padding-top: 20px;
  padding-bottom: 20px;
}
.widget.yith-woocompare-widget a.clear-all {
  margin-bottom: 20px;
  margin-left: 15px;
}
.rtl .widget.yith-woocompare-widget a.clear-all {
  margin-right: 15px;
  margin-left: inherit;
}
.widget.yith-woocompare-widget a.compare {
  margin-bottom: 20px;
  margin-right: 15px;
}
.rtl .widget.yith-woocompare-widget a.compare {
  margin-left: 15px;
  margin-right: inherit;
}
.widget.widget_shopping_cart .widget_shopping_cart_content {
  padding: 20px 15px;
  overflow: hidden;
}
.widget.widget_recent_entries ul li a {
  display: block;
}
.widget.widget_mc4wp_widget .mc4wp-form {
  padding: 20px;
}
.widget.widget-timework strong {
  color: #000;
  font-weight: 500;
}
.widget.widget_calendar table {
  margin: 0;
}

.calendar_wrap caption {
  background: #212121;
  color: #fff;
  padding: 5px;
}
.calendar_wrap td, .calendar_wrap th {
  text-align: center;
}
.calendar_wrap tfoot {
  display: none;
}
.calendar_wrap #today {
  font-weight: normal;
  color: #1768fe;
}

.widget-blogs .top-info {
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .widget-blogs .top-info {
    margin-bottom: 50px;
  }
}
.widget-blogs .widget-title {
  margin: 0;
  font-size: 25px;
}
@media (min-width: 1200px) {
  .widget-blogs .widget-title {
    font-size: 30px;
  }
}
.widget-blogs .view_all {
  margin-top: 10px;
}
.widget-blogs.carousel .widget-content {
  margin: 0 -40px;
}
.widget-blogs.carousel .inner-carousel {
  padding: 0 40px;
}
.widget-blogs.carousel .slick-list {
  overflow: visible;
}

.form-contact .title {
  font-size: 17px;
  margin: 11.5px 0 28px;
}
.form-contact input:not(.btn),
.form-contact textarea {
  padding: 10px 30px;
  width: 100%;
  color: #888b90;
}
.form-contact .contant-inner > * {
  margin: 0 0 20px;
}

.contact-topbar > * {
  margin-right: 30px;
}
.rtl .contact-topbar > * {
  margin-left: 30px;
  margin-right: inherit;
}
.contact-topbar > *:last-child {
  margin: 0;
}
.contact-topbar > * i {
  margin-right: 6px;
}
.rtl .contact-topbar > * i {
  margin-left: 6px;
  margin-right: inherit;
}

.widget_pages ul,
.widget_nav_menu ul,
.widget_meta ul,
.widget_archive ul,
.widget_recent_entries ul,
.widget_categories ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget_pages ul ul,
.widget_nav_menu ul ul,
.widget_meta ul ul,
.widget_archive ul ul,
.widget_recent_entries ul ul,
.widget_categories ul ul {
  padding-left: 20px;
  margin-top: 10px;
}
.rtl .widget_pages ul ul, .rtl
.widget_nav_menu ul ul, .rtl
.widget_meta ul ul, .rtl
.widget_archive ul ul, .rtl
.widget_recent_entries ul ul, .rtl
.widget_categories ul ul {
  padding-right: 20px;
  padding-left: inherit;
}
.widget_pages ul li,
.widget_nav_menu ul li,
.widget_meta ul li,
.widget_archive ul li,
.widget_recent_entries ul li,
.widget_categories ul li {
  margin: 0 0 10px;
  overflow: hidden;
}
.widget_pages ul li:last-child,
.widget_nav_menu ul li:last-child,
.widget_meta ul li:last-child,
.widget_archive ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_categories ul li:last-child {
  margin-bottom: 0;
}
.widget_pages ul li.current-cat-parent > a, .widget_pages ul li.current-cat > a,
.widget_nav_menu ul li.current-cat-parent > a,
.widget_nav_menu ul li.current-cat > a,
.widget_meta ul li.current-cat-parent > a,
.widget_meta ul li.current-cat > a,
.widget_archive ul li.current-cat-parent > a,
.widget_archive ul li.current-cat > a,
.widget_recent_entries ul li.current-cat-parent > a,
.widget_recent_entries ul li.current-cat > a,
.widget_categories ul li.current-cat-parent > a,
.widget_categories ul li.current-cat > a {
  color: #1768fe;
}
.widget_pages ul li a,
.widget_nav_menu ul li a,
.widget_meta ul li a,
.widget_archive ul li a,
.widget_recent_entries ul li a,
.widget_categories ul li a {
  color: #888b90;
}
.widget_pages ul li:hover > a,
.widget_nav_menu ul li:hover > a,
.widget_meta ul li:hover > a,
.widget_archive ul li:hover > a,
.widget_recent_entries ul li:hover > a,
.widget_categories ul li:hover > a {
  color: #1768fe;
}

.special .post-info {
  position: relative;
}
.special .post-info:before {
  border-width: 14px 20px;
  border-style: solid;
  border-color: #f4f4f4 transparent transparent;
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  z-index: 2;
}
.special .special-items > div:nth-child(2n) .post-info {
  position: relative;
}
.special .special-items > div:nth-child(2n) .post-info:before {
  border-color: transparent transparent #f4f4f4;
  top: inherit;
  bottom: 100%;
}

/*------------------------------------*\
    Widget Contact Us
\*------------------------------------*/
.contact {
  margin: 0;
  padding: 0;
}
.contact:before, .contact:after {
  content: " ";
  display: table;
}
.contact:after {
  clear: both;
}
.contact dt {
  float: left;
  width: 30px;
  height: auto;
}
.rtl .contact dt {
  float: right;
}
.contact dd {
  overflow: hidden;
  margin-bottom: 5px;
}
.contact .contact-icon {
  display: block;
  text-align: center;
  background: #1768fe;
  float: left;
  width: 22px;
  height: 22px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
.rtl .contact .contact-icon {
  float: right;
}
.contact .contact-icon .fa {
  color: #fff;
  font-size: 16px;
  margin: 0 0 0 4px;
}
.rtl .contact .contact-icon .fa {
  margin: 0 4px 0 0;
}

.form7-style1 .input-group-btn > .btn {
  border-left: none;
}
.rtl .form7-style1 .input-group-btn > .btn {
  border-right: none;
  border-left: inherit;
}

.form7-style2 .btn,
.form7-style2 input.form-control {
  background: #f7f7f7;
  border-color: #f7f7f7;
}

/*------------------------------------*\
    Widget mailchip
\*------------------------------------*/
.mc4wp-form-basic, .mc4wp-form-basic input, .mc4wp-form-basic label, .mc4wp-form-theme, .mc4wp-form-theme input, .mc4wp-form-theme label {
  line-height: inherit;
}

.mc4wp-form-basic .form-control {
  max-width: 100% !important;
}

.mail-form .input-group {
  width: 100%;
  margin: 0 0 10px;
}

.widget-newletter {
  overflow: hidden;
  max-width: 570px;
  margin: auto;
  text-align: center;
}
.widget-newletter .widget-title {
  color: #252525;
  font-weight: 400;
  font-size: 30px;
  margin: 0 0 10px;
}
.widget-newletter .description {
  margin-bottom: 25px;
  font-size: 15px;
}
@media (min-width: 1200px) {
  .widget-newletter .description {
    margin-bottom: 45px;
  }
}
.widget-newletter .form-control {
  background: #fff;
  border-color: #ebebeb;
  color: #b3b3b3;
}
.widget-newletter .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #cccccc;
}
.widget-newletter .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #cccccc;
}
.widget-newletter .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #cccccc;
}
.widget-newletter .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #cccccc;
}
.widget-newletter .form-control:focus {
  background: #fff;
  border-color: #d2d2d2;
  color: #b3b3b3;
}
.widget-newletter.style2 {
  overflow: hidden;
  max-width: 100%;
  text-align: inherit;
}
.widget-newletter.style2 .widget-title {
  margin: 0 0 5px;
}
.widget-newletter.style2 .description {
  margin: 0;
}
.widget-newletter.style2 .content {
  margin-top: 9px;
}
@media (min-width: 768px) {
  .widget-newletter.style2 > * {
    width: 50%;
    float: left;
  }
  .rtl .widget-newletter.style2 > * {
    float: right;
  }
}
.widget-newletter.style2 form {
  width: 600px;
  float: right;
  max-width: 100%;
}
.rtl .widget-newletter.style2 form {
  float: left;
}

/*------------------------------------*\
    Widget Sidebar
\*------------------------------------*/
.apus-sidebar select, .apus-sidebar table {
  width: 100%;
}
.apus-sidebar .post-widget .blog-title, .apus-sidebar .post-widget h6 {
  margin: 0 0 5px;
  line-height: 1.4;
  font-weight: 400;
  font-size: 14px;
  height: 40px;
  overflow: hidden;
  font-family: "Sarabun", Helvetica, Arial, sans-serif;
}

/*------------------------------------*\
    search
\*------------------------------------*/
.apus-search-form .select-category {
  display: inline-block;
  float: left;
  overflow: hidden;
  position: relative;
  min-width: 200px;
  padding-right: 12px;
  outline: none !important;
}
.rtl .apus-search-form .select-category {
  float: right;
}
.rtl .apus-search-form .select-category {
  padding-left: 12px;
  padding-right: inherit;
}
.apus-search-form .select-category:after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px;
  background: #dddddd;
  width: 1px;
  height: 20px;
}
.rtl .apus-search-form .select-category:after {
  left: 0px;
  right: auto;
}
.apus-search-form .select-category .dropdown_product_cat {
  border: 0;
  outline: none !important;
  width: calc(100% + 38px);
  height: 48px;
  padding: 0 20px;
}
.apus-search-form .title-top-search {
  font-size: 24px;
  color: #3a3d43;
}
.apus-search-form .close-search-fix {
  font-size: 24px;
  color: #e44343;
  cursor: pointer;
}
.apus-search-form .close-search-fix:hover, .apus-search-form .close-search-fix:active {
  color: #d51f1f;
}
.apus-search-form .select2-container .select2-selection--single {
  background: #fff;
  height: 48px;
  margin: 0;
  font-size: 16px;
  color: #3a3d43;
  outline: none !important;
}
.apus-search-form .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 20px;
}
.rtl .apus-search-form .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 20px;
  padding-left: inherit;
}
.apus-search-form form {
  border: 1px solid #e8eef1;
  display: table;
  width: 100%;
}
.apus-search-form form .main-search,
.apus-search-form form .btn,
.apus-search-form form > .select-category {
  display: table-cell !important;
  vertical-align: middle;
  float: none !important;
}
.apus-search-form form .btn {
  height: 50px;
  line-height: 1;
  margin-top: -1px;
  margin-bottom: -1px;
  margin-right: -1px;
}
.rtl .apus-search-form form .btn {
  margin-left: -1px;
  margin-right: inherit;
}
.apus-search-form form .btn i {
  font-size: 18px;
}
.apus-search-form form .btn i + span {
  margin-left: 5px;
}
.rtl .apus-search-form form .btn i + span {
  margin-right: 5px;
  margin-left: inherit;
}
.apus-search-form form .btn.st_small {
  padding-left: 15px;
  padding-right: 15px;
}
.apus-search-form form .form-control {
  border: none;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.apus-search-form form .form-control {
  height: 48px;
}
.apus-search-form form .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #d1d1d1;
}
.apus-search-form form .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #d1d1d1;
}
.apus-search-form form .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #d1d1d1;
}
.apus-search-form form .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #d1d1d1;
}
.apus-search-form form .form-control:focus {
  color: #3a3d43;
}
.apus-search-form .hidden-search {
  cursor: pointer;
  float: right;
  font-size: 35px;
  line-height: 1.4;
  color: #e44343;
  display: inline-block;
  margin-left: 30px;
}
.rtl .apus-search-form .hidden-search {
  float: left;
}
.rtl .apus-search-form .hidden-search {
  margin-right: 30px;
  margin-left: inherit;
}
.apus-search-form .main-search {
  width: 100%;
  position: relative;
}
.apus-search-form .main-search .autocomplete-list {
  text-align: left;
  margin-top: 1px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 8;
  background: #fff;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
  max-height: 350px;
  overflow: auto;
}
.rtl .apus-search-form .main-search .autocomplete-list {
  text-align: right;
}
.apus-search-form div.twitter-typeahead {
  width: 100%;
  position: relative;
}
.apus-search-form div.twitter-typeahead span.twitter-typeahead {
  vertical-align: top;
  width: 100%;
}
.apus-search-form div.twitter-typeahead:before {
  content: '';
  position: absolute;
  top: 13px;
  right: 10px;
  width: 18px;
  height: 100%;
  background: url(../images/loading-quick.gif) no-repeat scroll 0 0/18px auto;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 9;
}
.rtl .apus-search-form div.twitter-typeahead:before {
  left: 10px;
  right: auto;
}
.apus-search-form div.twitter-typeahead.loading:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.apus-search-form .tt-menu {
  background: #fff;
  width: 100%;
  padding: 0;
  margin-top: 1px;
}
.apus-search-form .tt-menu > * {
  position: relative;
  z-index: 9;
}
.apus-search-form .tt-menu a.media {
  display: block;
  margin: 0;
  padding: 12px;
}
.apus-search-form .tt-menu a.media img {
  max-width: 60px;
}
.apus-search-form .tt-menu h4 {
  font-size: 14px;
  margin: 0;
}
.apus-search-form .tt-menu h4 strong {
  font-weight: normal;
  color: #1768fe;
}
.apus-search-form .tt-menu .price {
  font-size: 13px;
  margin: 0;
}
.apus-search-form .tt-menu .tt-dataset-search > *:first-child {
  display: none;
}
.apus-search-form.style2 form {
  border: none;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  position: relative;
  padding-right: 40px;
}
.rtl .apus-search-form.style2 form {
  padding-left: 40px;
  padding-right: inherit;
}
.apus-search-form.style2 form .form-control {
  border: none !important;
  height: 45px;
  background-color: transparent;
  color: #fff;
}
.apus-search-form.style2 form .form-control:focus {
  color: #fff;
}
.apus-search-form.style2 form .btn {
  line-height: 32px;
  height: 35px;
  font-size: 16px;
  position: absolute;
  top: 6px;
  padding: 0 9px;
  right: 5px;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
}
.rtl .apus-search-form.style2 form .btn {
  left: 5px;
  right: auto;
}
.apus-search-form.style2 form .btn i {
  font-size: 16px;
}
.apus-search-form .autocomplete-list {
  padding: 15px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
@media (min-width: 1200px) {
  .apus-search-form .autocomplete-list {
    padding: 20px;
  }
}
.apus-search-form .autocomplete-list-item {
  padding: 0 0 10px;
  margin: 0 0 10px;
  border-bottom: 1px solid #e8eef1;
}
@media (min-width: 1200px) {
  .apus-search-form .autocomplete-list-item {
    padding: 0 0 15px;
    margin: 0 0 15px;
  }
}
.apus-search-form .autocomplete-list-item:last-child {
  border: none;
  padding: 0;
  margin: 0;
}
.apus-search-form .autocomplete-list-item .autocompleate-media {
  display: block;
}
.apus-search-form .autocomplete-list-item .autocompleate-media:hover .name-product {
  color: #3a3d43;
}
.apus-search-form .autocomplete-list-item img {
  width: 60px;
  max-width: none;
}
.apus-search-form .autocomplete-list-item .price {
  color: #888b90;
}
.apus-search-form .autocomplete-list-item .name-product {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  margin: 0 0 3px;
  font-size: 15px;
  font-family: "Sarabun";
  font-weight: normal;
  color: #888b90;
  text-transform: capitalize;
}
.apus-search-form .autocomplete-list-item .name-product strong {
  color: #e44343;
}

.apus-search-nocategory {
  background: #f0f2f9;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
.apus-search-nocategory .form-control {
  background: #f0f2f9;
  border-color: #f0f2f9;
  color: #999591;
  border: none;
  max-width: 185px;
  font-size: 12px;
}
.apus-search-nocategory .btn {
  padding-left: 12px;
  padding-right: 12px;
  background: transparent;
  color: #3a3d43;
  font-size: 16px;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  border: none;
}
.apus-search-nocategory .btn:hover, .apus-search-nocategory .btn:active {
  color: #fff;
  background: #1768fe;
}

.apus-search-nocategory {
  background: #f0f2f9;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
.apus-search-nocategory .form-control {
  background: #f0f2f9;
  border-color: #f0f2f9;
  color: #999591;
  border: none;
  max-width: 185px;
  font-size: 12px;
}
.apus-search-nocategory .btn {
  padding-left: 12px;
  padding-right: 12px;
  background: transparent;
  color: #3a3d43;
  font-size: 16px;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  border: none;
}
.apus-search-nocategory .btn:hover, .apus-search-nocategory .btn:active {
  color: #fff;
  background: #1768fe;
}

.widget-search {
  background: #fff;
  overflow: hidden;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.widget-search form {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.widget-search .btn {
  border: 0 !important;
  padding: 12px 20px;
  font-size: 21px;
  height: 54px;
  border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  background: #fff;
  color: #1768fe;
}
.widget-search .btn:hover, .widget-search .btn:focus {
  color: #fff;
  background: #1768fe;
}
.widget-search .form-control {
  background: #fff;
  color: #3a3d43;
  height: 54px;
  padding: 6px 20px;
  border: none;
}
.widget-search .form-control:focus {
  color: #888b90;
  border-color: #1768fe;
}
.widget-search .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #888b90;
}
.widget-search .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #888b90;
}
.widget-search .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #888b90;
}
.widget-search .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #888b90;
}

/*------------------------------------*\
    Tags Widget
\*------------------------------------*/
.tagcloud a {
  text-transform: capitalize;
  margin-bottom: 10px;
  margin-right: 8px;
  font-size: 14px !important;
  display: inline-block;
  padding: 7px 15px;
  line-height: 1;
  border: none;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  background: #edf1f4;
  color: #888b90;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
.rtl .tagcloud a {
  margin-left: 8px;
  margin-right: inherit;
}
.tagcloud a:hover, .tagcloud a:focus, .tagcloud a.active {
  color: #fff;
  background: #1768fe;
  -webkit-box-shadow: 0 6px 40px 0 rgba(23, 104, 254, 0.4);
  box-shadow: 0 6px 40px 0 rgba(23, 104, 254, 0.4);
}

.widget-brand-logo {
  padding: 30px;
}
.widget-brand-logo .item-brand > a {
  display: block;
}
.widget-brand-logo .carousel-control {
  opacity: 0;
  filter: alpha(opacity=0);
}
.widget-brand-logo:hover .carousel-control {
  opacity: 1;
  filter: alpha(opacity=100);
}

/*-----------------------------*\
        Widget Contact 
\*-----------------------------*/
.widget-infor .heding {
  font-family: "Sarabun", "Times New Roman", Times, serif;
  font-weight: 400;
}
.widget-infor .infor-inner {
  margin: 0 0 20px;
}

.apus-search-top .button-show-search {
  font-size: 18px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  color: #888b90;
  line-height: 1;
  padding: 0 5px;
  background: transparent !important;
}
.apus-search-top .button-show-search:hover, .apus-search-top .button-show-search:active {
  color: #1768fe;
}
.apus-search-top .content-form {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  border: none;
  padding: 0;
  min-width: 280px;
}

/*-----------------------------*\
        Widget video
\*-----------------------------*/
@-webkit-keyframes boxscale {
  from {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
  }
  to {
    -webkit-box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);
  }
}
/* Standard syntax */
@keyframes boxscale {
  from {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
  }
  to {
    -webkit-box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);
  }
}
.video-wrapper-inner {
  position: relative;
}
.video-wrapper-inner .popup-video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  -moz-transform: translate(-50%, -50%) scale(0.8);
  -ms-transform: translate(-50%, -50%) scale(0.8);
  -o-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0.9;
  filter: alpha(opacity=90);
  z-index: 2;
  display: inline-block;
  width: 58px;
  height: 58px;
  line-height: 58px;
  color: #1768fe;
  background: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 18px;
  text-align: center;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  -webkit-animation: boxscale 0.8s linear 0s infinite alternate;
  /* Safari 4.0 - 8.0 */
  animation: boxscale 0.8s linear 0s infinite alternate;
}
.video-wrapper-inner:hover .popup-video {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

/*-----------------------------*\
    Widget Vertical Menu
\*-----------------------------*/
.vertical-menu {
  display: none !important;
  padding: 0;
  background: #fff;
  z-index: 999;
}
.vertical-menu > .nav {
  position: relative;
  width: 100%;
  height: auto;
}
.vertical-menu > .nav .open > a, .vertical-menu > .nav .open > a:hover, .vertical-menu > .nav .open > a:focus,
.vertical-menu > .nav .active > a,
.vertical-menu > .nav .active > a:hover,
.vertical-menu > .nav .active > a:focus {
  color: #1768fe;
}
.vertical-menu > .nav > li {
  float: none;
  position: static;
  border-bottom: 1px solid #e8eef1;
}
.vertical-menu > .nav > li.active > a {
  color: #1768fe;
  background: #fafafa;
}
.vertical-menu > .nav > li > a {
  color: #414141;
  padding: 15px 20px;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  white-space: nowrap;
}
.vertical-menu > .nav > li > a:hover {
  color: #1768fe;
  background: #fafafa;
}
.vertical-menu > .nav > li > a .fa {
  font-size: 15px;
  min-width: 15px;
  margin-right: 12px;
}
.rtl .vertical-menu > .nav > li > a .fa {
  margin-left: 12px;
  margin-right: inherit;
}
.vertical-menu > .nav > li .dropdown-menu {
  min-width: 230px;
  min-height: 100%;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.vertical-menu > .nav .product-block {
  padding: 0 !important;
  overflow: hidden;
  display: block;
}
.vertical-menu .dropdown-menu {
  margin: 0;
  padding: 30px;
  border: none;
  top: 0;
}
.vertical-menu .dropdown-menu:before, .vertical-menu .dropdown-menu:after {
  content: " ";
  display: table;
}
.vertical-menu .dropdown-menu:after {
  clear: both;
}
.vertical-menu .dropdown-menu ul {
  padding: 0;
  list-style: none;
}
.vertical-menu .dropdown-menu ul li {
  line-height: 34px;
}
.vertical-menu .dropdown-menu ul li a {
  color: #414141;
}
.vertical-menu .dropdown-menu ul li a:hover, .vertical-menu .dropdown-menu ul li a.active {
  color: #1768fe;
}
.vertical-menu .dropdown-menu ul ul {
  padding-left: 15px;
}
.rtl .vertical-menu .dropdown-menu ul ul {
  padding-right: 15px;
  padding-left: inherit;
}
.vertical-menu .dropdown-menu .widget-title {
  border: none;
  font-size: 16px;
  padding: 0 0 15px;
  color: #3a3d43;
}
.vertical-menu .dropdown-menu .woocommerce .product-wrapper {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.vertical-menu.menu-left .dropdown-menu {
  left: 100% !important;
  right: auto !important;
}
.rtl .vertical-menu.menu-left .dropdown-menu {
  right: 100% !important;
  left: auto;
}
.rtl .vertical-menu.menu-left .dropdown-menu {
  left: auto !important;
  right: auto;
}
.vertical-menu.menu-right .dropdown-menu {
  left: auto !important;
  right: 100% !important;
}
.rtl .vertical-menu.menu-right .dropdown-menu {
  right: auto !important;
  left: auto;
}
.rtl .vertical-menu.menu-right .dropdown-menu {
  left: 100% !important;
  right: auto;
}
.vertical-menu .icon-ver {
  margin-right: 10px;
}
.rtl .vertical-menu .icon-ver {
  margin-left: 10px;
  margin-right: inherit;
}

#recentcomments > li {
  margin: 0 0 13px;
}
#recentcomments > li:last-child {
  margin: 0;
}
#recentcomments a {
  font-weight: 500;
  color: #4a89fe;
}
#recentcomments a:hover, #recentcomments a:focus {
  color: #1768fe;
}

.widget-quicklink-menu {
  background-color: #f6f6f6;
  line-height: 35px;
}
.widget-quicklink-menu .quicklink-heading {
  background-color: #333333;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  margin: 0 20px 0 0;
  padding: 12px 15px 12px 25px;
  position: relative;
  text-transform: uppercase;
  font-family: "Sarabun";
}
.rtl .widget-quicklink-menu .quicklink-heading {
  margin: 0 0 0 20px;
}
.widget-quicklink-menu .quicklink-heading:before {
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 10px solid #333;
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
}
.rtl .widget-quicklink-menu .quicklink-heading:before {
  border-right: 10px solid #333;
  border-left: inherit;
}
.rtl .widget-quicklink-menu .quicklink-heading:before {
  left: -10px;
  right: auto;
}
.widget-quicklink-menu a {
  color: #999999;
  font-size: 12px;
  font-weight: 400;
}
.widget-quicklink-menu a:hover {
  color: #1768fe;
}

.woo-onsale .onsale {
  display: none;
}
.woo-onsale .product-sale-label {
  position: absolute;
  width: 36px;
  height: 36px;
  background-color: #fb4949;
  color: #fff;
  top: 10px;
  right: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  line-height: 36px;
  font-size: 12px;
  font-weight: 400;
}
.rtl .woo-onsale .product-sale-label {
  left: 10px;
  right: auto;
}

.widget-tabs .widget-title {
  display: inline-block;
}
.widget-tabs .nav-tabs {
  border: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 7px;
}
.widget-tabs .nav-tabs.tabs-list-v2 {
  margin: 0 0 15px;
}
.widget-tabs .carousel-controls {
  top: -42px;
}

.widget-infor .media .fa, .widget-infor .media .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #1768fe;
  background: #252525;
}

.contant-info .title {
  margin: 0 0 20px;
  font-size: 30px;
}
.contant-info .info-description {
  margin: 0 0 30px;
}
.contant-info .media-heading {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 5px;
}
.contant-info .media {
  margin-top: 30px;
}
.contant-info .media:hover .fa {
  border-color: #e44343;
  color: #e44343;
}
.contant-info .media-left {
  padding-right: 20px;
}
.rtl .contant-info .media-left {
  padding-left: 20px;
  padding-right: inherit;
}
.contant-info .media-left .fa {
  border: 2px solid #262626;
  border-radius: 50%;
  color: #262626;
  font-size: 25px;
  height: 58px;
  line-height: 52px;
  text-align: center;
  width: 58px;
}

.widget_categories select,
.widget_archive select {
  width: 100%;
  padding: 8px;
  height: 50px;
}

.textwidget select {
  padding: 8px;
  max-width: 100%;
  color: #3a3d43;
}

.widget-twitter .twitter-timeline {
  display: block !important;
}
.widget-twitter .timeline-Tweet-media {
  display: none;
}

.widget_apus_instagram {
  margin: 0;
}
.widget_apus_instagram .widget-title {
  font-size: 35px;
  font-weight: 300;
  margin: 0 0 60px;
  padding: 0;
  text-align: center;
  text-transform: inherit;
}
.widget_apus_instagram .widget-title a {
  font-weight: 400;
  color: #1768fe;
}
.widget_apus_instagram .instagram-pics a {
  display: block;
  position: relative;
  -webkit-transition: all 0.1s ease-in-out 0s;
  -o-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
}
.widget_apus_instagram .instagram-pics a:hover, .widget_apus_instagram .instagram-pics a:active {
  outline: 8px solid #1768fe;
  outline-offset: -8px;
}
.widget_apus_instagram .instagram-pics a:hover:before, .widget_apus_instagram .instagram-pics a:active:before {
  opacity: 0;
  filter: alpha(opacity=0);
}
.widget_apus_instagram .instagram-pics a:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.widget-ticket-pricing {
  background: #fff;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border: 2px dashed #e8eef1;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .widget-ticket-pricing .product-block-pricing {
    max-width: 170px;
    margin: auto;
  }
}
.widget-ticket-pricing .column {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  overflow: hidden;
  border: 2px dashed #e8eef1;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  margin: -2px 0;
  padding: 0 10px !important;
}
.widget-ticket-pricing .column:last-child, .widget-ticket-pricing .column:first-child {
  border: none;
  margin: 0;
}
.widget-ticket-pricing.style-style2 {
  border: 1px solid #e8eef1;
  overflow: visible;
}
.widget-ticket-pricing.style-style2 .column {
  border: 1px solid #e8eef1;
  margin: -1px 0;
}
.widget-ticket-pricing.style-style2 .column:last-child, .widget-ticket-pricing.style-style2 .column:first-child {
  margin: 0;
  border: none;
}
.widget-ticket-pricing.style-style2 .column:hover {
  border-color: #1768fe;
}
.widget-ticket-pricing.style-style2 .column:hover .product-block-pricing .wrapper-pricing .price {
  border: 1px solid #1768fe;
}
.widget-ticket-pricing.style-style2 .column:hover .product-block-pricing .wrapper-pricing:before {
  border-bottom: 1px solid #1768fe;
}
.widget-ticket-pricing.style-style2 .product-block-pricing .wrapper-pricing .price {
  border: 1px solid #e8eef1;
}
.widget-ticket-pricing.style-style2 .product-block-pricing .wrapper-pricing:before {
  border-bottom: 1px solid #e8eef1;
}
.widget-ticket-pricing.style-style3 {
  border: none;
  overflow: visible;
}
.widget-ticket-pricing.style-style3 .column {
  border: none;
  overflow: visible;
  margin: 20px 0;
}

.product-block-pricing .name {
  font-size: 22px;
  font-family: "Sarabun";
  margin: 37px 0 30px;
  font-weight: 400;
  text-align: center;
}
.product-block-pricing .wrapper-pricing {
  text-align: center;
  position: relative;
}
.product-block-pricing .wrapper-pricing:before {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 1000px;
  height: 2px;
  border-bottom: 2px dashed #e8eef1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -150px;
  z-index: 1;
  content: '';
}
.product-block-pricing .wrapper-pricing .price {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border: 2px dashed #e8eef1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  padding: 8px;
  background: #fff;
  display: inline-block;
  z-index: 2;
  position: relative;
}
.product-block-pricing .woocommerce-Price-amount {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 100px;
  height: 100px;
  line-height: 100px;
  display: inline-block;
  text-align: center;
  font-size: 30px;
  font-weight: normal;
  color: #3a3d43;
  background: #f1f1f1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.product-block-pricing .woocommerce-Price-amount > span {
  font-weight: 300;
}
.product-block-pricing .block-inner-content .desc {
  margin: 20px 0 35px;
}
.product-block-pricing .block-inner-content .desc strong {
  color: #3a3d43;
}
.product-block-pricing .block-inner-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-block-pricing .block-inner-content ul li {
  margin: 0 0 5px;
}
.product-block-pricing .block-inner-content ul i {
  margin-right: 15px;
  color: #1768fe;
}
.rtl .product-block-pricing .block-inner-content ul i {
  margin-left: 15px;
  margin-right: inherit;
}
.product-block-pricing .button {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.product-block-pricing .groups-button {
  margin: 40px 0 45px;
}
.product-block-pricing .groups-button .button.added {
  display: none;
}
.product-block-pricing .groups-button .added_to_cart.wc-forward {
  display: inline-block;
  padding: 15px 30px;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  background-image: -webkit-linear-gradient(left, #feac36 0%, #1768fe 100%);
  background-image: -o-linear-gradient(left, #feac36 0%, #1768fe 100%);
  background-image: linear-gradient(to right, #feac36 0%, #1768fe 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFEAC36', endColorstr='#FF1768FE', GradientType=1);
  color: #fff;
}
.product-block-pricing .groups-button .added_to_cart.wc-forward:hover, .product-block-pricing .groups-button .added_to_cart.wc-forward:active {
  color: #fff;
  background-image: -webkit-linear-gradient(left, #1768fe 0%, #feac36 100%);
  background-image: -o-linear-gradient(left, #1768fe 0%, #feac36 100%);
  background-image: linear-gradient(to right, #1768fe 0%, #feac36 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1768FE', endColorstr='#FFFEAC36', GradientType=1);
}
.product-block-pricing:hover .woocommerce-Price-amount {
  background-image: -webkit-linear-gradient(left, #feac36 0%, #1768fe 100%);
  background-image: -o-linear-gradient(left, #feac36 0%, #1768fe 100%);
  background-image: linear-gradient(to right, #feac36 0%, #1768fe 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFEAC36', endColorstr='#FF1768FE', GradientType=1);
  color: #fff;
}
.product-block-pricing:hover .button {
  color: #fff !important;
}
.product-block-pricing:hover .button:before {
  opacity: 0;
  filter: alpha(opacity=0);
}

.product-block-pricing3 {
  text-align: center;
  padding: 80px 10px 50px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  position: relative;
}
.product-block-pricing3 .name {
  font-size: 30px;
  font-weight: normal;
  margin: 0 0 8px;
}
.product-block-pricing3 .desc strong {
  color: #3a3d43;
}
.product-block-pricing3 .price {
  font-size: 40px;
  font-weight: 900;
  color: #1768fe;
}
.product-block-pricing3 .price .woocommerce-Price-currencySymbol {
  font-size: 20px;
  vertical-align: text-top;
  font-weight: 600;
}
.product-block-pricing3 .wrapper-pricing {
  max-width: 310px;
  margin: auto;
  padding: 5px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.product-block-pricing3 .block-inner-content > ul {
  list-style: none;
  margin: 40px 0 42px;
  padding: 0;
}
.product-block-pricing3 .block-inner-content > ul li {
  margin: 0 0 5px;
}
.product-block-pricing3 .block-inner-content > ul li > i {
  display: none;
}
.product-block-pricing3 .thumbnail-wrapper {
  margin: 50px 0 54px;
}
.product-block-pricing3 .button {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  color: #3a3d43;
}
.product-block-pricing3 .button:before {
  display: none !important;
}
.product-block-pricing3 .button:hover {
  background: #1768fe;
  color: #fff !important;
}
.product-block-pricing3 .label {
  position: absolute;
  left: -37px;
  margin-left: 100%;
  top: -10px;
  padding: 10px 25px;
  background: #1768fe;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.product-block-pricing3 .label:after {
  content: '';
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  width: 10px;
  height: 6px;
  border-width: 3px 5px;
  border-style: solid;
  border-color: transparent #0147c8 #0147c8 transparent;
}
.product-block-pricing3 .label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 17px;
  border-style: solid;
  border-color: #1768fe transparent #1768fe #1768fe;
}
.product-block-pricing3.is-featured, .product-block-pricing3:hover {
  z-index: 1;
}
.product-block-pricing3.is-featured .button, .product-block-pricing3:hover .button {
  background: #1768fe;
  color: #fff !important;
}
.product-block-pricing3.is-featured {
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
}

.popupnewsletter-wrapper .mfp-content {
  width: 590px;
  max-width: 90%;
}
.popupnewsletter-wrapper .apus-mfp-close {
  background: #e44343;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  font-size: 16px;
  line-height: 47px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translate(22px, -22px);
  -ms-transform: translate(22px, -22px);
  -o-transform: translate(22px, -22px);
  transform: translate(22px, -22px);
  opacity: 1;
  filter: alpha(opacity=100);
}
.popupnewsletter-wrapper .apus-mfp-close:hover, .popupnewsletter-wrapper .apus-mfp-close:focus {
  background: #e12d2d;
}
.popupnewsletter-wrapper .modal-content {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  padding: 260px 60px 40px;
  text-align: center;
}
.popupnewsletter-wrapper .modal-content h3 {
  font-size: 20px;
  margin: 0 0 15px;
}
@media (min-width: 1200px) {
  .popupnewsletter-wrapper .modal-content h3 {
    font-size: 30px;
  }
}
.popupnewsletter-wrapper .modal-content .description {
  font-family: "Sarabun";
  font-size: 16px;
  margin: 0 0 20px;
}
.popupnewsletter-wrapper .modal-content form {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  border: 1px solid #e8eef1;
  width: 325px;
  background: #f5f6f7;
  clear: both;
  margin: 0 auto 20px;
  border-radius: 46px;
  -webkit-border-radius: 46px;
  -moz-border-radius: 46px;
  -ms-border-radius: 46px;
  -o-border-radius: 46px;
  position: relative;
  padding-right: 46px;
}
.rtl .popupnewsletter-wrapper .modal-content form {
  padding-left: 46px;
  padding-right: inherit;
}
@media (min-width: 1200px) {
  .popupnewsletter-wrapper .modal-content form {
    margin: 0 auto 40px;
  }
}
.popupnewsletter-wrapper .modal-content form:hover {
  border-color: #c8d7de;
}
.popupnewsletter-wrapper .modal-content form .form-control {
  background: #f5f6f7;
  width: 100%;
  border: none;
  border-radius: 46px;
  -webkit-border-radius: 46px;
  -moz-border-radius: 46px;
  -ms-border-radius: 46px;
  -o-border-radius: 46px;
  height: 44px;
  display: block;
}
.popupnewsletter-wrapper .modal-content form .input-group {
  position: static;
  width: 100%;
  display: block;
}
.popupnewsletter-wrapper .modal-content form .input-group > * {
  display: block;
  float: none;
  position: static;
}
.popupnewsletter-wrapper .modal-content form [type="submit"] {
  position: absolute;
  border: none;
  padding: 0;
  z-index: 2 !important;
  top: -1px;
  right: -1px;
  z-index: 1;
  width: 46px;
  height: 46px;
  line-height: 46px;
  border-radius: 46px;
  -webkit-border-radius: 46px;
  -moz-border-radius: 46px;
  -ms-border-radius: 46px;
  -o-border-radius: 46px;
  display: inline-block;
  color: transparent;
  background: #1768fe;
}
.rtl .popupnewsletter-wrapper .modal-content form [type="submit"] {
  left: -1px;
  right: auto;
}
.popupnewsletter-wrapper .modal-content form [type="submit"]:before {
  content: "\f1d8";
  font-family: 'FontAwesome';
  font-size: 18px;
  color: #fff;
  display: inline-block;
  width: 45px;
  text-align: center;
}
.popupnewsletter-wrapper .modal-content form [type="submit"]:hover, .popupnewsletter-wrapper .modal-content form [type="submit"]:focus {
  background-color: #0150e1;
}
.popupnewsletter-wrapper .close-dont-show:hover, .popupnewsletter-wrapper .close-dont-show:focus {
  color: #e44343;
}

.form-login-register-inner .title {
  font-size: 20px;
  margin: 0 0 20px;
  text-align: center;
}
.form-login-register-inner .box-employer {
  margin: 0;
}

.nav-tabs-login {
  border-bottom: 2px solid #e8eef1;
}
.nav-tabs-login li {
  float: left;
  width: 50%;
  text-align: center;
  margin: 0 0 -2px !important;
}
.rtl .nav-tabs-login li {
  float: right;
}
.nav-tabs-login li a {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  border: none !important;
  margin: 0 !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  color: #3a3d43 !important;
  background-color: transparent !important;
}
.nav-tabs-login li.active {
  background-color: #1768fe !important;
}
.nav-tabs-login li.active a {
  color: #fff !important;
}

.login-form-wrapper .role-tabs,
.register-form .role-tabs {
  padding: 0;
  margin: 0;
  text-align: center;
  clear: both;
  width: 100%;
  border-bottom: 1px solid #dee6ed;
}
.login-form-wrapper .role-tabs li,
.register-form .role-tabs li {
  display: block;
  float: left;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  padding: 14px 15px;
  width: 50%;
  margin-bottom: -1px;
  border-bottom: 2px solid transparent;
}
.rtl .login-form-wrapper .role-tabs li, .rtl
.register-form .role-tabs li {
  float: right;
}
.login-form-wrapper .role-tabs li input,
.register-form .role-tabs li input {
  display: none;
}
.login-form-wrapper .role-tabs li label,
.register-form .role-tabs li label {
  cursor: pointer;
  font-weight: 500;
  margin: 0;
  width: 100%;
}
.login-form-wrapper .role-tabs li:hover, .login-form-wrapper .role-tabs li:focus, .login-form-wrapper .role-tabs li.active,
.register-form .role-tabs li:hover,
.register-form .role-tabs li:focus,
.register-form .role-tabs li.active {
  color: #1768fe;
  border-color: #1768fe;
}
.login-form-wrapper .wp_job_board_candidate_show,
.register-form .wp_job_board_candidate_show {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.login-form-wrapper .form-control,
.register-form .form-control {
  background: #f6f9fc;
  border: 0;
  padding: 6px 25px;
  height: 46px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.login-form-wrapper .form-control:focus,
.register-form .form-control:focus {
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  background-color: #fff;
}
.login-form-wrapper .select2-container--default .select2-selection--single,
.register-form .select2-container--default .select2-selection--single {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border: 0 !important;
  background: #f6f9fc !important;
}
.login-form-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.register-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  background: transparent !important;
}
.login-form-wrapper .select2-container--default.select2-container--open .select2-selection--single,
.register-form .select2-container--default.select2-container--open .select2-selection--single {
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  background-color: #fff !important;
}
.login-form-wrapper .form-group,
.register-form .form-group {
  margin-bottom: 15px;
}
.login-form-wrapper .back-link,
.register-form .back-link {
  text-decoration: underline;
  color: #f0ad4e;
}
.login-form-wrapper .remember,
.register-form .remember {
  font-weight: 400;
  color: #3a3d43;
}
.login-form-wrapper [type="checkbox"],
.register-form [type="checkbox"] {
  margin-right: 2px;
}
.rtl .login-form-wrapper [type="checkbox"], .rtl
.register-form [type="checkbox"] {
  margin-left: 2px;
  margin-right: inherit;
}
.login-form-wrapper .info,
.register-form .info {
  font-size: 14px;
}
.login-form-wrapper .btn:not(.btn-sm),
.register-form .btn:not(.btn-sm) {
  padding: 10px 30px;
}
.login-form-wrapper .btn-theme-second:hover, .login-form-wrapper .btn-theme-second:focus,
.register-form .btn-theme-second:hover,
.register-form .btn-theme-second:focus {
  -webkit-box-shadow: 0 6px 40px 0 rgba(254, 172, 54, 0.4);
  box-shadow: 0 6px 40px 0 rgba(254, 172, 54, 0.4);
}
.login-form-wrapper .create-account,
.register-form .create-account {
  margin: 0 0 5px;
}
.login-form-wrapper .create-account .create,
.register-form .create-account .create {
  font-weight: 500;
}
.login-form-wrapper .inner-register,
.register-form .inner-register {
  padding: 20px 30px 30px;
}

.sign-in-demo-notice {
  margin-bottom: 20px;
  padding: 10px 18px;
  font-size: 14px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: #ccf5ef;
}
.sign-in-demo-notice strong {
  font-size: 16px;
  color: #27ceb4;
  font-weight: 600;
}

.forgotpassword-form,
.job-apply-email-form,
.change-password-form,
.delete-profile-form,
.register-form,
.login-form {
  position: relative;
}
.forgotpassword-form:before,
.job-apply-email-form:before,
.change-password-form:before,
.delete-profile-form:before,
.register-form:before,
.login-form:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9) url("../images/loading.gif") no-repeat center center/32px auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 1;
  visibility: hidden;
}
.forgotpassword-form.loading:before,
.job-apply-email-form.loading:before,
.change-password-form.loading:before,
.delete-profile-form.loading:before,
.register-form.loading:before,
.login-form.loading:before {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.not-allow-wrapper {
  margin-top: 28px;
}

.job-deadline.with-icon > * {
  display: inline-block;
}

.title-wrapper > * {
  display: inline;
  margin-bottom: 0;
}
.title-wrapper .featured {
  margin-left: 3px;
}
.rtl .title-wrapper .featured {
  margin-right: 3px;
  margin-left: inherit;
}

.social-share-user a {
  margin: 0 5px;
}
.social-share-user a.facebook {
  color: #3b5999;
}
.social-share-user a.twitter {
  color: #55acee;
}
.social-share-user a.linkedin {
  color: #0077B5;
}
.social-share-user a.dribbble {
  color: #ea4c89;
}

.wrapper-shortlist {
  position: relative;
}
.wrapper-shortlist .alert {
  position: absolute;
  min-width: 400px;
  bottom: 100%;
  right: 0;
  margin-bottom: 12px;
}
.rtl .wrapper-shortlist .alert {
  left: 0;
  right: auto;
}
.wrapper-shortlist .alert-warning:before {
  content: '';
  border-width: 8px;
  border-color: #faebcc transparent transparent transparent;
  border-style: solid;
  position: absolute;
  top: 100%;
  right: 15px;
}
.rtl .wrapper-shortlist .alert-warning:before {
  left: 15px;
  right: auto;
}

.btn-action-job {
  -webkit-transition: all 0.35s ease-in-out 0s;
  -o-transition: all 0.35s ease-in-out 0s;
  transition: all 0.35s ease-in-out 0s;
  position: relative;
  color: #fff !important;
  line-height: 33px;
  display: inline-block;
  width: 34px;
  height: 34px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #feac36;
  text-align: center;
  letter-spacing: -1px;
}
.btn-action-job:before {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px auto;
}
.btn-action-job:hover, .btn-action-job:focus {
  background: #f69101;
}
.btn-action-job.loading:before {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.btn-action-job.btn-added-job-shortlist {
  background: #feac36;
}
.btn-action-job.has-text {
  width: auto;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  background: transparent;
  color: #feac36 !important;
  font-size: 16px;
}
.btn-action-job.has-text span {
  font-weight: 500;
  margin-left: 10px;
}
.rtl .btn-action-job.has-text span {
  margin-right: 10px;
  margin-left: inherit;
}

.btn-shortlist,
.btn-loading {
  position: relative;
}
.btn-shortlist:before,
.btn-loading:before {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  content: '';
  position: absolute;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  z-index: 2;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px auto;
}
.btn-shortlist.loading:before,
.btn-loading.loading:before {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.action [class*="candidate-shortlist"],
.btn-shortlist {
  width: auto;
  display: inline-block !important;
  border: 1px solid #feac36;
  background: #feac36;
  padding: 13px 30px;
  color: #fff;
  position: relative;
}
.action [class*="candidate-shortlist"]:hover, .action [class*="candidate-shortlist"]:focus,
.btn-shortlist:hover,
.btn-shortlist:focus {
  color: #fff;
  background: #fea21d;
  border-color: #fea21d;
}
.action [class*="candidate-shortlist"].btn-added-job-shortlist,
.btn-shortlist.btn-added-job-shortlist {
  background: #fea21d;
  border-color: #fea21d;
  color: #fff;
}
.action [class*="candidate-shortlist"]:before,
.btn-shortlist:before {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  content: '';
  position: absolute;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  z-index: 2;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px auto;
}
.action [class*="candidate-shortlist"].loading:before,
.btn-shortlist.loading:before {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.widget_apus_candidate_buttons [class*="candidate-shortlist"] {
  text-transform: uppercase;
  background: #1768fe;
  border-color: #1768fe;
  color: #fff !important;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
}
.widget_apus_candidate_buttons [class*="candidate-shortlist"]:hover, .widget_apus_candidate_buttons [class*="candidate-shortlist"]:focus {
  background: #0153eb;
  border-color: #0153eb;
}
.widget_apus_candidate_buttons [class*="candidate-shortlist"]:before {
  content: "\e634";
  font-family: 'themify';
  display: inline-block;
  margin-right: 8px;
}
.rtl .widget_apus_candidate_buttons [class*="candidate-shortlist"]:before {
  margin-left: 8px;
  margin-right: inherit;
}
.widget_apus_candidate_buttons [class*="candidate-shortlist"]:after {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  content: '';
  position: absolute;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  z-index: 2;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px auto;
}
.widget_apus_candidate_buttons [class*="candidate-shortlist"].loading:after {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.widget_apus_candidate_buttons .btn-added-candidate-shortlist {
  background: #feac36 !important;
  border-color: #feac36 !important;
}

.btn-download-cv {
  color: #fff;
  background: #79b530;
  border-color: #79b530;
}
.btn-download-cv:hover, .btn-download-cv:focus {
  background: #6ca12b;
  border-color: #6ca12b;
}
.btn-download-cv.cannot-download-cv-btn {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.applicant-action-button a {
  margin-right: 2px;
}
.rtl .applicant-action-button a {
  margin-left: 2px;
  margin-right: inherit;
}

.btn-apply {
  background: #1768fe;
  border-color: #1768fe;
  color: #fff;
  position: relative;
  padding: 13px 30px;
}
.btn-apply i {
  display: none !important;
}
.btn-apply:focus, .btn-apply:hover {
  border-color: #0153eb;
  background: #0153eb;
  color: #fff;
}
.btn-apply:before {
  content: '';
  position: absolute;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  z-index: 2;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px auto;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.btn-apply.loading:before {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.job-tags strong {
  margin-right: 15px;
}
.rtl .job-tags strong {
  margin-left: 15px;
  margin-right: inherit;
}
.job-tags a {
  background-color: #edf1f4;
  display: inline-block;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  margin-right: 5px;
  padding: 4px 15px 6px;
  position: relative;
  color: #888b90;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.rtl .job-tags a {
  margin-left: 5px;
  margin-right: inherit;
}
.job-tags a:hover {
  color: #fff;
  background: #1768fe;
  -webkit-box-shadow: 0 6px 40px 0 rgba(23, 104, 254, 0.4);
  box-shadow: 0 6px 40px 0 rgba(23, 104, 254, 0.4);
}

span.featured {
  color: #feac36;
}

.btn-view {
  background: #e8edf1;
  border-color: transparent;
  color: #3a3d43;
  line-height: 24px;
  position: relative;
  padding: 6px 20px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  min-width: 140px;
  text-align: center;
  text-transform: capitalize;
}
.btn-view:focus, .btn-view:hover {
  border-color: #78909C;
  background: #78909C;
  color: #fff;
}

.btn-link-candidate {
  display: inline-block;
  position: relative;
  padding: 0 1px;
}
.btn-link-candidate i {
  display: inline-block;
  margin-right: 10px;
}
.rtl .btn-link-candidate i {
  margin-left: 10px;
  margin-right: inherit;
}
.btn-link-candidate:hover, .btn-link-candidate:focus {
  color: #1768fe;
}
.btn-link-candidate:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9) url("../images/loading.gif") no-repeat center center/20px auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 1;
  visibility: hidden;
}
.btn-link-candidate.loading:before {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.send-message-btn {
  display: block;
  position: relative;
}
.send-message-btn:before {
  display: block;
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: rgba(255, 255, 255, 0.9) url("../images/loading.gif") no-repeat center center/20px auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 1;
  visibility: hidden;
}
.send-message-btn.loading:before {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.widget_apus_candidate_buttons .btn-block + .btn-block {
  margin-top: 10px;
}

.location-banner-inner {
  position: relative;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
  -webkit-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.location-banner-inner:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #221f1f;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
}
.location-banner-inner:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.location-banner-inner:hover:before {
  opacity: 0.9;
  filter: alpha(opacity=90);
  background: #1768fe;
}
.location-banner-inner .content-inner {
  position: absolute;
  padding: 18px 30px;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.location-banner-inner .title {
  color: #ffffff;
  font-size: 20px;
  margin: 0;
}
.location-banner-inner .number {
  color: #ffffff;
  font-size: 16px;
}

.category-banner-inner.style1 {
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
  padding: 50px 20px;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0 2px 15px 0 rgba(167, 174, 189, 0.3);
  box-shadow: 0 2px 15px 0 rgba(167, 174, 189, 0.3);
}
@media (min-width: 1200px) {
  .category-banner-inner.style1 {
    padding: 60px 20px;
  }
}
.category-banner-inner.style1 .category-icon {
  font-size: 40px;
  line-height: 1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  color: #1768fe;
}
@media (min-width: 1200px) {
  .category-banner-inner.style1 .category-icon {
    font-size: 50px;
  }
}
.category-banner-inner.style1 .title {
  font-size: 18px;
  margin: 12px 0 8px;
}
@media (min-width: 992px) {
  .category-banner-inner.style1 .title {
    margin: 22px 0 8px;
  }
}
.category-banner-inner.style1 .description {
  color: #888b90;
}
.category-banner-inner.style1 .number {
  white-space: nowrap;
  display: inline-block;
  padding: 4px 25px 8px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #feac36;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 1;
}
.category-banner-inner.style1 .number:hover {
  background-color: #fe9b0d;
}
.category-banner-inner.style1 .inner {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.category-banner-inner.style1:hover {
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
}
.category-banner-inner.style1:hover .category-icon {
  color: #feac36;
}
.category-banner-inner.style1:hover .inner {
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
}
.category-banner-inner.style1:hover .number {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(-50%, -30px);
  -ms-transform: translate(-50%, -30px);
  -o-transform: translate(-50%, -30px);
  transform: translate(-50%, -30px);
}

.category-banner-inner.style2 {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  overflow: hidden;
  padding: 30px 15px;
  text-align: center;
  background: #fff;
}
@media (min-width: 1200px) {
  .category-banner-inner.style2 {
    padding: 30px 35px;
  }
}
.category-banner-inner.style2 .category-icon {
  font-size: 40px;
  line-height: 1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  color: #1768fe;
}
@media (min-width: 1200px) {
  .category-banner-inner.style2 .category-icon {
    font-size: 40px;
  }
}
.category-banner-inner.style2 .title {
  font-size: 16px;
  margin: 0 0 15px;
}
.category-banner-inner.style2 .number {
  margin-top: 12px;
  color: #888b90;
  font-size: 14px;
}
.category-banner-inner.style2:hover {
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  transform: scale(1.04);
  z-index: 1;
}
.category-banner-inner.style2:hover .category-icon {
  color: #feac36;
}

.form-kormosala-ppp .label,
.select2-wrapper .label,
.my-jobs-ordering .label,
.jobs-ordering .label {
  padding: 0;
  margin-right: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #888b90;
  display: inline-block;
  vertical-align: middle;
}
.rtl .form-kormosala-ppp .label, .rtl
.select2-wrapper .label, .rtl
.my-jobs-ordering .label, .rtl
.jobs-ordering .label {
  margin-left: 15px;
  margin-right: inherit;
}
.form-kormosala-ppp .select2-container--default .select2-selection--single,
.select2-wrapper .select2-container--default .select2-selection--single,
.my-jobs-ordering .select2-container--default .select2-selection--single,
.jobs-ordering .select2-container--default .select2-selection--single {
  border: 1px solid #e8eef1;
  height: 42px;
  line-height: 42px;
  min-width: 165px;
  background: transparent;
  margin: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  outline: none !important;
}
.form-kormosala-ppp .select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.my-jobs-ordering .select2-container--default .select2-selection--single .select2-selection__rendered,
.jobs-ordering .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  padding: 0 20px;
  color: #888b90;
  background: #fbfdff;
}
@media (min-width: 1200px) {
  .form-kormosala-ppp .select2-container--default .select2-selection--single .select2-selection__rendered,
  .select2-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
  .my-jobs-ordering .select2-container--default .select2-selection--single .select2-selection__rendered,
  .jobs-ordering .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
  }
}
.form-kormosala-ppp .select2-container--default .select2-selection--single .select2-selection__clear,
.select2-wrapper .select2-container--default .select2-selection--single .select2-selection__clear,
.my-jobs-ordering .select2-container--default .select2-selection--single .select2-selection__clear,
.jobs-ordering .select2-container--default .select2-selection--single .select2-selection__clear {
  margin-right: 10px;
}
.rtl .form-kormosala-ppp .select2-container--default .select2-selection--single .select2-selection__clear, .rtl
.select2-wrapper .select2-container--default .select2-selection--single .select2-selection__clear, .rtl
.my-jobs-ordering .select2-container--default .select2-selection--single .select2-selection__clear, .rtl
.jobs-ordering .select2-container--default .select2-selection--single .select2-selection__clear {
  margin-left: 10px;
  margin-right: inherit;
}
.form-kormosala-ppp .select2-container--default .select2-selection--single .select2-selection__clear:hover,
.select2-wrapper .select2-container--default .select2-selection--single .select2-selection__clear:hover,
.my-jobs-ordering .select2-container--default .select2-selection--single .select2-selection__clear:hover,
.jobs-ordering .select2-container--default .select2-selection--single .select2-selection__clear:hover {
  color: #e44343;
}
.form-kormosala-ppp .select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder,
.my-jobs-ordering .select2-container--default .select2-selection--single .select2-selection__placeholder,
.jobs-ordering .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #989898;
}
.form-kormosala-ppp .select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow,
.my-jobs-ordering .select2-container--default .select2-selection--single .select2-selection__arrow,
.jobs-ordering .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 8px;
  margin-right: 10px;
}
.rtl .form-kormosala-ppp .select2-container--default .select2-selection--single .select2-selection__arrow, .rtl
.select2-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow, .rtl
.my-jobs-ordering .select2-container--default .select2-selection--single .select2-selection__arrow, .rtl
.jobs-ordering .select2-container--default .select2-selection--single .select2-selection__arrow {
  margin-left: 10px;
  margin-right: inherit;
}

.subwoo-inner {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: #fff;
  padding: 25px 30px;
  position: relative;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media (min-width: 1200px) {
  .subwoo-inner {
    margin-bottom: 30px;
  }
}
.subwoo-inner .title {
  margin: 25px 0 0;
  font-size: 20px;
}
.subwoo-inner .price {
  color: #3a3d43;
  font-weight: 500;
  font-size: 40px;
  line-height: 1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.subwoo-inner .short-des ul {
  line-height: 35px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.subwoo-inner .short-des ul li {
  line-height: 24px;
  border-bottom: 1px solid #f4f5f7;
  padding: 10px 0;
}
.subwoo-inner .content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.subwoo-inner .content ul li {
  margin: 0 0 8px;
}
.subwoo-inner .content ul li:last-child {
  margin-bottom: 0;
}
.subwoo-inner .bookmark {
  display: block;
  width: 18px;
  height: 30px;
  background: #1768fe;
  border-radius: 3px 0 0 0;
  -webkit-border-radius: 3px 0 0 0;
  -moz-border-radius: 3px 0 0 0;
  -ms-border-radius: 3px 0 0 0;
  -o-border-radius: 3px 0 0 0;
  position: absolute;
  z-index: 1;
  right: 35px;
  top: -6px;
}
.rtl .subwoo-inner .bookmark {
  left: 35px;
  right: auto;
}
.subwoo-inner .bookmark:after {
  content: '';
  width: 18px;
  height: 16px;
  border-width: 8px 9px;
  border-color: transparent transparent #fff;
  border-style: solid;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 2;
}
.subwoo-inner .bookmark:before {
  content: '';
  width: 5px;
  height: 5px;
  background: #0159fa;
  border-radius: 0 3px 0 0;
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  -ms-border-radius: 0 3px 0 0;
  -o-border-radius: 0 3px 0 0;
  position: absolute;
  display: block;
  top: 0;
  left: 100%;
}
.subwoo-inner .button-action {
  padding: 25px 0;
}
.subwoo-inner .add-cart .added_to_cart,
.subwoo-inner .add-cart .button {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  display: block;
  background: #1768fe;
  color: #fff;
  padding: 15px 20px !important;
  border: 0;
}
@media (min-width: 1200px) {
  .subwoo-inner .add-cart .added_to_cart,
  .subwoo-inner .add-cart .button {
    padding: 19px 25px !important;
  }
}
.subwoo-inner .add-cart .added_to_cart i,
.subwoo-inner .add-cart .button i {
  display: none;
}
.subwoo-inner .add-cart .added_to_cart:hover, .subwoo-inner .add-cart .added_to_cart:focus,
.subwoo-inner .add-cart .button:hover,
.subwoo-inner .add-cart .button:focus {
  color: #fff;
  background: #feac36;
  border-color: #feac36;
  -webkit-box-shadow: 0 6px 40px 0 rgba(254, 172, 54, 0.4);
  box-shadow: 0 6px 40px 0 rgba(254, 172, 54, 0.4);
}
.subwoo-inner .add-cart .added_to_cart {
  background: #feac36 !important;
  border-color: #feac36 !important;
}
.subwoo-inner:hover {
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
}
.subwoo-inner:hover .price {
  color: #feac36;
}
.subwoo-inner:hover .add-cart .added_to_cart,
.subwoo-inner:hover .add-cart .button {
  color: #fff;
  background: #feac36;
  border-color: #feac36;
  -webkit-box-shadow: 0 6px 40px 0 rgba(254, 172, 54, 0.4);
  box-shadow: 0 6px 40px 0 rgba(254, 172, 54, 0.4);
}

.open-job {
  color: #3a3d43;
}
.open-job span {
  color: #888b90;
}

.employer-style-inner {
  position: relative;
  overflow: hidden;
  background: #fff;
  -webkit-transition: box-shadow 0.3s ease-in-out 0s;
  -o-transition: box-shadow 0.3s ease-in-out 0s;
  transition: box-shadow 0.3s ease-in-out 0s;
}
.employer-style-inner .employer-metas {
  color: #3a3d43;
}
.employer-style-inner .employer-metas span {
  color: #888b90;
}
.employer-style-inner .job-category {
  font-size: 14px;
  font-weight: 500;
}
.employer-style-inner .job-category a {
  color: #1768fe !important;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.employer-style-inner .job-category a:hover, .employer-style-inner .job-category a:focus {
  text-decoration: underline;
}
.employer-style-inner .btn-action-job {
  right: 30px;
  top: 0;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 2;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
}
.rtl .employer-style-inner .btn-action-job {
  left: 30px;
  right: auto;
}
.employer-style-inner .btn-action-job.btn-unfollow-employer {
  opacity: 1;
  filter: alpha(opacity=100);
}
.employer-style-inner:hover {
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
}
.employer-style-inner:hover .btn-action-job {
  opacity: 1;
  filter: alpha(opacity=100);
}

.employer-grid {
  margin-bottom: 15px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 30px 30px 25px;
}
@media (min-width: 768px) {
  .employer-grid {
    margin-bottom: 30px;
  }
}
.employer-grid .employer-logo {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .employer-grid .employer-logo {
    margin-bottom: 20px;
  }
}
.employer-grid .employer-title {
  margin: 0;
  font-size: 18px;
}
.employer-grid .title-wrapper {
  margin-bottom: 15px;
}

.employer-list {
  -webkit-transition: transform 0.25s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
  -o-transition: transform 0.25s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
  transition: transform 0.25s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
  padding: 30px;
}
.employer-list .right-content {
  width: 100%;
}
.employer-list .left-inner {
  position: relative;
}
.employer-list .left-inner + .right-content {
  width: calc(100% - 120px);
  padding-left: 15px;
}
.rtl .employer-list .left-inner + .right-content {
  padding-right: 15px;
  padding-left: inherit;
}
@media (min-width: 1200px) {
  .employer-list .left-inner + .right-content {
    padding-left: 30px;
  }
  .rtl .employer-list .left-inner + .right-content {
    padding-right: 30px;
    padding-left: inherit;
  }
}
.employer-list .employer-logo {
  width: 120px;
  height: 120px;
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: center;
  /* Safari 7.0+ */
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.employer-list .employer-title {
  font-size: 18px;
  margin: 0;
}
.employer-list .title-wrapper {
  margin-bottom: 15px;
}
.employer-list .found-date {
  color: #3a3d43;
}
.employer-list:hover {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
  z-index: 1;
}

.employers-wrapper .style-list-employers {
  border-bottom: 1px solid #dee6ed;
}
.employers-wrapper .style-list-employers:last-child {
  border: none;
}

.employers-listing-wrapper .results-count {
  font-size: 16px;
  color: #3a3d43;
  font-weight: 500;
}

.list-alphabet {
  list-style: none;
  text-align: justify;
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 15px 12px;
  margin: 0 0 30px;
}
@media (min-width: 1200px) {
  .list-alphabet {
    margin-bottom: 60px;
  }
}
.list-alphabet li {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  margin: 0 8px;
}
@media (min-width: 1200px) {
  .list-alphabet li {
    margin: 0 14px;
  }
}

.company-items-inner {
  margin-bottom: 15px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: #fff;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media (min-width: 768px) {
  .company-items-inner {
    margin-bottom: 30px;
  }
}
.company-items-inner .letter-title {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #3a3d43;
  padding: 30px;
  line-height: 1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.company-items-inner .letter-title h3 {
  line-height: 0.7;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  margin: 0;
  font-size: 30px;
  color: inherit;
}
@media (min-width: 1200px) {
  .company-items-inner .letter-title h3 {
    font-size: 60px;
  }
}
.company-items-inner .letter-title .job-count {
  margin-left: 30px;
}
.rtl .company-items-inner .letter-title .job-count {
  margin-right: 30px;
  margin-left: inherit;
}
@media (min-width: 1200px) {
  .company-items-inner .letter-title .job-count {
    margin-top: 8px;
  }
}
.company-items-inner .content-bottom {
  padding: 20px 30px;
  border-top: 1px solid #dee6ed;
}
.company-items-inner .company-item {
  margin-bottom: 10px;
}
.company-items-inner .company-item:last-child {
  margin-bottom: 0;
}
.company-items-inner a {
  color: #888b90;
}
.company-items-inner a:hover, .company-items-inner a:focus {
  color: #1768fe;
}
.company-items-inner:hover {
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
}
.company-items-inner:hover .letter-title {
  color: #1768fe;
}

.widget-jobs-tabs .list-item,
.widget-jobs-tabs .style-list-jobs,
.widget-jobs .list-item,
.widget-jobs .style-list-jobs,
.jobs-wrapper .list-item,
.jobs-wrapper .style-list-jobs {
  border-bottom: 1px solid #dee6ed;
}
.widget-jobs-tabs .list-item:last-child,
.widget-jobs-tabs .style-list-jobs:last-child,
.widget-jobs .list-item:last-child,
.widget-jobs .style-list-jobs:last-child,
.jobs-wrapper .list-item:last-child,
.jobs-wrapper .style-list-jobs:last-child {
  border: none;
}

.job-metas > div {
  display: inline-block;
  margin-right: 20px;
}
.rtl .job-metas > div {
  margin-left: 20px;
  margin-right: inherit;
}
@media (min-width: 1200px) {
  .job-metas > div {
    margin-right: 40px;
  }
  .rtl .job-metas > div {
    margin-left: 40px;
    margin-right: inherit;
  }
}
.job-metas > div:last-child {
  margin-right: 0;
}
.rtl .job-metas > div:last-child {
  margin-left: 0;
  margin-right: inherit;
}
.job-metas i {
  margin-right: 5px;
}
.rtl .job-metas i {
  margin-left: 5px;
  margin-right: inherit;
}

.job-title {
  font-size: 18px;
  margin: 0 0 5px;
  font-weight: 600;
}

.job-location i,
.job-salary i {
  margin-right: 5px;
}
.rtl .job-location i, .rtl
.job-salary i {
  margin-left: 5px;
  margin-right: inherit;
}

.type-job {
  font-size: 14px;
  font-weight: 500;
}

.job-style-inner {
  position: relative;
  overflow: hidden;
  background: #fff;
  -webkit-transition: box-shadow 0.3s ease-in-out 0s;
  -o-transition: box-shadow 0.3s ease-in-out 0s;
  transition: box-shadow 0.3s ease-in-out 0s;
}
.job-style-inner .urgent {
  position: absolute;
  top: 9px;
  left: -25px;
  z-index: 2;
  background: #e44343;
  color: #fff;
  display: inline-block;
  padding: 2px 25px;
  font-weight: 500;
  font-size: 14px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.rtl .job-style-inner .urgent {
  right: -25px;
  left: auto;
}
.job-style-inner .wrapper-shortlist {
  right: 30px;
  top: 0;
  position: absolute;
}
.rtl .job-style-inner .wrapper-shortlist {
  left: 30px;
  right: auto;
}
.job-style-inner .btn-action-job {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 2;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
}
.job-style-inner .btn-action-job.added {
  opacity: 1;
  filter: alpha(opacity=100);
}
.job-style-inner:hover {
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
}
.job-style-inner:hover .btn-action-job {
  opacity: 1;
  filter: alpha(opacity=100);
}

.job-grid {
  margin-bottom: 15px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 30px 30px 25px;
}
@media (min-width: 768px) {
  .job-grid {
    margin-bottom: 30px;
  }
}
.job-grid .employer-title {
  font-size: 16px;
  margin: 0;
  font-weight: 400;
  line-height: 1.6;
}
.job-grid .employer-title a {
  color: #1768fe;
}
.job-grid .job-title {
  margin: 0 0 15px;
  font-size: 18px;
}
.job-grid .job-employer-info-wrapper > * {
  display: inline-block;
}
.job-grid .job-postdate {
  margin-top: 3px;
}
.job-grid .employer-logo {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .job-grid .employer-logo {
    margin-bottom: 20px;
  }
}

.job-list {
  -webkit-transition: transform 0.25s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
  -o-transition: transform 0.25s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
  transition: transform 0.25s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
  padding: 30px;
}
.job-list .job-employer-logo {
  position: relative;
   
  height: auto;
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: center;
  /* Safari 7.0+ */
  display: flex;
  align-items: center;
  padding-right: 15px;
}
.rtl .job-list .job-employer-logo {
  padding-left: 15px;
  padding-right: inherit;
}
@media (min-width: 1200px) {
  .job-list .job-employer-logo {
    padding-right: 30px;
  }
  .rtl .job-list .job-employer-logo {
    padding-left: 30px;
    padding-right: inherit;
  }
}
.job-list .job-employer-logo + .job-information {
  width: calc(100% - 150px);
}
.job-list .job-employer-info-wrapper > * {
  display: inline-block;
}
.job-list .employer-title {
  font-size: 16px;
  margin: 0;
  font-weight: 400;
  line-height: 1.6;
}
.job-list .employer-title a {
  color: #1768fe;
}
.job-list .job-title {
  margin: 0;
  font-size: 18px;
}
.job-list .title-wrapper {
  margin: 0 0 15px;
}
.job-list .job-metas {
  margin: 5px 0 0;
  color: #3a3d43;
}
.job-list .job-metas strong {
  font-weight: 400;
  color: #888b90;
}
.job-list .urgent {
  position: absolute;
  top: 9px;
  left: -25px;
  z-index: 2;
  background: #e44343;
  color: #fff;
  display: inline-block;
  padding: 2px 25px;
  font-weight: 500;
  font-size: 14px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.rtl .job-list .urgent {
  right: -25px;
  left: auto;
}
.job-list .wrapper-shortlist {
  right: 30px;
  top: 0;
  position: absolute;
}
.rtl .job-list .wrapper-shortlist {
  left: 30px;
  right: auto;
}
.job-list .btn-action-job {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 2;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
}
.job-list .btn-action-job.added {
  opacity: 1;
  filter: alpha(opacity=100);
}
.job-list:hover {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
  z-index: 1;
}

.job-list-v1 .wrapper-shortlist {
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.rtl .job-list-v1 .wrapper-shortlist {
  left: 0;
  right: auto;
}
.job-list-v1 .wrapper-shortlist .btn-action-job {
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
}

.job-list-small {
  background: #ffffff;
  border: 1px solid #e9f0f3;
  padding: 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 3px 10px 0 rgba(62, 28, 131, 0.02);
  box-shadow: 0 3px 10px 0 rgba(62, 28, 131, 0.02);
}
@media (min-width: 768px) {
  .job-list-small {
    padding: 20px;
  }
}
.job-list-small .employer-logo {
  width: 70px;
  height: 70px;
  overflow: hidden;
  display: -webkit-flex;
  -webkit-align-items: center;
  display: flex;
  align-items: center;
}
.job-list-small .employer-logo + .job-information {
  width: calc(100% - 70px);
  padding-left: 20px;
}
.rtl .job-list-small .employer-logo + .job-information {
  padding-right: 20px;
  padding-left: inherit;
}
.job-list-small .job-information {
  width: 100%;
}
.job-list-small .job-title {
  font-size: 1.8rem;
  margin: 0;
  font-weight: 400;
}
.job-list-small .job-metas {
  margin-top: 5px;
  font-size: 13px;
}
.job-list-small .job-metas i {
  margin-right: 5px;
  font-size: 15px;
}
.rtl .job-list-small .job-metas i {
  margin-left: 5px;
  margin-right: inherit;
}
.job-list-small .job-metas > * {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}
.rtl .job-list-small .job-metas > * {
  margin-left: 15px;
  margin-right: inherit;
}
.job-list-small .job-metas > *:last-child {
  margin-right: 0;
}
.rtl .job-list-small .job-metas > *:last-child {
  margin-left: 0;
  margin-right: inherit;
}
.job-list-small .job-tags {
  margin-top: 5px;
}
.job-list-small .job-tags strong {
  display: none;
}
.job-list-small .job-location {
  font-size: 16px;
  color: #888b90;
}

.job-list-simple {
  margin-bottom: 25px;
}
.job-list-simple:last-child {
  margin-bottom: 0;
}
.job-list-simple .employer-logo {
  width: 110px;
  padding-right: 20px;
}
.rtl .job-list-simple .employer-logo {
  padding-left: 20px;
  padding-right: inherit;
}
.job-list-simple .employer-logo + .inner {
  width: calc(100% - 110px);
}
.job-list-simple .job-title {
  font-size: 16px;
  margin: 0 0 5px;
  font-weight: 500;
  max-height: 42px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.job-list-simple .job-location strong {
  display: none;
}
.job-list-simple .job-metas {
  font-size: 15px;
}
.job-list-simple .employer-logo {
  display: -webkit-flex;
  /* Safari */
  display: flex;
}
.job-list-simple .employer-logo a {
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: center;
  /* Safari 7.0+ */
  display: flex;
  align-items: center;
  border: 1px solid #e8eef1;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  padding: 5px;
}
.job-list-simple .employer-logo a img {
  vertical-align: middle;
}

.widget-candidates .widget-title,
.widget-jobs .widget-title {
  font-size: 30px;
}
@media (min-width: 1200px) {
  .widget-candidates .widget-title,
  .widget-jobs .widget-title {
    margin: 0 0 50px;
  }
}
.widget-candidates .bottom-view,
.widget-jobs .bottom-view {
  margin-top: 25px;
}
@media (min-width: 1200px) {
  .widget-candidates .bottom-view,
  .widget-jobs .bottom-view {
    margin-top: 50px;
  }
}

.widget-jobs-tabs .top-info {
  text-align: center;
  margin: 0 0 30px;
}
@media (min-width: 1200px) {
  .widget-jobs-tabs .top-info {
    margin: 0 0 50px;
  }
}
.widget-jobs-tabs .nav-tabs {
  display: inline-block;
  background: #1768fe;
  padding: 8px;
  margin: 0 auto;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.widget-jobs-tabs .nav-tabs > li {
  margin: 0 !important;
  float: none;
  display: inline-block;
  white-space: nowrap;
}
.widget-jobs-tabs .nav-tabs > li + li {
  margin-left: 3px !important;
}
.rtl .widget-jobs-tabs .nav-tabs > li + li {
  margin-right: 3px !important;
  margin-left: inherit;
}
.widget-jobs-tabs .nav-tabs > li > a {
  -webkit-transition: all 0.35s ease-in-out 0s;
  -o-transition: all 0.35s ease-in-out 0s;
  transition: all 0.35s ease-in-out 0s;
  border: none !important;
  background: transparent;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 14px 15px;
  display: inline-block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  margin: 0;
}
@media (min-width: 768px) {
  .widget-jobs-tabs .nav-tabs > li > a {
    min-width: 190px;
  }
}
.widget-jobs-tabs .nav-tabs > li:hover > a, .widget-jobs-tabs .nav-tabs > li.active > a {
  color: #1768fe;
  background: #fff;
}

.widget-candidates .style-list-candidate,
.candidates-wrapper .style-list-candidate {
  border-bottom: 1px solid #dee6ed;
}
.widget-candidates .style-list-candidate:last-child,
.candidates-wrapper .style-list-candidate:last-child {
  border: none;
}

.candidate-archive-layout {
  position: relative;
  overflow: hidden;
  background: #fff;
  -webkit-transition: box-shadow 0.3s ease-in-out 0s;
  -o-transition: box-shadow 0.3s ease-in-out 0s;
  transition: box-shadow 0.3s ease-in-out 0s;
}
.candidate-archive-layout .rating-avg {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  background-color: #febe42;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}
.candidate-archive-layout .review-stars-rated-wrapper {
  display: inline-block;
  line-height: 0;
}
.candidate-archive-layout .thumbnail-inner {
  position: relative;
}
.candidate-archive-layout .thumbnail-inner .rating-avg {
  position: absolute;
  bottom: 5px;
  right: -8px;
}
.rtl .candidate-archive-layout .thumbnail-inner .rating-avg {
  left: -8px;
  right: auto;
}
.candidate-archive-layout .thumbnail-inner .featured {
  position: absolute;
  top: 5px;
  left: -8px;
}
.rtl .candidate-archive-layout .thumbnail-inner .featured {
  right: -8px;
  left: auto;
}
.candidate-archive-layout .urgent {
  position: absolute;
  top: 9px;
  right: -26px;
  z-index: 2;
  background: #e44343;
  color: #fff;
  display: inline-block;
  padding: 2px 25px;
  font-weight: 500;
  font-size: 14px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rtl .candidate-archive-layout .urgent {
  left: -26px;
  right: auto;
}
.candidate-archive-layout .btn-action-job {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  opacity: 0;
  filter: alpha(opacity=0);
}
.candidate-archive-layout .btn-action-job.added {
  opacity: 1;
  filter: alpha(opacity=100);
}
.candidate-archive-layout .candidate-category {
  font-weight: 500;
  font-size: 14px;
}
.candidate-archive-layout .candidate-category a {
  color: #1768fe;
}
.candidate-archive-layout .candidate-title {
  font-size: 18px;
  margin: 0;
}
.candidate-archive-layout .info {
  margin: 10px 0 0;
  color: #3a3d43;
}
.candidate-archive-layout .info strong {
  font-weight: 400;
  color: #888b90;
}
.candidate-archive-layout .job-tags {
  margin-top: 8px;
}
.candidate-archive-layout:hover {
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
}
.candidate-archive-layout:hover .btn-action-job {
  opacity: 1;
  filter: alpha(opacity=100);
}

.candidate-grid {
  margin-bottom: 15px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
@media (min-width: 768px) {
  .candidate-grid {
    margin-bottom: 30px;
  }
}
.candidate-grid .inner-bottom {
  padding: 25px 30px;
}
.candidate-grid .btn-action-job {
  position: absolute;
  z-index: 2;
  left: 30px;
  top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
}
.rtl .candidate-grid .btn-action-job {
  right: 30px;
  left: auto;
}

.candidate-list {
  -webkit-transition: transform 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
  -o-transition: transform 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
  transition: transform 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
  padding: 20px;
  z-index: 1;
}
@media (min-width: 1200px) {
  .candidate-list {
    padding: 30px;
  }
}
.candidate-list .info > div {
  display: inline-block;
  margin-right: 20px;
}
.rtl .candidate-list .info > div {
  margin-left: 20px;
  margin-right: inherit;
}
@media (min-width: 1200px) {
  .candidate-list .info > div {
    margin-right: 40px;
  }
  .rtl .candidate-list .info > div {
    margin-left: 40px;
    margin-right: inherit;
  }
}
.candidate-list .info > div:last-child {
  margin-right: 0;
}
.rtl .candidate-list .info > div:last-child {
  margin-left: 0;
  margin-right: inherit;
}
.candidate-list .inner-left {
  width: 100%;
}
.candidate-list .candidate-thumbnail {
  position: relative;
}
.candidate-list .candidate-thumbnail a {
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: center;
  /* Safari 7.0+ */
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
@media (min-width: 1200px) {
  .candidate-list .candidate-thumbnail a {
    width: 110px;
    height: 110px;
  }
}
.candidate-list .candidate-thumbnail .featured {
  position: absolute;
  top: 5px;
  left: -8px;
}
.rtl .candidate-list .candidate-thumbnail .featured {
  right: -8px;
  left: auto;
}
.candidate-list .candidate-thumbnail + .inner-left {
  padding-left: 20px;
  width: calc(100% - 70px);
}
.rtl .candidate-list .candidate-thumbnail + .inner-left {
  padding-right: 20px;
  padding-left: inherit;
}
@media (min-width: 1200px) {
  .candidate-list .candidate-thumbnail + .inner-left {
    width: calc(100% - 110px);
    padding-left: 30px;
  }
  .rtl .candidate-list .candidate-thumbnail + .inner-left {
    padding-right: 30px;
    padding-left: inherit;
  }
}
.candidate-list:hover {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
  z-index: 2;
}

.candidate-salary i {
  vertical-align: text-bottom;
}

.candidates-listing-wrapper .results-count {
  font-size: 16px;
  margin: 0;
  color: #3a3d43;
  font-weight: 500;
}

.trending-keywords {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 1200px) {
  .trending-keywords {
    margin-top: 30px;
  }
}
.trending-keywords li {
  display: inline-block;
  margin-right: 5px;
}
.rtl .trending-keywords li {
  margin-left: 5px;
  margin-right: inherit;
}
.trending-keywords li.item:after {
  content: ',';
}
.trending-keywords li:last-child {
  margin-right: 0;
}
.rtl .trending-keywords li:last-child {
  margin-left: 0;
  margin-right: inherit;
}
.trending-keywords li:last-child:after {
  display: none;
}

.form-search .trending-keywords {
  margin-top: 15px;
  color: #b8d1ff;
}
@media (min-width: 1200px) {
  .form-search .trending-keywords {
    margin-top: 30px;
  }
}
.form-search .trending-keywords .title {
  color: #fff;
  font-weight: 500;
}
.form-search .trending-keywords a {
  color: #b8d1ff;
}
.form-search .trending-keywords a:hover, .form-search .trending-keywords a:focus {
  color: #fff;
}

.search-form-inner {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  margin-left: -15px;
  margin-right: -15px;
}
.search-form-inner > div {
  padding-left: 15px;
  padding-right: 15px;
  flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  width: 30%;
}
.search-form-inner .form-group-title {
  width: 50%;
}
.search-form-inner .form-group-search {
  width: 20%;
}
.search-form-inner .form-group {
  margin: 0;
}
.search-form-inner.group-title-large .form-group-title {
  width: 55%;
}
.search-form-inner .form-control {
  padding: 0 25px;
  border: none;
  height: 54px;
  line-height: 54px;
  background: #fff;
  color: #3a3d43;
}
.search-form-inner .btn-submit {
  text-transform: capitalize;
  height: 54px;
  padding: 0 10px;
  border: 0;
}
.search-form-inner .btn-submit i {
  margin-right: 10px;
}
.rtl .search-form-inner .btn-submit i {
  margin-left: 10px;
  margin-right: inherit;
}
@media (min-width: 992px) {
  .search-form-inner .btn-submit {
    min-width: 150px;
    padding: 0 15px;
  }
}
.search-form-inner .select2-container--default .select2-selection--single {
  border: none;
  height: 54px;
  line-height: 54px;
  background: #fff;
  margin: 0;
}
.search-form-inner .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 54px;
  padding: 0 25px;
}
.search-form-inner .select2-container--default .select2-selection--single .select2-selection__clear {
  margin-right: 12px;
  color: #e44343;
}
.rtl .search-form-inner .select2-container--default .select2-selection--single .select2-selection__clear {
  margin-left: 12px;
  margin-right: inherit;
}
.search-form-inner .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #888b90;
}
.search-form-inner .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 14px;
  margin-right: 15px;
}
.rtl .search-form-inner .select2-container--default .select2-selection--single .select2-selection__arrow {
  margin-left: 15px;
  margin-right: inherit;
}

.header-tabs-wrapper .header-tabs-nav {
  background: #f3f3f3;
  padding: 10px 0 0;
  position: relative;
  z-index: 1;
}
@media (min-width: 1200px) {
  .header-tabs-wrapper .header-tabs-nav {
    padding: 20px 0 0;
  }
}
.header-tabs-wrapper .header-tabs-nav:before {
  content: '';
  position: absolute;
  z-index: -1;
  left: -1000px;
  width: 10000px;
  height: 100%;
  top: 0;
  background: #f3f3f3;
}
.header-tabs-wrapper.affix {
  position: fixed;
  z-index: 7;
}

.header-tabs-nav .nav li {
  float: left;
}
.rtl .header-tabs-nav .nav li {
  float: right;
}
.header-tabs-nav .nav li > a {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  padding: 5px 15px;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
}
@media (min-width: 1200px) {
  .header-tabs-nav .nav li > a {
    padding: 16px 25px;
  }
}
.header-tabs-nav .nav li > a:hover, .header-tabs-nav .nav li > a:focus {
  color: #3a3d43;
  background: transparent;
}
.header-tabs-nav .nav li.active > a {
  color: #3a3d43;
  background: #fff;
}

.employer-logo-wrapper-v2 {
  text-align: center;
}
.employer-logo-wrapper-v2 .job-detail-thumbnail {
  width: 100px;
  height: 100px;
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: center;
  /* Safari 7.0+ */
  display: flex;
  align-items: center;
  overflow: hidden;
  margin: auto;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.employer-logo-wrapper-v2 .job-detail-title {
  font-size: 20px;
  margin: 15px 0 3px;
}
.employer-logo-wrapper-v2 .job-location {
  color: #888b90;
  font-size: 16px;
}

.job-detail-also-viewed .item {
  padding: 0 0 15px;
  margin: 0 0 15px;
  border-bottom: 1px solid #e8eef1;
}
.job-detail-also-viewed .item:last-child {
  border: none;
  margin: 0;
  padding: 0;
}
.job-detail-also-viewed .job-title {
  font-size: 15px;
  margin: 0 0 2px;
  font-weight: 400;
}
.job-detail-also-viewed .job-location {
  margin-top: 5px;
}

.job-detail-employer-info .employer-thumbnail {
  width: 120px;
  height: 120px;
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: center;
  /* Safari 7.0+ */
  display: flex;
  align-items: center;
  overflow: hidden;
  margin: auto;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.job-detail-employer-info .bottom-inner,
.job-detail-employer-info .employer-address,
.job-detail-employer-info .employer-links {
  margin-top: 15px;
}
.job-detail-employer-info .employer-links a {
  white-space: nowrap;
  margin-right: 25px;
}
.rtl .job-detail-employer-info .employer-links a {
  margin-left: 25px;
  margin-right: inherit;
}
.job-detail-employer-info .employer-links a:last-child {
  margin-right: 0;
}
.rtl .job-detail-employer-info .employer-links a:last-child {
  margin-left: 0;
  margin-right: inherit;
}
.job-detail-employer-info .employer-links a i {
  margin-left: 12px;
}
.rtl .job-detail-employer-info .employer-links a i {
  margin-right: 12px;
  margin-left: inherit;
}
.job-detail-employer-info .text {
  color: #888b90;
}

.job-detail-buttons {
  position: relative;
}
.job-detail-buttons .alert {
  position: absolute;
  bottom: 100%;
  min-width: 100%;
  right: 0;
  z-index: 2;
  margin-bottom: 10px;
}
.rtl .job-detail-buttons .alert {
  left: 0;
  right: auto;
}
.job-detail-buttons .deadline-time {
  text-align: center;
  margin-bottom: 10px;
}
.job-detail-buttons .btn-apply {
  margin-right: 5px;
}
.rtl .job-detail-buttons .btn-apply {
  margin-left: 5px;
  margin-right: inherit;
}

.job-detail-employer-info .list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.job-detail-employer-info .list li {
  color: #3a3d43;
  overflow: hidden;
  margin-bottom: 9px;
}
.job-detail-employer-info .list li:last-child {
  margin-bottom: 0;
}
.job-detail-employer-info .list li div {
  display: inline;
}

.employer-detail-detail .inner-image,
.job-detail-detail .inner-image {
  margin: 15px 0 40px;
  text-align: center;
}
.employer-detail-detail .list,
.job-detail-detail .list {
  list-style: none;
  padding: 0;
  margin: 0 0 9px;
}
.employer-detail-detail .list li,
.job-detail-detail .list li {
  color: #3a3d43;
  overflow: hidden;
  margin-bottom: 9px;
}
.employer-detail-detail .list li:last-child,
.job-detail-detail .list li:last-child {
  margin-bottom: 0;
}
.employer-detail-detail .list li div,
.job-detail-detail .list li div {
  display: inline;
}
.employer-detail-detail .icon,
.job-detail-detail .icon {
  color: #1768fe;
  font-size: 25px;
  float: left;
}
.rtl .employer-detail-detail .icon, .rtl
.job-detail-detail .icon {
  float: right;
}
.employer-detail-detail .details,
.job-detail-detail .details {
  overflow: hidden;
}
.employer-detail-detail .text,
.job-detail-detail .text {
  color: #888b90;
}
.employer-detail-detail .value,
.job-detail-detail .value {
  font-size: 15px;
}
.employer-detail-detail .details,
.job-detail-detail .details {
  padding-left: 15px;
}
.rtl .employer-detail-detail .details, .rtl
.job-detail-detail .details {
  padding-right: 15px;
  padding-left: inherit;
}
.employer-detail-detail .social-title,
.job-detail-detail .social-title {
  font-size: 14px;
  margin: 20px 0 10px;
  font-weight: 500;
  color: #3a3d43;
}
.employer-detail-detail .apus-social-share a,
.job-detail-detail .apus-social-share a {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);
  box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);
  border: 1px solid #eaeff5;
  width: 45px;
  height: 45px;
  display: inline-block;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 5px;
  background: #fff;
  color: #1768fe;
}
.rtl .employer-detail-detail .apus-social-share a, .rtl
.job-detail-detail .apus-social-share a {
  margin-left: 5px;
  margin-right: inherit;
}
.employer-detail-detail .apus-social-share a:hover, .employer-detail-detail .apus-social-share a:focus,
.job-detail-detail .apus-social-share a:hover,
.job-detail-detail .apus-social-share a:focus {
  color: #fff;
  background: #1768fe;
  border-color: #1768fe;
}
.employer-detail-detail .apus-social-share a:last-child,
.job-detail-detail .apus-social-share a:last-child {
  margin-right: 0;
}
.rtl .employer-detail-detail .apus-social-share a:last-child, .rtl
.job-detail-detail .apus-social-share a:last-child {
  margin-left: 0;
  margin-right: inherit;
}
.employer-detail-detail .action .deadline-time,
.job-detail-detail .action .deadline-time {
  margin-bottom: 30px;
}
.employer-detail-detail .action .deadline-time strong,
.job-detail-detail .action .deadline-time strong {
  font-weight: 400;
  color: #3a3d43;
}
.employer-detail-detail .action .btn,
.job-detail-detail .action .btn {
  width: 100%;
  display: block !important;
  margin-bottom: 10px;
}
.employer-detail-detail .action .btn:last-child,
.job-detail-detail .action .btn:last-child {
  margin-bottom: 0;
}

.employer-detail-detail .list {
  margin-bottom: 30px;
}

.employer-detail-description,
.job-detail-description {
  padding: 25px 30px 30px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.employer-detail-description .title,
.job-detail-description .title {
  font-size: 20px;
  margin: 0 0 15px;
}
.employer-detail-description > ol,
.job-detail-description > ol {
  padding: 0;
  list-style-position: inside;
  margin: 0 0 20px;
}
.employer-detail-description > ol li,
.job-detail-description > ol li {
  margin-bottom: 5px;
}
.employer-detail-description > div,
.job-detail-description > div {
  margin-bottom: 25px;
}
.employer-detail-description > div .title,
.job-detail-description > div .title {
  margin-bottom: 20px;
}
.employer-detail-description > div:last-child,
.job-detail-description > div:last-child {
  margin-bottom: 0;
}

.social-job-detail {
  padding: 30px 0 0;
  margin-top: 30px;
  border-top: 1px solid #dee6ed;
}

.statistic-item {
  margin-bottom: 20px;
  border: 1px solid #e8eef1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 13px 20px;
}
.statistic-item:last-child {
  margin-bottom: 0;
}
.statistic-item .icon {
  line-height: 1;
  font-size: 25px;
}
@media (min-width: 1200px) {
  .statistic-item .icon {
    font-size: 30px;
  }
}
.statistic-item .text {
  padding-left: 10px;
  font-size: 14px;
}
.rtl .statistic-item .text {
  padding-right: 10px;
  padding-left: inherit;
}
@media (min-width: 1200px) {
  .statistic-item .text {
    padding-left: 15px;
  }
  .rtl .statistic-item .text {
    padding-right: 15px;
    padding-left: inherit;
  }
}
.statistic-item .number {
  font-size: 16px;
  color: #3a3d43;
  padding-right: 5px;
}
.rtl .statistic-item .number {
  padding-left: 5px;
  padding-right: inherit;
}

.widget-job-detail-social span.title {
  color: #3a3d43;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.widget-job-detail-social .apus-social-share {
  display: inline-block;
  vertical-align: middle;
}
.widget-job-detail-social .apus-social-share a {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  text-align: center;
  line-height: 40px;
}
.widget-job-detail-social .apus-social-share a:hover, .widget-job-detail-social .apus-social-share a:focus {
  color: #fff;
  background: #1768fe;
}
.widget-job-detail-social.st_dark {
  background: #fafafa;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.detail-wrapper {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  margin-bottom: 20px;
  border: 1px solid #eaeff5;
}
@media (min-width: 1200px) {
  .detail-wrapper {
    margin-bottom: 40px;
  }
}
.detail-wrapper .detail-wrapper-header {
  padding: 14px 20px;
  border-bottom: 1px solid #eaeff5;
}
.detail-wrapper .detail-wrapper-header h1, .detail-wrapper .detail-wrapper-header h2, .detail-wrapper .detail-wrapper-header h3, .detail-wrapper .detail-wrapper-header h4 {
  margin: 0;
}
.detail-wrapper .detail-wrapper-body {
  padding: 20px;
}

.detail-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.detail-list li {
  width: 100%;
  margin: 0 0 12px;
  position: relative;
  line-height: 22px;
  font-size: 16px;
  padding-left: 23px;
}
.rtl .detail-list li {
  padding-right: 23px;
  padding-left: inherit;
}
.detail-list li:before {
  position: absolute;
  left: 0;
  display: block;
  top: 13px;
  width: 10px;
  height: 1px;
  content: "";
  background: #677782;
}
.rtl .detail-list li:before {
  right: 0;
  left: auto;
}

@-webkit-keyframes scale_icon {
  from {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  to {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
/* Standard syntax */
@keyframes scale_icon {
  from {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  to {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.job_maps_sidebar #jobs-google-maps {
  height: 180px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .job_maps_sidebar #jobs-google-maps {
    height: 250px;
  }
}

.candidate-detail-portfolio .education-item {
  overflow: hidden;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .candidate-detail-portfolio .education-item {
    margin-bottom: 30px;
  }
}
.candidate-detail-portfolio .content-bottom {
  margin-bottom: -15px;
}
@media (min-width: 1200px) {
  .candidate-detail-portfolio .content-bottom {
    margin-bottom: -30px;
  }
}
.candidate-detail-portfolio .item {
  display: block;
  position: relative;
  overflow: hidden;
}
.candidate-detail-portfolio .item img {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.candidate-detail-portfolio .item:before {
  z-index: 1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.candidate-detail-portfolio .item:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.candidate-detail-portfolio .item:hover:before {
  opacity: 1;
  filter: alpha(opacity=100);
}

.candidate-detail-skill .progress-box {
  margin-bottom: 20px;
}
.candidate-detail-skill .progress-box:last-child {
  margin-bottom: 0;
}
.candidate-detail-skill .progress-box .box-title {
  margin: 0;
}

.contact-form-employer .form-control,
.contact-form-candidate .form-control {
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
}
.contact-form-employer textarea,
.contact-form-candidate textarea {
  height: 140px;
  resize: none;
}
.contact-form-employer .form-group,
.contact-form-candidate .form-group {
  margin-bottom: 10px;
}
.contact-form-employer .button,
.contact-form-candidate .button {
  text-transform: uppercase;
}

.candidate-detail-cv {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
  padding: 10px;
  background-color: #afafaf;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .candidate-detail-cv {
    margin-bottom: 30px;
    padding: 15px 20px;
  }
}
.candidate-detail-cv:last-child {
  margin-bottom: 0;
}
.candidate-detail-cv .icon_type {
  font-size: 36px;
  float: right;
  display: inline-block;
}
.rtl .candidate-detail-cv .icon_type {
  float: left;
}
.candidate-detail-cv .extension {
  font-size: 16px;
  text-transform: uppercase;
}
.candidate-detail-cv .filename {
  font-size: 17px;
  font-weight: 500;
}
.candidate-detail-cv:focus, .candidate-detail-cv:hover {
  background-color: #1768fe;
  color: #fff;
}

.job-metas-cadidate {
  margin-top: 5px;
}
.job-metas-cadidate i {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  margin-right: 8px;
}
.rtl .job-metas-cadidate i {
  margin-left: 8px;
  margin-right: inherit;
}
.job-metas-cadidate > div {
  display: inline-block;
  margin-right: 25px;
}
.rtl .job-metas-cadidate > div {
  margin-left: 25px;
  margin-right: inherit;
}
.job-metas-cadidate > div:last-child {
  margin-right: 0;
}
.rtl .job-metas-cadidate > div:last-child {
  margin-left: 0;
  margin-right: inherit;
}

.candidate-detail-buttons .wrapper-shortlist {
  margin-bottom: 20px;
}
.candidate-detail-buttons .btn-block + .btn-block {
  margin-top: 18px;
}

.list-detail-candidate {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-detail-candidate i {
  display: inline-block;
  margin-right: 10px;
}
.rtl .list-detail-candidate i {
  margin-left: 10px;
  margin-right: inherit;
}
.list-detail-candidate li {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}
.rtl .list-detail-candidate li {
  float: right;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .list-detail-candidate li {
    width: 50%;
  }
  .list-detail-candidate li:nth-child(2n + 1) {
    clear: both;
  }
}
@media (min-width: 1200px) {
  .list-detail-candidate li {
    width: 33.33333333%;
  }
  .list-detail-candidate li:nth-child(3n + 1) {
    clear: both;
  }
}
.list-detail-candidate .type-job,
.list-detail-candidate .job-location {
  color: #888b90;
  font-size: 16px;
}
.list-detail-candidate .type-job:hover, .list-detail-candidate .type-job:focus,
.list-detail-candidate .job-location:hover,
.list-detail-candidate .job-location:focus {
  color: #3a3d43;
}

.my_resume_eduarea .content {
  position: relative;
  padding-left: 28px;
  margin-left: -30px;
  border-left: 2px solid #1768fe;
  margin-bottom: 20px;
}
.rtl .my_resume_eduarea .content {
  padding-right: 28px;
  padding-left: inherit;
}
.rtl .my_resume_eduarea .content {
  margin-right: -30px;
  margin-left: inherit;
}
.rtl .my_resume_eduarea .content {
  border-right: 2px solid #1768fe;
  border-left: inherit;
}
.my_resume_eduarea .content:last-child {
  margin-bottom: 0;
}
.my_resume_eduarea .start_date {
  font-size: 13px;
}

.heading-detail-info {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 5px;
}

.title-detail-info {
  margin: 0 0 10px;
  font-size: 18px;
}

.candidate_resume_skill .progress-box {
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}
.candidate_resume_skill .progress-box:last-child {
  margin-bottom: 0;
}
.candidate_resume_skill .progress-box .box-title {
  margin-bottom: 10px;
  font-weight: 400;
}
.candidate_resume_skill .progress-box .inner {
  background-color: #eeeeee;
  width: 100%;
  height: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  position: relative;
}
.candidate_resume_skill .progress-box .bar-fill {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1768fe;
  width: 50%;
  height: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.rtl .candidate_resume_skill .progress-box .bar-fill {
  right: 0;
  left: auto;
}
.candidate_resume_skill .progress-box .bar-fill .percent {
  color: #202020;
  font-weight: 600;
  top: -25px;
  right: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  position: absolute;
}
.rtl .candidate_resume_skill .progress-box .bar-fill .percent {
  left: 0;
  right: auto;
}

.releated-candidates .widget-title {
  border: none !important;
  margin-bottom: 10px;
}

#reviews .your-rating {
  font-size: 16px;
  color: #3a3d43;
}

.comment-form-rating {
  display: inline-block;
  position: relative;
  overflow: hidden;
  clear: both;
}
.comment-form-rating > label {
  display: none;
}
.comment-form-rating .review-stars {
  font-size: 22px;
  color: #cccccc;
  list-style: none;
  padding: 0;
  margin: 0;
}
.comment-form-rating .review-stars li {
  padding-right: 10px;
  float: left;
}
.rtl .comment-form-rating .review-stars li {
  padding-left: 10px;
  padding-right: inherit;
}
.comment-form-rating .review-stars li:last-child {
  padding-right: 0;
}
.rtl .comment-form-rating .review-stars li:last-child {
  padding-left: 0;
  padding-right: inherit;
}
.comment-form-rating .review-stars li.active {
  color: #cccccc;
}
.comment-form-rating .review-stars.filled {
  color: #febe42;
  position: absolute;
  top: 0;
  left: 0;
}

.candidate-detail-header,
.employer-detail-header {
  background-position: center center;
  background-color: #1768fe;
}

.content-job-detail,
.candidate-single-inner,
.employer-single-inner {
  margin-bottom: 30px;
  margin-top: 30px;
  position: relative;
  z-index: 1;
}
@media (min-width: 1200px) {
  .content-job-detail,
  .candidate-single-inner,
  .employer-single-inner {
    margin-bottom: 100px;
    margin-top: -110px;
  }
}
.content-job-detail .commentform.reset-button-default,
.candidate-single-inner .commentform.reset-button-default,
.employer-single-inner .commentform.reset-button-default {
  margin-bottom: 0;
}

.social-share-bookmak {
  padding: 30px 0 0;
  margin-top: 30px;
  border-top: 1px solid #dee6ed;
}

.job-detail-header {
  background-color: #1768fe;
}

.candidate-detail-location li,
.employer-detail-location li {
  margin-bottom: 8px;
  color: #3a3d43;
}
.candidate-detail-location li:last-child,
.employer-detail-location li:last-child {
  margin-bottom: 0;
}
.candidate-detail-location li > *,
.employer-detail-location li > * {
  display: inline-block;
}
.candidate-detail-location li .text,
.employer-detail-location li .text {
  color: #888b90;
}

.job-detail-inner .job-title-detail,
.job-detail-inner .left-inner {
  max-width: 730px;
}

.job-detail-inner,
.candidate-detail-inner,
.employer-detail-inner {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 1200px) {
  .job-detail-inner,
  .candidate-detail-inner,
  .employer-detail-inner {
    height: 530px;
  }
}
.job-detail-inner .inner-image,
.candidate-detail-inner .inner-image,
.employer-detail-inner .inner-image {
  position: relative;
}
.job-detail-inner .inner-image .featured,
.candidate-detail-inner .inner-image .featured,
.employer-detail-inner .inner-image .featured {
  position: absolute;
  top: 5px;
  left: 10px;
}
.rtl .job-detail-inner .inner-image .featured, .rtl
.candidate-detail-inner .inner-image .featured, .rtl
.employer-detail-inner .inner-image .featured {
  right: 10px;
  left: auto;
}
.job-detail-inner .employer-thumbnail,
.candidate-detail-inner .employer-thumbnail,
.employer-detail-inner .employer-thumbnail {
  width: 154px;
  height: 154px;
  padding: 15px;
  border: 2px solid #e8eef1;
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: center;
  /* Safari 7.0+ */
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.job-detail-inner .employer-thumbnail img,
.candidate-detail-inner .employer-thumbnail img,
.employer-detail-inner .employer-thumbnail img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.job-detail-inner .breadcrumb,
.candidate-detail-inner .breadcrumb,
.employer-detail-inner .breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0 0 15px;
}
.job-detail-inner .breadcrumb a,
.candidate-detail-inner .breadcrumb a,
.employer-detail-inner .breadcrumb a {
  color: #b8d1ff;
}
.job-detail-inner .breadcrumb a:focus, .job-detail-inner .breadcrumb a:hover,
.candidate-detail-inner .breadcrumb a:focus,
.candidate-detail-inner .breadcrumb a:hover,
.employer-detail-inner .breadcrumb a:focus,
.employer-detail-inner .breadcrumb a:hover {
  color: #fff;
}
.job-detail-inner .breadcrumb .active,
.candidate-detail-inner .breadcrumb .active,
.employer-detail-inner .breadcrumb .active {
  color: #fff !important;
}
.job-detail-inner .job-title-detail,
.job-detail-inner .candidate-title,
.job-detail-inner .employer-title,
.candidate-detail-inner .job-title-detail,
.candidate-detail-inner .candidate-title,
.candidate-detail-inner .employer-title,
.employer-detail-inner .job-title-detail,
.employer-detail-inner .candidate-title,
.employer-detail-inner .employer-title {
  font-size: 30px;
  margin: 0;
  color: #fff;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .job-detail-inner .job-title-detail,
  .job-detail-inner .candidate-title,
  .job-detail-inner .employer-title,
  .candidate-detail-inner .job-title-detail,
  .candidate-detail-inner .candidate-title,
  .candidate-detail-inner .employer-title,
  .employer-detail-inner .job-title-detail,
  .employer-detail-inner .candidate-title,
  .employer-detail-inner .employer-title {
    font-size: 50px;
  }
}
.job-detail-inner .socials-top-employer,
.candidate-detail-inner .socials-top-employer,
.employer-detail-inner .socials-top-employer {
  padding: 0;
  list-style: none;
  margin: 0;
  padding-left: 30px;
  vertical-align: text-bottom;
}
.rtl .job-detail-inner .socials-top-employer, .rtl
.candidate-detail-inner .socials-top-employer, .rtl
.employer-detail-inner .socials-top-employer {
  padding-right: 30px;
  padding-left: inherit;
}
.job-detail-inner .socials-top-employer li,
.candidate-detail-inner .socials-top-employer li,
.employer-detail-inner .socials-top-employer li {
  display: inline-block;
  margin-right: 8px;
}
.rtl .job-detail-inner .socials-top-employer li, .rtl
.candidate-detail-inner .socials-top-employer li, .rtl
.employer-detail-inner .socials-top-employer li {
  margin-left: 8px;
  margin-right: inherit;
}
.job-detail-inner .socials-top-employer li:last-child,
.candidate-detail-inner .socials-top-employer li:last-child,
.employer-detail-inner .socials-top-employer li:last-child {
  margin-right: 0;
}
.rtl .job-detail-inner .socials-top-employer li:last-child, .rtl
.candidate-detail-inner .socials-top-employer li:last-child, .rtl
.employer-detail-inner .socials-top-employer li:last-child {
  margin-left: 0;
  margin-right: inherit;
}
.job-detail-inner .socials-top-employer a,
.candidate-detail-inner .socials-top-employer a,
.employer-detail-inner .socials-top-employer a {
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 32px;
  height: 32px;
  display: inline-block;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  background-color: #1768fe;
}
.job-detail-inner .socials-top-employer a:hover, .job-detail-inner .socials-top-employer a:focus,
.candidate-detail-inner .socials-top-employer a:hover,
.candidate-detail-inner .socials-top-employer a:focus,
.employer-detail-inner .socials-top-employer a:hover,
.employer-detail-inner .socials-top-employer a:focus {
  background: #085efe;
}
.job-detail-inner .socials-top-employer a.twitter,
.candidate-detail-inner .socials-top-employer a.twitter,
.employer-detail-inner .socials-top-employer a.twitter {
  background: #00acee;
}
.job-detail-inner .socials-top-employer a.twitter:hover, .job-detail-inner .socials-top-employer a.twitter:focus,
.candidate-detail-inner .socials-top-employer a.twitter:hover,
.candidate-detail-inner .socials-top-employer a.twitter:focus,
.employer-detail-inner .socials-top-employer a.twitter:hover,
.employer-detail-inner .socials-top-employer a.twitter:focus {
  background: #00a1df;
}
.job-detail-inner .socials-top-employer a.facebook,
.candidate-detail-inner .socials-top-employer a.facebook,
.employer-detail-inner .socials-top-employer a.facebook {
  background: #3b5998;
}
.job-detail-inner .socials-top-employer a.facebook:hover, .job-detail-inner .socials-top-employer a.facebook:focus,
.candidate-detail-inner .socials-top-employer a.facebook:hover,
.candidate-detail-inner .socials-top-employer a.facebook:focus,
.employer-detail-inner .socials-top-employer a.facebook:hover,
.employer-detail-inner .socials-top-employer a.facebook:focus {
  background: #37538d;
}
.job-detail-inner .socials-top-employer a.linkedin,
.candidate-detail-inner .socials-top-employer a.linkedin,
.employer-detail-inner .socials-top-employer a.linkedin {
  background: #0077b5;
}
.job-detail-inner .socials-top-employer a.linkedin:hover, .job-detail-inner .socials-top-employer a.linkedin:focus,
.candidate-detail-inner .socials-top-employer a.linkedin:hover,
.candidate-detail-inner .socials-top-employer a.linkedin:focus,
.employer-detail-inner .socials-top-employer a.linkedin:hover,
.employer-detail-inner .socials-top-employer a.linkedin:focus {
  background: #006da6;
}
.job-detail-inner .socials-top-employer a.dribbble,
.candidate-detail-inner .socials-top-employer a.dribbble,
.employer-detail-inner .socials-top-employer a.dribbble {
  background: #d34836;
}
.job-detail-inner .socials-top-employer a.dribbble:hover, .job-detail-inner .socials-top-employer a.dribbble:focus,
.candidate-detail-inner .socials-top-employer a.dribbble:hover,
.candidate-detail-inner .socials-top-employer a.dribbble:focus,
.employer-detail-inner .socials-top-employer a.dribbble:hover,
.employer-detail-inner .socials-top-employer a.dribbble:focus {
  background: #cd3f2d;
}

.member-item {
  text-align: center;
  overflow: hidden;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .member-item {
    margin-bottom: 30px;
  }
}
.member-item .profile-image {
  position: relative;
}
.member-item .profile-image:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.member-item .profile-image .social {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  z-index: 2;
}
.member-item .profile-image .social a {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  margin: 0 6px;
  display: inline-block;
  color: #fff;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
  filter: alpha(opacity=0);
}
.member-item .profile-image .social a:nth-child(2n+1) {
  -webkit-transition-delay: 0.1s;
  /* Safari */
  transition-delay: 0.1s;
}
.member-item .profile-image .social a:nth-child(2n+2) {
  -webkit-transition-delay: 0.2s;
  /* Safari */
  transition-delay: 0.2s;
}
.member-item .profile-image .social a:nth-child(2n+3) {
  -webkit-transition-delay: 0.3s;
  /* Safari */
  transition-delay: 0.3s;
}
.member-item .profile-image .social a:nth-child(2n+4) {
  -webkit-transition-delay: 0.4s;
  /* Safari */
  transition-delay: 0.4s;
}
.member-item .profile-image .social a:nth-child(2n+5) {
  -webkit-transition-delay: 0.5s;
  /* Safari */
  transition-delay: 0.5s;
}
.member-item .profile-image .social a:nth-child(2n+6) {
  -webkit-transition-delay: 0.6s;
  /* Safari */
  transition-delay: 0.6s;
}
.member-item .profile-image .social a:nth-child(2n+7) {
  -webkit-transition-delay: 0.7s;
  /* Safari */
  transition-delay: 0.7s;
}
.member-item .profile-image .social a:nth-child(2n+8) {
  -webkit-transition-delay: 0.8s;
  /* Safari */
  transition-delay: 0.8s;
}
.member-item .profile-image .social a:nth-child(2n+9) {
  -webkit-transition-delay: 0.9s;
  /* Safari */
  transition-delay: 0.9s;
}
.member-item .profile-image .social a:nth-child(2n+10) {
  -webkit-transition-delay: 1s;
  /* Safari */
  transition-delay: 1s;
}
.member-item .title {
  font-size: 17px;
  margin: 0;
}
.member-item .designation {
  font-weight: 500;
  font-size: 14px;
}
.member-item .content {
  padding: 15px;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #e8eef1;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
}
.member-item .experience {
  font-size: 13px;
}
.member-item:hover .profile-image:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.member-item:hover .social a {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  filter: alpha(opacity=100);
}

.comment-list .comment-box .star-rating {
  margin-top: 3px;
}

.review-stars-rated {
  position: relative;
  overflow: hidden;
  width: 81px;
  line-height: 1;
  text-align: left;
}
.rtl .review-stars-rated {
  text-align: right;
}
.review-stars-rated .review-stars {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #e2e2e2;
  white-space: nowrap;
  overflow: hidden;
}
.review-stars-rated .review-stars li {
  display: inline-block;
}
.review-stars-rated .review-stars.filled {
  color: #febe42;
  position: absolute;
  top: 0;
  left: 0;
}
.rtl .review-stars-rated .review-stars.filled {
  right: 0;
  left: auto;
}

.star-rating > * {
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .star-rating .review-avg {
    margin-right: 10px;
  }
  .rtl .star-rating .review-avg {
    margin-left: 10px;
    margin-right: inherit;
  }
}

.review-avg {
  text-align: center;
  line-height: 30px;
  min-width: 30px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background-color: #febe42;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.filter-listing-form .form-control {
  padding: 6px 25px;
  border: none;
  background: #f6f9fc;
}
.filter-listing-form .form-control:focus {
  background: #fff;
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
}
.filter-listing-form .terms-list .more-fields {
  display: none;
}
.filter-listing-form .terms-list .more-fields.active {
  display: block;
}
.filter-listing-form .terms-list + .toggle-filter-list {
  display: block;
  color: #1768fe;
  font-size: 14px;
  font-style: italic;
}
.filter-listing-form > .form-group {
  background: #fff;
  padding: 25px 30px;
  margin: 0;
  border-bottom: 1px solid #dee6ed;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.filter-listing-form > .form-group:last-child {
  border-bottom: 0;
}
.filter-listing-form > .form-group.button-filter {
  padding: 0 !important;
}
.filter-listing-form > .form-group.button-filter .button {
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
}
.filter-listing-form > .form-group .heading-label {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  font-size: 18px;
  color: #3a3d43;
  width: 100%;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0 0 25px;
}
.filter-listing-form > .form-group .heading-label > i {
  float: right;
  padding-right: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  padding-top: 5px;
}
.rtl .filter-listing-form > .form-group .heading-label > i {
  float: left;
}
.rtl .filter-listing-form > .form-group .heading-label > i {
  padding-left: 0;
  padding-right: inherit;
}
.filter-listing-form > .form-group .heading-label .fa-angle-down:before {
  content: "\f106";
}
.filter-listing-form > .form-group .heading-label .fa-angle-up:before {
  content: "\f107";
}
.filter-listing-form > .form-group .terms-list {
  padding: 0;
  margin: 0;
  left: 0 !important;
  top: 0 !important;
  list-style: none;
  padding-left: 1px !important;
}
.rtl .filter-listing-form > .form-group .terms-list {
  padding-right: 1px !important;
  padding-left: inherit;
}
.filter-listing-form > .form-group .scroll-wrapper .terms-list {
  max-height: 221px;
}
.filter-listing-form > .form-group.hide-content {
  color: #fff;
  background: #1768fe;
  padding-top: 12px;
  padding-bottom: 12px;
  border-color: #fff;
}
.filter-listing-form > .form-group.hide-content .heading-label {
  color: #fff;
  margin: 0;
}
.filter-listing-form > .form-group.hide-content .form-group-inner {
  display: none;
}
.filter-listing-form .list-item .list-item-inner .caret-wrapper {
  padding: 0px 17px;
  float: right;
  cursor: pointer;
}
.rtl .filter-listing-form .list-item .list-item-inner .caret-wrapper {
  float: left;
}
.filter-listing-form .list-item > .terms-list {
  margin-top: 10px;
  padding-left: 30px !important;
  display: none;
}
.rtl .filter-listing-form .list-item > .terms-list {
  padding-right: 30px !important;
  padding-left: inherit;
}
.filter-listing-form .from-to-wrapper {
  font-weight: 600;
  margin: 0 0 12px;
}
.filter-listing-form .circle-check .list-item {
  margin-bottom: 10px;
}
.filter-listing-form .circle-check .list-item:last-child {
  margin-bottom: 0;
}
.filter-listing-form .circle-check .list-item [type="radio"],
.filter-listing-form .circle-check .list-item [type="checkbox"] {
  display: none;
}
.filter-listing-form .circle-check .list-item [type="radio"] + label {
  padding-left: 30px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  margin: 0;
}
.rtl .filter-listing-form .circle-check .list-item [type="radio"] + label {
  padding-right: 30px;
  padding-left: inherit;
}
.filter-listing-form .circle-check .list-item [type="radio"] + label:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  border: 4px solid #fff;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 1px 1px #dee6ed;
  box-shadow: 0 0 1px 1px #dee6ed;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  padding: 4px;
}
.rtl .filter-listing-form .circle-check .list-item [type="radio"] + label:before {
  right: 0;
  left: auto;
}
.filter-listing-form .circle-check .list-item [type="checkbox"] + label {
  padding-left: 30px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  margin: 0;
}
.rtl .filter-listing-form .circle-check .list-item [type="checkbox"] + label {
  padding-right: 30px;
  padding-left: inherit;
}
.filter-listing-form .circle-check .list-item [type="checkbox"] + label:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 1px 1px #dee6ed;
  box-shadow: 0 0 1px 1px #dee6ed;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  padding: 4px;
}
.rtl .filter-listing-form .circle-check .list-item [type="checkbox"] + label:before {
  right: 0;
  left: auto;
}
.filter-listing-form .circle-check .list-item [type="checkbox"] + label:after {
  width: 16px;
  height: 16px;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.rtl .filter-listing-form .circle-check .list-item [type="checkbox"] + label:after {
  right: 0;
  left: auto;
}
.filter-listing-form .circle-check .list-item [type="checkbox"]:checked + label:before {
  border-color: #1768fe;
  background: #1768fe;
  -webkit-box-shadow: 0 0 1px 1px #1768fe;
  box-shadow: 0 0 1px 1px #1768fe;
}
.filter-listing-form .circle-check .list-item [type="checkbox"]:checked + label:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.filter-listing-form .circle-check .list-item [type="radio"]:checked + label:before {
  background-color: #1768fe;
}
.filter-listing-form .button {
  width: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  display: block;
  border: none;
  padding: 11px 30px;
  background-color: #1768fe;
  color: #fff;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
@media (min-width: 1200px) {
  .filter-listing-form .button {
    padding: 14px 40px;
  }
}
.filter-listing-form .button:hover, .filter-listing-form .button:focus {
  background-color: #0153eb;
}

.filter-job-top .select2-container .select2-selection--single {
  height: 49px;
  background: #fbfdff;
  color: #6b7c8a;
  border-color: #dde6ef;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  margin: 0;
}
.filter-job-top .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 25px;
  padding-left: 12px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 49px;
}
.filter-job-top .select2-container .select2-selection--single .select2-selection__arrow {
  top: 12px;
  width: 30px;
}
.filter-job-top .select2-container .select2-selection--single .select2-selection__clear:hover, .filter-job-top .select2-container .select2-selection--single .select2-selection__clear:focus {
  color: #e44343;
}
.filter-job-top .select2-container--open .select2-selection--single {
  border-color: #1768fe;
}

.widget-filter-job-top {
  background-color: #e7e9ef;
  padding: 15px 0;
}
@media (min-width: 1200px) {
  .widget-filter-job-top {
    padding: 30px 0;
  }
}
.widget-filter-job-top .advance-fields {
  display: none;
  width: 100% !important;
}
.widget-filter-job-top .toggle-adv {
  font-weight: 700;
}
.widget-filter-job-top .toggle-adv:hover, .widget-filter-job-top .toggle-adv:focus {
  color: #1768fe;
}
@media (min-width: 992px) {
  .widget-filter-job-top .form-group-featured,
  .widget-filter-job-top .form-group-urgent {
    margin-top: 12px;
  }
}

.action-location {
  position: relative;
}
.action-location .clear-location {
  cursor: pointer;
  height: 25px;
  position: absolute;
  right: 30px;
  z-index: 2;
  top: 18px;
  width: 20px;
  color: #e44343;
  font-size: 12px;
}
.rtl .action-location .clear-location {
  left: 30px;
  right: auto;
}
.action-location .find-me {
  position: absolute;
  top: 18px;
  font-size: 14px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  right: 15px;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 16px;
  display: block;
  color: #95989c;
  cursor: pointer;
}
.rtl .action-location .find-me {
  left: 15px;
  right: auto;
}
.action-location .find-me:hover, .action-location .find-me:focus {
  color: #1768fe;
}
.action-location .find-me:before {
  content: "\f192";
  font-family: "FontAwesome";
}
.action-location .find-me.loading {
  color: #1768fe;
  animation: rotate_icon 1000ms linear 0s normal none infinite running;
  -webkit-animation: rotate_icon 1000ms linear 0s normal none infinite running;
}
.action-location .find-me.loading:before {
  content: "\f110";
}

.search_distance_wrapper {
  margin-top: 12px;
}
.search_distance_wrapper .search-distance-label {
  color: #1768fe;
  font-size: 15px;
}

.ui-slider-horizontal {
  margin: 8px 10px;
  width: calc(100% - 20px);
  height: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  background-color: #dfdfdf;
  position: relative;
}
.ui-slider-horizontal .ui-slider-handle {
  position: absolute;
  top: -8px;
  width: 20px;
  height: 20px;
  border: 2px solid #1768fe;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #fff;
  z-index: 1;
  cursor: pointer;
  margin-left: -10px;
  outline: none !important;
}
.ui-slider-horizontal .ui-slider-range {
  position: absolute;
  top: 0;
  height: 100%;
  border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -ms-border-radius: 6px 0 0 6px;
  -o-border-radius: 6px 0 0 6px;
  background-color: #1768fe;
}

.form-group-salary .from-to-wrapper {
  color: #1768fe;
  font-size: 15px;
  padding: 5px 0 0;
  text-align: center;
}

.salary_types-wrapper {
  margin-bottom: 18px;
}
.salary_types-wrapper .square-check {
  margin-bottom: 10px;
}
.salary_types-wrapper .square-check:last-child {
  margin-bottom: 0;
}

.candidate-alert-form,
.job-alert-form {
  position: relative;
}
.candidate-alert-form .form-group,
.job-alert-form .form-group {
  margin-bottom: 20px;
}
.candidate-alert-form .button,
.job-alert-form .button {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  padding: 10px 15px;
  border: none;
  background-color: #1768fe;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
}
.candidate-alert-form .button:hover, .candidate-alert-form .button:focus,
.job-alert-form .button:hover,
.job-alert-form .button:focus {
  color: #fff;
  background-color: #0159fa;
}
.candidate-alert-form label,
.job-alert-form label {
  color: #3a3d43;
  font-family: "Sarabun";
  font-weight: 500;
}
.candidate-alert-form .form-control,
.job-alert-form .form-control {
  padding-left: 18px;
  padding-right: 18px;
  font-size: 14px;
}
.candidate-alert-form .mfp-close,
.job-alert-form .mfp-close {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  color: #e44343;
}
.candidate-alert-form .mfp-close:hover, .candidate-alert-form .mfp-close:focus,
.job-alert-form .mfp-close:hover,
.job-alert-form .mfp-close:focus {
  font-size: 35px;
  color: #e12d2d;
}
.candidate-alert-form:before,
.job-alert-form:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9) url("../images/loading.gif") no-repeat center center/32px auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 1;
  visibility: hidden;
}
.candidate-alert-form.loading:before,
.job-alert-form.loading:before {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.wrapper-select {
  border: 1px solid #e8eef1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  position: relative;
  z-index: 1;
}
.wrapper-select:before {
  font-family: 'FontAwesome';
  content: "\f0d7";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 20px;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  border-radius: 0 4px 4px 0;
}
.rtl .wrapper-select:before {
  left: 0;
  right: auto;
}
.rtl .wrapper-select:before {
  border-radius: 0 0 4px 4px;
}
.wrapper-select select.form-control {
  border: none;
  background-color: transparent;
}

.jobs-alert-ordering-wrapper {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .jobs-alert-ordering-wrapper {
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: center;
    /* Safari 7.0+ */
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .jobs-alert-ordering-wrapper {
    margin-bottom: 30px;
  }
}
.jobs-alert-ordering-wrapper .jobs-ordering-wrapper {
  margin-left: auto;
}
.rtl .jobs-alert-ordering-wrapper .jobs-ordering-wrapper {
  margin-right: auto;
  margin-left: inherit;
}
.jobs-alert-ordering-wrapper .btn-show-filter {
  color: #fff;
  background-color: #969696;
  height: 50px;
  margin-left: 5px;
  padding: 0 15px;
}
.jobs-alert-ordering-wrapper .btn-show-filter:hover, .jobs-alert-ordering-wrapper .btn-show-filter:focus {
  color: #fff !important;
  background: #898989;
}
.rtl .jobs-alert-ordering-wrapper .btn-show-filter {
  margin-right: 5px;
  margin-left: inherit;
}
@media (max-width: 767px) {
  .jobs-alert-ordering-wrapper .btn-show-filter {
    height: 40px;
  }
  .jobs-alert-ordering-wrapper .btn-show-filter .pre {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .jobs-alert-ordering-wrapper .btn-show-filter {
    padding: 0 30px;
    margin-left: 20px;
  }
  .rtl .jobs-alert-ordering-wrapper .btn-show-filter {
    margin-right: 20px;
    margin-left: inherit;
  }
}
.jobs-alert-ordering-wrapper .form-kormosala-ppp {
  margin-left: 20px;
}
.rtl .jobs-alert-ordering-wrapper .form-kormosala-ppp {
  margin-right: 20px;
  margin-left: inherit;
}

.jobs-listing-wrapper .results-count {
  font-size: 16px;
  font-weight: 500;
  color: #3a3d43;
  margin: 0 0 5px;
}
.jobs-listing-wrapper.grid + .jobs-pagination-wrapper .pagination {
  margin-top: 0;
}

.results-filter-wrapper {
  margin-bottom: 20px;
}
.results-filter-wrapper .title {
  font-size: 20px;
  margin: 0 0 15px;
}
.results-filter-wrapper .inner {
  padding: 10px 10px 0;
  background-color: #e8eef1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
  clear: both;
  display: -webkit-flex;
  /* Safari */
  display: flex;
}
.results-filter-wrapper .inner > a {
  margin-top: 5px;
  display: inline-block;
  margin-left: auto;
  font-size: 13px;
  color: #888b90;
  padding-right: 10px;
}
.rtl .results-filter-wrapper .inner > a {
  margin-right: auto;
  margin-left: inherit;
}
.rtl .results-filter-wrapper .inner > a {
  padding-left: 10px;
  padding-right: inherit;
}
.results-filter-wrapper .inner > a:before {
  content: "\f014";
  font-size: 21px;
  font-family: 'FontAwesome';
  line-height: 1;
  vertical-align: top;
  margin-right: 8px;
}
.rtl .results-filter-wrapper .inner > a:before {
  margin-left: 8px;
  margin-right: inherit;
}
.results-filter-wrapper .inner > a:hover, .results-filter-wrapper .inner > a:focus {
  color: #e44343;
}
.results-filter-wrapper .results-filter {
  padding: 0;
  margin: 0;
  list-style: none;
}
.results-filter-wrapper .results-filter li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.rtl .results-filter-wrapper .results-filter li {
  float: right;
}
.rtl .results-filter-wrapper .results-filter li {
  margin-left: 10px;
  margin-right: inherit;
}
.results-filter-wrapper .results-filter a {
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 4px 15px;
  color: #888b90;
  font-size: 12px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.results-filter-wrapper .results-filter a:hover, .results-filter-wrapper .results-filter a:focus {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}
.results-filter-wrapper .results-filter .close-value {
  font-family: "Sarabun";
  padding-right: 6px;
  color: #646262;
  font-size: 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.rtl .results-filter-wrapper .results-filter .close-value {
  padding-left: 6px;
  padding-right: inherit;
}
.results-filter-wrapper .results-filter .close-value:hover, .results-filter-wrapper .results-filter .close-value:focus {
  color: #e44343;
}

.filter-top-sidebar-wrapper .widget {
  margin: 0;
}
.filter-top-sidebar-wrapper .widget-job-search-form {
  background-color: #fafafa;
  padding: 30px 0;
}
@media (min-width: 1200px) {
  .filter-top-sidebar-wrapper .widget-job-search-form {
    padding: 100px 0 60px;
  }
}
.filter-top-sidebar-wrapper .widget-job-search-form .trending-keywords .title {
  color: #3a3d43;
}
.filter-top-sidebar-wrapper .widget-job-search-form .trending-keywords a {
  color: #888b90;
}
.filter-top-sidebar-wrapper .widget-job-search-form .trending-keywords a:focus, .filter-top-sidebar-wrapper .widget-job-search-form .trending-keywords a:hover {
  color: #1768fe;
}

.widget-job-search-form .tab-content .select2-container.select2-container--open .select2-selection--single,
.widget-job-search-form .tab-content .form-control:focus {
  background-color: #fff !important;
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
}
.widget-job-search-form .tab-content .select2-container.select2-container--open .select2-selection--single ~ .clear-location,
.widget-job-search-form .tab-content .select2-container.select2-container--open .select2-selection--single ~ .find-me,
.widget-job-search-form .tab-content .form-control:focus ~ .clear-location,
.widget-job-search-form .tab-content .form-control:focus ~ .find-me {
  background-color: #fff !important;
}
.widget-job-search-form .top-tab {
  margin-bottom: 30px;
  margin-top: -53px;
}
@media (min-width: 1200px) {
  .widget-job-search-form .top-tab {
    margin-bottom: 60px;
  }
}
.widget-job-search-form .nav-tabs {
  border: 0;
  margin: 0;
}
.widget-job-search-form .nav-tabs > li {
  margin: 0 !important;
}
.widget-job-search-form .nav-tabs > li.active > a {
  background: #fff;
  color: #1768fe;
}
.widget-job-search-form .nav-tabs > li > a {
  background: transparent;
  color: #fff;
  padding: 14px 25px;
  font-size: 16px;
  margin: 0;
  border: 0 !important;
}
@media (min-width: 1200px) {
  .widget-job-search-form .nav-tabs > li > a {
    padding: 14px 60px;
  }
}

.offcanvas-filter-sidebar {
  position: fixed;
  width: 350px;
  height: 100vh;
  max-width: 80%;
  top: 0;
  right: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  z-index: 98;
  background: #fff;
  padding: 20px 30px;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.rtl .offcanvas-filter-sidebar {
  left: 0;
  right: auto;
}
.offcanvas-filter-sidebar > .sidebar {
  height: 100%;
  width: 100%;
  position: static;
  -webkit-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  -o-transform: translateX(0) !important;
  transform: translateX(0) !important;
  max-width: 100%;
  padding: 0;
}
.offcanvas-filter-sidebar .close-sidebar-btn {
  display: none;
}
.offcanvas-filter-sidebar.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.layout-type-half-map #jobs-google-maps {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 2;
}
@media (min-width: 992px) {
  .layout-type-half-map #jobs-google-maps {
    width: 41.66667%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
  }
  .rtl .layout-type-half-map #jobs-google-maps {
    left: 0;
    right: auto;
  }
}
@media (min-width: 1200px) {
  .layout-type-half-map .inner-left {
    padding-left: 380px;
  }
  .rtl .layout-type-half-map .inner-left {
    padding-right: 380px;
    padding-left: inherit;
  }
}
.layout-type-half-map .content-listing {
  padding: 15px;
}
@media (min-width: 768px) {
  .layout-type-half-map .content-listing {
    padding: 30px;
  }
}
.layout-type-half-map .top-show-filter {
  margin-bottom: 5px;
}
.layout-type-half-map .filter-sidebar {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  position: fixed;
  z-index: 6;
  width: 350px;
  height: 100vh;
  top: 0;
  left: 30px;
}
.rtl .layout-type-half-map .filter-sidebar {
  right: 30px;
  left: auto;
}
.layout-type-half-map .filter-scroll {
  height: 100%;
}
@media (max-width: 991px) {
  .layout-type-half-map .filter-scroll {
    height: calc(100% - 50px);
  }
}

@media (max-width: 1199px) {
  .layout-type-half-map .content-listing {
    padding: 20px;
  }
  .layout-type-half-map .filter-sidebar {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0;
  }
  .layout-type-half-map .filter-sidebar.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
.leaflet-marker-icon > div > span {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #1768fe;
  color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: inline-block;
  z-index: 1;
}
.leaflet-marker-icon > div > span:before {
  content: '';
  opacity: 0.7;
  filter: alpha(opacity=70);
  border: 2px solid #1768fe;
  position: absolute;
  top: -4px;
  left: -4px;
  width: 48px;
  height: 48px;
  z-index: -1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  animation: scale_icon 1200ms ease-in-out 0s infinite alternate;
  -webkit-animation: scale_icon 1200ms ease-in-out 0s infinite alternate;
}
.leaflet-marker-icon > div > span:after {
  content: '';
  opacity: 0.3;
  filter: alpha(opacity=30);
  border: 1px solid #1768fe;
  position: absolute;
  top: -7px;
  left: -7px;
  width: 54px;
  height: 54px;
  z-index: -1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  animation: scale_icon 1200ms ease-in-out 0s infinite alternate;
  -webkit-animation: scale_icon 1200ms ease-in-out 0s infinite alternate;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.leaflet-interactive .map-popup .icon-wrapper {
  width: 28px;
  height: 28px;
  background: #1768fe;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-block;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.leaflet-interactive .map-popup .icon-wrapper:before {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  content: '';
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: #1768fe;
  position: absolute;
  top: -7px;
  left: -7px;
  width: 42px;
  height: 42px;
  z-index: -1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-top: 18px;
  -ms-transform: rotateX(-60deg) scale(0.5);
  /* IE 9 */
  -webkit-transform: rotateX(-60deg) scale(0.5);
  /* Safari 3-8 */
  transform: rotateX(-60deg) scale(0.5);
}
.leaflet-interactive .map-popup .icon-wrapper.has-img {
  background: transparent !important;
}
.leaflet-interactive .map-popup .icon-wrapper.is-candidate {
  background: transparent !important;
  width: 64px;
  height: 64px;
  overflow: hidden;
}
.leaflet-interactive .map-popup .icon-wrapper.is-candidate img {
  max-width: 100% !important;
}
.leaflet-interactive .map-popup.map-popup-selected .icon-wrapper:before {
  -ms-transform: rotateX(-60deg) scale(1);
  /* IE 9 */
  -webkit-transform: rotateX(-60deg) scale(1);
  /* Safari 3-8 */
  transform: rotateX(-60deg) scale(1);
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.leaflet-interactive .map-popup.map-popup-selected .is-candidate {
  -webkit-box-shadow: 0 0px 0px 5px rgba(23, 104, 254, 0.4);
  box-shadow: 0 0px 0px 5px rgba(23, 104, 254, 0.4);
}

#jobs-google-maps a.leaflet-popup-close-button {
  width: 35px;
  height: 35px;
  line-height: 33px;
  text-align: center;
  color: #888b90;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
#jobs-google-maps a.leaflet-popup-close-button:hover, #jobs-google-maps a.leaflet-popup-close-button:focus {
  color: #fff;
  background-color: #e44343;
}
#jobs-google-maps .leaflet-popup-content-wrapper {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  padding: 0;
  overflow: hidden;
}
#jobs-google-maps .leaflet-popup-content {
  margin: 30px;
  width: 290px !important;
}
#jobs-google-maps .leaflet-popup {
  margin-bottom: 30px;
}
#jobs-google-maps .job-grid-style {
  font-size: 16px;
  font-family: "Sarabun", Helvetica, Arial, sans-serif;
  color: #888b90;
}
#jobs-google-maps .job-grid-style .image-wrapper {
  margin: 0 0 10px;
}
#jobs-google-maps .job-grid-style .job-title {
  font-size: 18px;
  margin: 3px 0 10px;
  font-weight: 500;
}
#jobs-google-maps .job-grid-style .candidate-title {
  margin: 0 0 15px;
}
#jobs-google-maps .job-grid-style a {
  color: #3a3d43;
}
#jobs-google-maps .job-grid-style a:hover, #jobs-google-maps .job-grid-style a:focus {
  color: #1768fe;
}
#jobs-google-maps .job-grid-style .candidate-salary,
#jobs-google-maps .job-grid-style .job-salary {
  display: none;
}
#jobs-google-maps .job-grid-style .candidate-category {
  font-size: 14px;
  font-weight: 500;
}
#jobs-google-maps .job-grid-style .candidate-category a {
  color: #1768fe !important;
}
#jobs-google-maps .job-grid-style .job-metas strong {
  font-weight: 400;
}

.main-items-wrapper {
  position: relative;
}
.main-items-wrapper:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center 40px;
  background-size: 40px auto;
}
.main-items-wrapper.loading:before {
  visibility: visible;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.statistics .inner-header {
  color: #fff;
}
.statistics .inner-header > div {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
}
.statistics .posted-jobs {
  background: #ff7242;
}
.statistics .posted-jobs:hover {
  -webkit-box-shadow: 0 6px 40px 0 rgba(255, 114, 66, 0.4);
  box-shadow: 0 6px 40px 0 rgba(255, 114, 66, 0.4);
}
.statistics .shortlist {
  background: #fe4962;
}
.statistics .shortlist:hover {
  -webkit-box-shadow: 0 6px 40px 0 rgba(254, 73, 98, 0.4);
  box-shadow: 0 6px 40px 0 rgba(254, 73, 98, 0.4);
}
.statistics .review-count-wrapper {
  background: #41d24b;
}
.statistics .review-count-wrapper:hover {
  -webkit-box-shadow: 0 6px 40px 0 rgba(65, 210, 75, 0.4);
  box-shadow: 0 6px 40px 0 rgba(65, 210, 75, 0.4);
}
.statistics .views-count-wrapper {
  background: #ad4dfe;
}
.statistics .views-count-wrapper:hover {
  -webkit-box-shadow: 0 6px 40px 0 rgba(173, 77, 254, 0.4);
  box-shadow: 0 6px 40px 0 rgba(173, 77, 254, 0.4);
}
.statistics .icon-wrapper {
  border-right: 1px solid #fff;
}
.rtl .statistics .icon-wrapper {
  border-left: 1px solid #fff;
  border-right: inherit;
}
.statistics .icon {
  font-size: 35px;
  line-height: 110px;
  text-align: center;
  width: 80px;
  display: inline-block;
}
.statistics .inner {
  padding: 25px 20px;
}
.statistics .number-count {
  font-weight: 500;
  line-height: 1;
  font-size: 30px;
  margin: 0 0 5px;
}

.box-dashboard-wrapper .widget-title,
.box-dashboard-wrapper .title {
  font-size: 20px;
  margin: 0 0 20px;
}
.box-dashboard-wrapper .inner-list {
  margin-bottom: 30px;
}
.box-dashboard-wrapper .inner-box {
  margin-bottom: 30px;
  background-color: #fff;
  padding: 30px;
}
.box-dashboard-wrapper form.cmb-form {
  padding: 30px;
  background: #fff;
}

.job-applicants .job-title {
  font-weight: 600;
  font-size: 18px;
}
.job-applicants .total-applicants {
  background-color: #79b530;
  color: #fff;
}
.job-applicants .rejected-applicants {
  background-color: #e44343;
  color: #fff;
}
.job-applicants .inner-result > div {
  font-size: 13px;
  padding: 2px 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  margin-right: 10px;
}
.rtl .job-applicants .inner-result > div {
  margin-left: 10px;
  margin-right: inherit;
}
.job-applicants .inner-result > div:last-child {
  margin-right: 0;
}
.rtl .job-applicants .inner-result > div:last-child {
  margin-left: 0;
  margin-right: inherit;
}

.applicants-job .date {
  font-size: 14px;
}
.applicants-job .applicant-action-button {
  white-space: nowrap;
}

.applicants .list-item-applicant {
  border-bottom: 1px solid #dee6ed;
}
.applicants .list-item-applicant:last-child {
  border: none;
}

.cmb-form .cmb2-metabox .cmbhandle::before {
  content: "\f106";
  font-family: 'FontAwesome';
  padding: 7px 10px;
}
.cmb-form .cmb2-metabox .postbox.closed .cmbhandle::before {
  content: "\f107";
}
.cmb-form .cmb-field-list {
  margin-left: -15px;
  margin-right: -15px;
}
.cmb-form .cmb-field-list > div {
  padding-left: 15px;
  padding-right: 15px;
}
.cmb-form button.dashicons-before.dashicons-no-alt.cmb-remove-group-row {
  top: 5px;
}
.cmb-form button.dashicons-before.dashicons-no-alt.cmb-remove-group-row:before {
  display: inline-block;
  color: #e44343;
  font-family: 'FontAwesome';
  content: "\f00d";
  font-size: 14px;
  width: 20px;
  height: 20px;
}
.cmb-form .cmb2-wrap {
  clear: both;
}
.cmb-form .cmb2-wrap:after {
  content: '';
  clear: both;
  display: block;
  width: 100%;
}
.cmb-form .cmb-th {
  width: 100%;
  padding: 0 0 8px;
}
.cmb-form .cmb-th label {
  color: #3a3d43;
  font-weight: 400;
  margin: 0;
}
.cmb-form .cmb-th + .cmb-td {
  width: 100%;
  padding: 0;
}
.cmb-form .cmb-field-list > .cmb-row {
  margin: 0 0 15px;
}
@media (min-width: 768px) {
  .cmb-form .cmb-field-list > .cmb-row {
    width: 50%;
    float: left;
  }
  .rtl .cmb-form .cmb-field-list > .cmb-row {
    float: right;
  }
}
@media (min-width: 1200px) {
  .cmb-form .cmb-field-list > .cmb-row {
    margin: 0 0 20px;
  }
}
.cmb-form .cmb-field-list > .cmb-row[class*="location"], .cmb-form .cmb-field-list > .cmb-row[class*="address"], .cmb-form .cmb-field-list > .cmb-row.cmb-type-multicheck, .cmb-form .cmb-field-list > .cmb-row[data-fieldtype="taxonomy_multicheck"], .cmb-form .cmb-field-list > .cmb-row[data-fieldtype="wysiwyg"], .cmb-form .cmb-field-list > .cmb-row[data-fieldtype="group"], .cmb-form .cmb-field-list > .cmb-row[data-fieldtype="pw_map"], .cmb-form .cmb-field-list > .cmb-row[data-fieldtype="wp_job_board_file"] {
  width: 100%;
}
.cmb-form [class*="taxonomy-location-wrapper"] {
  display: flex;
  display: -webkit-flex;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-right: -10px;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  .cmb-form [class*="taxonomy-location-wrapper"] {
    flex-wrap: nowrap;
  }
}
.cmb-form [class*="taxonomy-location-wrapper"] > div {
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .cmb-form [class*="taxonomy-location-wrapper"] > div {
    width: 100%;
    margin-bottom: 0;
  }
}
.cmb-form [class*="taxonomy-location-wrapper"][class*="field-taxonomy-location-wrapper-1"] > div {
  width: 100%;
}
.cmb-form select,
.cmb-form textarea,
.cmb-form input[type="text"],
.cmb-form input[type="number"] {
  margin: 0 !important;
  height: 54px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border: 1px solid #f6f9fc;
  padding: 10px 25px;
  font-size: 16px;
  background: #f6f9fc;
  width: 100% !important;
  color: #888b90;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cmb-form select:focus,
.cmb-form textarea:focus,
.cmb-form input[type="text"]:focus,
.cmb-form input[type="number"]:focus {
  border-color: #fff;
  background: #fff;
  outline: none;
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
}
.cmb-form textarea {
  resize: none;
  height: 100px;
}
.cmb-form .select2-container {
  width: 100% !important;
  height: 54px;
}
.cmb-form .select2-container .select2-selection--single {
  height: 54px;
  width: 100%;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border: 1px solid #f6f9fc;
  background: #f6f9fc;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.cmb-form .select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 16px;
  color: #888b90;
  line-height: 44px;
  padding: 5px 25px;
}
.cmb-form .select2-container .select2-selection--single .select2-selection__arrow {
  top: 14px;
  right: 12px;
}
.rtl .cmb-form .select2-container .select2-selection--single .select2-selection__arrow {
  left: 12px;
  right: auto;
}
.cmb-form .select2-container .select2-selection--single .select2-selection__clear {
  margin-right: 8px;
}
.rtl .cmb-form .select2-container .select2-selection--single .select2-selection__clear {
  margin-left: 8px;
  margin-right: inherit;
}
.cmb-form .select2-container.select2-container--open .select2-selection--single {
  border-color: #fff;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
}
.cmb-form input[type="number"],
.cmb-form select {
  padding: 5px 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cmb-form .cmb2-checkbox-list {
  overflow: hidden;
  padding: 0;
  list-style: none;
  margin: 0;
  width: 100%;
  padding-left: 2px;
}
.rtl .cmb-form .cmb2-checkbox-list {
  padding-right: 2px;
  padding-left: inherit;
}
.cmb-form .cmb2-checkbox-list li {
  margin: 0 0 10px;
  line-height: 1.6;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .cmb-form .cmb2-checkbox-list li {
    width: 50%;
    float: left;
  }
  .rtl .cmb-form .cmb2-checkbox-list li {
    float: right;
  }
  .cmb-form .cmb2-checkbox-list li:nth-child(2n + 1) {
    clear: both;
  }
}
@media (min-width: 1200px) {
  .cmb-form .cmb2-checkbox-list li {
    width: 33%;
    float: left;
  }
  .rtl .cmb-form .cmb2-checkbox-list li {
    float: right;
  }
  .cmb-form .cmb2-checkbox-list li:nth-child(3n + 1) {
    clear: both;
  }
}
.cmb-form .cmb2-checkbox-list li:last-child {
  margin-bottom: 0;
}
.cmb-form .cmb2-checkbox-list label {
  font-weight: 400;
  color: #888b90;
}
.cmb-form .cmb2-checkbox-list [type="radio"],
.cmb-form .cmb2-checkbox-list [type="checkbox"] {
  display: none;
}
.cmb-form .cmb2-checkbox-list [type="radio"] + label {
  font-weight: 500;
  color: #3a3d43;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  margin: 0;
}
.rtl .cmb-form .cmb2-checkbox-list [type="radio"] + label {
  padding-right: 30px;
  padding-left: inherit;
}
.cmb-form .cmb2-checkbox-list [type="radio"] + label:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  border: 4px solid #fff;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 1px 1px #dee6ed;
  box-shadow: 0 0 1px 1px #dee6ed;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  padding: 4px;
}
.rtl .cmb-form .cmb2-checkbox-list [type="radio"] + label:before {
  right: 0;
  left: auto;
}
.cmb-form .cmb2-checkbox-list [type="checkbox"] + label {
  padding-left: 30px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  margin: 0;
}
.rtl .cmb-form .cmb2-checkbox-list [type="checkbox"] + label {
  padding-right: 30px;
  padding-left: inherit;
}
.cmb-form .cmb2-checkbox-list [type="checkbox"] + label:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 1px 1px #dee6ed;
  box-shadow: 0 0 1px 1px #dee6ed;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  padding: 4px;
}
.rtl .cmb-form .cmb2-checkbox-list [type="checkbox"] + label:before {
  right: 0;
  left: auto;
}
.cmb-form .cmb2-checkbox-list [type="checkbox"] + label:after {
  width: 16px;
  height: 16px;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.rtl .cmb-form .cmb2-checkbox-list [type="checkbox"] + label:after {
  right: 0;
  left: auto;
}
.cmb-form .cmb2-checkbox-list [type="checkbox"]:checked + label:before {
  background: #1768fe;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cmb-form .cmb2-checkbox-list [type="checkbox"]:checked + label:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.cmb-form .cmb2-checkbox-list [type="radio"]:checked + label:before {
  background-color: #1768fe;
}
.cmb-form .cmb-row[data-fieldtype="wp_job_board_file"] .upload-file-btn {
  cursor: pointer;
  background: #1768fe;
  color: #fff;
  padding: 12px 15px;
  font-size: 16px;
  font-weight: 400;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  max-width: 220px;
}
@media (min-width: 1200px) {
  .cmb-form .cmb-row[data-fieldtype="wp_job_board_file"] .upload-file-btn {
    padding: 15px 35px;
  }
}
.cmb-form .cmb-row[data-fieldtype="wp_job_board_file"] .wp-job-board-uploaded-file-preview {
  display: block;
  position: relative;
}
.cmb-form .cmb-row[data-fieldtype="wp_job_board_file"] .wp-job-board-uploaded-files {
  position: relative;
  display: block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: center;
  /* Safari 7.0+ */
  display: flex;
  align-items: center;
  width: 100%;
  -webkit-flex-wrap: wrap;
  /* Safari 6.1+ */
  flex-wrap: wrap;
  margin: 0 0 20px;
}
.cmb-form .cmb-row[data-fieldtype="wp_job_board_file"] .wp-job-board-uploaded-files .wp-job-board-remove-uploaded-file {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  overflow: hidden;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.rtl .cmb-form .cmb-row[data-fieldtype="wp_job_board_file"] .wp-job-board-uploaded-files .wp-job-board-remove-uploaded-file {
  left: 0;
  right: auto;
}
.cmb-form .cmb-row[data-fieldtype="wp_job_board_file"] .wp-job-board-uploaded-files .wp-job-board-remove-uploaded-file:before {
  text-align: center;
  line-height: 25px;
  font-family: 'themify';
  content: "\e646";
  font-size: 14px;
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: #e44343;
  background: #fff;
}
.cmb-form .cmb-row[class*="candidate-featured-image"] .wp-job-board-uploaded-files ~ .label-can-drag .upload-file-btn,
.cmb-form .cmb-row[class*="employer-featured-image"] .wp-job-board-uploaded-files ~ .label-can-drag .upload-file-btn {
  margin-top: 0;
}
.cmb-form .cmb-row[class*="team-members"] .wp-job-board-uploaded-files,
.cmb-form .cmb-row[class*="portfolio-photos"] .wp-job-board-uploaded-files,
.cmb-form .cmb-row[class*="profile-photos"] .wp-job-board-uploaded-files {
  margin-left: -16px;
  margin-right: -16px;
  clear: both;
  overflow: hidden;
}
.cmb-form .cmb-row[class*="team-members"] .wp-job-board-uploaded-files .wp-job-board-uploaded-file,
.cmb-form .cmb-row[class*="portfolio-photos"] .wp-job-board-uploaded-files .wp-job-board-uploaded-file,
.cmb-form .cmb-row[class*="profile-photos"] .wp-job-board-uploaded-files .wp-job-board-uploaded-file {
  padding-left: 8px;
  padding-right: 8px;
  float: left;
  max-width: 120px;
  margin-bottom: 15px;
}
.rtl .cmb-form .cmb-row[class*="team-members"] .wp-job-board-uploaded-files .wp-job-board-uploaded-file, .rtl
.cmb-form .cmb-row[class*="portfolio-photos"] .wp-job-board-uploaded-files .wp-job-board-uploaded-file, .rtl
.cmb-form .cmb-row[class*="profile-photos"] .wp-job-board-uploaded-files .wp-job-board-uploaded-file {
  float: right;
}
.cmb-form .cmb-row[class*="cv-attachment"] .wp-job-board-uploaded-files {
  margin-bottom: 15px;
}
.cmb-form .cmb-row[class*="cv-attachment"] .wp-job-board-uploaded-file {
  margin-right: 10px;
}
.rtl .cmb-form .cmb-row[class*="cv-attachment"] .wp-job-board-uploaded-file {
  margin-left: 10px;
  margin-right: inherit;
}
.cmb-form .cmb-row[data-fieldtype="pw_map"] .pw-map-search {
  margin-bottom: 15px !important;
}
.cmb-form .cmb-row[data-fieldtype="pw_map"] .pw-map {
  margin-bottom: 15px;
  width: 100%;
  height: 250px;
}
@media (max-width: 767px) {
  .cmb-form .cmb-row[data-fieldtype="pw_map"] .pw-map ~ input {
    margin-bottom: 10px !important;
  }
  .cmb-form .cmb-row[data-fieldtype="pw_map"] .pw-map ~ input:last-child {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .cmb-form .cmb-row[data-fieldtype="pw_map"] .pw-map ~ input {
    width: calc(50% - 15px) !important;
    float: left;
    margin-right: 30px !important;
  }
  .rtl .cmb-form .cmb-row[data-fieldtype="pw_map"] .pw-map ~ input {
    float: right;
  }
  .rtl .cmb-form .cmb-row[data-fieldtype="pw_map"] .pw-map ~ input {
    margin-left: 30px !important;
    margin-right: inherit;
  }
  .cmb-form .cmb-row[data-fieldtype="pw_map"] .pw-map ~ input.pw-map-longitude {
    margin-right: 0 !important;
  }
  .rtl .cmb-form .cmb-row[data-fieldtype="pw_map"] .pw-map ~ input.pw-map-longitude {
    margin-left: 0 !important;
    margin-right: inherit;
  }
}
.cmb-form .cmb-group-name {
  font-size: 18px;
  margin: 0 -15px;
}
.cmb-form .cmb-type-group .cmb-field-list > .cmb-row {
  width: 100%;
  float: none;
}
.cmb-form .cmb-type-group .cmb-field-list > .cmb-row.cmb-repeatable-grouping {
  border: 1px solid #f5f5f5;
}
.cmb-form .cmb-type-group .cmb-repeatable-group > div:last-child {
  padding: 0;
}
.cmb-form .cmb-type-group .cmb-repeatable-group > div:last-child .cmb-add-row {
  margin: 0;
}
.cmb-form .cmb-type-group .cmb-field-list {
  margin: 0;
}
.cmb-form .cmb-type-group .cmb-field-list > div {
  border: none;
}
.cmb-form .cmb-type-group .cmb-group-title {
  cursor: pointer;
  background: #f5f5f5;
  margin-left: -15px;
  margin-right: -15px;
}
.cmb-form .cmb-type-group .cmb-remove-field-row,
.cmb-form .cmb-type-group .cmb-repeat-group-field {
  padding: 10px 0;
  margin: 0;
}
.cmb-form .cmb-type-group .cmb-remove-group-row-button {
  margin: 0;
  background: #e44343;
  font-size: 13px;
  padding: 8px 15px;
}
.cmb-form .cmb-type-group .cmb-remove-group-row-button:hover, .cmb-form .cmb-type-group .cmb-remove-group-row-button:focus {
  background: #e12d2d;
}
.cmb-form .cmb-type-group [data-fieldtype="text"] .cmb-th label,
.cmb-form .cmb-type-group [data-fieldtype="select"] .cmb-th label {
  font-size: 14px;
  margin-top: 10px;
}
.cmb-form .button-secondary {
  cursor: pointer;
  padding: 8px 15px;
  font-size: 15px;
  border: none;
  color: #fff;
  background: #27ceb4;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.cmb-form .button-secondary:hover, .cmb-form .button-secondary:focus {
  background: #21ac96;
  color: #fff;
}
.cmb-form .button-secondary.cmb-multicheck-toggle {
  background: transparent !important;
  color: #e44343 !important;
  padding: 0;
  font-size: 14px;
  text-decoration: underline;
}
.cmb-form .button-primary {
  cursor: pointer;
  padding: 10px 30px;
  border: none;
  color: #fff;
  background: #1768fe;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.cmb-form .button-primary:hover, .cmb-form .button-primary:focus {
  background: #0153eb;
  color: #fff;
}
.cmb-form span.cmb2-metabox-description {
  font-weight: 500;
}
.cmb-form .wp-editor-container iframe {
  height: 200px !important;
}

.profile-form-wrapper .cmb2-wrap {
  border-bottom: 1px solid #e8eef1;
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .profile-form-wrapper .cmb2-wrap {
    margin-bottom: 40px;
  }
}

.candidate-shortlist-wrapper .btn-action-icon {
  margin-right: 2px;
}
.rtl .candidate-shortlist-wrapper .btn-action-icon {
  margin-left: 2px;
  margin-right: inherit;
}

.box-employer {
  padding: 15px;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .box-employer {
    padding: 30px;
  }
}
.box-employer .applicants-job {
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .box-employer .applicants-job {
    margin-bottom: 30px;
  }
}

.my-job-employer .search-orderby-wrapper {
  margin-bottom: 30px;
}
.my-job-employer .search-orderby-wrapper .text-sort {
  margin-right: 5px;
}
.rtl .my-job-employer .search-orderby-wrapper .text-sort {
  margin-left: 5px;
  margin-right: inherit;
}
.my-job-employer .search-orderby-wrapper .sort-my-jobs-form {
  margin-left: auto;
}
.rtl .my-job-employer .search-orderby-wrapper .sort-my-jobs-form {
  margin-right: auto;
  margin-left: inherit;
}

.my-jobs .number {
  color: #fff;
  font-size: 12px;
  background: #1768fe;
  font-weight: 500;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  padding: 2px 5px 3px;
  line-height: 1;
}
.my-jobs .publish {
  color: #41d24b;
  background: #ecfaed;
}
.my-jobs .pending {
  color: #feac36;
  background: #fff7eb;
}
.my-jobs .job-table-actions-inner {
  padding: 1px 15px;
  font-size: 14px;
  margin-left: 5px;
}
.rtl .my-jobs .job-table-actions-inner {
  margin-right: 5px;
  margin-left: inherit;
}
.my-jobs .alert-query strong {
  text-transform: uppercase;
  margin-right: 5px;
}
.rtl .my-jobs .alert-query strong {
  margin-left: 5px;
  margin-right: inherit;
}
.my-jobs .job-table-applicants-inner {
  color: #3a3d43;
}
.my-jobs .job-metas {
  margin: 0;
}

.job-table > thead > tr > th {
  border-bottom-width: 1px;
  color: #3a3d43;
  padding: 10px;
}

.change-password-form label {
  margin-bottom: 8px;
  color: #3a3d43;
  font-weight: 400;
}
.change-password-form .form-control {
  height: 54px;
  padding: 5px 25px;
  background-color: #f6f9fc;
  border-color: #f6f9fc;
}
.change-password-form .form-control:focus {
  background: #fff;
  border-color: #fff;
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
}
@media (min-width: 768px) {
  .change-password-form .form-group {
    margin-bottom: 0;
  }
}

.user-job-packaged {
  list-style: none;
  padding: 0;
  margin: 0 0 15px;
  overflow: hidden;
  width: 100%;
  clear: both;
}
.user-job-packaged li {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .user-job-packaged li {
    width: 50%;
    float: left;
  }
  .rtl .user-job-packaged li {
    float: right;
  }
}
.user-job-packaged [type="radio"] {
  margin-right: 5px;
}
.rtl .user-job-packaged [type="radio"] {
  margin-left: 5px;
  margin-right: inherit;
}
.user-job-packaged [type="radio"]:checked + label {
  color: #1768fe;
}
.user-job-packaged label {
  font-weight: 500;
  cursor: pointer;
  color: #3a3d43;
  margin: 0;
}

.select2-wrapper .text-medium {
  color: #3a3d43;
  font-weight: 500;
  margin-right: 15px;
}
.rtl .select2-wrapper .text-medium {
  margin-left: 15px;
  margin-right: inherit;
}
.select2-wrapper .flex-middle {
  -webkit-justify-content: center;
  /* Safari 6.1+ */
  justify-content: center;
}
.select2-wrapper .select2-container {
  min-width: 200px;
}

.top-info-user {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .top-info-user {
    margin-bottom: 30px;
  }
}
.top-info-user .title {
  font-size: 20px;
  margin: 0 0 5px;
}

.wrapper-social-login .inner-social {
  clear: both;
  overflow: hidden;
  margin-left: -15px;
  margin-right: -15px;
}
.wrapper-social-login .inner-social > div {
  width: 50%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
}
.rtl .wrapper-social-login .inner-social > div {
  float: right;
}
.wrapper-social-login a {
  display: inline-block;
  width: 100%;
  text-align: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  padding: 6px 15px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  border: 1px solid #eaeff5;
  text-transform: capitalize;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.wrapper-social-login a i {
  margin-right: 10px;
}
.rtl .wrapper-social-login a i {
  margin-left: 10px;
  margin-right: inherit;
}
.wrapper-social-login .linkedin-login-btn {
  color: #0077B5;
  border-color: #0077B5;
}
.wrapper-social-login .linkedin-login-btn:focus, .wrapper-social-login .linkedin-login-btn:hover {
  color: #fff;
  background-color: #0077B5;
}
.wrapper-social-login .google-login-btn {
  color: #dc4d28;
  border-color: #dc4d28;
}
.wrapper-social-login .google-login-btn:focus, .wrapper-social-login .google-login-btn:hover {
  color: #fff;
  background-color: #dc4d28;
}
.wrapper-social-login .facebook-login-btn {
  color: #3b5998;
  border-color: #3b5998;
}
.wrapper-social-login .facebook-login-btn:focus, .wrapper-social-login .facebook-login-btn:hover {
  color: #fff;
  background-color: #3b5998;
}
.wrapper-social-login .twitter-login-btn {
  color: #55acee;
  border-color: #55acee;
}
.wrapper-social-login .twitter-login-btn:focus, .wrapper-social-login .twitter-login-btn:hover {
  color: #fff;
  background-color: #55acee;
}
.wrapper-social-login .line-header {
  text-align: center;
  width: 100% !important;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.wrapper-social-login .line-header:before {
  z-index: -1;
  content: '';
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  left: 0;
  background: #e6e8ef;
}
.wrapper-social-login .line-header span {
  font-size: 14px;
  line-height: 35px;
  min-width: 40px;
  padding: 0 5px;
  text-align: center;
  display: inline-block;
  background: #fff;
  border: 1px solid #eaeff5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  text-transform: uppercase;
}

#forgot-password-form-wrapper {
  display: none;
}

.show-filter-jobs {
  cursor: pointer;
}
.show-filter-jobs i {
  margin-right: 5px;
}
.rtl .show-filter-jobs i {
  margin-left: 5px;
  margin-right: inherit;
}

.mobile-groups-button {
  padding: 20px 0;
  background: #fff;
}
.mobile-groups-button .btn {
  padding: 5px 15px;
}

.filter-sidebar .filter-in-sidebar {
  position: absolute;
  top: 250px;
  left: 100%;
  background: #3079fe;
  color: #fff;
  padding: 3px 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.rtl .filter-sidebar .filter-in-sidebar {
  right: 100%;
  left: auto;
}
.filter-sidebar .filter-in-sidebar:hover, .filter-sidebar .filter-in-sidebar:focus {
  background: #1768fe;
  color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.filter-sidebar .widget_job_alert_form_widget {
  margin: 0 0 30px;
  padding: 25px 30px;
  background: #fff;
}

.layout-type-half-map .p-fix-pagination {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}

.job-submission-form-wrapper {
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .job-submission-form-wrapper {
    margin-bottom: 50px;
  }
}

.job-submission-preview-form-wrapper .action-preview {
  position: fixed;
  top: 30%;
  right: 0;
  z-index: 1;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-webkit-direction: normal !important;
  -ms-flex-direction: column !important;
  -webkit-flex-direction: column !important;
  flex-direction: column !important;
  display: -webkit-flex;
  /* Safari */
  display: flex;
}
.rtl .job-submission-preview-form-wrapper .action-preview {
  left: 0;
  right: auto;
}
.job-submission-preview-form-wrapper .action-preview .btn {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  font-size: 18px;
  padding: 10px 20px;
}
.job-submission-preview-form-wrapper .action-preview [name="continue-edit-job"] {
  margin-top: 5px;
}

.submission-form-wrapper {
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.4;
  color: #79b530;
}
@media (min-width: 768px) {
  .submission-form-wrapper {
    margin: 30px 0 50px;
    font-size: 40px;
  }
}

#wp-private-message-popup-message,
#wp-job-board-popup-message {
  position: fixed;
  z-index: 999;
  top: 40%;
  right: 20px;
  font-size: 14px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.bg-warning {
  color: #fff;
  background: #f0ad4e;
}

.bg-info {
  color: #fff;
  background: #27ceb4;
}

.popup-apply-job-email .mfp-content {
  max-width: 500px;
  margin: auto;
}
.popup-apply-job-email .inner {
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 15px;
}
@media (min-width: 1200px) {
  .popup-apply-job-email .inner {
    padding: 30px;
  }
}
.popup-apply-job-email .widget-title {
  margin: 0 0 20px;
  font-size: 20px;
}
.popup-apply-job-email textarea {
  height: 150px;
  resize: none;
}

.socials-apply .title {
  text-align: center;
  margin: 14px 0 0;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
.socials-apply .inner {
  overflow: hidden;
  clear: both;
  margin-left: -7px;
  margin-right: -7px;
}
.socials-apply .inner > div {
  padding-left: 7px;
  padding-right: 7px;
  margin-top: 14px;
  width: 50%;
  float: left;
}
.rtl .socials-apply .inner > div {
  float: right;
}
.socials-apply .inner a {
  color: #fff;
  display: block;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.socials-apply .inner a i {
  font-size: 18px;
  margin-right: 3px;
}
.rtl .socials-apply .inner a i {
  margin-left: 3px;
  margin-right: inherit;
}
.socials-apply .facebook-apply-btn {
  background: #3b5999;
}
.socials-apply .facebook-apply-btn:hover, .socials-apply .facebook-apply-btn:focus {
  background: #344e87;
}
.socials-apply .google-apply-btn {
  background: #dd4b39;
}
.socials-apply .google-apply-btn:hover, .socials-apply .google-apply-btn:focus {
  background: #d73925;
}
.socials-apply .linkedin-apply-btn {
  background: #0077B5;
}
.socials-apply .linkedin-apply-btn:hover, .socials-apply .linkedin-apply-btn:focus {
  background: #00669c;
}
.socials-apply .twitter-apply-btn {
  background: #55acee;
}
.socials-apply .twitter-apply-btn:hover, .socials-apply .twitter-apply-btn:focus {
  background: #3ea1ec;
}

.send-private-wrapper {
  margin-top: 15px;
  text-align: center;
}
@media (min-width: 1200px) {
  .send-private-wrapper {
    margin-top: 30px;
  }
}
.send-private-wrapper .send-private-message-btn {
  font-weight: 500;
  font-size: 15px;
  color: #888b90;
  text-decoration: underline;
}
.send-private-wrapper .send-private-message-btn:hover, .send-private-wrapper .send-private-message-btn:focus {
  color: #e44343;
}
.send-private-wrapper .send-private-message-btn i {
  color: #787c81;
  font-size: 22px;
  margin-right: 10px;
}
.rtl .send-private-wrapper .send-private-message-btn i {
  margin-left: 10px;
  margin-right: inherit;
}

.send-private-message-wrapper {
  background: #fff;
  max-width: 90%;
  width: 500px;
  margin: auto;
  padding: 30px;
  position: relative;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.send-private-message-wrapper .title {
  font-size: 20px;
  margin: 0 0 20px;
}
.send-private-message-wrapper textarea {
  resize: none;
}
.send-private-message-wrapper .form-group {
  margin-bottom: 20px;
}

.message-section-wrapper .list-message-inner {
  position: relative;
}
@media (min-width: 1200px) {
  .message-section-wrapper .list-message-inner {
    height: calc(100% - 95px);
  }
}
.message-section-wrapper .message-inner {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  display: flex;
  -webkit-display: flex;
  max-width: 1100px;
  background: #fff;
}
@media (min-width: 1200px) {
  .message-section-wrapper .message-inner {
    height: 750px;
  }
}
.message-section-wrapper .list-message-wrapper {
  width: 30%;
  border-right: 1px solid #dee6ed;
}
.rtl .message-section-wrapper .list-message-wrapper {
  border-left: 1px solid #dee6ed;
  border-right: inherit;
}
.message-section-wrapper .list-message-wrapper .loadmore-action {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
@media (min-width: 1200px) {
  .message-section-wrapper .list-message-wrapper .loadmore-action {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.message-section-wrapper .list-message-wrapper .loadmore-message-btn {
  font-weight: 700;
  font-size: 14px;
}
.message-section-wrapper .replies-content {
  background: #fff;
  width: 70%;
}
@media (min-width: 1200px) {
  .message-section-wrapper .replies-content {
    display: flex;
    -webkit-display: flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    /* Safari 7.0+ */
    flex-direction: column;
    -webkit-flex-direction: column;
    /* Safari 6.1+ */
  }
  .message-section-wrapper .replies-content > div {
    width: 100%;
  }
  .message-section-wrapper .replies-content .recipient-info {
    margin-bottom: auto;
  }
}
.message-section-wrapper .replies-content .recipient-info .message-item {
  max-width: 55%;
}
.message-section-wrapper .content-box-white {
  padding: 15px;
  padding-bottom: 110px !important;
  position: relative;
}
@media (min-width: 1200px) {
  .message-section-wrapper .content-box-white {
    padding: 30px;
    height: calc(100% - 80px);
  }
}
.message-section-wrapper .content-box-white .reply-message-form-wrapper {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 30px;
  border-top: 1px solid #dee6ed;
}
.message-section-wrapper .content-box-white .list-replies-inner {
  height: 100%;
  padding: 0 12px 0 0;
  margin: 0 -12px 0 0;
}
.rtl .message-section-wrapper .content-box-white .list-replies-inner {
  padding: 0 0 0 12px;
}
.rtl .message-section-wrapper .content-box-white .list-replies-inner {
  margin: 0 0 0 -12px;
}
@media (min-width: 1200px) {
  .message-section-wrapper .content-box-white .list-replies-inner {
    padding: 0 20px 0 0;
    margin: 0 -20px 0 0;
  }
  .rtl .message-section-wrapper .content-box-white .list-replies-inner {
    padding: 0 0 0 20px;
  }
  .rtl .message-section-wrapper .content-box-white .list-replies-inner {
    margin: 0 0 0 -20px;
  }
}
.message-section-wrapper .recipient-info {
  background: #fff;
  padding: 15px 30px;
  border-bottom: 1px solid #dee6ed;
}
.message-section-wrapper .recipient-info .delete-message-btn {
  color: #e44343;
  font-weight: 600;
  font-size: 14px;
  margin-top: 9px;
}
.message-section-wrapper .recipient-info .delete-message-btn i {
  font-size: 17px;
  margin-right: 5px;
}
.rtl .message-section-wrapper .recipient-info .delete-message-btn i {
  margin-left: 5px;
  margin-right: inherit;
}
.message-section-wrapper .recipient-info .delete-message-btn:hover, .message-section-wrapper .recipient-info .delete-message-btn:focus {
  text-decoration: underline;
}
.message-section-wrapper .search-message-form {
  padding: 15px;
}
@media (min-width: 1200px) {
  .message-section-wrapper .search-message-form {
    padding: 25px 30px;
  }
}

.search-wrapper-message {
  position: relative;
  margin: 0 0 15px;
}
.search-wrapper-message .btn {
  margin: 0;
  padding: 2px 0;
  font-size: 17px;
  color: #1768fe !important;
  border: none !important;
  position: absolute;
  background: transparent !important;
  top: 8px;
  right: 15px;
}
.rtl .search-wrapper-message .btn {
  left: 15px;
  right: auto;
}
.search-wrapper-message .form-control {
  -webkit-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #f6f9fc;
  color: #888b90;
  border: none !important;
  height: 45px;
}
.search-wrapper-message .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #888b90;
  opacity: 1;
  filter: alpha(opacity=100);
}
.search-wrapper-message .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #888b90;
  opacity: 1;
  filter: alpha(opacity=100);
}
.search-wrapper-message .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #888b90;
  opacity: 1;
  filter: alpha(opacity=100);
}
.search-wrapper-message .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #888b90;
  opacity: 1;
  filter: alpha(opacity=100);
}
.search-wrapper-message .form-control:focus {
  background: #fff;
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
}
.search-wrapper-message .form-group {
  margin: 0;
}

.list-options-action {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1;
}
.list-options-action > li {
  display: inline-block;
  margin-right: 12px;
}
.rtl .list-options-action > li {
  margin-left: 12px;
  margin-right: inherit;
}
.list-options-action > li:last-child {
  margin-right: 0;
}
.rtl .list-options-action > li:last-child {
  margin-left: 0;
  margin-right: inherit;
}
.list-options-action label {
  font-weight: 400;
  cursor: pointer;
}
.list-options-action label:hover, .list-options-action label:focus {
  color: #1768fe;
}
.list-options-action [type="radio"] {
  display: none;
}
.list-options-action [type="radio"]:checked + label {
  color: #1768fe;
}

.list-message {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-message li {
  padding: 15px 30px;
  border-left: 2px solid transparent;
}
.rtl .list-message li {
  border-right: 2px solid transparent;
  border-left: inherit;
}
.list-message li.unread {
  background: #feac36;
  border-color: #feac36;
}
.list-message li.active {
  border-color: #feac36;
  background: #1768fe;
}
.list-message li.active .user-name {
  color: #fff;
}
.list-message li.active .message-title {
  color: rgba(255, 255, 255, 0.7);
}

.message-item {
  clear: both;
  overflow: hidden;
}
.message-item div.avatar {
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: center;
  /* Safari 7.0+ */
  display: flex;
  align-items: center;
  background: #fff;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  float: left;
}
.rtl .message-item div.avatar {
  float: right;
}
.message-item .content {
  overflow: hidden;
  padding-left: 20px;
}
.rtl .message-item .content {
  padding-right: 20px;
  padding-left: inherit;
}
.message-item .user-name {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
.message-item .message-time {
  font-size: 13px;
  margin-left: 5px;
  white-space: nowrap;
}
.rtl .message-item .message-time {
  margin-right: 5px;
  margin-left: inherit;
}
.message-item .message-title {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reply-message-form-wrapper .form-group {
  margin-bottom: 0 !important;
}
.reply-message-form-wrapper .reply-message-form {
  position: relative;
}
.reply-message-form-wrapper .reply-message-form textarea {
  background: #fff;
  border: none;
  resize: none;
  height: 50px;
  padding: 10px 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding-right: 50px;
}
.rtl .reply-message-form-wrapper .reply-message-form textarea {
  padding-left: 50px;
  padding-right: inherit;
}
.reply-message-form-wrapper .reply-message-form .reply-message-btn {
  position: absolute;
  top: -3px;
  right: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #1768fe;
  background: #fff !important;
  border: 0 !important;
  font-size: 21px;
  padding: 0;
}
.rtl .reply-message-form-wrapper .reply-message-form .reply-message-btn {
  left: 0;
  right: auto;
}

.list-replies {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-replies li {
  margin-bottom: 25px;
  overflow: hidden;
  clear: both;
}
.list-replies li.last-child {
  margin-bottom: 50px;
}
.list-replies .avatar {
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: center;
  /* Safari 7.0+ */
  display: flex;
  align-items: center;
  width: 50px;
  height: 50px;
  background: #fff;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  float: left;
}
.rtl .list-replies .avatar {
  float: right;
}
.list-replies .reply-content {
  overflow: hidden;
  padding-left: 20px;
}
.rtl .list-replies .reply-content {
  padding-right: 20px;
  padding-left: inherit;
}
.list-replies .post-date {
  font-size: 14px;
  margin-bottom: 5px;
}
.list-replies .post-content {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 4px 4px 0 4px;
  -webkit-border-radius: 4px 4px 0 4px;
  -moz-border-radius: 4px 4px 0 4px;
  -ms-border-radius: 4px 4px 0 4px;
  -o-border-radius: 4px 4px 0 4px;
  background: #f6f9fc;
  color: #3a3d43;
  line-height: 130%;
}
.list-replies .user-reply .post-content {
  background: #1768fe;
  color: #fff;
  border-radius: 0 4px 4px 4px;
  -webkit-border-radius: 0 4px 4px 4px;
  -moz-border-radius: 0 4px 4px 4px;
  -ms-border-radius: 0 4px 4px 4px;
  -o-border-radius: 0 4px 4px 4px;
}
.list-replies .yourself-reply {
  text-align: right;
}
.rtl .list-replies .yourself-reply {
  text-align: left;
}

.list-replies-inner {
  position: relative;
}
.list-replies-inner .loadmore-action {
  text-align: center;
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  z-index: 1;
}
.list-replies-inner .loadmore-replied-btn {
  color: #888b90;
}
.list-replies-inner .loadmore-replied-btn:hover, .list-replies-inner .loadmore-replied-btn:focus {
  color: #3a3d43;
}

.user-name {
  font-size: 20px;
  margin: 0 0 10px;
}
@media (min-width: 1200px) {
  .user-name {
    margin: 0 0 20px;
  }
}

@media (max-width: 1199px) {
  .message-section-wrapper .message-inner {
    display: block;
  }
  .message-section-wrapper .message-inner > div {
    width: 100%;
  }
  .message-section-wrapper .message-inner .list-message-wrapper {
    border-bottom: 10px solid #fff;
    position: relative;
    display: none;
  }
  .message-section-wrapper .message-inner .list-message-wrapper:after {
    content: '';
    position: absolute;
    width: calc(100% + 20px);
    height: 10px;
    bottom: -10px;
    left: -10px;
    background: #fff;
    display: block;
  }

  .list-message-inner {
    position: relative;
    max-height: 200px;
    border-bottom: 1px solid #ededed;
  }

  .list-replies-inner {
    overflow-x: auto;
    max-height: 300px;
  }

  .toggle-message-btn {
    border: none;
    padding: 0 !important;
    font-weight: 700;
    color: #79b530;
    margin: 0 0 20px;
  }
  .toggle-message-btn i {
    margin-left: 4px;
  }
  .rtl .toggle-message-btn i {
    margin-right: 4px;
    margin-left: inherit;
  }

  .filter-options {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 1200px) {
  .toggle-message-btn {
    display: none;
  }
}
.replies-content,
.list-message-wrapper {
  position: relative;
}
.replies-content:before,
.list-message-wrapper:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9) url("../images/loading.gif") no-repeat center 100px/30px auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 1;
  visibility: hidden;
}
.replies-content.loading:before,
.list-message-wrapper.loading:before {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.reply-message-btn {
  position: relative;
}
.reply-message-btn:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9) url("../images/loading.gif") no-repeat center center/20px auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 1;
  visibility: hidden;
}
.reply-message-btn.loading:before {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.loadmore-message-btn,
.loadmore-replied-btn {
  position: relative;
  display: inline-block;
}
.loadmore-message-btn:before,
.loadmore-replied-btn:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent url("../images/loading.gif") no-repeat center center/15px auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 1;
  visibility: hidden;
}
.loadmore-message-btn.loading,
.loadmore-replied-btn.loading {
  visibility: hidden;
}
.loadmore-message-btn.loading:before,
.loadmore-replied-btn.loading:before {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.job-grid {
  position: relative;
}
.job-grid .featured {
  position: absolute;
  z-index: 2;
  top: 0;
  font-size: 15px;
  right: 0;
  width: 23px;
  height: 23px;
}
.job-grid .featured:before {
  content: '';
  border-width: 21px;
  border-style: solid;
  width: 42px;
  height: 42px;
  border-color: #1768fe #1768fe transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  z-index: -2;
}
.job-grid .featured i {
  color: #fff !important;
}
.job-grid .urgent {
  text-transform: uppercase;
  padding: 0 25px;
  display: inline-block;
  position: absolute;
  top: 14px;
  left: -25px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #e44343;
  color: #fff;
  font-size: 14px;
}

.message-notification {
  position: relative;
  display: inline-block;
  margin: 0 15px;
  color: #fff;
}
.message-notification i {
  font-size: 20px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.message-notification .unread-count {
  display: inline-block;
  min-width: 20px;
  text-align: center;
  padding: 4px;
  line-height: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: -10px;
  right: -10px;
}
.rtl .message-notification .unread-count {
  left: -10px;
  right: auto;
}

.widget-user-packages .table-responsive {
  border: none;
  margin: 0;
}

table.user-packages {
  border: 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
table.user-packages thead > tr {
  color: #3a3d43;
  border-bottom: 1px solid #dee6ed;
}
table.user-packages thead > tr > td {
  border: 0;
  font-weight: 500;
  padding: 15px;
  font-size: 16px;
}
@media (min-width: 1200px) {
  table.user-packages thead > tr > td {
    padding: 30px;
  }
}
table.user-packages tbody > tr {
  border-bottom: 1px solid #ededed;
}
table.user-packages tbody > tr:last-child {
  border-bottom: 0;
}
table.user-packages tbody > tr > td {
  border: 0;
  padding: 15px;
}
@media (min-width: 1200px) {
  table.user-packages tbody > tr > td {
    padding: 30px;
  }
}
table.user-packages tbody .title {
  color: #3a3d43;
  min-width: 150px;
  font-size: 16px;
  font-weight: 500;
}
table.user-packages tbody .active {
  color: #00d664;
}
table.user-packages .lists-info {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
}
table.user-packages .lists-info .value {
  font-weight: 500;
  color: #27ceb4;
}

.messages {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
}
.messages .danger {
  color: #e44343;
}
.messages .success {
  color: #79b530;
}

.widget-following-employers .following-employer-wrapper {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .widget-following-employers .following-employer-wrapper {
    margin-bottom: 30px;
  }
}

.widget-delete {
  max-width: 400px;
}
.widget-delete .conf-messages {
  color: #3a3d43;
  font-size: 18px;
  font-weight: 500;
}
.widget-delete .undone-messages {
  color: #3a3d43;
  margin-bottom: 25px;
}
.widget-delete .form-control {
  border-color: #e44343;
  border-width: 0 0 2px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  padding: 10px 0;
  background: transparent;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.widget-delete .conf-deleted {
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .widget-delete .form-group {
    margin-bottom: 30px;
  }
}

.highlight {
  color: #1768fe;
}

.leaflet-geocode-container i {
  color: #3a3d43;
  display: inline-block;
  margin-right: 3px;
  font-size: 14px;
}
.rtl .leaflet-geocode-container i {
  margin-left: 3px;
  margin-right: inherit;
}

.action-location .leaflet-geocode-container {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 2;
  font-size: 14px;
  margin-top: 2px;
}
.action-location .leaflet-geocode-container ul {
  list-style: none;
  background: #fff;
  padding: 15px;
  margin: 0;
  font-size: 13px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border: 1px solid #e8eef1;
}
.action-location .leaflet-geocode-container ul li {
  cursor: pointer;
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #e8eef1;
}
.action-location .leaflet-geocode-container ul li:last-child {
  margin-bottom: 0;
  padding: 0;
  border: 0;
}
.action-location .leaflet-geocode-container .highlight {
  font-weight: 500;
  font-size: 14px;
}
.action-location.loading .find-me {
  color: #1768fe;
  animation: rotate_icon 1000ms linear 0s normal none infinite running;
  -webkit-animation: rotate_icon 1000ms linear 0s normal none infinite running;
}
.action-location.loading .find-me:before {
  content: "\f110";
  font-family: "FontAwesome";
}

.filter-listing-form .action-location .clear-location {
  top: 11px;
}

.cmb-form .cmb-row[data-fieldtype="pw_map"] .pw-map-search-wrapper .leaflet-geocode-container {
  margin-top: -15px;
}
.cmb-form .cmb-row[data-fieldtype="pw_map"] .pw-map-search-wrapper .find-me-location {
  top: 17px;
}

.search-orderby-wrapper {
  margin-bottom: 15px;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
@media (min-width: 1200px) {
  .search-orderby-wrapper {
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .search-orderby-wrapper .sort-applicants-form {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .search-orderby-wrapper .sortby-form {
    margin-top: 15px;
  }
}
.search-orderby-wrapper .text-sort {
  margin-right: 5px;
  font-weight: 500;
  color: #3a3d43;
}
.rtl .search-orderby-wrapper .text-sort {
  margin-left: 5px;
  margin-right: inherit;
}

.job-applicants {
  padding: 15px 20px 20px;
  border: 1px solid #e8eef1;
  margin-bottom: 20px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
@media (min-width: 1200px) {
  .job-applicants {
    margin-bottom: 30px;
  }
}
.job-applicants .applicants-wrapper {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #e8eef1;
}
@media (min-width: 1200px) {
  .job-applicants .applicants-wrapper {
    padding-left: 15px;
  }
  .rtl .job-applicants .applicants-wrapper {
    padding-right: 15px;
    padding-left: inherit;
  }
}
.job-applicants .applicants-wrapper .applicants-job {
  margin-bottom: 0;
}
.job-applicants .applicants-wrapper .applicants-job + .applicants-job {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid white;
}
.job-applicants .applicants-pagination-form {
  text-align: center;
  padding-top: 15px;
}
.job-applicants .applicants-pagination-form .apus-loadmore-btn {
  border: none;
  padding: 7px 20px;
  text-transform: capitalize;
  position: relative;
}
.job-applicants .applicants-pagination-form .apus-loadmore-btn:before {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px auto;
}
.job-applicants .applicants-pagination-form.loading .apus-loadmore-btn:before {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.search-applicants-form {
  border: 1px solid #e8eef1;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
.search-applicants-form .form-control {
  background-color: transparent;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.search-applicants-form .select2-container {
  width: 150px !important;
  font-size: 16px;
}
@media (min-width: 768px) {
  .search-applicants-form .select2-container {
    width: 200px !important;
  }
}
.search-applicants-form .select2-container .select2-selection--single {
  border-width: 0 1px;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

.profile-url-edit-wrapper {
  margin-top: 10px;
  position: relative;
  padding-right: 55px;
}
.rtl .profile-url-edit-wrapper {
  padding-left: 55px;
  padding-right: inherit;
}
.profile-url-edit-wrapper .save-profile-slug {
  position: absolute;
  top: 0;
  border: none;
  right: 0;
  padding: 0 20px;
  height: 50px;
  line-height: 48px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.rtl .profile-url-edit-wrapper .save-profile-slug {
  left: 0;
  right: auto;
}
.profile-url-edit-wrapper .save-profile-slug:before {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px auto;
}
.profile-url-edit-wrapper .save-profile-slug.loading:before {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.employer-listing-info,
.restrict-cv-package-info {
  margin: 30px 0;
}
@media (min-width: 1200px) {
  .employer-listing-info,
  .restrict-cv-package-info {
    margin: 50px 0;
  }
}
.employer-listing-info .widget-title,
.restrict-cv-package-info .widget-title {
  padding: 20px 0;
  margin: 0 0 30px;
  text-align: center;
  font-size: 25px;
}
@media (min-width: 1200px) {
  .employer-listing-info .widget-title,
  .restrict-cv-package-info .widget-title {
    font-size: 35px;
  }
}

@media (min-width: 1200px) {
  .restrict-wrapper {
    border-top: 100px solid #1768fe;
  }
}
.restrict-wrapper .restrict-inner {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .restrict-wrapper .restrict-inner {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.restrict-wrapper .restrict-content {
  font-weight: 500;
  text-align: center;
  font-size: 25px;
  color: #3a3d43;
}
.restrict-wrapper .restrict-title {
  margin-bottom: 30px;
}

.restrict-title {
  text-align: center;
  margin: 20px 0;
  font-size: 35px;
  color: #e44343;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .restrict-title {
    font-size: 50px;
    margin-bottom: 50px;
  }
}

.skill-percents {
  padding: 15px;
  margin-top: 15px;
}
.skill-percents h4 {
  font-size: 18px;
  margin: 0 0 15px;
}
.skill-percents h4 span {
  color: #e44343;
  font-weight: 700;
}
.skill-percents .skill-process {
  width: 100%;
  height: 7px;
  background: #e8eef1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  position: relative;
}
.skill-percents .skill-process > span {
  position: absolute;
  top: 0;
  left: 0;
  height: 7px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  background: #1768fe;
}
.rtl .skill-percents .skill-process > span {
  right: 0;
  left: auto;
}
.skill-percents .value-percents {
  margin-top: 20px;
}
.skill-percents .underline {
  color: #f0ad4e;
  font-weight: 500;
  text-decoration: underline;
}

.resume-form-wrapper .alert {
  text-align: center;
  font-size: 18px;
}
@media (min-width: 1200px) {
  .resume-form-wrapper .alert {
    margin-bottom: 50px;
  }
}
.resume-form-wrapper .widget .widget-title {
  font-size: 30px;
}

#jobs-google-maps {
  height: 400px;
  z-index: 2;
}
@media (min-width: 1200px) {
  #jobs-google-maps.top-map {
    height: 790px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  #jobs-google-maps.top-map-candidate {
    margin-bottom: 30px;
  }
}

.releated-candidates,
.widget-openjob {
  background: #fff;
  padding: 40px 0 10px;
}
@media (max-width: 767px) {
  .releated-candidates,
  .widget-openjob {
    padding: 30px 0 0;
  }
}
@media (min-width: 1200px) {
  .releated-candidates,
  .widget-openjob {
    padding: 90px 0 70px;
  }
}
.releated-candidates .title,
.widget-openjob .title {
  font-size: 25px;
  margin: 0;
}
@media (min-width: 1200px) {
  .releated-candidates .title,
  .widget-openjob .title {
    font-size: 30px;
  }
}
.releated-candidates .top-info,
.widget-openjob .top-info {
  margin: 0 0 30px;
}
@media (min-width: 1200px) {
  .releated-candidates .top-info,
  .widget-openjob .top-info {
    margin: 0 0 50px;
  }
}
.releated-candidates .candidate-archive-layout,
.releated-candidates .job-style-inner,
.widget-openjob .candidate-archive-layout,
.widget-openjob .job-style-inner {
  -webkit-box-shadow: 0 2px 15px 0 rgba(167, 174, 189, 0.3);
  box-shadow: 0 2px 15px 0 rgba(167, 174, 189, 0.3);
}
.releated-candidates .candidate-archive-layout:hover,
.releated-candidates .job-style-inner:hover,
.widget-openjob .candidate-archive-layout:hover,
.widget-openjob .job-style-inner:hover {
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
}

.category-section {
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  padding: 20px;
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .category-section {
    padding: 40px 50px;
    margin-bottom: 30px;
  }
}
.category-section .title-parent {
  margin: 0 0 15px;
  font-size: 22px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.category-section .number_total {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  font-weight: 500;
}
.category-section .terms-sub-list {
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-column-count: 1;
  /* Chrome, Safari, Opera */
  -moz-column-count: 1;
  /* Firefox */
  column-count: 1;
}
@media (min-width: 768px) {
  .category-section .terms-sub-list {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
  }
}
@media (min-width: 1200px) {
  .category-section .terms-sub-list {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3;
  }
}
.category-section .terms-sub-list li {
  margin-bottom: 8px;
  display: block;
  width: 100%;
}
.category-section a {
  color: #888b90;
}
.category-section a:hover, .category-section a:focus {
  color: #1768fe;
}
.category-section:hover {
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
}
.category-section:hover .title-parent,
.category-section:hover .number_total {
  color: #1768fe;
}

.apus-breadscrumb-dashboard .breadcrumb > a + li:before,
.apus-breadscrumb-dashboard .breadcrumb > li + a:before,
.apus-breadscrumb-dashboard .breadcrumb > li + li:before {
  color: #3a3d43 !important;
}
.apus-breadscrumb-dashboard .apus-breadscrumb {
  background: transparent;
  margin: 0;
}
.apus-breadscrumb-dashboard .apus-breadscrumb .bread-title {
  color: #3a3d43;
}
@media (min-width: 1200px) {
  .apus-breadscrumb-dashboard .apus-breadscrumb .bread-title {
    font-size: 40px;
  }
}
.apus-breadscrumb-dashboard .apus-breadscrumb .breadcrumb a {
  color: #3a3d43;
}
.apus-breadscrumb-dashboard .apus-breadscrumb .breadcrumb a:hover, .apus-breadscrumb-dashboard .apus-breadscrumb .breadcrumb a:focus {
  color: #1768fe;
}
.apus-breadscrumb-dashboard .apus-breadscrumb .breadcrumb .active {
  color: #1768fe;
}
.apus-breadscrumb-dashboard .apus-breadscrumb .wrapper-breads {
  max-width: 100%;
  padding: 30px 0 15px;
}
@media (min-width: 1200px) {
  .apus-breadscrumb-dashboard .apus-breadscrumb .wrapper-breads {
    padding: 60px 0 45px;
  }
}
@media (min-width: 768px) {
  .apus-breadscrumb-dashboard .apus-breadscrumb .left-inner {
    float: right;
    margin-top: 10px;
  }
  .rtl .apus-breadscrumb-dashboard .apus-breadscrumb .left-inner {
    float: left;
  }
}

.box-white-inner {
  background: #fff;
  padding: 15px;
}
@media (min-width: 768px) {
  .box-white-inner {
    padding: 30px;
  }
}

.employer-employees-member .not-found {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .employer-employees-member .not-found {
    margin-bottom: 30px;
  }
}
.employer-employees-member label {
  margin-bottom: 10px;
  color: #3a3d43;
  font-weight: 400;
}

.employer-add-employees-form {
  position: relative;
}
.employer-add-employees-form:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9) url("../images/loading.gif") no-repeat center center/30px auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 1;
  visibility: hidden;
}
.employer-add-employees-form.loading:before {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.employer-employees-list-inner {
  margin-right: -15px;
  margin-left: -15px;
}
.employer-employees-list-inner:after {
  content: '';
  display: table;
  clear: both;
}
.employer-employees-list-inner .employee-team-wrapper {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 992px) {
  .employer-employees-list-inner .employee-team-wrapper {
    width: 50%;
    float: left;
    margin-bottom: 30px;
  }
  .rtl .employer-employees-list-inner .employee-team-wrapper {
    float: right;
  }
  .employer-employees-list-inner .employee-team-wrapper:nth-child(2n+1) {
    clear: both;
  }
}

.employee-team {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -o-align-items: center;
  -ms-align-items: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #fff;
  padding: 15px;
  border: 1px solid #dee6ed;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.employee-team .employee-thumbnail {
  width: 90px;
  padding: 5px;
}
.employee-team .employee-information {
  padding-left: 20px;
  width: calc(100% - 90px);
}
.rtl .employee-team .employee-information {
  padding-right: 20px;
  padding-left: inherit;
}
.employee-team .entry-title {
  font-size: 16px;
  margin: 0;
}
.employee-team:hover {
  border-color: #fff;
  -webkit-box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
  box-shadow: 0 6px 40px 0 rgba(167, 174, 189, 0.4);
}

.p-bottom-0 {
  padding-bottom: 0 !important;
}

/* 12. responsive */
/*
*  Responsive
*/
@media (min-width: 1500px) {
  .list-product-archive .col-lg-cs-5,
  .list-product-archive .col-md-cs-5 {
    width: 20%;
  }
}

@media (min-width: 769px) {
  .hidden-dots .slick-dots {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1650px) {
  .category-banner-inner.style1 {
    padding: 50px 10px;
  }
  .category-banner-inner.style1 .title {
    font-size: 16px;
  }
  .category-banner-inner.style1 .number {
    padding: 4px 15px 8px;
  }

  .layout-type-half-map #jobs-google-maps {
    width: 30%;
  }
  .layout-type-half-map #main-content {
    width: 70%;
  }
  .layout-type-half-map .jobs-ordering .label {
    display: none;
  }
  .layout-type-half-map .content-listing {
    padding: 20px;
  }
  .layout-type-half-map .inner-left {
    padding-left: 290px;
  }
  .rtl .layout-type-half-map .inner-left {
    padding-right: 290px;
    padding-left: inherit;
  }
  .layout-type-half-map .filter-sidebar {
    width: 280px;
    left: 15px;
  }
  .rtl .layout-type-half-map .filter-sidebar {
    right: 15px;
    left: auto;
  }
  .layout-type-half-map .jobs-alert-ordering-wrapper {
    display: block;
    overflow: hidden;
  }
  .layout-type-half-map .jobs-alert-ordering-wrapper .results-count {
    width: 100%;
    margin: 0 0 10px;
    float: none;
  }
  .layout-type-half-map .jobs-alert-ordering-wrapper > * {
    width: 50%;
    float: left;
    margin: 0 0 10px;
  }
  .rtl .layout-type-half-map .jobs-alert-ordering-wrapper > * {
    float: right;
  }

  .statistics .icon {
    font-size: 32px;
    width: 60px;
  }
}
@media (min-width: 992px) {
  .md-clearfix {
    clear: both;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sm-clearfix {
    clear: both;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .xs-clearfix {
    clear: both;
  }
}
@media (max-width: 1199px) {
  .widget-team .content {
    padding: 10px;
  }
  .widget-team .name-team {
    margin: 0;
  }

  .top-info-blog {
    line-height: 1.6;
    display: block;
  }
  .top-info-blog > div {
    border: 0;
    margin: 0;
    padding: 0;
  }

  .jobs-alert-ordering-wrapper .jobs-ordering .label {
    display: none;
  }

  .catgory-parent {
    margin-bottom: 20px;
  }
  .catgory-parent .title-parent {
    margin-bottom: 5px;
  }

  .statistics .inner-header {
    margin-bottom: 15px;
  }

  .box-dashboard-wrapper .inner-list {
    margin-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .category-banner-inner.style1 .description {
    font-size: 15px;
  }

  .subwoo-inner {
    padding: 15px 20px;
  }

  .content-job-detail .sidebar-job {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .slick-carousel {
    margin-left: -8px;
    margin-right: -8px;
  }
  .slick-carousel .slick-slide {
    padding-left: 8px;
    padding-right: 8px;
  }
  .slick-carousel .slick-arrow {
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .slick-carousel:hover .slick-arrow {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .nav-tabs {
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden;
  }
  .nav-tabs li {
    float: none;
    display: inline-block;
    margin-bottom: 10px;
  }

  .widget {
    margin-bottom: 20px;
  }

  .search-form-inner > div {
    width: 100% !important;
    margin-bottom: 15px !important;
  }
  .search-form-inner > div:last-child {
    margin-bottom: 0 !important;
  }

  .widget-blogs .widget-title,
  .widget-candidates .widget-title, .widget-jobs .widget-title {
    font-size: 25px;
  }

  .widget-blogs.carousel .type-post {
    margin-bottom: 20px;
  }

  .job-list {
    padding: 20px;
  }
  .job-list .job-employer-logo {
    width: 100%;
    padding: 0 0 5px;
  }
  .job-list .job-information {
    width: 100% !important;
  }

  .testimonials-item .description {
    font-size: 17px;
    margin-bottom: 20px;
  }

  .commentform.reset-button-default .comment-respond,
  .box-comment,
  .entry-content-detail {
    padding: 20px;
  }

  .post-navigation .nav-links {
    display: block;
  }
  .post-navigation .nav-links > * {
    padding: 15px 20px;
    width: 100%;
    text-align: inherit !important;
    border-bottom: 1px solid #e8eef1;
  }
  .post-navigation .nav-links > *:last-child {
    border: 0;
  }

  .widget-team .job {
    font-size: 14px;
  }

  .jobs-alert-ordering-wrapper .select2-container {
    width: 100% !important;
  }
  .jobs-alert-ordering-wrapper > * {
    margin: 0 0 10px !important;
    width: 100%;
    float: none;
  }
  .jobs-alert-ordering-wrapper > *:last-child {
    margin-bottom: 0 !important;
  }

  .employer-list {
    padding: 20px;
  }

  .employer-detail-header .socials-top-employer,
  .candidate-detail-header .socials-top-employer {
    display: block;
    width: 100%;
    padding: 15px 0 0;
  }

  .candidate-grid .candidate-logo img {
    width: 100%;
  }

  #jobs-google-maps.top-map-candidate {
    margin-bottom: 0;
  }

  .bottom-action-mobile {
    margin-top: 15px;
  }

  .cmb-type-group .cmb-th, .cmb2-postbox .cmb-th {
    width: 100% !important;
    padding: 0 0 10px !important;
  }

  .cmb-type-group .cmb-th + .cmb-td, .cmb2-postbox .cmb-th + .cmb-td {
    width: 100% !important;
  }

  .package-info-wrapper li {
    white-space: nowrap;
  }

  .box-dashboard-wrapper .inner-box {
    padding: 20px;
  }

  .shortlist-job .ali-right,
  .apply-job .ali-right {
    margin-top: 10px;
  }

  .comment-list div.avatar {
    width: 65px;
    padding-right: 10px;
  }
  .rtl .comment-list div.avatar {
    padding-left: 10px;
    padding-right: inherit;
  }

  .wrapper-breads .left-inner {
    margin-bottom: 20px;
  }
  .wrapper-breads .bread-title {
    margin-bottom: 5px;
  }
  .wrapper-breads .top-detail-info {
    margin-top: 10px;
  }
  .wrapper-breads .top-detail-info > * {
    display: block;
    margin-bottom: 3px;
  }
  .wrapper-breads .top-detail-info > *:last-child {
    margin-bottom: 0;
  }
  .wrapper-breads .top-detail-info .space {
    display: none !important;
  }
}
@media (max-width: 479px) {
  .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > *,
  .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > .select2-container, .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > select, .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > input {
    width: 100% !important;
    margin: 0 0 5px !important;
  }

  .apus-topcart .dropdown-menu {
    padding: 20px;
    min-width: 280px;
  }

  .widget-action .title {
    font-size: 25px;
    margin: 0 0 10px;
  }
  .widget-action .description {
    font-size: 16px;
  }
  .widget-action .btn {
    padding: 10px 20px;
  }
}
@media (min-width: 783px) {
  .admin-bar.header_transparent #apus-header {
    top: 32px;
  }
}
@media (max-width: 782px) {
  .admin-bar.header_transparent #apus-header {
    top: 46px;
  }
  .admin-bar .header-mobile {
    top: 46px;
  }
}

@media (min-width: 783px) {
  .admin-bar .header-mobile {
    top: 32px;
  }
}
@media (max-width: 600px) {
  .admin-bar .header-mobile.sticky-header {
    top: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .widget-blogs.carousel .post-list-item .col-content {
    padding: 20px;
  }
}
.visible-smallest {
  display: none;
}

@media (max-width: 381px) {
  .visible-smallest {
    display: block !important;
  }

  .hidden-smallest {
    display: none;
  }

  .comment-list .comment-reply-link .space {
    display: none;
  }
  .comment-list .visible-smallest {
    margin-bottom: 5px;
  }

  #comments .box-comment {
    padding: 10px;
  }
}

/* ========= Company Listing Start Here =========== */ 
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

 
.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.page-filter ul {
    margin: 0 0 30px!important;
    padding: 0 0 10px;
    display: inline-block;
    border-bottom: 2px solid #ededed;
    background-color: #ffffff;
}

.page-filter li {
    padding: 0 !important;
    margin: 0 5px !important;
    font-weight: 700;
    background-color: #ffffff;
}

.check-list li i {
    width: 25px;
    border-radius: 25px;
    height: 25px;
    background-color: #f3f6f9;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    margin-right: 10px;
}

.list-title {
    background-color: #ffffff;
    border-bottom: 2px solid #ededed;
    margin-bottom: 10px;
    padding: 10px 0;
    color: #212121;
    font-weight: 700;
}

.check-list small {
    color: gray;
    position: absolute;
    right: 15px;
}

.check-list img {
    margin-top: 5px !important;
    max-width: 50px;
}

.store-list .check-list img {
    background: #f3f6f9 none repeat scroll 0 0;
    margin: -4px 10px 0 0 !important;
    max-width: 50px;
    padding: 3px;
}

.store-list .check-list li {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 3px solid #fff;
    float: left;
    padding: 10px;
    position: relative;
    width: 50%;
}

.check-list {
    list-style: outside none none;
    padding: 0;
}

.check-list li {
    border-bottom: 1px solid #e6e6e6;
    padding: 7px 0;
    position: relative;
}

.check-list li:last-child {
    border-bottom: 0 solid #e6e6e6;
}

.single-store .coupon-meta h3 {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    padding: 0 0 15px;
}

.single-store .post-sharing {
    margin-left: 0 !important;
}

.single-store .coupon-meta {
    margin-top: 0;
}

.single-coupon .post-sharing ul {
    margin-bottom: 0;
}

.tooltip-inner {
    min-width: 90px;
    padding: 5px 15px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}

.single-store .tooltip-inner {
    min-width: 120px;
}

.single-store .coupon-meta h3 small a {
    font-size: 12px;
    padding-left: 10px;
    color: #aaa;
}

.post-media img {
    width: 100%;
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    background-color: #f3f6f9;
    padding: 3px;
    position: relative;
    width: 100%;
}

 
  .post-media img:hover, .pagination > li > a:hover, .pagination > li > span:hover,  .post-media img,   .color2 {
    background-color: #00bcd4 !important;
    border-color: #00bcd4 !important;
    color: #ffffff !important;
}


.eslboardsidebar .eslboardwidget {
    background-color: #ffffff;
    border: 1px solid #f0efef;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05);
    padding: 30px;
    position: relative;
    margin-bottom: 30px;
}
.eslboardsidebar .eslboardwidget i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 21px;
    margin: 5px 15px 0 0;
    border-radius: 50px;
}
 
.eslboardsidebar .eslboardwidget .custom-widget {
    border-radius: 0px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    border: 0 solid #273c51 !important;
    background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #273c51 10px, #273c51 20px), linear-gradient( to bottom, #253749, #253749);
}
/* == End Listing Here ============================ */