/* start loading */

/* Background */

.loader-container {

    width: 100vw;

    height: 100vh;

    background: #AF8428;

    position: fixed;

    left: 0;

    top: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 9999999999;

}

.loader {

    width: 100px;

    height: 100px;

}

.loader path {

    fill: #fff;

    transform-origin: center;

    animation: rotate 1.5s linear infinite;

}

.loaderreverse {

    animation-direction: reverse !important;

}



@keyframes rotate {

    to {

        transform: rotate(360deg);

    }

    from {

        transform: rotate(0deg);

    }

}



/* End loading */



html{

    overflow-x: hidden;

    scroll-behavior: smooth;

}

body{

    overflow-x: hidden;

    scroll-behavior: smooth;

}

/* -------------- Start Header -------------- */

.header {

    padding-top: 20px;



}



.header .logo {

    max-width: 180px;



}



.header .contact-us {

    padding-top: 20px;

    font-size: 20px;

    color: #333;

    margin-right: 20px;

}



.header .contact-us i {

    font-size: 20px;

    padding-top: 10px;

}



.header .contact-us p {

    margin: 0;

}



.header .contact-us p:nth-of-type(2) {

    color: #AF8428;

}



.header .social-media {

    padding-top: 25px;

    /* text-align: right; */

    margin-left: 50px;



}



.header .social-media a {

    color: #333;

    padding: 10px;

}



.header .social-media a [class*="fa-"]

{

    width: 30px;

    height: 30px;

    line-height: 27px;

    border: 2px solid #AF8428;

    border-radius: 50%;

    text-align: center;

    font-size: 18px;

}





.header .social-media a.language [class*="fa-"]

{

    /* width: 40px;

    height: 40px;

    line-height: 38px;

    font-size: 30px;

 */

    width: 33px;

    height: 33px;

    /* line-height: 38px; */

    font-size: 20px;

}





.header .social-media a [class*="fa-"]:hover {

    background-color: #AF8428;

    color: #fff;

}



.header a.language

{

    color: #333;

    padding: 5px;

    text-decoration: none;

    /* margin: 0 4%; */

}



.header a.language span

{

    width: 40px;

    height: 40px;

    line-height: 38px;

    border: 2px solid #AF8428;

    border-radius: 50%;

    text-align: center;

    font-size: 30px;

    display: inline-grid;

}

.header a.language span:hover {

    background-color: #AF8428;

    color: #fff;

}

/* ---------------- End Header --------------------- */



/* ---------------- Start Navbar --------------------- */

.navbar-default {



    background-color: #fff;

    border-color: #fff;



}

#myNavbar{

    /* margin-left: 11%; */

    margin: unset;

    text-align: center!important;

}

#myNavbar .navbar-nav{

    float: none;

    margin: auto;

    width: max-content;

}



ul.nav li.dropdown:hover > ul.dropdown-menu {

    display: block;

    transition: all 0.3s ease-in-out;

    background-color: lightgray;

}



.navbar-default .navbar-nav>li>a {

    color: #333;

    transition: all 0.3s ease-in-out;

    line-height: .9;



}



.navbar-default .navbar-nav.navbar-right>li>a>[class*="fa-"]:hover ,

.navbar-default .navbar-nav.navbar-left>li>a>[class*="fa-"]:hover {

    color: #AF8428;

    background-color: #fff;

    border: 2px solid #AF8428;

    border-radius: 50%;



}

.nav-submenu-right .dropdown-menu{

    left:100% !important;

    top: 0 ;

    width: 100%;

    background-color: lightgray;

}

.navbar-default .navbar-nav.navbar-right>li:hover + .search-text ,

.navbar-default .navbar-nav.navbar-left>li:hover + .search-text {

    width:195px;

}

.navbar-default .navbar-nav:not(.navbar-right ):not( .navbar-left)>li>a:hover {

    color: #fff;

    background-color: #AF8428;

    border-top-right-radius: 15%;

    border-bottom-left-radius: 15%;

    transition: all 0.5s ease-in-out;

}



.navbar-default .navbar-nav .search-text{

    margin-top: 10px;

    padding: 5px;

    border: 2px solid #AF8428;

    border-radius: 5px;

    width:180px;

    transition: all 0.5s ease-in-out;



}



.navbar ul li a {

    font-size: 30px;

}



.navbar-default .navbar-nav>.active>a {

    font-size: 35px;

    font-weight: bold;

}



.navbar-default .navbar-nav>.active>a,

.navbar-default .navbar-nav>.active>a:focus,

.navbar-default .navbar-nav>.active>a:hover {

    color: #AF8428;

    background-color: #fff;

}



.navbar-default .navbar-nav>.open>a,

.navbar-default .navbar-nav>.open>a:focus,

.navbar-default .navbar-nav>.open>a:hover {

    color: #fff;

    background-color: #AF8428;

}



.dropdown-menu>li>a:hover, .nav .open>a:focus {

    color: #fff;

    background-color: #AF8428;



}



.navbar .dropdown i {

    color: #AF8428;

}



