ul.pages{width: 370px !important;}
ul.pages{    right: 54px !important;
    bottom: 30px !important;}
.close_msg{right: 52px !important;}
 .top1{    position: relative;
    top: 64px;
    left: 31;}
    .top2{
    position: relative;
    top: 67px;
    left: 33;
    background: #49225fdb;
    width: 80%;
    padding: 10px;
     color: #ffffff;
      border-radius: 14px;
      z-index: 99999;
      height: 150px;

    }
.powered-by { height: 55px !important; padding-top: 8px !important;}
.inputContainter{bottom: 27px !important;}
footer.col-md-12.add_footer {
    text-align: center;
    position: absolute;
    bottom: 10px;
}
footer.col-md-12.add_footer {
    background: #d4d4d4;
    text-align: center;
    padding: 6px;
    position: absolute;
    bottom: 0px;
}
.col-md-3.top1 {
    color: #636363;
    left: -21px;
    float: right;
    z-index: 999999999;
    position: relative;
    top: 225px;
}
.col-md-3.top2 {
	padding: 10px;
    border-radius: 4px;
    width: 20%;
    color: #636363;
    left: 318px;
    float: right;
    z-index: 999999999;
    position: relative;
    top: 274px;
    background: #ccc;
}
.col-md-3.top3 {
	border-radius: 4px;
	padding: 10px;
    width: 20%;
    color: #636363;
    left: 611px;
    float: right;
    z-index: 999999999;
    position: relative;
    top: 413px;
    background: #ccc;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
.col-md-3.top1 {
    color: #636363;
    left: 6px;
    float: right;
    z-index: 999999999;
    position: relative;
    top: 338px;
}

.col-md-3.top2 {
   padding: 10px;
    border-radius: 4px;
    width: 20%;
    color: #636363;
    left: 302px;
    float: right;
    z-index: 999999999;
    position: relative;
    top: 274px;
    background: #ccc;
}

.col-md-3.top3 {
    border-radius: 4px;
    padding: 10px;
    width: 99%;
    color: #636363;
    left: -2px;
    float: right;
    z-index: 999999999;
    position: relative;
    top: 393px;
    background: #ccc;
}

body>div {
    height: 0px !important;
}

}
.flex-control-nav{display: none;}
.flex-direction-nav{display: none;}
.messages{
    height: 50% ;
    margin-top: 61px;
}
.messages_height{
    height: 67%;
}
.messages_quoti{
        height: 90% !important;
}
.alert1{    padding: initial !important;}
.snackBar{
    bottom: 72px !important;
}
.padding-no-margin {
    margin: 33.2px !important;
}

.selectOptions {
    text-align: center;
    padding: 20px 8px 20px;
    width: 22%;
    float: left;
    margin: 0 auto;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
li.media.list-group-item.choose{
    padding: 1px 2px !important;
}
.selectOptions{    padding: 0px 6px 30px !important;}
.choose.selected{background-color: #58ab28c4 !important;}
.messages{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}
.form-control{border: 1px solid #a4a6a9;}
.star{color: red;}
.error_name{display: none;}
.error_email{display: none;}
.error_email2{display: none;}
.error_mobile{display: none;}
.error_option{display: none;}
.employer_quotes{display: none;}
.container_next{display: none;}
.quatations_emp{display: none;}
.item-1, 
.item-2, 
.item-3,.item-4,.item-5,.item-6,.item-7,.item-8,.item-9,.item-10,.item-11,.item-12,.item-13,
.item-14,.item-15,.item-16,.item-17,.item-18,.item-19,.item-20,.item-21,.item-22 {
    position: absolute;
    display: block;
    top: 2em;
    animation-duration: 20s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.item-1{
    animation-name: anim-1;
}

.item-2{
    animation-name: anim-2;
}

.item-3{
    animation-name: anim-3;
}
.item-4{
    animation-name: anim-4;
}
.item-5{
    animation-name: anim-5;
}
.item-6{
    animation-name: anim-6;
}
.item-7{
    animation-name: anim-7;
}
.item-8{
    animation-name: anim-8;
}
.item-9{
    animation-name: anim-9;
}
.item-10{
    animation-name: anim-10;
}
.item-11{
    animation-name: anim-11;
}
.item-12{
    animation-name: anim-12;
}
.item-13{
    animation-name: anim-13;
}
.item-14{
    animation-name: anim-14;
}
.item-15{
    animation-name: anim-15;
}
.item-16{
    animation-name: anim-16;
}
.item-17{
    animation-name: anim-17;
}
.item-18{
    animation-name: anim-18;
}
.item-19{
    animation-name: anim-19;
}
.item-20{
    animation-name: anim-20;
}
.item-21{
    animation-name: anim-21;
}
.item-22{
    animation-name: anim-22;
}
.item{
    font-size: 14px;
    left: 15px;
    width: 91%;
    margin-top: 22px;
}

@keyframes anim-1 {
    0%, 8.3% {right: -100%; opacity: 0; }
  8.3%,25% { right: 25%; opacity: 1; }
  33.33%, 100% { right: 110%; opacity: 0; }
}

@keyframes anim-2 {
    0%, 33.33% { right: -100%; opacity: 0; }
  41.63%, 58.29% { right: 25%; opacity: 1; }
  66.66%, 100% { right: 110%; opacity: 0; }
}

@keyframes anim-3 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-4 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-5 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-6 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-7 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-8 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-9 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-10 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-11 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-12 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-13 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-14 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-15 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-16 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-17 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-18 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-19 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-20 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-21 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
@keyframes anim-22 {
    0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 25%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}
#carousel {
position: relative;
width:100%;
margin:0 auto;
top: -55px;
height: 150px;
}

#slides {
overflow: hidden;
position: relative;
width: 100%;
height: 106px;
}

#slides ul {
list-style: none;
width:100%;
margin: 0;
padding: 0;
position: relative;
}

 #slides li {
width:100%;
float:left;
text-align: center;
position: relative;
}
/* Styling for prev and next buttons */
.btn-bar{
    max-width: 346px;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 40px;
    width: 100%;
}

 #buttons {
