/*Buttons*/

a.btn, .btn#submit{
    padding: 12px 30px 12px;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    transition: all ease-in-out 0.3s;
    text-transform: uppercase;
    font-size: 12px;
  }
  a.btn-orange{
    background: #fe4e37;
    color: #fff;
    border-color: #fe4e37;
  }
  a.btn-orange:hover{
    color: #fe4e37;
    background: #fff;
  }
  a.btn-black{
    background: #343a40;
    border-color: #343a40;
    color: #fff;
  }
  a.btn-black:hover{
    color: #343a40;
    background: #fff;
  }
  
  .btn:focus, .btn:visited{outline: none; box-shadow: none;}
  
  @media (max-width: 1100px){
  
    a.btn{padding: 12px 18px 12px;}
  }
  .contact-form .alert-success h3{margin-bottom: 5px; color: #fff; font-size: 21px;}

.alert-success p{color: #fff;}


.btn-default, .btn-default:hover, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, 
.btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, 
.open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover,
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{
  background: transparent; 
  border: none; 
  box-shadow: none;
}
a {
    color: #343a40;
    transition: all ease-in-out 0.4s;
  }
  
  a:hover,
  a:focus{
    text-decoration: none!important;
    color: #fe4e37;
    transition: all 0.4s ease; 
  }
  h1,h2,h3,h4,h5,h6{
    font-weight: 700;
    color: #343a40;
    font-family: 'Poppins', sans-serif;
    margin:0 0 15px;
    line-height: 1.4;
    text-transform: uppercase;
  }
  
  h1 {
    font-size: 48px;
  }
  
  h2 {
    font-size: 36px; 
  }
  
  h3 {
    font-size: 26px;
  }
  
  h4 {
    font-size: 20px;
  }
  
  h5 {
    font-size: 15px;
  }
  
  h6 {
    font-size: 13px;
  }
  
  @media(max-width: 991px){
    h2{font-size: 28px;}
  }
  
  @media(max-width: 735px){
    h2{font-size: 24px;}
  
    h3{font-size: 18px;}
  }
  
  @media(max-width: 360px){
    h2{font-size: 21px;}
  }
  
  hr {border: 0.5px solid #444444; }
  
  p {
    font-size: 16px;
    line-height: 1.5;
    color: #666; 
    margin-bottom: 15px;
  }
  
  ul {margin: 0; padding: 0;}
  
  ul li {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.5;
    color: #343a40;
    position: relative;
    padding: 0;
  }
  
  
  ol {margin: 0; counter-reset: i; position: relative; }
  
  ol li {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.5;
    color: #181d31;
    padding-left: 0;
    position: relative; 
  }

  section{padding: 89px 0 100px; position: relative; background: #fff;}

  section:nth-child(odd){
    background: #f8f9fa;
  }
  
  section.icon-left:after{
    position: absolute;
    height: 500px;
    width: 100%;
    content: '';
    background: url('../images/bg-icon-1.png') no-repeat;
    background-position: center;
    background-size: contain;
    top: 0;
    left: -45%;
    opacity: 0.7;
    animation:heartbeat 5s cubic-bezier(0.245, 0.325, 0.51, 1.305) infinite alternate;
  }
  section.icon-right:after{
    position: absolute;
    height: 400px;
    width: 80%;
    content: '';
    background: url('../images/bg-icon-2.png') no-repeat;
    background-position: center;
    background-size: contain;
    top: 0;
    right: -40%;
    opacity: 0.4;
    animation:heartbeat 5s cubic-bezier(0.245, 0.325, 0.51, 1.305) infinite alternate;
  }
  
  .overlay{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background:rgba(0,0,0,0.7);
  }
  .color-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:linear-gradient(to right, #1DB9A0 0%, #4d94c4 
      100%);
    opacity: 0.4;
    transition: all ease-in-out 0.5s;
  }
  /*heading title*/
  
  .section-title{
    text-align: center;
    width: 60%;
    margin: 0 auto 68px;
    position: relative;
    z-index: 1;
  }
  .title-white h2,
  .title-white p{
    color: #fff;
  }
  .section-title span{
    color: #fe4e37;
  }
  .section-btn{
    text-align: center;
    padding-top: 80px;
  }
  
  @media(max-width: 991px){
    .section-title{width: 90%;}
  }
  
  @media(max-width: 480px){
    .section-title{width: 100%;}
  }
  

  input[type=text],
  input[type=email],
  input[type=number],
  input[type=search],
  input[type=password],
  input[type=tel],
  input[type=date],
  input[type=time],
  textarea,
  select {
    font-size: 14px;
    font-weight: 300;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius:0px;
    padding: 10px 20px;
    width: 100%;
    color: #444444;
    margin-bottom: 15px; 
    font-family: 'Lato', sans-serif;
    height: 42px;
    box-shadow: none;
    margin-bottom: 0;
    width: 100%;
  }
  
  input[type=text]:focus,
  input[type=email]:focus,
  input[type=number]:focus,
  input[type=search]:focus,
  input[type=password]:focus,
  input[type=tel]:focus,
  input[type=date]:focus,
  textarea:focus,
  select:focus {
    border-color: #ffac00;
    transition: all 0.5s ease; 
  }
  
  .input-group .form-control{border-radius: 0;}
  
      /* ul.li{display:none;}   */

      ul {
        list-style-type: none;
    }

    
section.breadcrumb-outer{
  background: url(../images/breadcrumb.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  text-align: center;
  padding: 160px 0 60px;
}
.breadcrumb-outer:before{
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
}
.breadcrumb-content{
  position: relative;
  z-index: 1;
}
.breadcrumb-content h4{
  color: #fff;
  text-transform: uppercase;
}
.breadcrumb{
  background: transparent;
  margin: 0;
  padding: 0;
}
.breadcrumb li,
.breadcrumb li.active{
  margin-bottom: 0;
  color: #fff;
}

.breadcrumb li a, .breadcrumb li.active a{
  color: #fe4e37;
}

.breadcrumb>li+li:before{content: '|'; padding: 0 8px 0 5px;}

@media(max-width: 735px){
  section.breadcrumb-outer{padding: 120px 0 60px;}
}
#back-to-top {
  position: fixed;
  z-index: 1000;
  bottom: 20px;
  right: 20px;
  display: none;
}

#back-to-top a {
  display: block;
  width: 40px;
  height: 40px;
  background: #fe4e37;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.2s all linear;
  -moz-transition: 0.2s all linear;
  -o-transition: 0.2s all linear;
  transition: 0.2s all linear;
}
#back-to-top a:after{
  position: absolute;
  content: '\f35b';
  font-family:"Font Awesome 5 Free";
  font-size: 20px;
  color: #fff;
  top: 50%;
  left: 50%;
  z-index: 1;
  font-weight: 500;
  transform: translate(-50%,-50%);
}