:root
	{
	--blue: #007bff;
  	--indigo: #6610f2;
  	--purple: #6f42c1;
  	--pink: #e83e8c;
  	--red: #dc3545;
  	--red-1: #f65153;
  	--red-btn: #d21d1e;
  	--lipstick: #d21d1e;
  	--orange: #fd7e14;
  	--yellow: #ffc107;
  	--green: #28a745;
  	--teal: #20c997;
  	--cyan: #17a2b8;
  	--white: #ffffff;
  	--white-50: #ffffff42;
  	--gray: #6c757d;
  	--gray-dark: #343a40;
  	--primary: #007bff;
  	--secondary: #6c757d;
  	--success: #28a745;
  	--info: #17a2b8;
  	--warning: #ffc107;
  	--danger: #dc3545;
  	--light: #f8f9fa;
  	--dark: #343a40;
  	--dark-navy-blue: #000226;
  	--dark-navy-blue-10: #00022646;
  	--white: #ffffff;
  	--black: #000000;
  	--black-2: #1c0404;
  	--black-3: #342a2a;
  	--cyan-1: #848484;
  	--cyan-2: #c9c9c9;
  	--cyan-3: #959595;
  	--breakpoint-xs: 0;
  	--breakpoint-sm: 576px;
  	--breakpoint-md: 768px;
  	--breakpoint-lg: 992px;
  	--breakpoint-xl: 1200px;
  	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --font-primary: 'Montserrat';
   --font-secundary: 'Poppins';
   --filter-pesquisa: invert(56%) sepia(3%) saturate(4%) hue-rotate(3deg) brightness(93%) contrast(92%);
   --filter-white: brightness(0) invert(1);
   --filter-red: invert(20%) sepia(77%) saturate(3310%) hue-rotate(345deg) brightness(85%) contrast(99%);
   --filter-cyan-2: invert(66%) sepia(89%) saturate(1%) hue-rotate(331deg) brightness(104%) contrast(93%);
   --filter-silver: invert(24%) sepia(5%) saturate(19%) hue-rotate(348deg) brightness(100%) contrast(89%);
   --filter-black-two: invert(1);
   --black-70: #00000046;
   --black-40: #00000064;
   --greyish-brown: #44444;
   --silver: #c6c8c8;
   --light-burgundy: #9f2b2c;
   --warm-grey: #848484;
   --black-three: #2e2727;
   --warm-grey-two: #959595;
   --pale-blue: #f5f7fe;
   --white-three: #e6e6e6;
   --white-three50: #e6e6e642;
	}
#msg
  {
	position: absolute;
	top: 10px;
	right: 10px;
	}
	
a, a:link 
	{
	text-decoration: none;
  	color: var(--black);
  	background-color: transparent;
	}

a:hover 
	{
	font-weight: bold;
	text-decoration: none;
	color: var(--black);
	}
	
.bottom_last .common_width a, .bottom_last .common_width a:link
	{
	text-decoration: none;
  	color: var(--white);
  	font-weight: bold;
	}
	
.bottom_last .common_width a:hover
	{
	text-decoration: none;
  	color: var(--red);
	}
	
.pgwSlider {
    width: 100%;
    color: #fff;
}

.pgwSlider a{
    display: block;
    text-decoration: none;
    color: #fff;
}

.pgwSlider .ps-current {
    float: left;
    width: 74%;
    overflow: hidden;
    height: inherit;
    position: relative;
    font-size: 1rem;
}

.pgwSlider.listOnTheLeft .ps-current {
    float: right;
}

.pgwSlider .ps-current ul {
    width: 100%;
}

.pgwSlider .ps-current li {
    width: 100%;
    z-index: 1;
    opacity: 0;
    display: none;
}

.pgwSlider .ps-current img {
    max-width: 100%;
    min-width: 100%;
    height: auto;
    display: block;
    transition: margin-top 250ms linear;
}