.navbar .navbar-right li a ,

.navbar .navbar-left li a {

    padding: 5px;

    font-size: 30px;

}



.navbar .navbar-right li a [class*="fa-"] ,

.navbar .navbar-left li a [class*="fa-"] {

    width: 45px;

    height: 45px;

    line-height: 43px;

    color: #fff;

    background-color: #AF8428;

    border-radius: 50%;

    text-align: center;

}









.nav .social-media {

    padding-top: 20px;

    text-align: right;

    display: flex;

}



.nav .social-media a {

    color: #333;

    padding: 5px;

    line-height: inherit;

}



.nav .social-media a [class*="fa-"]

{

    width: 30px;

    height: 30px;

    line-height: 27px;

    border: 2px solid #AF8428;

    border-radius: 50%;

    text-align: center;

    font-size: 18px;

}





.nav .social-media a.language [class*="fa-"]

{

    width: 40px;

    height: 40px;

    line-height: 38px;

    font-size: 30px;

}



.nav .social-media a [class*="fa-"]:hover {

    background-color: #AF8428;

    color: #fff;

}





.nav a.language

{

    color: #333;

    padding: 5px;

    text-decoration: none;

    margin: 0 4%;

}



.nav a.language span

{

    width: 40px;

    height: 40px;

    line-height: 38px;

    border: 2px solid #AF8428;

    border-radius: 50%;

    text-align: center;

    font-size: 30px;

    display: inline-grid;

}

.nav a.language span:hover {

    background-color: #AF8428;

    color: #fff;

}

/* ---------------- End Navbar --------------------- */





/* ---------------------------Start Cover ------------------------------ */

.site-cover {

    background: #AF8428;

    height: 35.5vw;

    -webkit-clip-path: polygon(50% 0, 0 9%, 0 90%, 46% 100%, 41% 98%, 54% 98%, 50% 100%, 100% 88%, 100% 9%, 51% 0, 53% 1%, 45% 3%);

    clip-path: polygon(50% 0, 0px 10%, 0 85%, 49% 100%, 48% 99%, 51% 99%, 50% 100%, 100% 85%, 100% 10%, 51% 0px, 52% 1%, 49% 1%);

}



.site-cover-container {

    height: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center;

    -webkit-clip-path: polygon(50% 1%, 100% 11%, 100% 84%, 50% 99%, 0% 84%, 0% 11%);

    clip-path: polygon(50% 1%, 100% 11%, 100% 84%, 50% 99%, 0% 84%, 0% 11%);

}

.site-cover .site-cover-container img{

    width: 100%;

    /* height: 100%; */

}

.site-cover .carousel-indicators li {

    border: 2px solid rgb(141, 101, 13);

    background-color: #AF8428;

    width: 20px;

    height: 20px;

}

.site-cover .carousel-indicators .active {

    background-color: #fff;

}



/* ---------------------------End Cover ------------------------------ */



/*------------------------------------Start Side Slide ----------------------------- */



@keyframes heartbeat {

    0% {

        transform: scale(0);

    }



    25% {

        transform: scale(1.2);

    }



    50% {

        transform: scale(1);

    }



    75% {

        transform: scale(1.2);

    }



    100% {

        transform: scale(1);

    }

}



.site-slide {

    position: relative;

    height: 57rem;

}

.site-slide h1{

    position: inherit;

    font-size: 3.7rem;

    font-weight: bold;

    right: 10%;

    left: 10%;

}



.slider-container {

    position: absolute;

    width: 100%;

    height: 90%;

}



.slider-container .slider-content {

    position: absolute;

    left: 50%;

    top: 50%;

    right: 50%;

    width: 50%;

    height: 100%;

    transform: translate(-50%, -50%);

}





.slider-container .slider-content .slider-single {

    position: absolute;

    z-index: 0;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    transition: z-index 0ms 250ms;
}

.slider-container .slider-content .slider-single .slider-single-image {

    /* position: relative; */

    /* left: 0; */

    /* top: 0; */

    width: 100%;

    height: 100%;

    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);

    transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43);

    transform: scale(0);

    opacity: 0;

    border-radius: 30px;

}

