.wow:first-child {
      visibility: hidden;
    }

         @media (max-width: 800px){
  .con-warn{
    color: red;
    display: block!important;
  }
  .converter {
    display: none!important;
  }
  
 }

.p-say{
  border: 3px solid #ff0000!important;
height: 100px!important;
width: 100px!important;
}

.p-say2{
  border: 1px solid #ccc!important;
height: 100px!important;
width: 100px!important;
}

.p-say2:hover{
  border: 1px solid #ff0000!important;
}

 .slider {
        width: 50%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      /*opacity: .2;*/
    }
    
    .slick-active {
      /*opacity: .5;*/
    }

    .slick-current {
      /*opacity: 1;*/
    }

.kis{
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.kis2{
  text-align: center;
  font-weight: bold;
}

.kis3{
  padding: 15px;
    transition: .5s;
    margin-bottom: 20px;
    background: #3498db;
    border: 1px solid #3498db;
    text-align: center;
    background: #ea0117;
    border: 1px solid #ea0117;
    color: #fff;
}

.service-wrapper{
    padding: 30px;
    transition: .5s;
    margin-bottom: 20px;
    text-align: center;
}

/*.ser-title{
  color: #fff;
}

.ser-title:hover{
  color: #ea0117!important;
}*/

.kis3:hover{
 background: #fff;
 color: #ea0117!important;
  
}

.kis4{
  padding-top: 5px;

    margin-bottom: 20px;
    background: #3498db;
    border: 1px solid #3498db;
    text-align: center;
    background: #ea0117;
    border: 1px solid #ea0117;
    color: #fff;
    padding-bottom: 20px;

}

.kis4, .service-icon1:hover{
  background-color: #ea0117;
  color: #fff;
  border: 1px solid #ea0117;
  transition-property: all;
   transition-timing-function: ease-in-out;
   transition-delay: .5s;
   transition-duration: .5s;
}

.service-icon1{
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fff;
  color:#333;
  letter-spacing: .12em;
  border: 1px solid #fff;
  font-family: Montserrat, sans-serif;
}

.ser-title2{
  border-bottom: 1px solid #ea0117;
  padding-bottom: 4px
}

.ser-title3{

  margin-bottom: 10px;
font-size: 50px;
font-weight: 1800;
transition: ease-out .5s;
}

.counter-thumb{
  background-color: #ea0117;
border: 5px solid #ea0117;
width: 150px;
height: 150px;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
line-height: 30px;
margin: 0 auto;
padding: 30px 0px;
}

.p-say{
  border: 1px solid #3498db;
border-radius: 50%;
cursor: pointer;
display: inline-block !important;
height: 80px;
margin-bottom: 30px;
margin-top: 36px;
outline: 0 none;
width: 80px;
}

 #btss{
  color: #fff;
   font-size: 16px;
    text-transform: uppercase;
     font-family: Montserrat, sans-serif;
      border: 2px solid #ea0117;
       border-radius: 25px;
        padding: 10px 20px;
        margin-right: 20px;
        margin-bottom: 50px;
 }

 #btss:hover{
 background-color: #ea0117;
 transition: ease-out .5s;
 }

 .cow{
    color: #334e5e;
 }
 .gain{
    color: #32CD32;
 }
 .lost{
    color: #8B0000;
 }

.nav-item:hover{
    border-bottom: 4px solid #ea0117;
}

.nav-link{
  color: #333!important;
}

.nav-link:hover{
    color: #ea0117!important;
}

/***************/
 .header-bg{
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;

}
.header-area{
    position: relative;
    padding: 10px 0;
    z-index: 27;
    background-color: #041e37!important;
   
}
.header-area:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:  #041e37;
    opacity: .7;
    content: "";
    z-index: -1;
}

@media (min-width: 1200px){
  .header-bg{
    height: 550px!important;
  }

  #h33{
    margin-top: 5%!important;
  }
}

@media (max-width: 1200px){
  .header-bg{
    height: 550px!important;
  }

  #h33{
    margin-top: 5%!important;
  }
}

@media (max-width: 1100px){
  .header-bg{
    height: 600px!important;
  }

  #h33{
    margin-top: 5%!important;
  }
  .posil{
    left: 7%!important;
  }
}

@media (max-width: 1000px){
  .header-bg{
    height: 550px!important;
  }

  #h33{
    margin-top: 5%!important;
  }
  .posil{
      left: 8%!important;
  }
}

@media (max-width: 980px){
  .header-bg{
    height: 630px!important;
  }

  #h33{
    margin-top: 5%!important;
  }
  
}

@media (max-width: 950px){
  .header-bg{
    height: 600px!important;
  }

  #h33{
    margin-top: 5%!important;
  }
}

