/*
Theme Name: ASL

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

.navigation ul li a .icon-angle-down{display:none !important;}
.left-text-part{width: 45%;padding: 40px 0;text-align: left;float: left;}
.left-text-part h2{color: #fff;padding: 0 0 20px 0;font-size: 35px;font-weight: 400;}
.left-text-part p{color: #fff;padding: 0 0 15px 0;}
.left-text-part p a{color: #fff;}
.right-video{width: 50%;padding: 40px 0;float: right;}
.home-intro{display:inline-block;}
.asl-company-page ul,.asl-company-page li,.asl-company-page ol{list-style-type: disc;margin-left: 7px;}
.container{
  padding: 1em 0;
float: left;
width: 23%;
margin: 0 1%;
text-align: center;
}
@media screen and (max-width: 640px){
  .container{
    display: block;
    width: 100%;
  }
}


.container .title{
margin: 25px 0px;
background: #104478;
color: #FFF;
padding: 10px 10px;
border-radius: 12px;
display: inline-block;
text-align: center;
width: 90%;
font-size: 15px;
}
.container .title a{
	color: #FFF;
}
.content {
  position: relative;
  width: 100%;
  overflow: hidden;
	border-radius:12px;
}

.content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.content-details a{
  margin: 10px 0px;
background: #fff;
color: #104478;
padding: 10px 10px;
border-radius: 12px;
display:inline-block;
	font-size:13px;
text-align:center;
}

.fadeIn-bottom{
  top: 80%;
}
.asl-career-page h1{
	width:100%;
	margin: 0 0px;
background: #104478;
color: #FFF;
padding: 17px 10px;
border-radius: 12px;
display:inline-block;
text-align:center;}

.footer-navigation ul{padding:0; margin:0; width:77%; float: left;}
.footer-navigation ul li{padding:0; margin:30px 0 0 0; display:inline-block; width:24%; vertical-align:top;}
.footer-navigation ul li a{font-size:13px; margin:5px 0; display:block; color:#fff; width:100%;text-decoration:underline;} 
.footer-navigation ul li ul li{width:100%; margin:0;}
.footer-navigation ul li ul li a{text-decoration:none;}
.footer-left{width:23% !important;}
.foter-right {float: right; width: 22% !important; margin: 25px 0 0 0% !important;}
.foter-right .site-dis li{width:auto;}
.footer-left p{ text-align:left !important;}


.history-tbl td {
    margin: 5px;
    display: inline-block;
    width: 31% !important;
    padding: 5px;
    border: 1px solid #ccc;
}
.back-btn a {
    padding: 5px 20px;
    border: 1px solid #104478;
    background: #104478;
    color: #fff;
}
.right-video h3{color:#fff; text-align:left;margin-top:5px;}
.right-video p{color:#fff; text-align:left;margin-top:5px;}
.right-video img{width:100%; height:250px; object-fit:cover;}
.news-content {
    width: 100%;
    display: inline-block;
}
.news-description {
    width: 65%;
    float: right;
    margin: 10px 0;
}
.news-description h2{
    margin-bottom: 10px;
}
.news-description a{
    color:#000;
}
.news-image img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}
.news-image {
    width: 30%;
    display: inline-block;
    margin: 10px 0;
}