.slider-container .slider-content .slider-single-content {

    /* position: absolute; */

    /* top: 0%; */

    padding: 6% 10%;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(to right, #00000085 , #00000000 );

    border-radius: 30px;

}

.slider-container .slider-content .slider-single-content h2 {

    font-size: 2.8vw;

    font-weight: 900;

    color: white;

}

.slider-container .slider-content .slider-single-content ul {

    margin-top: 12%;

    border-radius: 30px;

}

.slider-container .slider-content .slider-single-content li {

    font-size: 2.7vw;

    color: white;

}

.slider-container .slider-content .slider-single-content li a {

    text-decoration: none;

    color: white;

}

.slider-container .slider-content .slider-single-content li a:hover {

    color: #AF8428;

}





.slider-container .slider-content .slider-single .slider-single-download:hover,

.slider-container .slider-content .slider-single .slider-single-download:focus {

    outline: none;

    text-decoration: none;

}

.slider-container .slider-content .slider-single .slider-single-likes:hover,

.slider-container .slider-content .slider-single .slider-single-likes:focus {

    outline: none;

    text-decoration: none;

}



.slider-container .slider-content .slider-single.preactivede .slider-single-image {

    transform: translateX(-50%) scale(0);

}

.slider-container .slider-content .slider-single.preactive {

    z-index: 1;

}

.slider-container .slider-content .slider-single.preactive .slider-single-image {

    opacity: 1;

    transform: translateX(-42%) translateY(5%) scale(0.8);

}

.slider-container .slider-content .slider-single.proactive .slider-single-image {

    opacity: 1;

    transform: translateX(42%) translateY(5%) scale(0.8);

}

.slider-container .slider-content .slider-single.proactivede .slider-single-image {

    transform: translateX(50%) scale(0);

}

.slider-container .slider-content .slider-single.active {

    z-index: 2;

    height: 90%;
}

.slider-container .slider-content .slider-single.active .slider-single-image {

    opacity: 1;

    transform: translateX(0%) scale(1);

}

.slider-container .slider-left {

    position: absolute;

    z-index: 3;

    display: block;

    right: 75%;

    top: 50%;

    color: #AF8428;

    transform: translateY(-50%);

    padding: 20px 15px;

    margin-right: -2px;

    font-size: 2.2vw;

}

.slider-container .slider-right {

    position: absolute;

    z-index: 3;

    display: block;

    left: 75%;

    top: 50%;

    color: #AF8428;

    transform: translateY(-50%);

    padding: 20px 15px;

    margin-left: -2px;

    font-size: 2.2vw;

}



/*------------------------------------End Side Slide ----------------------------- */





/*------------------------------------Start companies ----------------------------- */

.our-companies {

    background: #AF8428;

    height: 47rem;

    -webkit-clip-path: polygon(50% 0%, 100% 15%, 100% 80%, 50% 100%, 0% 80%, 0% 15%);

    clip-path: polygon(50% 0%, 100% 15%, 100% 80%, 50% 100%, 0% 80%, 0% 15%);

}



.our-companies h2 {

    color: #fff;

    text-align: center;

    padding: 20px;

    padding-top: 4vw;

    font-size: 4.2vw;

    text-shadow: 0 10px 20px black;

}



.our-companies .cover {

    background: url("../images/design-an-attractive-background-for-your-website.png");

    background-attachment: fixed;

    background-position: top center;

    background-size: cover;

    height: 100%;

    -webkit-clip-path: polygon(50% 1%, 100% 16%, 100% 79%, 50% 99%, 0% 79%, 0% 16%);

    clip-path: polygon(50% 1%, 100% 16%, 100% 79%, 50% 99%, 0% 79%, 0% 16%);



}



.our-companies .customer-logos img {

    border-radius: 50%;

}



/*------------------------------- Slider ------------------------------------- */



.slick-slide {

    margin: 0px 20px;

}



.slick-slide img {

    width: 100%;

}



.slick-slider {

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}



.slick-list:focus {

    outline: none;

}



.slick-list.dragging {

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block;

}






.slick-loading .slick-track {

    visibility: hidden;

}



.slick-slide {

    display: none;

    float: left;

    height: 40%;

    min-height: 1px;

}



[dir='rtl'] .slick-slide {

    float: right;

}



.slick-slide img {

    display: block;

}



.slick-slide.slick-loading img {

    display: none;

}



.slick-slide.dragging img {

    pointer-events: none;

}



.slick-initialized .slick-slide {

    display: block;

}



.slick-loading .slick-slide {

    visibility: hidden;

}

.slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}

/*------------------------------------End Slider ----------------------------- */

/*------------------------------------End companies ----------------------------- */



/*-------------------------------Start About Us----------------------------------- */



.about-us {

    margin: 2vw 6vw;

    background: url("../img/background/about-us.png")center center;

    background-size: cover;

    background-attachment: fixed;

    background-position: top center;

    color: #fff;

    border-radius: 30px;

    overflow: hidden;

}



.about-us .overlay {

    width: 100%;

    /* height: 100%; */

    background: rgba(0, 0, 0, 0.7);

    padding: 3vw;

}



.about-us .overlay h2 {

    font-size: 50px;

    font-weight: bold;

    color: #AF8428;

}



.about-us .overlay p {

    font-size: 25px;

    padding-right: 2%;

    text-align: justify;

}



.about-us .overlay .btn-primary {

    color: #fff;

    font-size: 25px;

    font-weight: bold;

    background-color: #AF8428;

    border-color: #AF8428;

    border-radius: 20px;

    padding: 5px 20px;

}



/*---------------------------End About Us----------------------------- */



/*---------------------------Start csr----------------------------- */

.csr-gif {

    position: absolute;

    top: 0;

    left: 0;

    width: 53%;

    height: 49.3%;

    z-index: 99999;

    overflow: hidden;

}



.csr-gif img{

    width: 74%!important;



}



.csr img{

    width: 100%;



}