@media (max-width: 900px){
  .header-bg{
    height: 550px!important;
  }

  #h33{
    margin-top: 5%!important;
  }
}
@media (max-width: 850px){
  .header-bg{
    height: 450px!important;
     }
  #h11{
    font-size: 30px;
    color: #ff0000!important;
  }
  #h22{
    font-size: 16px!important;
    line-height: -15!important; 
  }
  .posil{
    left: 7%;
  }
  #h33{
    font-size: 27px;
    margin-top: 20px!important;
  }

  #h44{
    font-size: 20px!important;    
  }
}
@media (max-width: 780px){
  .header-bg{
    height: 350px!important;
     }
  #h11{
    font-size: 25px;
    color: #ff0000!important;
  }
  #h22{
    font-size: 14px!important;
    line-height: -15!important; 
  }
  .posil{
    left: 7%;
  }
  #h33{
    font-size: 23px;
    margin-top: 20px!important;
  }

  #h44{
    font-size: 18px!important;    
  }
}
@media (max-width: 776px) {
  .header-bg{
    height: 350px!important;
     }
  #h11{
    font-size: 25px;
    color: #ff0000!important;
  }
  #h22{
    font-size: 14px!important;
    line-height: -15!important; 
  }
  .posil{
    left: 8%;
  }
  #h33{
    font-size: 23px;
    margin-top: 20px!important;
  }

  #h44{
    font-size: 18px!important;    
  }
}
 @media (max-width: 775px){

  .header-bg{
    height: 350px!important;
     }
  #h11{
    font-size: 25px;
    color: #ff0000!important;
  }
  #h22{
    font-size: 14px!important;
    line-height: -15!important; 
  }
  .posil{
    /*right: 7%!important;*/
  }
  #h33{
    font-size: 23px;
    margin-top: 20px!important;
  }

  #h44{
    font-size: 18px!important;    
  }
 }

@media (max-width: 770px){

    .header-bg{
    height: 350px!important;
     }
  #h11{
    font-size: 25px;
    color: #ff0000!important;
  }
  #h22{
    font-size: 14px!important;
    line-height: -15!important; 
  }
  .posil{
    left: 1%;
  }
  #h33{
    font-size: 23px;
    margin-top: 20px!important;
  }

  #h44{
    font-size: 18px!important;    
  }
  
 }

 @media (max-width: 760px){

  .header-bg{
    height: 350px!important;
     }
  #h11{
    font-size: 25px;
    color: #ff0000!important;
  }
  #h22{
    font-size: 14px!important;
    line-height: -15!important; 
  }
  .posil{
    left: -1%!important;
  }
  #h33{
    font-size: 23px;
    margin-top: 20px!important;
  }

  #h44{
    font-size: 18px!important;    
  }

 }
 @media (max-width: 750px){
.header-bg{
    height: 350px!important;
     }
  #h11{
    font-size: 25px;
    color: #ff0000!important;
  }
  #h22{
    font-size: 14px!important;
    line-height: -15!important; 
  }
  .posil{
    left: -1%!important;
  }
  #h33{
    font-size: 23px;
    margin-top: 20px!important;
  }

  #h44{
    font-size: 18px!important;    
  }

 }
 @media (max-width: 600px){
  .header-bg{
    height: 450px!important;
  }
  #h11{
    font-size: 25px;
    color: #ff0000!important;
  }
  #h22{
    font-size: 14px!important;
    line-height: -15!important;   
  }
  #h33{
    font-size: 23px;
    margin-top: 20px!important;
  }

  #h44{
    font-size: 18px!important;    
  }

  .posil{
    left: 0%!important;
  }

 }

 

 @media (max-width: 450px){
    
  .header-bg{
    height: 500px!important;
  }
  #h11{
    font-size: 25px;
    color: #ff0000!important;
  }
  #h22{
    font-size: 14px!important;
    line-height: -15!important;   
  }
  #h33{
    font-size: 23px;
    margin-top: 20px!important;
  }

  #h44{
    font-size: 18px!important;    
  }
 }

 @media (max-width: 400px){

  .header-bg{
    height: 500px!important;
  }
  #h11{
    font-size: 25px;
    color: #ff0000!important;
  }
  #h22{
    font-size: 14px!important;
    line-height: -15!important;   
  }
  #h33{
    font-size: 23px;
    margin-top: 20px!important;
  }

  #h44{
    font-size: 18px!important;    
  }
    
 }

 @media (max-width: 340px){

  .header-bg{
    height: 580px!important;
  }
  #h11{
    font-size: 25px;
    color: #FF0000!important;
  }
  #h22{
    font-size: 14px!important;
    line-height: -15!important;
    }
  #h33{
    font-size: 23px;
    margin-top: 20px!important;
  }

  #h44{
    font-size: 18px!important;    
  }



 }