/*this is for basic css style*/  
*{
    padding: 0px;
    margin: 0px;
}

body,html{
    height: 100%;
    overflow: hidden;
}

/*using this div container for show images when client click*/
#full_page_div_con{
    border: 1px solid black;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 999;
    background-color: rgba(150, 148, 148, 0.7);
    display: none;
}

/*full page div css style*/
#full_page_div{
    border: 1px solid white;
    width: 50%;
    margin: auto;
    height: 50%;
    position: relative;
    margin-top: 12%;
}

/*full page close button css style*/
#full_page_close_btn{
    color: white;
    font-size: 2em;
    position: absolute;
    right: 0px;
    top: -40px;
    cursor: pointer;
}

#full_page_close_btn:hover{
    transform: scale(1.4);
}

.common_font_Calibri{
    font-family: 'Calibri';
}
.common_font_Tahoma{
    font-family: 'Tahoma';
}
.common_font_Verdana{
    font-family: 'Verdana';
}

.common_font{
    font-family: 'SEA GARDENS';
}

.common_font2{
    font-family: "Myfrida"
}

.common_font3{
    font-family: "Breathe Karma";
}


.common_font4{
    font-family: "Freestyle Script";
}


.common_font5{
    font-family: "Coffeebreak";
}

.common_font6{
    font-family: "Boxise Font";
}





/*main page container css*/
#page_container{
    /*border: 1px solid black;*/
    height: 100%;
    padding: 0px;
    min-height: 650px;
}

/*page contant area css*/
#page_content_area{
    /*border: 1px solid black;*/
    height: 100%;
    padding: 0px;
    background-color: white;
    z-index: 99;
    box-shadow: 1px 0px 10px black;
    
}

/*home page css*/ 
#home_page{
    /*border: 1px solid black;*/
    height: 100%;
    overflow: hidden;
    /*display: none;*/
    
}

/*IT page css*/
#IT_page{
    /*border: 1px solid black;*/
    height: 100%;
    overflow: hidden;
    background-color: #ff296f;
    display: none;
    
}

/*Education page css*/
#Education_page{
    /*border: 1px solid black;*/
    height: 100%;
    overflow: hidden;
    background-color: #f9be72;
    display: none;
    
}


/*Innovation page css*/
#Innovation_page{
    /*border: 1px solid black;*/
    height: 100%;
    overflow: hidden;
    background-color: #a83dff;
    display: none;
    
}

/*Production page css*/
#Production_page{
    /*border: 1px solid black;*/
    height: 100%;
    overflow: hidden;
    background-color:#ff330e;
    display: none;
    
}

/*Sales page css*/
#Sales_page{
    /*border: 1px solid black;*/
    height: 100%;
    overflow: hidden;
    background-color: #a07339;
    display: none;
    
}

/*Marketing page css*/
#Marketing_page{
    /*border: 1px solid black;*/
    height: 100%;
    overflow: hidden;
    background-color: #efbb27;
    display: none;
    
}

/*sub page container*/ 
.sub_page_container{
    /*border: 1px solid black;*/
    height: 100%;
}

/*introduction page container*/
.introduction_page{
    /*border: 1px solid black;*/
    /*display: none;*/
    position: relative;
}

/*normal page css*/
.normal_page{
    /*border: 1px solid black;*/
    display: none;
}

/*// page change arrow*/
.page_change_right_arrow{
    color: white;
    position: absolute;
    right: 50px;
    bottom: 50px;
    font-size: 2em;
    cursor: pointer;
}

.page_change_right_arrow:hover{
    /*color: blue;*/
    transform: scale(2)
}

/*normal_page title 1*/
.normal_page_h1{
    font-size: 16pt;
    color: white;
    font-weight: bold;
    margin: 20px ;
    padding-bottom: 10px;
    border-bottom: 1px solid white;
}

/*normal_page paragraph css*/
.normal_page_p{
    font-size: 1.2em;
    margin-left: 20px;
    margin-right: 20px;
    /*border: 1px solid black;*/
}

/*normal_page order con css*/
.normal_page_ol{
    font-size: 1.2em;
    margin-left: 50px;
    margin-top: 10px;
    /*border: 1px solid black;*/
}


