@import url('https://fonts.googleapis.com/css?family=Nunito:400,600,700,800&display=swap');
body {color:#282828; font-family: 'Open Sans', sans-serif; font-size:16px;}

@color:#1f598e;
@color-grey:#282828;
@color-red:#ce0000;
 @font-family-barlow: 'Barlow Condensed', sans-serif;
.no-space {padding: 0;}

.my-hover-light() {
       &:hover, &:focus {
                    transition: all .4s ease-in;
                    border-bottom: 1px solid #fff;
                    text-decoration: none;
                }
}

.my-hover-dark() {
       &:hover, &:focus {
                    transition: all .4s ease-in;
                    border-bottom: 2px solid #3f3f3f;
                    text-decoration: none;
                }
}

.btn-hover-red() {
    &:hover, &:focus {
        background-color: #fff;
        color: @color-red; border-bottom: none;
    }
}

.btn-hover-blue() {
    &:hover, &:focus {
        transition: all .4s ease-in;
        background-color: #fff;
        color: @color; 
        text-decoration: none;
    }
}

.nav-link-hover() {
    &:hover, &:focus {
        color: #1f598e;
    }
}

.margin-top60 {margin-top: 60px;}
/* top bar */
.top-bar {
    background-color: @color;

    ul {
        list-style: none;
        float: right;
        margin-bottom: 0;
        padding: 8px 0;display: flex;
        align-items: center;

        li {
            float: left;
            color: #fff;
            font-size: 15px;
            margin-right: 20px;


            a {
                color: #fff;
                border-bottom: 1px solid @color;
                
                 &:hover, &:focus {
                    transition: all .4s ease-in;
                    border-bottom: 1px solid #fff;
                    text-decoration: none;
                }
            }

            &:last-child {
                margin-right: 0;
             

                a {  
                    padding: 5px 10px;
                    display: block; border-bottom: none;
                        background-color: #ce0000;
                    .btn-hover-red()
                }
            }
        }
    }
}



/* header */

.navbar {  background-color: #fff;    border-bottom: 1px solid #1f598e;
    .navbar-collapse {
        ul.navbar-nav {
            li {
                a {
                    font-family: @font-family-barlow;
                    color: #3f3f3f;
                    font-size: 22px;
                    text-transform: uppercase;
                        padding: 0 15px;                  
                       .nav-link-hover() 
                }
            }
        }
    }
}



#homepg-banner {
    .carousel-inner {
        .carousel-caption { top:15px;
            h2 {
                font-family: 'Cinzel', serif;
                color: @color;
                font-size: 63px;
                font-weight: 600;
            }
        }
    }
}



/* home page */
.intro-para {
    background-image: url("../images/Welcome-to-ajanta-bg.png" );
    background-repeat: no-repeat;
    background-position: right;
    background-size: 69%;
    padding: 4% 0;

    .row {
        align-items: center;

        .intro-para-left {
            text-align: center;
            color: @color;
            font-size: 50px;
            font-family: @font-family-barlow;

            h1 {
                font-size: 60px;
                font-weight: 400;
            }
        }

        .intro-para-right {
            color: #fff;
            text-align: center;
            font-size: 15px;    padding: 0 4%;
        }
    }
}


.slider-logo {
    h2 {
        font-family: @font-family-barlow;
        margin: 4% auto;
        font-size: 50px;
        font-weight: 400;
    }

    h3 {    margin: 8% 0 0 0;
    text-align: center; font-size: 18px;
    }
}

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

.slick-slide img {
      margin: 0 auto;
}

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


.slick-slide {
  transition: all ease-in-out .3s;

}
    
/* footer banner */
.footer-banner {
    margin-top:2%;
    .carousel-caption {
        right: 6%;
        left: inherit;
        color: @color-grey;
            top: 120px;
       

        h2 {
            font-size: 70px;
            font-weight: 300;
             font-family: @font-family-barlow;
                 margin-bottom: 0;
            span {
                color: @color;
                font-weight: 500;
                
            }
        }

        a {
            background-color: @color;
            color: #fff;
            text-transform: uppercase;
            padding: 5px 5px;
            border-radius: 2px;
            font-weight: 500;
            font-size: 18px;
            margin-top: 6%;
            display: inline-block;
            .btn-hover-blue()
        }
    }
}