padding:0 0 5px 0;
float:right;
}

#buttons a {
text-align:center;
display:block;
font-size:50px;
float:left;
outline:0;
margin:0 60px;
color:#b14943;
text-decoration:none;
display:block;
padding:9px;
width:35px;
}
.quote-phrase, .quote-author {
font-weight:300;
display: table-cell;
vertical-align: middle;
padding: 5px 20px;
}

.quote-phrase {
font-size:14px;
color:#FFF;
text-shadow:.5px 0px #b14943;  
}

.quote-marks {
font-size:30px;
padding:0 3px 3px;
position:inherit;
}

.quote-author {
font-size:20px;
color:#b14943;
font-weight:400;
}

.quoteContainer, .authorContainer {
display: table;
width: 100%;
}
.snackBar_over{
      bottom: 12px !important;
}
.carousel-inner .item {
  text-align: center !important;
}
@media (max-width: 570px) {
  .carousel-control.left {
    left: 0;
  }
  .carousel-control.right {
    right: 0;
  }
}

.carousel.carousel-fade .item {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  opacity:0;
}

.carousel.carousel-fade .active.item {
  -webkit-transition: opacity 5s ease-in;
  -moz-transition: opacity 5s ease-in;
  -ms-transition: opacity 5s ease-in;
  -o-transition: opacity 5s ease-in;
  transition: opacity 5s ease-in;
  opacity:1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
  left: 0;
  z-index: 1;
}
.add_bm{margin-bottom: 15px !important;}
.chat_bub img{
      border-radius: 0.2em !important;
}
.readmore.selected{
      background-color: white !important;
}
.padding-no-margin {
    margin: 5.2px !important;
}
.quote-hide {
  display: none;
}
.quote-box {
  text-align: center;
}
.first_quest{
  display:none;
}
.snackBar_over {
    bottom: -20px !important;
}
.qcotes_recruiter{
  display: none;
}
.qcotes_jobseeker{
  display: none;
}
.middle_message{
  margin: 32.2px !important;
  margin-bottom: -15px !important;
}
.qcotes_visitor{
  display: none;
}
.error_companyname{
  display: none;
}
.error_position{
  display: none;
}
.error_employeeno{
  display: none;
}
.error_employee_type{
  display: none;
}
.error_mobile_exists{
  display: none;
}
span iframe {
border-radius: 10% !important;
visibility: visible !important;
width: 122px !important;
height: 36px !important;
}
.zoom {
      display:inline-block;
      position: relative;
    }
    
    /* magnifying glass icon */
    .zoom:after {
      content:'';
      display:block; 
      width:33px; 
      height:33px; 
      position:absolute; 
      top:0;
      right:0;
      background:url(icon.png);
    }

    .zoom img {
      display: block;
    }

    .zoom img::selection { background-color: transparent; }

    #ex2 img:hover { cursor: url(grab.cur), default; }
    #ex2 img:active { cursor: url(grabbed.cur), default; }
   @supports (-moz-appearance:none) {
      .firefox{
       margin-top: 219px ;
      margin-left: 20px;
      }
    }
    .normal_chr{
    margin-top: 227px;
    margin-left: 20px;
    border-radius: 50% !important;
    }
    *{
margin:0;
padding:0;
}
.snackBar_button.small{
  font-size: 11.2pt !important;
}
.read_morei{
  margin-top: 20px !important;
}
.request_none{
  display: none;
}
.aut_margin{
  width: 50% !important;
  margin: auto;
}
.alertsucess {
padding: 9px;
background-color: #6abc6e !important;
color: white;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
font-size: 13px;
width: 338px;
height: 74px;
float: left;
margin-bottom: 24px;
margin-top: -15px;
}

.closebtnnine {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtnnine:hover {
  color: black;
}
.disabled_fu{
    pointer-events:none;
    opacity:0.4;
}
.date_error{
  display: none;
}
.error_employeeno_organisation{
  display: none;
}
.chat_height{
    top: -42px !important;
    height: 98% !important;
}
.close_msg{
      background: #58ab28 !important;
      color: white !important;
}