.herointroslider {  width:100%; float:left; padding:70px 0; position:relative; background-repeat:no-repeat; background-size:cover; }
.herointroslider .wrapper {  width:100%; max-width:1000px; margin:0 auto; position:relative; }  
.herointroslider .column_box {  width:100%; float:left; } 
.herointroslider .column_titletext { width:100%; float:left; }

.herointroslider .column_box.columnbox_one {  width:100%; float:left; position:relative; text-align:center; padding:15px 0; }
.herointroslider .column_box.columnbox_one:before { position:relative; content:""; background:#000000; width:1px; height:70px; left:0; top:0; float: none; display: inline-block; }

.herointroslider .column_box.columnbox_two { padding:30px 0;  text-align:center;position:relative; }
.herointroslider .sldierhero_text { width:100%; float:left; }
.herointroslider .herosldier_box { width:100%; float:left; margin-bottom: 50px; position:inherit; }

.herointroslider .herosldier_box:last-child { margin-bottom:0; }
.herointroslider .herosldier_box .herosldier_cover:hover + .texthover_img { opacity:1; transition:all 1.5s ease;  transition-delay:.0s; z-index:9; visibility: visible; }
.herointroslider .herosldier_cover:hover h2 { z-index:9;  }
.herointroslider .texthover_img { width:auto; float:left; position:absolute; left:50%; transform:translateX(-50%); top:-50px; opacity:0; transition:all .6s ease;     visibility: hidden; }

.herointroslider .herosldier_box:last-child .hovertext_content { top:0; } 
.herointroslider .herosldier_cover { width:100%; float:left; position:relative;} 
.herointroslider h2 { font-size:134px; text-transform:uppercase; line-height:116px; width:100%; float:left; position:relative; margin:0; text-align:center; }

.herointroslider .herosldier_box .herosldier_cover:hover .tittletext { opacity:1; transition:all 1.5s ease; transition-delay:.0s; }
.herointroslider .tittletext { position:absolute; opacity:0; left:50%; top:50%; transition:all .6s ease; color:#fff; font-size:134px; line-height:116px; width:100%; float:left; font-family: Butler,"Times New Roman",Times,serif;    font-weight: 600; }
.herointroslider .tittletext {  transform: translateX(-50%) translateY(-50%);  z-index: 99;  text-indent:0;  overflow: hidden; top:58px;}

.herointroslider .tittletext h2 { display: block; color:#fff; transition:all .6s ease;  font-size: 134px; text-transform:uppercase; height: 134px; left: 50%;position: relative; text-align: center; top: 0; transform: translate(-50%, 9px);white-space: nowrap; width: 2000px; }
 
.herointroslider .herosldier_cover:hover + .texthover_img + .hovertext_content { opacity:1; transition:all 1.5s ease; visibility:visible; transition-delay:0.1s; }
.herointroslider .hovertext_content { width:100%; float:left; max-width:350px; opacity:0; visibility:hidden; transition:all .6s ease; position:absolute; top:0; right:0; z-index:99; color:#fff; background:#114149; padding:35px; }
.herointroslider .hovertext_text { width:100%; float:left; font-size:18px; line-height:30px; text-align:justify; }
.herointroslider .hovertext_content h5 { width:100%; float:left; font-size:16px;  margin-top:20px; line-height:26px; text-align:right; color:#fff ; }

.sldierhero_text .herosldier_box:last-child .hovertext_content{top:-100px;}
.sldierhero_text .herosldier_box:first-child .hovertext_content{top:150px;}



@media (min-width: 992px) and (max-width: 1200px){
  
    .herointroslider h2 { font-size: 100px; line-height: 110px;  }		 
    .herointroslider .tittletext h2 { font-size: 100px; line-height: 110px;  transform:translate(-50%, -4px); }		 
   .herointroslider .tittletext { top:70px; }
      
	} 

	@media (min-width: 768px) and (max-width: 991px){
		
    .herointroslider h2 { font-size: 100px; line-height: 110px;  }		 
    .herointroslider .tittletext h2  { font-size: 100px; line-height: 110px;  transform:translate(-50%, -4px); }		 
    .herointroslider .tittletext { top:71px; }
    .herointroslider .texthover_img { top:0; }

    
	}
@media (min-width: 768px){ 
  .herointroslider .herosldier_box { background:none !important; }
}
	@media (min-width: 30px) and (max-width: 767px){
		
    .herointroslider { padding:0px 0 !important;  }   
    .herointroslider h2 { font-size: 48px; line-height: 48px; margin-bottom:20px; color:#fff; text-align:center !important; }
    .herointroslider .herosldier_box { padding:0px 0 120px 0; margin:0; text-align:center; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important }
/*     .herointroslider .tittletext h2 { display:none; }  */
    .herointroslider .texthover_img { display:none; width: 100%;  float: left;  position: relative;  left: 0;  transform: translateX(0);  top: 0;  opacity: 1;  transition: all .6s ease;  visibility: visible; }
    
    .herointroslider .hovertext_content { background:transparent; max-width: 100%; padding: 15px; position:relative; opacity:1; transition:all .6s ease; visibility:visible; transition-delay:.7s;  bottom:0; }
    .herointroslider .herosldier_cover:hover + .texthover_img + .hovertext_content {  opacity:1; transition:all .6s ease; visibility:visible; transition-delay:.7s; }
      
/*     -moz-transform: translatex(-50%); -webkit-transform: translatex(-50%); -o-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%); */
    
    .herointroslider .sldierhero_text button.slick-arrow { width:30px; height:30px; border:1px solid #fff; padding:0; outline:0; position:absolute; top:auto; bottom:70px;  z-index:1; font-size:0;  cursor:pointer; -webkit-appearance: none;  -moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
    .herointroslider .sldierhero_text .slick-prev { left:calc(50% - 20px); background:transparent; }
    .herointroslider .sldierhero_text .slick-next { right:auto; left:calc(50% + 20px); background:transparent; }
    .herointroslider .sldierhero_text .slick-arrow.slick-prev:before {  }
    .herointroslider .sldierhero_text .slick-arrow.slick-next:before { left:53%; }
    .herointroslider .sldierhero_text .slick-arrow:before { font-size:18px; left:8px; top: 0; position: absolute; 
    left: 50%; top: 50%;  transform: translate(-50%,-50%); -moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);  } 
    .herointroslider .herosldier_cover { padding-top:60px; }
    .herointroslider .column_box.columnbox_two { padding:0; }
    .herointroslider .herosldier_box .herosldier_cover:hover .tittletext { opacity:0; }
    .herointroslider .hovertext_text { font-size: 15px; line-height: 28px; }
    .herointroslider .herosldier_box:before { position: absolute; content: ""; top: 0;left: 0;  background: rgba(18,66,74,0.5);
    width: 100%;
    height: 100%;}
	}

@media only screen and (max-width: 600px) {
  .herointroslider .wrapper {padding-left: 0px !important; padding-right: 0px !important;}
}