/*normal_page order list css*/
.normal_page_ol li{
    line-height: 30px;  
}


/*normal_page order con css*/
.normal_page_ul{
    font-size: 1.2em;
    margin-left: 50px;
    margin-top: 10px;
    /*border: 1px solid black;*/
}


/*normal_page order list css*/
.normal_page_ul li{
    line-height: 30px;  
}

/*page title 1 style*/ 
.page_h1{
    font-size: 36pt;
    color: white;
    margin-left: 50px;
    margin-top: 50px;
    font-weight: bold;  
    /*transform: scaleY(1.5)*/
}

/*introduction page p*/
.introduction_page_p{
    margin-top: 30px;
    margin-left: 60px;
    font-size: 12pt;
    width: 60%;
    /*border: 1px solid black;*/
}


/*introduction page ol*/
.introduction_page_ol ol{
    margin-left: 100px;
    margin-top: 20px;
    font-size: 12pt;
    line-height: 50px;
    color: #be202e;
    display: table;
}

/*image gallery div*/
.introduction_page_image_gallery{
    /*border: 1px solid black;*/
    position: absolute;
    height: 347px;
    width: 250px;
    top: 10px;
    right: 20px;
    overflow: hidden;
}



/*image gallery div btn*/
.introduction_page_image_gallery_btn{
    /*border: 1px solid black;*/
    border-radius: 10px;
    background-color: white;
    float: right;
    margin-right: 5px;
    width: 30px;
    height: 100%;
    color: white;
    text-align: center;
    position: relative;
    box-shadow: inset 2px 2px 6px gray;
}

.introduction_page_image_gallery_btn_up{
    position: absolute;
    top: 10px;
    right: 5.5px;
    font-size: 1.2em;
    color: gray;
    text-shadow: 3px 3px 4px #c5c5c5;
}
.introduction_page_image_gallery_btn_down{
    position: absolute;
    bottom: 10px;
    right: 5.5px;
    font-size: 1.2em;
    color: black;
    cursor: pointer;
    text-shadow: 3px 3px 4px #c5c5c5;
}


/*image gallery div ul*/
.introduction_page_image_gallery_ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    border: 1px solid gray;
    width: 200px;
    float: right;
/*    background-color: black;*/
}



/*image gallery div ul li*/
.introduction_page_image_gallery_ul li{
    /*border: 1px solid black;*/
    height: 115px;
    text-align: center;
    background-color: white;
}


/*image gallery div ul li image */
.introduction_page_image_gallery_ul li img{
    height: 95%;
    width: 95%;
    margin-top: 3px;
}

/*link_class hover css*/
.link_class:hover{
    color: blue;
    cursor: pointer;
}





/*Consultant_page page css*/
#Consultant_page{
    /*border: 1px solid black;*/
    height: 100%;
    overflow: hidden;
    background-color: #01ffff;
    display: none;
    
}



/*Service page css*/
#Service_page{
    /*border: 1px solid black;*/
    height: 100%;
    overflow: hidden;
    background-color: #ec24ff;
    display: none;
    
}

/*Real_Estate page css*/
#Real_Estate_page{
    /*border: 1px solid black;*/
    height: 100%;
    overflow: hidden;
    background-color: #3370ff;
    display: none;
    
}



/*Farming page css*/
#Farming_page{
    /*border: 1px solid black;*/
    height: 100%;
    overflow: hidden;
    background-color: #8be234;
    display: none;
    
}



/*home page logo container*/
#logo_container_for_home_page{
    /*border: 1px solid black;*/
    width: 900px;
    position: relative;
    margin: auto;
   
}

/*intro title css*/
#intro_title{
    /*border: 1px solid black;*/
    font-size: 50pt;
    text-align: center;
    margin-top: 50px;
    font-weight: bold;
    display: none;
}

 /*intro title spacial color span css*/
#intro_title span{
    color: #bf202e;
}

/*intro p container*/ 
#intro_p{
    /*border: 1px solid black;*/
    width: 500px;
    text-align: left;
    font-size: 18pt;
    font-weight: bold;
    padding-top: 20px;
    margin: auto;
    line-height: 40px;
}

