/*=============================
Breadcrumb
=============================*/
.breadcrumb__wrap {
/* background: #F7F7F7; */
background-color: #555657;
background-image: url('img/STTD.jpg');
background-repeat: repeat-y;
padding: 275px 0 155px;
position: relative;
overflow: hidden;
z-index: 1; }
@media (max-width: 1500px) {
    .breadcrumb__wrap {
    padding: 185px 0 30px; } }
.breadcrumb__wrap__content {
    text-align: center; 
}
.breadcrumb__wrap__content .title {
    font-size: 35px;
    letter-spacing: -0.01em;
    font-weight: 400;
    color: #F5F5F5;
    /* font-family: fantasy; */
    /* text-transform: lowercase; */
    line-height: 1.1;
    margin-bottom: 15px; 
}
@media (max-width: 767.98px) {

    .breadcrumb__wrap__content .title {
        font-size: 46px; } 
    }
        .breadcrumb__wrap .breadcrumb {
        margin-bottom: 0;
        justify-content: center; }
        .breadcrumb__wrap .breadcrumb li {
        /* text-transform: uppercase; */
        font-size: 14px;
        font-weight: 500;
        color: #2cabe3; 
    }
    .breadcrumb__wrap .breadcrumb li a {
        color: #68666C; 
    }
    .breadcrumb__wrap__icon {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 52px;
        max-width: 1560px;
        min-height: 285px;
        margin: 0 auto;
        z-index: -1; 
    }
    @media (max-width: 1500px) {
        .breadcrumb__wrap__icon {
            bottom: 30px;
            min-height: 235px; 
        } 
    }
    @media (max-width: 1199.98px) {
    .breadcrumb__wrap__icon {
        max-width: 960px; } 
    }
  

/* Button */
.button_table {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    color: #FF4500;
    /* text-transform: uppercase; */
    font-weight: 400;
    /* margin-left: 30px;
    margin-bottom: 30px; */
    cursor: pointer;
    display: inline-block;
}

.button_tables {
    width: 150px;
    /* border-radius: 60px; */
    background-color: #DF362D;
    background-image: #DF362D;
    background-image: -moz-linear-gradient(top, #fff 0%, #DF362D 100%); 
    background-image: -webkit-linear-gradient(top, #fff 0%,#DF362D 100%); 
    background-image: linear-gradient(to bottom, #fff 0%,#DF362D 100%); 
    background-size: 300px;
    background-repeat: no-repeat;
    background-position: 0%;
    -webkit-transition: background 500ms ease-in-out;
    transition: background 500ms ease-in-out;
}
.button_tables:hover {
    color: #F5F5F5;
    background-position: -200%;
    transition: background 500ms ease-in-out;
}


.button-survey {
    /* width: 350px; */
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #fff;
    /* text-transform: uppercase; */
    font-weight: 600;
    margin-left: 30px;
    margin-bottom: 30px;
    cursor: pointer;
    display: inline-block;
  }
  
  @keyframes pulse {
    0% {
      transform: scale(1);
    }
    70% {
      transform: scale(.9);
    }
      100% {
      transform: scale(1);
    }
  }
  
  .button-surveys {
    width: 300px;
    /* border-radius: 30px; */
    background-color: #DF362D;
    background-image: #FF4500;
    background-image: -moz-linear-gradient(top, #DF362D 0%, #FF4500 100%); 
    background-image: -webkit-linear-gradient(top, #DF362D 0%,#FF4500 100%); 
    background-image: linear-gradient(to bottom, #DF362D 0%,#FF4500 100%); 
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0%;
    -webkit-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
  }
  .button-surveys:hover {
    color: #F5F5F5;
    background-position: -200%;
    transition: background 300ms ease-in-out;
  }
/* End Button */