.pgwSlider .ps-caption {
    position: absolute;
    width: 100%;
    padding: 12px;
    background: rgba(0, 0, 0, 0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    left: 0;
    bottom: 0;
    display: none;
    z-index: 3;
}

ul.pgwSlider,
.pgwSlider  ul {
    float: right;
    width: 25%;
    padding: 0;
    list-style: none;
    margin: 0;
}

ul.pgwSlider.listOnTheLeft,
.pgwSlider.listOnTheLeft > ul {
    float: left;
}

ul.pgwSlider > li,
.pgwSlider > .ps-list > li {
    height: 50px;
    margin-bottom: 6px;
    overflow: hidden;
    position: relative;
    opacity: 0.6;
    filter: alpha(opacity=60);
    font-size: 0.8rem;
    transition: opacity 200ms linear;
}

ul.pgwSlider > li:last-child,
.pgwSlider > ul > li:last-child {
    margin-bottom: 0;
}

ul.pgwSlider > li span,
.pgwSlider > .ps-list > li span {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 5px;
    background: rgba(0, 0, 0, 0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.pgwSlider > li:hover,
.pgwSlider > ul > li:hover {
    opacity: 1 !important;
}

ul.pgwSlider > li img,
.pgwSlider > ul > li img {
    width: 100%;
    min-height: 100%;
    display: block;
    transition: margin-top 250ms linear;
}

.pgwSlider .ps-prevIcon {
    border-color:transparent #fff transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    display: block;
}

.pgwSlider .ps-nextIcon {
    border-color:transparent #fff transparent;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    display: block;
}

.pgwSlider .ps-current .ps-prev {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    border: 1px solid #777;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    position: absolute;
    padding: 20px 20px 20px 17px;
    left: 0;
    top: 45%;
    cursor: pointer;
}

.pgwSlider .ps-current .ps-next {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    border: 1px solid #777;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    padding: 20px 17px 20px 20px;
    right: 0;
    top: 45%;
    cursor: pointer;
}

/*
 * The media-queries are not used because IE8 doesn't support them.
 */
ul.pgwSlider.wide > li,
.pgwSlider.wide > ul > li {
    width: 100% !important;
}

.pgwSlider.narrow .ps-current {
    margin-bottom: 6px;
    font-size: 0.8rem;
}

.pgwSlider.narrow .ps-current img {
    width: 100%;
    min-height: inherit;
}

.pgwSlider.narrow .ps-current,
ul.pgwSlider.narrow,
.pgwSlider.narrow > ul {
    width: 100%;
}

ul.pgwSlider.narrow > li,
.pgwSlider.narrow > .ps-list > li {
    float: left;
    min-height: 50px;
    max-height: 70px;
    min-width: 15%;
    font-size: 0.7rem;
    margin-bottom: 0;
}

ul.pgwSlider.narrow.listOnTheLeft > li,
.pgwSlider.narrow.listOnTheLeft > ul > li {
    float: right;
}

.pgwSlider.narrow .ps-caption {
    padding: 8px;
}

.pgwSlider.narrow .ps-current .ps-prev {
    padding: 15px 15px 15px 12px;
    top: 40%;
}

.pgwSlider.narrow .ps-current .ps-next {
    padding: 15px 12px 15px 15px;
    top: 40%;
}

.logo_abv img
	{
	min-width: 100px;
	}
	
.par_list
	{
	margin-top: 49px;
	}
	
.modal-dialog 
	{
  	max-width: 90% !important;
  	margin: 10px;
  	}
  	
#sp_login
	{
	display: block;
	}
#sp_logout,
#sp_perfil
	{
	display: none;
	}

#show_eye
	{
	display: block;
	}
#hide_eye	
	{
	display: none;
	}
	
.search_area .input_wrapper input[type='text'], .search_area .input_wrapper select  
	{
	max-width: 204px; 
	}
	
#img_now img
	{
	width: 100%;
	}
	
.AvailableVacanciesPopup .item h1
	{
	font-weight: bold;
	}
	
.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}

/* The container */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  color: #342a2a;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 4px;
  border: 1px solid #d4d4d5;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #d21d1e;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #d21d1e;
  border-color: #d21d1e;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 5.5px;
  top: 1.5px;
  width: 4.5px;
  height: 9.5px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}