/* footer */
.footer-menu {
    background-color: @color-grey;
    padding: 20px;
    color: #fff;

    a {
        color: #fff;
        border-bottom: 1px solid #282828;
        .my-hover-light();
    }

    h3 {
        color: #fff;
        font-size: 19px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    ul {
        padding-left: 0;
        list-style: none;

        li {
            margin-bottom: 15px;

            a {
                color: #fff;
                font-size: 17px;
                

            }
        }
    }

    .footer-col-2 {
        margin-left: 2%;
        width: 48%;
    }
}

.copyright {
    background-color: @color-grey;
    color: #fff;
    font-size:15px;

    p {

            text-align:center;


        a {
            color: #fff;
            border-bottom: 1px solid #282828;
            .my-hover-light();
        }
    }
}

.top-heading-bar{
    background-color:#1f598e;

    h1{
        text-transform: uppercase;
        font-size: 50px;
        color: #ffffff;
        text-align: center;
        margin-bottom: 0;
        font-family: @font-family-barlow;
        padding: 25px 0;
    }
}

.our-team-section{
    padding: 30px 0;
    h2{
        font-size: 30px;
         font-family: @font-family-barlow;
         color:#282828;
         margin-bottom: 30px;

    }
    .team_box{
    padding: 0px 15px;
    border: 1px solid #3b6e9c;
    height: 170px;
    }
    .color-box{
        background-color: #1f598e;
    }
    .row .col-md-4{
        padding: 5px;
    }
    .team_box{
        text-align: center;
        font-family: @font-family-barlow;
        h4{
            text-transform: uppercase;
            font-size: 36px;
            color: #fff;
            margin-bottom: 0px;
        }
        p{
            font-size: 25px;
            color: #fff;
            margin-bottom: 0
        }
   }
}

.m-0{
margin: 0
}

.color-black{
    h4{
        color: #282828 !important
    }
    p{
        color: #282828 !important
    }
}

.wrap_content{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
}

.dropdown-menu{
    width: 100%
}

.dropdown:hover .dropdown-menu {display: block;}

.passenger-section{
    padding: 30px 0px;
    p{
        margin-bottom: 0
    }
    h2{
        font-size: 30px;
        color: #282828;
        font-family: @font-family-barlow;
        text-transform:uppercase;

    }
    ul{
        padding-left: 0px;
        list-style:none;

        li{
            margin-bottom: 6px;
        }
    }
}

.blank-space{
    height: 22px;
}

.dropdown{
    .dropdown-menu{
        margin:0;
        li{
            border-bottom: 1px solid #e6e6e6;
        }
        a{
           padding: 5px 15px !important;
        }
        li:last-child{
            border-bottom: 0
        }
    }
}

.cargo-section{
    padding: 30px 0px;

    .cargo-chain-supply{
        margin-top: 30px;
        margin-bottom: 30px;
        .cargo_box{
            background-color: #eaeaea;
            padding:15px 15px 5px 15px;
            min-height: 230px;
        }
        h5{
            display: inline-block;
            margin-bottom: 0;
            margin-left: 10px;
            vertical-align: middle;

        }
        ul{
            padding: 0;
            list-style: none;
            margin-top:12px;
                margin-bottom: 0;
            li{
                color: #282828;
                padding: 8px 5px;
                border-bottom: 1px solid #282828;
                font-weight: 600;
                font-size: 15px;
            }
            li:last-child{
                border:0;
            }
        }

    }
}

.sales-marketing{
    margin-top:20px;


    .media{
        font-family: 'Nunito', sans-serif;
        font-size: 16px;
            margin-bottom: 15px;
        .media-left{
            width: 20px;
            line-height: initial;
        }
    .media-heading{
        font-size: 16px;
        margin-bottom: 0;
            margin-top: 2px;
    }
    .media-body p{
        margin-bottom:0;

    }
    ul{
        margin-bottom:0;
        padding-left: 25px;
    }
    }
    
}


.representation-section{
    padding: 30px 0px;

   h2{
        font-size: 30px;
        color: #282828;
        font-family: 'Barlow Condensed', sans-serif;
        margin-bottom: 10PX;
   }    
   p{
    margin-bottom:0;
   }
}

.hospitality-section{
    padding: 100px 0px;
}

.branch-section{
 padding: 30px 0px;

 .media{
    margin-bottom:25px;
        height: 175px;
 }

.media-left{
    margin-top: 8px;
}
.media-body{
    padding-left: 15px;

    .media-heading{
        font-family: 'Barlow Condensed', sans-serif;
        font-size: 30px;
        text-transform: uppercase;
    }
    p{
        margin-bottom:0;
    }
    a{
        color: #282828
    }
}
}

.career-section{
    padding:30px 0px;

       h2{
        font-size: 30px;
        color: #282828;
        font-family: 'Barlow Condensed', sans-serif;
        margin-bottom: 10PX;
   } 
   p{
    margin-bottom:0;
   }
   a{
    color: #282828
   }
}

.contact-section{
    padding: 30px 0px;

    .form-control{
        border:1px solid #acacac;
        background-color: #f4f4f4;
    }
    .submit-btn{
        background-color: #1f598e;
        font-size: 18px;
        text-transform: uppercase;
        color: #fff;
        border:0;
        width: 165px;
        height: 42px;
        cursor: pointer;
    }
    .astrick{
        font-size: 16px;
        color: red;
    }
}

.g_map{
   width: 100%;
   height: 300px; 
}

.map-div{
    .media-body{
        padding-left: 10px;
    }
    p{
        margin-bottom:0;
    }
    a{
        color: #282828
    }
    h2{
        font-size: 30px;
        color: #282828;
        font-family: 'Barlow Condensed', sans-serif;
        margin-bottom: 10PX;
        margin-top: -5px;  
    }
}

.nav-item.active .nav-link{
    color: #1f598e !important;
}

.img-recaptch{
    width: 250px;
}

.contact-section .submit-btn:hover {
    background-color: #123f69;
}

.sales_box{ 
    border: 2px solid #8c323b;
    padding: 15px 15px;

    h4{
        color: #213b5b;
        font-size: 26px;
        font-weight: 700
    }
    .col-md-3{
        border-right: 2px solid #8c323b;
    }
    .col-md-3:last-child{
        border:0;
    }
}

.sales-marketing{
    font-family: 'Nunito', sans-serif;
    h2{
    color: #8c323b;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Nunito', sans-serif;
    }
}

.another_steps{
    h4{
      color: #213b5b;
      font-size: 26px;
      font-weight: 700;
    }
}

.inner_salesbox {
    ul{
        padding-left: 20px;
    }

    li{
       color: #213b5b;
       margin-bottom: 10px;
    }
}

.plane_img{
    width: 565px;
}

.border-right-bold{
    border-right: 2px solid #8c323b;
}

.border-top-bold{
    border-top: 2px solid #8c323b;
    margin-top:15px;
    padding-top: 10px;
}

.cargo-section h3{
   font-size: 30px;
   text-transform: uppercase;
   color: #282828;
   font-family: 'Barlow Condensed', sans-serif;
   margin-bottom: 10PX;
}

.slider-logo a{
    color: #282828;
    text-decoration: none;
}

a:focus,a:hover,a:active{
    outline: none !important
}

.learn_more:hover{
       background-color: #123f69 !important;
       color: #fff !important
}

.dropdown-menu li a{
    font-size:18px !important;
   line-height: initial;
}

.top_team{
    
    margin-bottom:45px;

    h4{
    font-size: 30px;
    color: #282828;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    }

    h5{
       font-family: 'Barlow Condensed', sans-serif;
       font-size:24px; 
    }
}

.gallery-images {

    margin:0;
    
    .col-lg-3{
        padding:5px;
    }
}