* {

    margin: 0;
    padding: 0;

}

ul {

    list-style: none
}


a {

    text-decoration: none;

}

img {

    vertical-align: middle;

}

:root {

    --roboto: 'Roboto', sans-serif;
    --opensens: 'Open Sans', sans-serif;

}

.clr {

    clear: both;

}


.full-wrapper {

    width: 100%;

}


.container {


    width: 1170px;
    margin: 0 auto;

}


.m-30 {

    margin: 0px 30px;

}

.mb-30 {


    margin-bottom: 30px;

}



/*comman css end*/


/*menu-bg start*/



.menu-bg {



    border-bottom: 1px solid #60385d;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999999999;

}

.menu-bg .menu .logo {


    width: 170px;
    float: left;

}

.menu-bg .menu .logo img {

    width: 100%;
    padding-top: 30px;
    padding-bottom: 14px;

}



.menu-bg .menu .menu-list {

    width: 1000px;
    float: left;

}

.menu-bg .menu .menu-list ul {

    float: right;

}


.menu-bg .menu .menu-list ul li {

    float: left;
    margin-left: 20px;
    position: relative;
    overflow: hidden;



}

.menu-bg .menu .menu-list ul li a {

    display: block;
    color: white;
    font-family: var(--opensens);
    font-weight: 400;
    font-size: 14px;
    padding-top: 45px;
    padding-bottom: 20px;
    text-transform: uppercase;
    transition: all linear .4s;


}



.menu-bg .menu .menu-list ul li .active {


    color: #ff5f83;

}

.menu-bg .menu .menu-list ul li a:hover {


    color: #ff5f83;

}

.menu-bg .menu .menu-list ul li img {

    display: block;
    text-align: center;
    position: absolute;
    bottom: 4px;
    left: 100%;
    transition: all linear .4s;


}


.menu-bg .menu .menu-list ul li:hover img {


    left: 50%;
    transform: translateX(-50%);

}


.menu-bg .menu .menu-list ul li .first-img {


    left: 50%;
    transform: translateX(-50%);

}



/*menu-bg end*/




/*banner section strt*/


.banner-bg {


    background: url(../img/banner.jpg) no-repeat center / cover;
    padding-top: 230px;
    z-index: 1;
    position: relative;

}

.banner-bg::after {



    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(18, 16, 16, 0.46);
    z-index: -1;

}



.banner-bg .banner {


    text-align: center;


}

.banner-bg .banner h1 {

    color: white;
    font-family: var(--opensens);
    font-weight: 400;
    font-size: 60px;
    padding-bottom: 5px;

}


.banner-bg .banner h1 span {


    color: #ff5f83;

}


.banner-bg .banner h4 {

    font-family: var(--roboto);
    font-weight: 400;
    font-size: 22px;
    color: white;
    padding-bottom: 30px;

}


.banner-bg .banner p {

    padding: 0px 300px;
    color: #dddddd;
    font-family: var(--opensens);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 32px;

}

.banner-bg .banner a {


    color: white;
    font-family: var(--opensens);
    font-weight: 400;
    font-size: 16px;
    display: inline-block;
    width: 108px;
    height: 33px;
    border: 1px solid white;
    text-align: center;
    line-height: 33px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all linear .4s;


}

.banner-bg .banner a:hover {

    border: 1px solid #ff5f83;


}

.banner-bg .banner a::before {

    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -100%;
    background: #ff5f83;
    z-index: -1;
    transition: all linear .4s;
}





.banner-bg .banner a:hover::before {


    left: 0%;

}

.banner-bg .banner h3 {


    padding-top: 145px;
    padding-bottom: 80px;

}



/*banner section end*/




/*about section start*/



.about-bg {


    background: #111111;
    padding: 80px 0px;

}

.about-bg .about .about-first {

    width: 270px;
    float: left;

}


.about-bg .about .about-first img {

    width: 100%;

}

.about-bg .about .about-text {

    margin: 0px 30px;
    width: 570px;
    float: left;
    text-align: center;

}


.about-bg .about .about-text h2 {


    font-family: var(--opensens);
    font-weight: 400;
    font-size: 22px;
    text-transform: uppercase;
    color: white;

}


.about-bg .about .about-text img {


    padding-bottom: 30px;

}

.about-bg .about .about-text p {


    padding-bottom: 30px;
    color: #dddddd;
    font-family: var(--roboto);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;

}


.about-bg .about .about-text a {

    display: inline-block;
    padding: 10px 15px;
    background: #ff5f83;
    color: white;
    background: #ff5f83;
    font-family: var(--opensens);
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 3px;

}


/*about section end*/


/*gallery section start*/



.gallery-bg {


    padding: 28px 0px 96px 0px;
    position: relative;
    background: transparent;
    z-index: 1;
}

.gallery-bg::after {


    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(11, 9, 15, 0.8);
    z-index: -1;

}


.gallery-bg .gallery .gallery-heading {

    text-align: center;

}

.gallery-bg .gallery .gallery-heading h2 {


    color: white;
    font-family: var(--opensens);
    font-weight: 400;
    font-size: 22px;
    text-transform: uppercase;


}



.gallery-bg .gallery .gallery-list {


    margin-top: 40px;
    margin-bottom: 130px;

}



.gallery-bg .gallery .gallery-list ul {


    padding-left: 310px;


}



.gallery-bg .gallery .gallery-list ul li {


    font-family: var(--opensens);
    font-weight: 400;
    font-size: 16px;
    color: white;
    float: left;
    text-transform: capitalize;
    margin: 0px 10px;
    padding: 8px 18px;
    cursor: pointer;
    border: 1px solid white;
    border-radius: 3px;
    transition: all linear .4s;


}

.gallery-bg .gallery .gallery-list ul .active {


    background: #ff5f83;
    border-color: #ff5f83;

}


.gallery-bg .gallery .gallery-content .gallery-item {


    float: left;
    position: relative;
    overflow: hidden;

}


.gallery-bg .gallery .gallery-content .gallery-item img {

    width: 100%;

}



.gallery-bg .gallery .gallery-content .gallery-item .overlay {


    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: -100%;
    background: rgba(134, 59, 106, 0.7);
    transition: all linear .7s;

}


.gallery-bg .gallery .gallery-content .gallery-item:hover .overlay {


    left: 0%;

}


.gallery-bg .gallery .gallery-content .gallery-item .overlay i {


    color: white;
    width: 40px;
    height: 40px;
    border: 1px solid white;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    margin-right: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all linear .4s;

}

.gallery-bg .gallery .gallery-content .gallery-item .overlay i:hover {


    background: white;
    color: #ff5f83;

}


.gallery-bg .gallery a {


    display: inline-block;
    margin-top: 30px;
    width: 146px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border: 1px solid white;
    color: white;
    text-transform: uppercase;
    font-family: var(--opensens);
    font-weight: 400;
    font-size: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    transition: all linear .4s;

}



.gallery-bg .gallery a:hover {


    background: #ff5f83;
    border-color: #ff5f83;

}




/*gallery section end*/






/*bird section start*/

.bird-bg {

    background: #111111;
    padding-top: 80px;
    padding-bottom: 26px;

}


.bird-bg .bird-heading {


    text-align: center;
    padding-bottom: 25px;

}


.bird-bg .bird-heading h2 {

    color: white;
    font-family: var(--opensens);
    font-weight: 400;
    font-size: 22px;
    text-transform: uppercase;

}









/*bird section end*/