/*intro p class*/
.intro_p_class{
    display: none;
}

.intro_p_class span{
    color: #bf202e;
}



/*intro button css in home page*/
#intro_home_btn{
    font-size: 16pt;
    color: #bf202e;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    right: 50px;
    bottom: 50px;
    /*display: none;*/
}

/*intro button css in home page*/
#intro_back_home_btn{
    font-size: 16pt;
    color: #bf202e;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    right: 50px;
    bottom: 50px;
    display: none;
}


/*intro button css in home page hover animation*/
#intro_home_btn:hover{
    transform: scale(1.2);
}

/*intro back button css in home page hover animation*/
#intro_back_home_btn:hover{
    transform: scale(1.2);
}

#home_page_logo{
    /*border: 1px solid black;*/
    height: 80%;
    width: 90%;
    display: table;
    margin: auto;
    margin-top: 10px;
}

/*logo fixed area*/
#logo_fixed_area{
    height: 80%;
    width: 90%;
    display: table;
    margin: auto;
    margin-top: 10px;
    z-index: 5;
}

/*logo rotate area*/
#logo_rotate_area{
    /*border: 1px solid black;*/
    position: absolute;
    z-index: -1;
    height: 35%;
    top: 15%;
    left: 28%;
}

/*// rotate area div for get hover animation*/
#logo_rotate_area_div{
    /*border: 1px solid black;*/
    position: absolute;
    z-index: 1;
    height: 35%;
    top: 15%;
    left: 28%;
    width: 21%;
    cursor: progress;
    /*background: blue;*/
}






/*middle button css*/
#middle_btn{
    float: right;
    font-size: 1.5em;
    /*border: 1px solid black;*/
    height: 100px;
    width: 100px;
    text-align: center;
    line-height: 100px;
    position: absolute;
    border-radius: 100%;
    right: -50px;
    margin-top: 25%;
    background-color: #dadada;
    color: black;
    box-shadow: 2px 3px 10px black;
    cursor: pointer;
}

#middle_btn:hover{
    box-shadow:  inset 1px 0px 10px black;
    color: #bf202e;
}

/*page nav con area css*/
#page_nav_con_area{
    /*border: 1px solid black;*/
    height: 100%;
    padding: 0px;
    margin: 0px;
    background-color: #bf202e;
}

/*website language con*/
#language_con{
    /*border: 1px solid black;*/
    margin-top: 10px;
    min-height: 60px;
    padding: 0px;
    position: relative;
}

/*logo for mobile view only con css*/
#mobile_view_logo_con{
    background-color: white;
    margin-bottom: 20px;
    padding: 0px;
}

.mobile_view_sub_page_logo{
    /*border: 1px solid black;*/
    float: right;
    width: 126px;
    height: 126px;
    display: none;
    
}


/*logo for mobile view only img css*/
#mobile_view_logo_con img{
    width: 150px;
}

/*lan button con*/
#lan_btn_con{
    /*border: 1px solid green;*/
    display: table;
    margin: auto;
}

/*mobile nav close btn css*/
.hide_mob_nav_btn{
    /*border: 1px solid black;*/
    margin-right: 10px;
    color: white;
    font-size: 2em;
    position: absolute;
    bottom: 15px;
    right: 10px;
    cursor: pointer;
}

.mob_nav_show_btn{
    
    /*border: 1px solid black;*/
    margin-right: 10px;
    color: white;
    font-size: 2em;
    position: absolute;
    top: 160px;
    display: none;
    right: 10px;
    cursor: pointer;
}

.hide_mob_nav_btn:hover{
    color: yellow;
}

/*language button css stylel*/
.nav_sub_btn{
    
    /*border: 1px solid black;*/
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    margin: 7px;
    border-radius: 100%;
    color: black;
    cursor: pointer;
    background-color: #dadada;
    box-shadow: 3px 3px 3px black;
    font-weight: bold;  
    
}


/*language button hover function*/
.nav_sub_btn:hover{
    box-shadow: inset 2px 0px 0px gray;
    border: 1px solid gray;
    color: black;
}