.csr {

    position: relative;

    -webkit-clip-path: polygon(52% 0, 100% 0, 100% 100%, 50% 85%, 0 100%, 0 0);

    clip-path: polygon(52% 0, 100% 0, 100% 100%, 51% 92%, 0 100%, 0 0);

}



/*---------------------------End csr----------------------------- */



/*---------------------------Start Footer----------------------------- */

.footer img {

    max-width: 59%;

}



.footer ul a {

    font-weight: 600;

    color: #000;

    font-size: 20px;

}



.footer .contact-us-footer {



    font-size: 30px;

    color: #333;

}



.footer .contact-us-footer i {

    font-size: 30px;

    padding-top: 10px;

    color: #AF8428;

}



.footer .contact-us-footer p {

    margin: 0;

    direction: ltr;

    width: 100%;

}

.footer .contact-us-footer p>a,.header .contact-us p>a {

    color: black;

    text-decoration: none;



    direction: ltr!important;

    unicode-bidi: embed;

}



.footer ul a:hover,.footer .contact-us-footer p>a:hover,.header .contact-us p>a:hover {

    color: #AF8428;

}



.footer h5 {

    font-weight: bold;

    font-size: 28px;

    color: #AF8428;

    padding: 5px;



}



.footer .social-media a {

    color: #333;

    padding: 5px;

}



.footer .social-media a [class*="fa-"]

{

    width: 30px;

    height: 30px;

    line-height: 170%;

    border: 2px solid #AF8428;

    border-radius: 50%;

    text-align: center;

    font-size: 18px;

}

.footer .social-media a [class*="fa-"]:hover {

    background-color: #AF8428;

    color: #fff;

}

.footer a {

    text-decoration: none;

}



.footer .dev-logo {

    padding: 14px;

    font-weight: bold;



}



.footer .dev-logo a {

    color: #AF8428;

}



/*---------------------------End Footer----------------------------- */









/* -------------------------Start About-Us Page ----------------------*/

.about-us-page{

    -webkit-clip-path: polygon(50% 0, 100% 10%, 100% 90%, 50% 100%, 0% 90%, 0% 10%);

    clip-path: polygon(50% 0, 100% 10%, 100% 90%, 50% 100%, 0% 90%, 0% 10%);

    background-color: #eadcc1;

    /* height: 100%; */

}

