
.d-table {width: 100%;height: 100%;display: table;}
.d-tablecell {display: table-cell;vertical-align: middle;}
.custom-btn1 {background-color: transparent;color: #fff;border: 1px solid #fff;display: inline-block;padding: 12px 30px;text-transform: uppercase;border-radius: 0px;text-decoration: none;}
.custom-btn1:hover {background-color: #fff;text-decoration: none;color: #333;}
.hero-slider {position: relative;}
.single-hs-item {height: 700px;background-size: cover;background-position: center center;position: relative;}
.single-hs-item:before {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: #000;opacity: .6;}
/* .item-bg1 {
background-image: url(https://techsolutionshere.com/wp-content/uploads/2019/01/s1.jpg);
}
.item-bg2 {
background-image: url(https://techsolutionshere.com/wp-content/uploads/2019/01/s2.jpg);
}
.item-bg3 {
background-image: url(https://techsolutionshere.com/wp-content/uploads/2019/01/s3.jpg);
}*/
.hero-text {padding: 0 15px;text-align: center;max-width: 1140px;margin-left: auto;margin-right: auto;position: relative;}
.hero-text h1 {color: #fff;font-size: 50px;text-transform: capitalize;font-weight: 600;margin: 0;}
.hero-text p {color: #fff;font-size: 17px;max-width: 600px;margin-left: auto;margin-right: auto;line-height: 30px;margin-top: 20px;margin-bottom: 35px;}
.hero-slider .owl-item.active h1 {-animation: 1s .3s fadeInUp both;}
.hero-slider .owl-item.active p {-webkit-animation: 1s .3s fadeInUp both;animation: 1s .3s fadeInUp both;}
.hero-slider .owl-item.active .slider-btn {-webkit-animation: 1s .3s fadeInUp both;animation: 1s .3s fadeInUp both;}
.owl-carousel .owl-nav button.owl-prev {background-color: #ff3547;position: absolute;left: 0;top: 50%;
color: #fff;font-size: 30px;margin: -40px 0 0;border-radius: 0;height: 50px;width: 50px;}
.owl-carousel .owl-nav button.owl-next {background-color: #ff3547;position: absolute;right: 0;top: 50%;color: #fff;font-size: 30px;margin: -40px 0 0;border-radius: 0;height: 50px;width: 50px;
}
.owl-theme .owl-nav {margin-top: 0;}
.owl-dots {position: absolute;left: 0;right: 0; bottom: 20px;}
.owl-theme .owl-dots .owl-dot span {width: 11px;height: 20px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #ff3547;}
#progressBar{
width: 100%;
background: #EDEDED;
}
@media only screen and (max-width: 600px) {
.single-hs-item {
height: 550px;
}
.hero-text h1 {
font-size: 30px;
}
.hero-text p {
font-size: 15px;
margin-bottom: 25px;
}
.owl-carousel .owl-nav button.owl-next {
top: auto;
margin: 0;
bottom: 0px;
}
.owl-carousel .owl-nav button.owl-prev {
top: auto;
margin: 0;
bottom: 0px;
}
.owl-dots {
bottom: 10px;
left: 50px;
right: 50px;
}
}
.owl-nav button {
position: absolute;
top: 50%;
background-color: #000;
color: #fff;
margin: 0;
transition: all 0.3s ease-in-out;
}
.owl-carousel:hover .owl-nav [class*="owl-"] {
opacity: 1;
left: -18px;
display: none;
}
.owl-nav button.owl-prev {
left: 0;
}
.owl-nav button.owl-next {
right: 0;
}
.owl-dots {
text-align: center;
padding-top: 15px;
}
.owl-dots button.owl-dot {
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block;
background: #ccc;
margin: 0 3px;
}
.owl-dots button.owl-dot.active {
background-color: #000;
}
.owl-dots button.owl-dot:focus {
outline: none;
}
.owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.38) !important;
}
/*span {
font-size: 70px;    
position: relative;
top: -5px;
}*/
.owl-nav button:focus {
outline: none;
}
div.owl--text {
position: absolute;
bottom: 15em;
display: flex;
left: 5em;
width: 50em;
height: 8em;
padding: 1em;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
line-height: 1;
font-family: 
}
.owl--text h2{
color: white;
position: fixed;
bottom-top: 0px;
left: 25%;
color: #fff;
font-family: 'Raleway', sans-serif;
font-size: 30px;
transform: translateX(-50%);
margin: 0px 0px 0px 80px;
padding: 8px 0;
width: 40%;
text-align: center;
pointer-events: auto !important;
background-repeat: no-repeat;
background-size: cover;
}
.item img{
width: 100%;
height: 400px;
object-fit: cover;
/*display: block;
margin-left: auto;
margin-right: auto;*/
}
div.owl-lazy img{
width: 100%;
height: 360px;
object-fit: cover;
}
.item .owl--text{
}
.single-hs-item {
    height: 585px !important;
}
.sliderbottom {
	display: block;margin-top: -10px !important;position: relative;
    width: 100%;
    white-space: normal;
    margin: 0;
    text-transform: none;
    border-radius: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1);
   	background-color: #234D9C;

}
.sliderbottom:hover {
  background-color:  #234D9C;
  cursor: pointer;
}
.aslider{
	color: white;
}
.aslider:hover{
	color: white;
}
.slidertxtbtm{
	 text-align: center;
	 height: auto;
    line-height: 1.6; 
    padding: 25px;
    font-size: 20px;
    font-weight: 700;
}