/*nav image con*/
#nav_con{
    /*border: 1px solid black;*/
    height: 80%;
    padding: 0px;
}

/*nav_con_table*/
#nav_con_table{
    /*border: 1px solid black;*/
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0px;
    border-spacing: 10px;
}

/*social media con*/
#social_media_link_con{
    /*border: 1px solid black;*/
    height: 80%;
    margin-bottom: 5px;
    display: none;
}

/*social media icon css*/
#social_media_link_con i{
   /*border: 1px solid white;*/
   padding: 25px;
   border-radius: 100%;
   /*background-color: #dadada;*/
   background-color: #6597d4;
   display: table;
   margin: auto;
   margin-top: 15px;
   color: white;
   box-shadow: 1px 1px 4px black;
   cursor: pointer;
}

/*social media icon hover style*/
#social_media_link_con i:hover{
    transform: scale(1.2);
}

/*navigation table container*/ 
#nav_con{
    /*display: none;*/
}

#nav_con_table td {
    width: 80px;
    height: 80px;
    
}


/*nav images*/
#nav_con_table tr td img{
    /*border: 1px solid black;*/
    height: 80px;
    width: 80px;
    /*box-shadow: 0px 1px 5px black;*/
    cursor: pointer;
}

/*common shadow class*/
.box_shadow{
    box-shadow: 1px 2px 10px black;
}

/*nav hover animation*/
#nav_con_table tr td img:hover{
    transform: scale(1.1);
    /*box-shadow: 0px 1px 15px black;*/
}

/*social media con*/

#s_media_btn_con{
    /*border: 1px solid black;*/
    display: table;
    margin: auto;
}

/*home button active style*/
.btn_active_nav_small{
    box-shadow: inset 2px 0px 0px gray;
    border: 1px solid gray;
    color: black;
}

/*this is for active navigation css class*/
.active_nav_round_btn{
    box-shadow: inset 2px 0px 0px gray ;
}


/*this css for sub page nav sub nav container*/ 
.sub_links_con_div{
    color: white;
}

/*this is for line unorder list*/
.sub_links_con_div ul{
    list-style: none;
}


/*this is for line unorder list item css*/
.sub_links_con_div ul  li{
    font-size: 1.1em;
    cursor: pointer;
    display: none;
    text-align: right;
    margin-right: 20px;
    font-weight: bold;
}

/*this function for list item hover function*/
.sub_links_con_div ul li:hover{
    color: #f3af8e;
}


/*.link_class active css*/
.active_sub_links_con_div{
    color: #f3af8e
}


/*all pages common css*/
.page_class{
    padding: 0px;
}

/*sub pages icon header css*/
.sub_page_icon_header{
    /*border: 1px solid black;*/
    min-height: 120px;
    background-color: white;
    box-shadow: inset -1px -2px 10px gray;
}

/*this css for page header icon*/ 
.sub_page_icon_header_img{
    /*height: 100%;*/
    width: 200px;
    margin-left: 50px;
    margin-bottom: 10px;
}

/*page icon css style*/
.sub_page_header_icon_for_spasific_page{
    width: 200px;
    height: 140px;
    /*border: 1px solid black;*/
    float: right
    
}

/*media query for mobile view*/

@media screen and ( max-width : 768px ){
    
    /*this is for change style to table*/ 
    #nav_con_table{
        /*border: 1px solid black;*/
        max-width: 400px;
        height: 500px;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    /*change nav container area css*/
    #page_nav_con_area{
        /*border: 1px solid black;*/
        height: 850px;
        overflow: hidden;
    }
    
    /*nav container css*/
    #nav_con{
      height: auto;  
    }
    
    /*change body scroll style in mobile view*/
    body{
        overflow-y: scroll;
    }
    
    /*social media css change*/ 
    #social_media_link_con{
        margin-bottom: 20px;
        height: auto;
    }
    


}



/*media query for teblet view*/

@media screen and ( max-width : 1100px ){
    #logo_container_for_home_page{
        margin-top: 70px;
        width: 600px;
    }
    
    #intro_home_btn{
        bottom: 150px;
    }
}