/* .about-us-page h1{

    text-align: center;

    padding: 4%;

    font-weight: 900;

    font-size: 5rem;

    } */

    .about-us-page .about-us-content {

        padding: 0% 15% 4%;

    }

    /* .about-us-page .about-us-content h2{

        font-weight: bold;

        } */

        .about-us-page .about-us-content p{

            font-size: 3.2rem;

            color: #522F1F;

            padding-bottom: 5%;

            text-align: justify;

        }

        .plant1{

            position: absolute;

            z-index: 2;

            width: 22%;

            top: -21%;

        }

        .plant2{

            position: absolute;

            z-index: 2;

            width: 27%;

            right: 0;

            bottom: 54%;

        }

        .plant1 img{

            width: 100%;

        }

        .plant2 img{

            width: 80%;

        }

        .background-plant{

            text-align: center;

            padding: 4% 0 0;

            font-weight: 900;

            font-size: 5.2rem;

            color: #522F1F;

            background-image: url("../img/plant3.png");

            background-size: 14% auto;

            background-repeat: no-repeat;

            background-position: center;

        }

        .background-plant2{

            font-weight: bold;

            padding: 2% 0;

            font-size: 4.2rem;

            color: #522F1F;

            background-image: url("../img/plant3.png");

            background-size: 10% auto;

            background-repeat: no-repeat;

            background-position: left;

        }



        /* -------------------------start our vision ----------------------*/

        .our-vision-background{

            margin-bottom: 15px;

            /* height: 100vh; */

            /* -webkit-clip-path: polygon(52% 0, 100% 0, 100% 100%, 50% 85%, 0 100%, 0 0);

            clip-path: polygon(52% 0, 100% 0, 100% 100%, 51% 85%, 0 100%, 0 0);

            background: #AF8428;

            height: 52rem; */

        }

        .our-vision-background .border{

            height: 100vh;

            border: 2px solid #AF8428;

            border-radius: 2rem;

            overflow: hidden;

        }

        .our-vision-background iframe{

            height: 100%;

        }

        .our-vision{

            /* -webkit-clip-path:  polygon(52% 0, 100% 0, 100% 99%, 51% 84%, 0 99%, 0 0);

            clip-path:  polygon(52% 0, 100% 0, 100% 99%, 51% 84%, 0 99%, 0 0);

            background: #fff;

            height: 100%; */

            position: relative;

        }

        .plant4{

            position: absolute;

            bottom: 0;

            right: 0;

            width: 25%

        }

        .plant4 img{

            width: 80%;

            float: right;

        }

        .our-vision .our-vision-content{

            padding: 0% 15%;

        }

        /* .our-vision .our-vision-content h2{

            font-weight: bold;

            padding: 2% 0;

            } */

            .our-vision-content-p {

                position: relative;

            }

            .our-vision-content-p img{

                position: absolute;

                top: 0;

                left: 0;

                width: 100%;

                height: 100%;

            }

            .our-vision .our-vision-content p{

                margin: 5%;

                font-size: 3.2rem;

                color: #522F1F;

                padding: 7%;

                background-color: #eadcc1;

                text-align: justify;



            }

            section.about-us-main-desc {

                position: relative;

            }





            /* -------------------------end our vision ----------------------*/



            /* -------------------------End About-Us Page ----------------------*/







            /* -------------------------Start Contact-Us Page ----------------------*/

            .contact-us-page {

                margin-bottom: 2%;

            }

            .contact-us-page h1{

                text-align: center;

                font-weight: bold;

                margin-bottom: 1%;

            }



            .contact-us-img {

                position: relative;

                width: 35%;

                height: 40rem;

                border-radius: 50%;

                background-image: url("../img/fruits.jpg");

                background-size: cover;

                text-align: center;

                left: 18%;

                box-shadow: 0px 0px 21px 6px grey;



            }



            .contact-us-data {

                position: absolute;

                top: -11%;

                right: -99%;

                width: 115%;

                height: 115%;

                border: #AF8428 solid 2px;

                border-radius: 50%;

            }



            .contact-us-content-p [class*="fa-"]{

                color: #AF8428;



            }

            .contact-us-content-p a{

                color: black;

            }

            .contact-us-content-p a:link{

                text-decoration: none;

                margin: 1.8vw 0;

                display: block;

            }

            /* .contact-us-content-p span:nth-child(3){ */

            .contact-us-content-p span:last-child

            {

                direction: ltr;

                unicode-bidi: embed;

            }



            .contact-us-content-p{

                margin-top: 18%;

                font-size: 2.2rem;

                font-weight: bold;

                color: black;

            }



            #contact-us-form {

                margin-top: 3%;

                margin-bottom: 3%;

            }

            #contact-us-form h1{

                color: #AF8428;

                font-weight: bold;

                margin-bottom: 2rem;

                margin-top: 2rem;

                /* margin-top: 5vw; */

            }

            #contact-us-form input[type=text],[type=email],[type=number],

            #contact-us-form textarea{

                background-color: #f1f1f1;

                color: #AF8428;

                font-size: 2.1rem;

                padding:2%;

                font-weight: bold;

            }

            .form-control:focus {

                border-color: #5ac45d;

            }

            #contact-us-form .container{

                background-color: #ded1b4;

                padding: 3%;

                border-radius: 5%;

            }

            #contact-us-form .container input[type=submit]{

                /* position: absolute; */

                /* left: 40%; */

                font-size: 2.1rem;

                font-weight: bold;

                background-color: #AF8428;

                color: #fff;

                border-radius: 20%;

                padding: 1% 4% ;

            }

            #contact-us-form .container [class*="fa-"]{

                color: #AF8428;

                font-size: 2.1rem;



            }



            /* -------------------------Start Contact-Us Page ----------------------*/





            /* -------------------------Start Csr Page ----------------------*/





            #csr-page .img-header {

                margin-bottom: 5%;

            }

            .img-header {

                width: 100%;

            }



            #csr-page .container{

                position: relative;

            }



            #csr-page .csr-box{

                margin: 0 30rem 18rem 30rem;

                border-radius: 3rem;

                box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);

                /* z-index: 99999999 !important; */

                background-color: #fff;

            }

            #csr-page .csr-box h1{

                background-size: 35% auto;

                padding-top:6%;

            }

            #csr-page .csr-box p{

                font-size: 2.7rem;

                padding: 4%;

            }



            #csr-page .csr-eggs{

                position: absolute;

                top: -4%;

                right: 11%;

                float: right;

                width: 27%;

                z-index: -1;

            }

            #csr-page .csr-plant{

                position: absolute;

                bottom: 7%;

                left: 11%;

                width: 27%;

                z-index: -1;

            }





            /* -------------------------End Csr Page ----------------------*/





            /* -------------------------Start Career Page ----------------------*/

            #career-page .career-box{

                position: relative;

            }

            #career-page .career-box .career-img{

                position: absolute;

                top: -15%;

                width: 35%;

                left: 33%;

            }

            #career-page .container {

                background-color: #fff;

            }

            #career-page #contact-us-form .container {

                box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);

            }



            /* -------------------------End Career Page ----------------------*/





            /* -------------------------Start Media Page ----------------------*/



            #media-page .media-img-slider{

                width: 70%;

                border-radius: 50%;

                margin-bottom: 40%;

            }

            #media-page .container{

                position: relative;

            }

            #media-page .media-img-slider2{

                position: absolute;

                top: 20%;

                left:30%;

                width: 36%;

                border-radius: 50%;

            }



            #media-page .carousel-indicators li {

                border: 2px solid rgb(141, 101, 13);

                background-color: #AF8428;

                width: 20px;

                height: 20px;

            }

            #media-page .carousel-indicators .active {

                background-color: #fff;

            }

            #media-page .carousel-indicators {

                bottom: -1.5em;

            }



            /* -------------------------End Media Page ----------------------*/



            /* -------------------------End Media2 Page ----------------------*/

            #media-page2{

                background-image: url("../img/media2-background.png");

            }

            #media-page2 h1{

                text-align: center;

                font-size: 4.2vw;

                color: #af8428;

                margin-top: 0;

                margin-bottom: 35px;

                font-weight: 900;

            }

            .media-pagination {

                position: relative;

                width: 100%;

                max-width: 800px;

                margin: 0 auto;

            }



            .pagination-navigation {

                position: relative;

                text-align: center;

                font-size: 0;

                -webkit-filter: url("#goo");

                filter: url("../pagination.html#goo");

                -webkit-transform: translateZ(0);

                transform: translateZ(0);

                top: 14rem;

            }



            .pagination-dot{

                position: relative;

                display: inline-block;

                width: 17px;

                height: 25px;

                padding: 0;

                /* line-height: 32px; */

                border-radius: 50%;

                margin: 6px 13px;

                border: none;

                outline: none;

                font-size: 18px;

                font-weight: bold;

                background: #d5d3d2;

                color: #845050;

                font-family: 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;

            }

            .pagination-dot:focus,.pagination-dot:active,.pagination-dot:focus span,.pagination-dot:active span{

                background: #845050;

                color: #d5d3d2;

            }



            .pagination-number {

                background: #d5d3d2;

                color: #845050;

                display: block;

                /* width: 100%; */

                /* height: 100%; */

                font-size: small;

                border-radius: 50%;

                -webkit-transform: scale(0.01, 0.01);

                transform: scale(0.01, 0.01);

            }



            .pagination-current {

                position: absolute;

                left: 0;

                top: 0;

            }



            .pagination-content {

                height: 36rem;

            }



            .pagination-item {

                position: absolute;

                left: 10%;

                margin: auto;

                font-size: 0;

                border-radius: 5px;

                border: 7px solid #fff;

                right: 10%;

                max-width: 80%;

                height: 100%;

                width: auto;

                background: black;

                text-align: center;

            }





            .pagination-item img {

                position: relative;

                /* opacity: 0.95; */

                height: 100%;

                width: auto;

            }



            /* -------------------------End Media2 Page ----------------------*/



            /* -------------------------Start Sectors Page ----------------------*/

            #sectors-page{

                background-image: url("../img/sectors-background.png");

                background-size: 100% 100%;

            }

            #sectors-page h1{

                text-align: center;

                margin-top: 0;

                font-weight: 900;

                font-size: 5.2vw;

                color: #522F1F;

                background-image: url("../img/sectors-background-h1.png");

                /* background-size: 14% auto; */

                background-repeat: no-repeat;

                background-position: center;



            }

            .sectors-grid {

                position: relative;

                clear: both;

                margin: 0 auto;

                padding: 1em 0 4em;

                max-width: 1000px;

                list-style: none;

                text-align: center;

            }



            /* Common style */

            .sectors-grid figure {

                position: relative;

                float: left;

                overflow: hidden;

                margin: 10px 1%;

                min-width: 320px;

                max-width: 520px;

                max-height: 400px;

                /* width: 48%; */

                height: auto;

                background: #3085a3;

                text-align: center;

                cursor: pointer;

            }



            .sectors-grid figure img {

                position: relative;

                display: block;

                min-height: 100%;

                max-width: 100%;

                opacity: 0.8;

                height: 360px;

                width: 480px;

            }



            .sectors-grid figure figcaption {

                padding: 2em;

                color: #fff;

                /* text-transform: uppercase; */

                font-size: 1.45em;

                -webkit-backface-visibility: hidden;

                backface-visibility: hidden;

            }



            .sectors-grid figure figcaption::before,

            .sectors-grid figure figcaption::after {

                pointer-events: none;

            }



            .sectors-grid figure figcaption,

            .sectors-grid figure figcaption > a {

                position: absolute;

                top: 0;

                left: 0;

                width: 100%;

                height: 100%;

            }



            /* Anchor will cover the whole item by default */

            /* For some effects it will show as a button */

            .sectors-grid figure figcaption > a {

                z-index: 1000;

                text-indent: 200%;

                white-space: nowrap;

                font-size: 0;

                opacity: 0;

            }



            .sectors-grid figure h2 {

                word-spacing: -0.15em;

                /* font-weight: 900; */

                color: #AF8428;

                text-shadow: 3px 3px 4px black;

            }



            .sectors-grid figure h2 span {

                font-weight: 800;

            }



            .sectors-grid figure h2,

            .sectors-grid figure p {

                margin-bottom: 3vw;

            }



            .sectors-grid figure p {

                letter-spacing: 1px;

                font-size: 80%;

                display: inline-grid;

                /* text-transform: lowercase; */

            }



            /*-----------------*/

            /***** Phoebe *****/

            /*-----------------*/



            figure.effect-phoebe {

                background: #000000ab;

            }



            figure.effect-phoebe img {

                opacity: 0.85;

                -webkit-transition: opacity 0.35s;

                transition: opacity 0.35s;

            }



            figure.effect-phoebe:hover img {

                opacity: 0.6;

            }



            figure.effect-phoebe figcaption::before {

                position: absolute;

                top: 0;

                left: 0;

                width: 100%;

                height: 100%;

                background: url(../img/triangle.svg) no-repeat center center;

                background-size: 100% 100%;

                content: '';

                -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

                transition: opacity 0.35s, transform 0.35s;

                -webkit-transform: scale3d(5,2.5,1);

                transform: scale3d(5,2.5,1);

                -webkit-transform-origin: 50% 50%;

                transform-origin: 50% 50%;

            }



            figure.effect-phoebe:hover figcaption::before {

                opacity: 0.6;

                -webkit-transform: scale3d(1,1,1);

                transform: scale3d(1,1,1);

            }



            figure.effect-phoebe h2 {

                margin-top: 0;

                -webkit-transition: transform 0.35s;

                transition: transform 0.35s;

                -webkit-transform: translate3d(0,40px,0);

                transform: translate3d(0,40px,0);

            }



            figure.effect-phoebe:hover h2 {

                -webkit-transform: translate3d(0,0,0);

                transform: translate3d(0,0,0);

            }



            figure.effect-phoebe p a {

                color: #fff;

                font-size: 140%;

                opacity: 0;

                position: relative;

                display: inline-block;

                -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

                transition: opacity 0.35s, transform 0.35s;

            }



            figure.effect-phoebe p a:first-child {

                -webkit-transform: translate3d(-60px,-60px,0);

                transform: translate3d(-60px,-60px,0);

            }



            figure.effect-phoebe p a:nth-child(2) {

                -webkit-transform: translate3d(0,60px,0);

                transform: translate3d(0,60px,0);

            }



            figure.effect-phoebe p a:nth-child(3) {

                -webkit-transform: translate3d(60px,-60px,0);

                transform: translate3d(60px,-60px,0);

            }



            figure.effect-phoebe:hover p a {

                opacity: 1;

                -webkit-transform: translate3d(0,0,0);

                transform: translate3d(0,0,0);

            }



            /* -------------------------start section Page ----------------------*/

            #section-page{

                position: relative;

                background-image: url("../img/poultry-background.jpg");

                background-attachment: fixed;

                background-size: cover;

            }

            #section-page p{

                color: white;

                font-size: 1.5vw;

                text-align: justify;

                text-shadow: 2px 2px 5px #000;

            }

            #section-page h1,#section-page h2{

                color: #AF8428;

                text-shadow: 2px 2px 5px #000;

            }

            #section-page h1{

                margin-bottom: 2vw;

                font-size: 3.2vw;

            }

            #section-page h2{

                margin-top: 2vw;

                font-size: 2.7vw;

            }

            #section-page .customer-logos img{

                border-radius: 50%;

            }





            #section-page .description

            {

                /* top: 22%; */

                /* position: absolute; */

                margin: 0 10%;

                text-shadow: 2px 2px 5px #000;

            }

            /* -------------------------End Sectors Page ----------------------*/



            /* -------------------------start poultry Page ----------------------*/

            #poultry-page{

                position: relative;

                background-image: url("../img/poultry-background.jpg");

                background-attachment: fixed;

                /* background-position: bottom; */

            }

            #poultry-page p{

                color: white;

                font-size: 1.5vw;

                text-align: justify;

            }

            #poultry-page h2,
            #poultry-page h3{

                color: #AF8428;

            }

            #poultry-page li{

                color: #AF8428;

            }



            #poultry-page h1{

                font-size: 3.2vw;

                color: #AF8428;

                margin-bottom: 2vw;

            }

            .poultry-header{

                position: absolute;

                top: -1px;

                left: 0;

                width: 100%;

                z-index: 2;

            }

            .poultry-header .breadcrumb {

                padding: 8px 13vw;

                background-color: unset;

            }

            .poultry-header .breadcrumb>li {

                font-size: 2.8vw;

                color: #b0852a;

            }

            .poultry-header .breadcrumb>li:first-child {

                font-weight: bold;

                font-size: 3.2vw;

            }

            .poultry-header .breadcrumb>li a{

                text-decoration: none;

                color: #b0852a;

            }

            .poultry-header .breadcrumb>li a:hover{

                color: gray;

            }

            .poultry-header .breadcrumb>.active {

                color: #5c5117;

            }

            .breadcrumb>li+li:before {

                content: ">";

                color: #4d3434;

            }

            .demo-frame header {

                display: none;

            }



            .demo-wrapper {

                min-height: 500px;

            }



            .bsap_1280449 {

                position: absolute;

                top: 0;

                right: 0;

            }

            #poultry-page .poultry-logo{

                height: 100%;

                text-align: center;

                background-color: #ffffff7d;

            }

            #poultry-page .poultry-disc{

                text-align: center;

                background-color: #00000087;

                border-radius: 4vw;

                overflow-x: hidden;

            }

            #poultry-page .poultry-disc p{

                padding: 4vw;

            }

            #poultry-page .poultry-logo img{

                width: 20vw;

                border-radius: 50%;

                position: absolute;

                top: 23%;

                left: 40%;

            }

            .parallax [class*="bg__"] {

                position: relative;

                /* height: 28vw; */

                /* text-indent: -9999px; */

                background-attachment: fixed;

                background-position: top center;

                background-size: cover;

            }



            .parallax [class*="bg__"]:nth-child(2n) {

                box-shadow: inset 0 0 1em #111;

            }



            .parallax .bg__foo {

                background-image: url("../img/poultry-background.jpg");

                height: 14vw;

            }



            .parallax .bg__bar {

                background-image: url("../img/5.jpg");

                height: 32vw;

            }



            .parallax .bg__baz {

                background-image: url("../img/poultry-background.jpg");

                /* height: 55vw; */

            }

            .parallax .bg__baz .row ,

            .parallax .bg__break .row{

                padding: 3vw 4vw;

                background-color: #00000080;

            }

            .parallax .bg__baz .row img,

            .parallax .bg__break img{

                /*width: 100%;*/

                border-radius:3rem;

            }



            .parallax .bg__bazz {

                background-image: url("../img/22.jpg");

                /* height: 28vw; */

                border-radius: 4vw;

            }



            .parallax .bg__break {

                box-shadow: inset 0 0 1em #111;

                background-image: url("../img/poultry-background.png");

                /* height: 28vw; */

            }



            .parallax .capture {

                float: right;

                width: 200px;

                padding: 1em;

                margin: -1.5em 1em 0 0;

                text-indent: 0;

                background: rgba(243, 243, 243, 0.75);

                box-shadow: 0 1px 0.125em #333;

                color: #141414;

            }



            article .container {

                /* width: 600px; */

                margin: 0 auto;

            }



            article .header {

                position: relative;

                margin: -5em 0 0 0;

                padding: 1em;

                text-align: left;

                font-size: 2.2em;

                color: #333;

                background-color: rgba(255, 255, 255, 0.75);

            }



            article h1, article h2 {

                margin: 0 0 0.333em;

            }



            article section {

                padding: 3em;

            }



            article section.parallax {

                margin: 0;

                padding: 0;

            }



            /* -------------------------End poultry Page ----------------------*/





