@charset "utf-8";



/* CSS Document */



body {

    margin: 0px;

    padding: 0px;

    font-size: 14px;

   font-family: 'Roboto', sans-serif;

}



header{width:100%;float:left;background:#fff;padding:10px 0px;}



.logo{float:left;}



.logo figure{float:left;margin-bottom:0px;}



.logo figure img{width:100%;}



.menu{float:right;margin-top:25px;}



nav{width:100%;float:left;margin:0px;padding:0px;}



nav ul{width:100%;float:left;margin:0px;padding:0px;}



nav ul li{float:left;list-style:none;margin-left:25px;}



nav ul li:last-child{margin-right:0px;}



nav ul li a{float:left;text-decoration:none;color:#000;font-size:15px;text-transform: uppercase;}



nav ul li a.active{color:#f5821f;}



nav ul li a:hover{color:#f5821f;text-decoration:none;}

.product-thumb {margin-bottom: 30px;}
.product-thumb .product-thumb-pic {border: 1px solid #ccc;}
.product-thumb .product-thumb-pic img {width: 100%;}
.product-thumb .product-title {background-color: #ccc; text-align: center; padding: 10px 5px; color: #000;}

.whyus-content {font-size: 15px; line-height: 30px;}

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

    li.sub_main {

        position: relative;

    }

    li.sub_main > ul.sub_child {

        position: absolute;

        left: 0px;

        top: 30px;

        z-index:9999999999999;

        max-height: 0;

        overflow: none;

        transform: rotate3d(1, 0, 0, -90deg);

        -ms-transform-origin: 50% 0;

        transform-origin: 50% 0;

        -webkit-transform: rotate3d(1, 0, 0, -90deg);

        -webkit-transform-origin: 50% 0;

        -moz-transform: rotate3d(1, 0, 0, -90deg);

        -moz-transform-origin: 50% 0;

        -o-transform: rotate3d(1, 0, 0, -90deg);

        -o-transform-origin: 50% 0;

        transition: 350ms;

        -webkit-transition: 350ms;

        -moz-transition: 350ms;

        -o-transition: 350ms;

        width: 190px;

    }

    li.sub_main:hover > ul.sub_child {

        max-height: 10000px;

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

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

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

        transform: rotate3d(0, 0, 0, 0);

    }

    ul.sub_child > li {

        width: 100%;

        display: inline-block;

        color: #000;

        cursor: pointer;

        background: #f5821f !important;

        margin: 0px 0px 0px 0px;

        padding: 0px 0px 0px 0px;

        font-size: 13px;

        border-bottom: none;

    }

    ul.sub_child > li:last-child {

        border: none;

        color: #FFF !important;

        width: 100%;

        margin: 0px 0px 0px 0px;

        padding: 0px 0px 0px 0px;

    }

    ul.sub_child > li > a {

        width: 100%;

        margin: 0px 0px 0px 0px;

        padding: 8px 0px 8px 13px;

        display: inline-block;

        text-align: left;

        color: #fff !important;

        text-transform: capitalize;

        font-family: 'Lato', sans-serif;

        font-size: 14px;

        font-weight: normal;

    }

    ul.sub_child > li > a i {

        float: right;

        margin: 3px 10px 0px 0px;

        font-size: 19px;

    }

    ul.sub_child > li > a:hover {

        color: #fff !important;

        background: #df7111;

        text-decoration: none;

    }

}



.mean-container b {

  color: #fdfdf8;

  float: left;

  padding: 15px 13px 11px;

}



.login{float:right;margin-left:30px;margin-top:17px;}



.login a{padding:8px 15px;background:#eee;text-decoration:none;color:#000;float:left;border-radius:10px;}



.login a:hover{background:#f5821f;color:#fff;}



section.banner_part{width:100%;float:left;}



.banner_part img{width:100%;}



section.about_content{width:100%;float:left;padding:60px 0px;}



.about_content h2{width:50%;float:left;margin-top:0px;margin-bottom:0px;font-size:14px;color:#f5821f;text-transform: uppercase;letter-spacing:2px;font-weight:500;}



.about_content h1{width:100%;float:left;margin-top:20px;margin-bottom:20px;font-size:30px;color:#404044;letter-spacing:0px;position:relative;padding-bottom:15px;}



.about_content h1:after {

    content: '';

    position: absolute;

    bottom: -1px;

/*    left: 14%;*/
left: 19%;

    transform: translateX(-50%);

    width:39%;

    border-top: 2px solid #f5821f !important;

    

}



.about_content h1 font{color:#f5821f;}



.about_content p{width:100%;float:left;margin-top:10px;margin-bottom:0px;font-size:15px;color:#404044;line-height:30px;}



.about_content h3{width:100%;float:left;margin-top:20px;margin-bottom:0px;font-size:24px;color:#000;line-height:30px;font-weight:bold;}



.about_content figure{width:90%;float:left;margin-bottom:0px;}



.about_content figure img{width:100%;}



section.services{width:100%;float:left;position:relative;padding-bottom:40px;}



.services figure{width:100%;float:left;}



.services figure img{width:100%;}



.services_left_part{width:100%;float:left;}



.services_left_part h2{width:50%;float:left;margin-top:0px;margin-bottom:0px;font-size:14px;color:#f5821f;text-transform: uppercase;letter-spacing:2px;font-weight:500;}



.services_left_part h3{width:100%;float:left;margin-top:20px;margin-bottom:30px;font-size:30px;color:#404044;letter-spacing:2px;position:relative;padding-bottom:15px;}



.services_left_part h3 font{color:#f5821f;}



.services_left_part h3:after{

    content: '';

    position: absolute;

    bottom: -1px;

/*    left: 15%;*/
left: 19%;

    transform: translateX(-50%);

    width:44%;

    border-top: 2px solid #f5821f !important;

}



.services_list{width:100%;float:left;}



.services_list_left_part{float:left;}
.services_list_left_part-icon {float: none;}

.why-readmore {margin-bottom: 50px; display: block;}
.why-readmore a {background: #f5821f; text-decoration: none;  
    padding: 15px 25px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase;}



.services_list_right_part{float:right;width:79%;margin-bottom:40px;}
.services_list_right_part_content {width:100%; float: none;}



.services_list_right_part h2{width:100%;float:left;margin-top:0px;margin-bottom:15px;font-size:15px;color:#404044;text-transform: uppercase;}



.services_list_right_part p{width:100%;float:left;margin-top:0px;margin-bottom:0px;font-size:15px;color:#404044; line-height: 30px;}



.product_heading{width:100%;float:left;margin-top:0px;margin-bottom:0px;font-size:30px;color:#404044;text-transform: capitalize;border-bottom:#f5821f solid 1px;padding-bottom:10px;}

.home-productservice-content {font-size: 15px; line-height: 30px;}

section.products_content{width:100%;float:left;padding-bottom:90px;}



.products_list{width:100%;float:left;box-shadow: 0px 0px 3px 0px rgba(119, 119, 119, 0.71);

-moz-box-shadow: 0px 0px 3px 0px rgba(119, 119, 119, 0.71);

-webkit-box-shadow: 0px 0px 3px 0px rgba(119, 119, 119, 0.71);border:#ccc solid 1px;}



.products_list figure{width:100%;float:left;margin-bottom:0px;padding:15px;}



.products_list figure img{width:100%;}



.products_list h2{width:100%;float:left;margin-top:0px;margin-bottom:0px;text-align:center;font-size:16px;font-weight:bold;margin-bottom:15px;position:relative;padding-bottom:10px;color:#000;}



.products_list h2:after{

    content: '';

    position: absolute;

    bottom: -1px;

    left: 50%;

    transform: translateX(-50%);

    width:23%;

    border-top: 2px solid #d1d1d1 !important;

    z-index: 30000 !important;

}



.products_padding{padding:0px 8px;}



section.timer{width:100%;float:left;}



.timer_left_content{float:left;color:#000;line-height:186px;width:51%;margin-top:-25px;text-align:left;}



.timer_right_content{width:237px;float:right;margin-right:56px;}



.timer_right_content h2{width:100%;float:left;font-size:32px;color:#000;border-left:#ccc solid 3px;padding-left:15px;line-height:43px;}



.timer_right_content p {width:100%;float: left;margin-top: 10px;margin-bottom: 0px;

font-size: 15px;color: #404044;line-height:30px;}

.services-content {font-size: 15px; line-height: 30px;}


.timer_right_content a{width:200px;float:left;padding:15px 10px;background:#f5821f;text-align:center;font-size:15px;color:#fff;margin-top:15px;text-transform: uppercase;}



.timer_right_content a:hover{text-decoration:none;color:#fff;background:#f5821f;}



.map{width:100%;float:left;padding:30px 0px 0px;}



.map h2{width:100%;float:left;text-align:center;font-size:30px;color:#000;margin-top:20px;}



.map figure{width:100%;float:left;margin-bottom:0px;margin-top:20px;}



.map figure img{width:100%;}



footer{width:100%;float:left;background:#ccc;padding:20px 0px;text-align:center;}



footer a{display:inline-block;color:#000;}



footer a:hover{text-decoration:none;color:#f5821f;}



footer p{margin-bottom:0px;float:left;}



footer span{margin-bottom:0px;float:right;}



.text-img {

    display: inline-block;

    overflow: hidden;

    font-size: 400px;

    line-height: 85%;

    font-weight: 500;

    height: 280px;

    color: #151515;

}



.text-img:hover {

    color: #9b9b9b;

}

.certifictae img {border:1px solid #ccc;}
.sub-heading h2 {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 30px !important;
    color: #404044;
    letter-spacing: 0px;
    position: relative;
    padding-bottom: 15px;
    font-weight: 500;
    text-transform: none !important;
}
.sub-heading h2:after {
    content: '';
    position: absolute;
    bottom: -1px;
    /* left: 14%; */
    left: 19%;
    transform: translateX(-50%);
    width: 39%;
    border-top: 2px solid #f5821f !important;
}



@media (min-width: 576px) {

    .text-img {

        font-size:300px;

        

    }

}



@media (min-width: 992px) {

    .text-img {

        letter-spacing: .05em;

    }

}



@supports (-webkit-background-clip: text) {

    .text-img {

        -webkit-text-fill-color: transparent;

        background: -webkit-linear-gradient(transparent, transparent);

        background: -o-linear-gradient(transparent, transparent);

        background: url(../img/timer-bg.png) repeat;

        -webkit-background-clip: text;

        background-position-y: 40%;

        animation: imgPos 5s linear normal infinite paused;

    }

    .text-img > span {

        pointer-events: none;

    }

    .text-img:hover {

        animation-play-state: running;

        color: red;

    }

    @media (min-width: 576px) {

        .text-img {

            background-position-y: 22%;

        }

    }

}



@keyframes imgPos {

    0% {

        background-position-x: 0;

    }

    50% {

        background-position-x: 100%;

    }

    100% {

        background-position-x: 0;

    }

}



.timer_content{width:100%;float:left;text-align:right;}



.timer_content_list{width:400px;display:inline-block;}



.interiors{width:100%;float:left;margin-bottom:0px;border-bottom:#e1e1e1 solid 1px;}



.statistics_content {

    width: 100%;

    float: left;

    text-align: center;

}



.statistics_content figure {

    display: inline-block;

    width: 130px;

    height: 130px;

    border: #000 solid 3px;

    border-radius: 50%;

    padding-top: 42px;

}

.counter_content {

    width: 100%;

    float: left;

    margin-top:0px;

    margin-bottom:0px;

    font-size: 37px;

    color: #000;

    font-weight: bold;

}

#counter {

    width: 100%;

    float: left;

    text-align: center;

}

#counter span {

    display: inline-block;

    margin-right:-5px;

    font-family: 'Oswald', sans-serif;

    font-weight:500;

}



.statistics_content p {

    width: 100%;

    /* font-family: 'Playfair Display', serif; */

    float: left;

    font-size:15px;

    color: #8d8b8b;

    margin-bottom:20px;

    text-align: center;

    text-transform: uppercase;

}



.statistics_padding{padding:0px 0px;}



.statistics_border{border-right:#e1e1e1 solid 1px;}



.statistics_border_none{border-bottom:none !important;}



section.gallery{width:100%;float:left;position:relative;margin-top:30px;}



.gallery_padding{padding:0px 0px;}



.gallery figure{width:100%;float:left;margin-bottom:1px;}



.gallery figure img{width:100%;}



.gallery_content{width:338px;position: absolute;left: 0;top:0px; 

right: 0; margin-left: auto; margin-right: auto;

height:100%;text-align: center;text-align: center;display: -webkit-flex;display: flex;

-webkit-align-items: center;align-items: center;-webkit-justify-content: center;

justify-content: center;text-align: center;}



.gallery_content_pic{width:100%;float:left;}



.image {position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;

max-width:100%;max-height: 100%;}



.gallery_content_pic h2{width:338px;position:absolute;top:0px;left:0%;

height:100%;text-align: center;text-align: center;display: -webkit-flex;display: flex;

-webkit-align-items: center;align-items: center;-webkit-justify-content: center;

justify-content: center;text-align: center;font-size:55px;font-weight:200;}
.whatsapp_icon {
    position: fixed;
    bottom: 95px;
    right: 12px;
    width: 60px;
    z-index: 99999;
}
.whatsapp_icon img {
    width: 100%;
}


.scrollTop {
  position: fixed;
  left:2%;
  bottom: 25px;
  background-color: #f5821f;
  padding:15px;
  color:#fff;
  z-index:9999;
  opacity: 0;
  border-radius:10px;
  transition: all 0.4s ease-in-out 0s;
}



.scrollTop a {

  font-size:30px;

  color: #fff;

}



section.contact_detail{width:100%;float:left;padding:40px 0px;background:url(../img/contact.png) no-repeat top center;background-size:cover;}



.contact_left_content{width:100%;float:left;}



.contact_left_content i{float:left;font-size:20px;margin-top:7px;color:#fff;}

.contact_left_content span{float:left;font-size:20px;margin-top:0px;color:#fff;}



.contact_left_content p{width:316px;float:right;margin-bottom:0px;color:#fff;font-size:15px;margin-bottom:12px;}



.contact_left_content p a{text-decoration:none;color:#fff;}



.contact_form{width:100%;float:left;}



.contact_form_name{width:100%;float:left;margin-bottom:10px;background:#161616;}



.contact_form_name.form-control:focus {

    color: #495057;

    background-color: #161616;

    border-color: #80bdff;

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);

}



.contact_form_message.form-control:focus {

    color: #495057;

    background-color: #161616;

    border-color: #80bdff;

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);

}



.contact_form_message{width:100%;float:left;margin-bottom:10px;font-size:15px;background:#161616;}



.contact_heading{width:100%;float:left;margin-top:0px;margin-bottom:30px;font-size:30px;color:#fff;text-transform: capitalize;border-bottom:#fff solid 1px;padding-bottom:10px;}



.code{float:left;}



/*.code_name{float:left;margin-left:10px;}*/

#gb-widget-5371 {bottom:100px !important;}

.send_button{height:30px;border:none;background:#f5821f;text-align:center;color:#fff;width:100px;border-radius:5px;}



.send_button:hover{background:#f5821f;border:none;}



.login_content{width:100%;float:left;text-align:center;}



.login_name{width:100%;float:left;height:40px;border-radius:0px;margin-bottom:12px;background:url(../img/user.png) no-repeat 10px 11px;padding-left:35px;}



.password_name{width:100%;float:left;height:40px;border-radius:0px;margin-bottom:12px;background:url(../img/password.png) no-repeat 10px 11px;padding-left:35px;}



.login_content button{width:150px;display:inline-block;background:#eee;border:none;color:#000;height:40px;border-radius:5px;}



.login_content button:hover{background:#505cfd;color:#fff;}



div#exampleModalCenter {

    padding-right: 0px !important;

}



.modal-dialog {

    max-width: 339px;

    margin: 1.75rem auto;

}



.banner_content{

    width:480px;

    position: absolute;

    top: 0px;

    left:10%;

    /*margin-left: auto;

    margin-right: auto;*/

    height: 100%;

    text-align: center;

    text-align: center;

    display: -webkit-flex;

    display: flex;

    -webkit-align-items: center;

    align-items: center;

    -webkit-justify-content: center;

    justify-content: center;

    text-align: center;

}



.banner_content_gallery{width:100%;float:left;}



.banner_content_gallery img{width:100%;}



.banner_text{

    width:100%;

    position: absolute;

    left: 0;

    top: 0px;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    height: 100%;

    padding:0px 30px;

    text-align: center;

    text-align: center;

    display: -webkit-flex;

    display: flex;

    font-size:35px;

    -webkit-align-items: center;

    align-items: center;

    -webkit-justify-content: center;

    justify-content: center;

    font-weight:bold;

    text-align: center;

    font-family: 'Montserrat', sans-serif;

}



section.building_material{width:100%;float:left;position:relative;}



.building_material img{width:100%;}



.building_material:after{

    content: '';

    position: absolute;

    bottom:0px;

    left:50%;

    transform: translateX(-50%);

    width:100%;

    height:100%;

    background-color: rgba(41, 41, 41, 0.7) !important;

    z-index: 5 !important;

}



.breadcrumbs_content{

    position: absolute;

    left: 0;

    top:42%;

    height:100%;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    text-align: center;

   z-index:999;

}



.breadcrumbs_content ul{display:inline-block;margin:0px;padding:0px;}



.breadcrumbs_content ul li{display:inline-block;list-style:none;margin-right:5px;font-size:14px;color:#fff;}



.breadcrumbs_content ul li:last-child{margin-right:0px;}



.breadcrumbs_content ul li a{display:inline-block;font-size:14px;color:#fff;text-decoration:none;}



.breadcrumbs_content h1{display:inline-block;font-size:20px;color:#fff;margin-top:10px;margin-left:20px;text-transform: uppercase;}



section.building_material_content{width:100%;float:left;padding:30px 0px 60px;}



.building_material_content p{width:100%;float:left;margin-bottom:0px;font-size:14px;color:#000;}



.building_material_content h2{width:100%;float:left;margin-bottom:15px;font-size:30px;color:#000;margin-top:30px;}



.building_material_content figure{width:100%;float:left;margin-bottom:0px;height:210px;position:relative;border:#ccc solid 1px;margin-bottom:15px;}



.building_material_content p{width:100%;float:left;font-size:14px;color:#000;}



.building_image {

    position: absolute;

    margin: auto;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    padding:10px;

    max-width:100%;

    max-height: 100%;

}



section.contact_content{width:100%;float:left;padding:30px 0px;}



.contact_form_left_content{width:100%;float:left;}



.contact_form_left_content i{width:44px;height:44px;float:left;background:#f5821f;text-align:center;border-radius:50%;font-size:20px;color:#fff;line-height:44px;}



.contact_form_left_content figure{width:44px;height:44px;float:left;background:#f5821f;text-align:center;border-radius:50%;font-size:20px;color:#fff;line-height:40px;}



.contact_form_left_content p{width:287px;float:right;font-size:15px;color:#000;margin-top:0px;margin-bottom:40px;}



.contact_form_left_content p a{text-decoration:none;color:#000;}



.contact_form_left_content p font{color:#f5821f;font-weight:bold;font-size:20px;}



.contact_form_heading {

    width:70%;

    float: right;

}



.contact_form_heading h1 {

    width: 100%;

    float: left;

    margin-top: 0px;

    margin-bottom: 0px;

    font-size: 36px;

    color: #000;

    font-weight: bold;

}

.contact_form_heading p {

    width: 100%;

    float: left;

    margin-top: 20px;

    margin-bottom: 0px;

    font-size: 21px;

    color: #000;

    font-weight: bold;

}



.contact_form_content {

    width:70%;

    float:right;

    background: #ededed;

    padding: 25px;

    border-radius: 10px;

    margin-top: 30px;

}



.contact_form_content span {

    width: 100%;

    float: left;

    background: #ededed;

    margin-bottom: 20px;

}

.contact_name {

    width: 100%;

    float: left;

    background: #ededed;

    height: 40px;

    border-bottom: #646464 solid 1px;

    border-radius: 0px;

    border-top: none;

    border-left: none;

    border-right: none;

    padding: 0px 0px;

    font-size: 12px;

    color: #000 !important;

}



.contact_message {

    width: 100%;

    float: left;

    background: #ededed;

    height: 50px;

    border-bottom: #646464 solid 1px;

    border-radius: 0px;

    border-top: none;

    border-left: none;

    border-right: none;

    padding: 0px 0px;

    font-size: 12px;

    resize: none;

    color: #000 !important;

}

.captcha_code {

    float: left;

    margin-top: 13px;

}



.contact_button {

    float: right;

    padding: 10px 15px;

    border: none;

    margin-top: 10px;

    background: #f5821f;

    color: #fff;

    border-radius: 45px;

}



.contact_name:focus {

    color: #fff;

    background-color: #ededed;

    border-color: #fff !important;

    outline: 0;

    box-shadow: none;

}



.contact_message:focus {

    color: #fff;

    background-color: #ededed;

    border-color: #fff !important;

    outline: 0;

    box-shadow: none;

}



section.map{width:100%;float:left;}



.whatsapp_number{width:70px;height:70px;position:fixed;background:#00a82e;border-radius:50%;border:#ccc solid 2px;bottom:20px;right:20px;text-align:center;font-size:35px;color:#fff;line-height:65px;}



.whatsapp_number a{color:#fff;text-decoration:none;}



.profile_content{width:100%;float:left;margin-top:100px;position:relative;text-align:center;}



.profile_content figure{width:255px;position:relative;z-index:99;display:inline-block;float:none !important;}



.profile_content figure img{width:100%;border:#ccc solid 1px;}







.profile_content p font{font-size:19px !important;}



.profile_left_content{width:100%;background:#fff;color:#000;padding:116px 25px 15px 25px;margin-top:-70px;position:relative;font-size:15px !important;float:left;border:#ccc solid 1px;min-height:800px;border-radius:15px;}



.profile_left_content h2{width:100%;float:left;text-align:center;font-size:19px;color:#000;line-height:30px;text-transform: capitalize;}



.profile_left_content h2 font{font-weight:bold;font-size:19px;}



.profile_left_content p{width:100%;background:#fff;color:#000;position:relative;font-size:15px !important;float:left;border-radius:15px;text-align:left;}







/*.profile_content p:after{

    content: '';

    position: absolute;

    top:0px;

    left:-19px;

    transform: translateX(-50%);

    width: 0;

    height: 0;

      border-top:17px solid transparent;

      border-right:38px solid #6c6c6c;

      border-bottom:17px solid transparent;

}*/







.agri_commodities_link{width:100%;float:left;padding:15px 15px 0px;}







.agri_commodities_link p i{margin-right:10px;}



.director{width:100%;float:left;padding-bottom:30%;}



.director p{width:100%;float:left;font-size:14px;color:#000;}



.eximfy_limited{width:100%;float:left;text-align:center;margin-top:80px;}



.eximfy_limited figure{display:inline-block;width:50%;float:none;}



.eximfy_limited figure img{width:100%;}



.mission_content {

    width: 100%;

    float: left;

    border: #ccc solid 1px;

    padding: 30px 30px 15px;

    margin-top:100px;

}



.mission_content h2 {

    padding: 10px;

    background: #f5821f;

    color: #fff;

    float: left;

    font-size: 22px;

    font-weight: 600;

    text-transform: uppercase;

    width:266px;

    text-align: center;

    margin-top: -53px;

    margin-bottom: 12px;

}

.mission_content p {

    width: 100%;

    float: left;

    margin-top: 5px;

    margin-bottom:20px;

    color: #000;

    font-size: 15px;

    text-align: left;

    line-height: 28px;

    font-weight:600;

    font-family: 'Raleway', sans-serif;

    text-align: justify;

}



.logo_content{width:100%;float:left;margin-top:20px;}



.logo_content p{width:100%;float:left;font-size:28px;color:#000;font-style:italic;text-align:center;background:#ccc;padding:10px;}



.iso{width:70px;position:absolute;top:-10px;left:404px;}



.iso img{width:100%;}



/*.error_message{width:100%;float:left;margin-bottom:5px;margin-top:0px;font-size:14px;color:#fff;}*/