body{
    /*font-family: "Roboto", sans-serif;*/
    font-family: 'Poppins', sans-serif;

}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
	letter-spacing: 0px;
}
h1
{
    font-size: 3rem;
}

h3
{    
    text-transform: capitalize;
}
h1, h2, h3, h4, h5
{
    letter-spacing: 0rem;
}
h6
{
    letter-spacing: -0.02rem;
}
p {
    color: #727272;
    line-height: 28px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.p-small
{
    font-size: 14px;
    line-height: inherit;
}
.h-100
{
    height: 100%;
}
.text-orange
{
    color: #f14f1d;    
}
.text-black
{  
    color: #0D1326;
}
.text-green
{  
    color: #f14f1d;
}
.text-gray-light
{
    color: #b5b5b5;
}
.text-blue
{  
    color: #222222;
}
.text-dark-navy-blue
{  
    color: #222222;
}
.text-light-blue
{  
    color: #f14f1d;
}
.bg-orange
{      
    background-color: #f14f1d;    
}
.bg-black
{  
    background-color: #000;
}
.bg-green
{  
    background-color: #f14f1d;
}
.bg-blue
{  
    background-color: #222222;
}
.bg-light-blue
{
    background-color: #f14f1d;
}
.bg-dark-blue
{
    background-color: #002040;
}
.bg-transparent-new
{
    background: rgba(255, 255, 255, 0.1); 
}
.my-100
{
    padding-top: 6%;
    padding-bottom: 6%;
}
.mt-100
{
    padding-top: 6%;
}
.mb-100
{
    padding-bottom: 10%;
}
.my-70
{
    padding: 5% 0%;
}
.my-50
{
    padding-top:3%;
    padding-bottom:3%;
}
.mt-70
{
    padding-top: 5%;
}
.mb-70
{
    padding-bottom: 5%;
}
.mt-50
{
    padding-top: 3%;
}
.mb-50
{
    padding-bottom: 3%;
}
.border-top-green
{        
    border-top: 3px solid #f14f1d;
}
.border-top-orange
{
    border-top: 3px solid #f14f1d;
}
.border-top-blue
{
    border-top: 3px solid #007bff;
}
.border-bottom-green
{        
    border-bottom: 3px solid #f14f1d;
}
.border-bottom-orange
{
    border-bottom: 3px solid #f14f1d;
}
.border-bottom-blue
{
    border-bottom: 3px solid #007bff;
}
.shadow
{
    z-index: 99999;
    position: relative;
}
.top-header
{
    display: none;
}

.top-header ul li{   
    list-style: none;
    display: inline;
}
.navbar
{
    padding-left:0rem;
    padding-right:0rem;
}
.nav-link
{
    color:#222222 !important;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;    
}
.active
{
    color:#f14f1d !important;
}
.carousel
{
    
}
.bg-white-transparent
{
    background-color: rgba(255, 255, 255, 0.5);
}
.carousel-n-mt
{
    margin-top: -6em;
}
.carousel-caption
{
    left: 10% !important;
    right: 0% !important;
    width: 80%;
}
.carousel-caption h3
{  
  margin-bottom: 0% !important;
}
.carousel-caption p
{  
  text-shadow: none;
}
.carousel-control-prev, .carousel-control-next
{
    width: 5%;
}
.carousel-indicators li
{
    background-color:#f14f1d;
}
.dropdown-menu
{
    border-top: 4px solid #f14f1d!important ;
}
.dropdown-menu, .hr-dropdown-menu
{
    background-color: #f2f2f2;    
}
.container .hr-dropdown-menu
{
    display: -webkit-inline-box !important ;
}
.hr-dropdown-menu ul li
{
    margin-bottom: 10px;
    list-style: disc;
}
.hr-dropdown-menu ul li a
{
    color: #000!important;
    font-weight: normal;
}
.nav-link:hover, .hr-dropdown-menu a:hover
{
    color: #f14f1d!important;
    text-decoration: none;
    background-color: transparent;
}
.card
{    
    
}
.card:hover{
    
}
.card-img-top
{
    width: 60px;        
}
.card-deck .card{
    border:2px solid #f14f1d;
}
.card-deck .card-img-top{
    border-radius: 0;
    width: 100%;
}
.card-footer
{
    text-align: center;
}
.bestpart 
{
    height: 100%;
}
.about ul
{
    padding-left: 20px;
}
.about ul li{
    color: #727272;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 10px;
    font-family: "Roboto", sans-serif;
}
.our-services
{
    
}
.our-services img
{
    width: 80px;
    /*height: 80px;*/
    transition: transform 2s;
}
.our-services img:hover
{
    transform: rotate(360deg);
}

.track-control
{
    border:  none;
    border-bottom: 1px solid #ccc;
    background-color: transparent;    
}
.accordion>.card
{
    box-shadow:  none;
    border-top: 1px solid #b7b7b7;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-radius: 0rem;
}
.accordion .card:first-child
{
    box-shadow:  none;
    border: none;
}
.accordion .card:hover
{
    box-shadow:  none;
}
.accordion .btn:hover
{    
    text-decoration: none;
}
.accordion .btn:focus
{
    outline: 0 !important;
    box-shadow: none;
    text-decoration: none;
}
.accordion .card-header
{
    background-color:  #cacaca;
    color: #222222;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}
.accordion .card-header button
{
    font-weight: 600;
    color: #222222;
    font-size: 16px;
}
.career-p-bottom-0
{
    margin-bottom: 0rem !important;
}
.career-side-nav {
  width: 100%;
}
.career-side-nav ul
{
    padding-left: 0px;
}
.career-side-nav ul li
{
    list-style: none;
    border-bottom: 1px solid #fff;
}
.career-side-nav a {
  background-color: #eee;
  color: #222222;
  display: block;
  padding: 12px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  border-left: 5px solid #eee;
  transition: all .3s ease;
}
.career-side-nav a:hover {
  background-color: #ccc;
  border-left: 5px solid #6c98e1;
  transition: all .3s ease;
}
.career-side-nav a.actived {
  background-color: #eee;
  color: #222222;
  border-left: 5px solid #6c98e1;
  transition: all .3s ease;
}
.modal-open .modal
{
    z-index: 99999 !important;
}
table
{
    font-size: 0.85rem !important;
}
table thead th
{
    color: #222222 !important;
}
.career table td
{
    vertical-align: middle !important;
}
footer h4
{
    color:#a7a7a7;
}
footer p, footer p a{
    color: #bdbdbd;
}
footer p a
{
    transition-duration: .4s;
    padding-left: 0px;
    list-style: circle;
}
footer p a:hover
{
    color: #f14f1d !important;
    transition-duration: .4s;
    text-decoration: none;
    padding-left: 10px;
}
.social-media a
{
    color: #808080 !important;
    margin-right: 10px;
}
.social-media a:hover
{
    color: #f14f1d;
}
.w-90
{
    width: 90% !important;
}
label
{
    margin-bottom: 0rem;
    font-size: small;
    color: #f14f1d;
}
.form-control
{
    border:none;
    border-radius:0;
    border-bottom:1px solid #b9b9b9;
}
.form-control::placeholder {
    color: #b9b9b9;
  }

@media(min-width: 1920px)
{
    .navbar-expand-lg .navbar-nav .nav-link
    {
        padding-right:1rem;
        padding-left:1rem;
    }
    .dropdown-menu
    {
        left:-300px;
        width: 600px;
        margin-top: 10px !important;
    }  
    .carousel-caption
    {
        top:40%;        
    } 
    .carousel-caption h3
    {
        font-size: 4rem;
    } 
    .carousel-caption p
    {
        font-size: 24px;
        font-weight: 300 !important;
        color : #222222;
    }
    .card
    {  
        height: 100%;
    }
}
@media(min-width: 1200px)
{
    .navbar-expand-lg .navbar-nav .nav-link
    {
        padding-right:1rem;
        padding-left:1rem;
    }
    .dropdown-menu
    {
        left:-300px;
        width: 600px;
        margin-top: 10px !important;

    }  
    .carousel-caption
    {
        top:40%;        
    } 
    .carousel-caption h3
    {
        font-size: 4rem;
    } 
    .carousel-caption p
    {
        font-size: 24px;
        font-weight: 300 !important;
        color : #222222;
    }
    .card
    {  
        height: 100%;
    }
}

@media(min-width: 992px)
{
    
}

@media(min-width: 768px)
{
    
}
@media(max-width: 576px)
{
    .navbar-brand
    {
        width: 215px !important;
    }
    .carousel-n-mt
    {
        margin-top: 0em;
    }
    .carousel-caption
    {
        top:0%; 
        right: 0% ;   
        padding: 10px 0px; 
    }
    .carousel-caption h3
    {
        font-size: 1.4rem;
    } 
    .carousel-caption p
    {
        font-size: 0.8rem;
        line-height: 1rem;
        margin-bottom: 0.2rem;
    } 
    .carousel-caption .btn{
        margin-top: 0rem !important;
        font-size: 0.8rem;
        padding: 1px 10px !important;
    }
    .carousel ol
    {
        margin-bottom: 0;
    }
}