.contact-us-page .row.contact-us

{

    position: relative;

    height: 45rem;

    margin: 1% 10%;

}

.contact-us-page .row.contact-us .img

{

    border-radius: 50%;

    text-align: center;

    box-shadow: 0px 0px 21px 6px grey;

    height: 100%;

    width: 50%;

    position: absolute;

    left: 5%;

    z-index: 36;

    padding: 5%;

    background: white;

}

.contact-us-page .row.contact-us .img>img

{

    margin: auto;

    -ms-transform: translateY(-50%);

    transform: translate(-50%,-50%);

    top: 45%;

    position: relative;

    left: 50%;

}

.contact-us-page .row.contact-us .data

{

    border: #AF8428 solid 2px;

    border-radius: 50%;

    text-align: center;

    position: absolute;

    right: 5%;

    height: 100%;

    width: 50%;

}

.contact-us-page .row.contact-us .data>div

{

    margin: auto;

    -ms-transform: translateY(-50%);

    transform: translate(-50%,-50%);

    top: 47%;

    left: 53%;

    position: relative;

}

.justify-content-center {

    -ms-flex-pack: center!important;

    justify-content: center!important;

    /* display: flex; */

}

  /*  el GIF */

.counter {

    position: absolute;

    top: 16%;

    left: 32%;

    z-index: 9999999999;

}

