* {

    margin: 0;
    padding: 0;
}

html {
    width: 100%;
    height: 100%;
}
body {
    width: 100%;
    height: 100%;
    position: relative;
}

nav {
    width: 100%;
    z-index: 5;
    background-color: #fff;
}

.navbar {

    width: 100%;
    padding: 10px;  
    border-bottom: 1px solid #d3d3d3;
    box-shadow: 2px 2px 2px #d3d3d3;
    position: relative;
}

.navbar .logo {

    padding: 5px;
}
.navbar .logo img{
    width: 200px;
    height: 40px;
}

.menu_toggler_btn {

    width: 37px;
    height: 37px;
    font-size: 23px;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    background-color: #fff;
    color: #000;
    display: inline-block;
}


.navbar .logo a{

    font-size: 24px;
    color: #ff0066;
    font-weight: bold;
    text-decoration: none;
    list-style-type: none;
    margin-left: 7px;

}


.navbar .navbar_collapse {

    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    opacity: 0;
    height: 90vh;
    z-index: 10;
    display: none;
    transition: width .4s, opacity .4s ease-in-out;
}

.navbar .navbar_collapse .nav_links{
    width: 90%;
    background-color: #262626;
    height: 100%;
    position: relative;
    padding: 20px 0;
}

.nav_links ul{

    width: 100%;
    text-align: left;
    margin-top: 10px;
}


.nav_links ul li{

    list-style-type: none;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-right: 20px;
}



.nav_links ul li a{
    color: #fff;
    text-decoration: none;
}


.nav_links ul li a:hover{color: #ff0066 !important;}


.nav_links ul li .dropdown-menu {
    position: relative;
    background-color: inherit;
}

.link_active a{

    color: #ff0066 !important;
}

.right_nav_items {
    width: 100%;
    padding: 10px;
}

.right_nav_items button {

    width: 150px;
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    border-radius: 3px;
    padding: 10px;
    margin-left: 20px;
}



/*---------------------carousel---------------------------------------------------------------------------------------------------------------*/
/*---------------------carousel---------------------------------------------------------------------------------------------------------------*/
/*---------------------carousel---------------------------------------------------------------------------------------------------------------*/
/*---------------------carousel---------------------------------------------------------------------------------------------------------------*/
/*---------------------carousel---------------------------------------------------------------------------------------------------------------*/
/*---------------------carousel---------------------------------------------------------------------------------------------------------------*/
/*---------------------carousel---------------------------------------------------------------------------------------------------------------*/
/*---------------------carousel---------------------------------------------------------------------------------------------------------------*/

.carousel_slider {

    width: 100%;
    height: 400px;
    overflow: hidden;
    margin-top: 10px;
}

.carousel_container {
    
    width: 100%;
    height: 100%;
    overflow-x: scroll;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    transition: opacity .5s ease-in-out;
    scroll-behavior: smooth;
}

.image_container {

    width: 100%;
    margin-left: 10px;
    height: 100%;
    flex: 0 0 100%;
    transition: opacity .5s ease-in-out;
}

.image_container img{
    
    height: 100%;
    width: 100%;
    
}

/* Hide scrollbar for Chrome, Safari and Opera */
    .carousel_container::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .carousel_container {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }



  /*-----------------------------------------join_us-------------------------------*/
  /*-----------------------------------------join_us-------------------------------*/
  /*-----------------------------------------join_us-------------------------------*/
  /*-----------------------------------------join_us-------------------------------*/
  
  .join_us_main_container {

    width: 100%;
  }
  .join_us_container {

    padding: 40px 10px;

  }
  .join_us_container h2 {

    font-size: 22px;
    font-weight:bold;
    text-align: center;
    color: #ff0066;
    padding-bottom: 20px;
  }
  .join_us_container p {

    text-align: center;
  }

  .join_us_container .join_us {
      width: 100%;
  }

  .join_us_container .join_us button{
    width: 200px;
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
}
.join_us_container .join_us button:hover{

    background-color: transparent;
    color: #000;
}



/*-----------------------------featured_models---------------------------*/
/*-----------------------------featured_models---------------------------*/
/*-----------------------------featured_models---------------------------*/
/*-----------------------------featured_models---------------------------*/
/*-----------------------------featured_models---------------------------*/



.featured_models {

    width: 100%;
    margin-top: 20px;
}
.featured_models .container{
    
    border-top: 1px solid #d3d3d3;
}

.header{

    padding: 15px;
    font-size: 24px;
    color: #000;
    font-weight: bold;
    text-align: center;
}

.featured_models .col-md-3{
    margin-top: 10px;
    position: relative;
}
.featured_models .col-md-3 .image_details{
    position: absolute;
    top: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, .7);
    bottom: 60px;
    padding: 10px;
    color: #fff;
    transition: width .5s, opacity .3s ease-in-out;
    width: 0;
    opacity: 0;
    cursor: pointer;
}


.featured_models .col-md-3:hover .image_details{
    width: auto;
    opacity: 1;
}


.featured_models .col-md-3 .image_details span{display: block;padding: 5px;}

.image_details .portfolio{

    color: #fff !important;
    text-decoration: none;

}

.image_details .fa {

    margin: 3px;
    font-size: 17px;
}
.image_details .fa:hover {
    color: #ff0066;
}