.counter>p,.counter>p>span {

    /* font-size: 36px; */

    /* font: bold 48px Arial; */

    color: rgba(177,111,19,1);;

}

.counter>p:nth-child(1)

{

    font-size: 4vw;

    font-weight: bold;

    /* color: rgba(177,111,19,1); */

    color: rgba(79,51,11,1);

}

.counter>p:nth-child(2)

{

    font-size: 3vw;

    font-weight: bold;

    /* background: -webkit-linear-gradient(0deg, rgba(177,111,19,1) 0%, rgba(79,51,11,1) 50%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent; */

    color: rgba(79,51,11,1);



}

.counter>p:nth-child(3)

{

    font-size: 2.5vw;

    color: rgba(79,51,11,1);

    font-weight: bold;



}

/* new GIF */

.count

{

  line-height: 100px;

  color:white;

  margin-left:30px;

  font-size:25px;

}



#poultry-page li{
    font-size: 1.5vw;
    text-align: justify;
    list-style-type: none;
    padding: 0;
    text-decoration: none;
}
#poultry-page li,
#poultry-page p,
#poultry-page h1,
#poultry-page h1>*,
#poultry-page h2,
#poultry-page h2>*,
#poultry-page strong,
#poultry-page strong>*,
#poultry-page h3,
#poultry-page h3>*,
#poultry-page ul{ 
    text-decoration: none;
}