.featured_models img{

    height: auto !important;
    max-height: 500px;
    width: 100%;
    margin-right: 2px;
}
.featured_models .col-md-3 a{
    color: #000;
    font-size: 20px;
    font-style: italic;
    padding: 5px;
    display: block;
    text-decoration: none;
}
.featured_models .col-md-3 a:hover{text-decoration: underline;}


/*-----------------services_container-----------------------------------------*/
/*-----------------services_container-----------------------------------------*/
/*-----------------services_container-----------------------------------------*/
/*-----------------services_container-----------------------------------------*/
/*-----------------services_container-----------------------------------------*/

.services_container {

    padding-bottom: 60px;
}
.services_container .col-md-4{
    padding: 10px;
    text-align: center;
}
.services_container .col-md-4 span {

    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    padding-top: 15px;
}

.services_container .col-md-4 i{

    font-size: 40px;
    color: #fff;

}

.services_container .col-md-4 h4{

    font-style: italic;
    color: #ff0066;
}


/*--------------------------------contact_us_container----------------------------------*/
/*--------------------------------contact_us_container----------------------------------*/
/*--------------------------------contact_us_container----------------------------------*/
/*--------------------------------contact_us_container----------------------------------*/
/*--------------------------------contact_us_container----------------------------------*/
.contact_us_container {

    margin-top: 20px;
}

.contact-links li{

    list-style-type: none;
}
.contact-links a {

    text-decoration: none;
    color: #000;
    padding: 5px;
    line-height: 40px;
}

.contact-links a:hover {text-decoration: underline;}

.contact-links a i{

    margin-right: 10px;
    font-size: 18px;
}


/*-----------------------------top_footer---------------------------------*/
/*-----------------------------top_footer---------------------------------*/
/*-----------------------------top_footer---------------------------------*/
/*-----------------------------top_footer---------------------------------*/
/*-----------------------------top_footer---------------------------------*/

.top_footer {
    padding: 30px 0;
    text-align: center;
    background-color: #333333;
    color: #fff;
}

.bottom_footer {background: #333;padding: 15px 10px;}

.bottom_footer ul {
    width: 100%;
    display: inline-flex;
}

.bottom_footer ul li{list-style-type: none;padding: 0 5px;}

.bottom_footer ul li a{color: #e6e6e6;text-decoration: none;}

.bottom_footer ul li a:hover{text-decoration: underline;}
.bottom_footer span {color: #e6e6e6;}


.footer-icons {

    margin-top: 20px;
}


.footer-icons a {

    font-size: 25px;
    margin: 5px;
    text-decoration: none;
    color: #fff;

}
.footer-icons a:hover {color: #ff0066;}

/*---------------------media queries---------------------------------------------------------------------------------------------------------------*/
/*---------------------media queries---------------------------------------------------------------------------------------------------------------*/
/*---------------------media queries---------------------------------------------------------------------------------------------------------------*/
/*---------------------media queries---------------------------------------------------------------------------------------------------------------*/
/*---------------------media queries---------------------------------------------------------------------------------------------------------------*/


@media only screen and (min-width: 500px) {
    
    .navbar .navbar_collapse .nav_links{

        width: 60%;
    }

}


@media only screen and (min-width: 768px) {

    
    .navbar {

        padding: 5px 10px;
    }

    .menu_toggler_btn {
        display: none;
    }

    .navbar .logo a{

        font-size: 27px;
    }

    
    .navbar .navbar_collapse {

        position: relative;
        display: block;
        top: 0;
        width: 80% !important;
        height: auto;
        z-index: 10;
        opacity: 1 !important;
        padding: 0;
        display: block !important;

    }

    .navbar .navbar_collapse .nav_links{
        width: 100%;
        background-color: transparent;
        height: auto;
        z-index: 10;
        display: inline-flex;
    }

    .nav_links ul{

        display: inline-flex;
    }

    .nav_links ul li{

        margin: 0 15px;
        position: relative !important;
    }


    .link_active {
        border-bottom: 1px solid #ff0066 !important;
    }

    .nav_links ul li a{

        color: #000;
        font-size: 19px;
    }
    
    
    
        
    .nav_links ul li .dropdown-menu {
        position: absolute;
        background-color: #fff;
        left: -50%;
    }

    .nav_links ul li:hover .dropdown-menu{
        display: block !important;
    }

    .right_nav_items {

        width: 20%;
        
    }

    .right_nav_items button {

        border: 1px solid #000;
        background-color: #000;
        color: #fff;
    }

    /*--------------------carousel-------------------------------*/
    /*--------------------carousel-------------------------------*/
    /*--------------------carousel-------------------------------*/
    /*--------------------carousel-------------------------------*/

    
    .carousel_slider {

        height: 600px;
    }

    .carousel_slider img{
        height: 600px !important;
    }


    .image_container {

        width: 400px;
    }

    /*-------------------------------featured_models------------------------------------*/
    /*-------------------------------featured_models------------------------------------*/
    /*-------------------------------featured_models------------------------------------*/
    /*-------------------------------featured_models------------------------------------*/
    /*-------------------------------featured_models------------------------------------*/
    
    .image_container img{

        height: 350px;
    }
    
    

    .featured_models img{
        
        height: 500px !important;
        object-fit: cover;
    }


    /*-------------footer------------------*/

    
.bottom_footer ul li{padding: 0 20px;}

    
}