*{margin:0px;padding:0px}
body{font-family:Georgia;background:#282828}
h1{font-size:36px;margin-left:30px;margin-top:25px}
h2{color:white;text-align:center;font-size:30px;padding-top:150px;}
h3{margin-top:25px;text-align:center;font-size:18px;color:#81B300}
h4{color:#c5c2c2;font-size:14px;}
h5{font-size:12px;margin-left:30px}
h6{text-align:center;font-size:large;color:white;padding-top:50px;}
p{margin-top:30px;font-size:14px;color:#979797}


/*wrapper*/
#wrapper{width:1000px;height:1791px;background:#000000;margin:10px auto;padding-top:25px}
#inner_wrapper{width:960px;height:1763px;background:#FFFFFF;margin-left:20px;}

/*top-bar*/
#top-bar{width:960px;height:5px;background:#81B300}

/*header start*/
#header{width:960px;height:205px}

/*logo*/
#logo{width:960px;height:135px;background:#FFFFFF}

/*logo-left-section*/
.heading{width:480px;height:135px;float:left}

/*logo-right-section*/
.social{width:480px;height:135px;float:right}
.align{width:251px;height:48px;background:#81B300;float:right;margin-right:30px;border-radius:0px 0px 15px 15px}
#color_icons{margin-top:7px;margin-left:13px;position:absolute;}
#social_sites{margin-top:7px;margin-left:13px;position:relative;cursor:pointer}
#social_sites:hover#social_sites {opacity:0}
#social_sites:hover#color_icons{opacity:1}

/*text*/
#text {list-style-type:none;color:#81B300;float:left;font-size:12px;margin-left:200px}
#text li{float:left;margin-left:5px;margin-top:30px;}
#text li a{text-decoration:none;color:#81B300}

/*navigation*/
#navigation-bar{width:960px;height:70px;background:#81B300}

/*navigation-bar-left-section*/
.navigate{float:left;width:570px;height:40px;margin-top:15px}
.navigate ul{list-style-type:none;margin-left:30px;float:left}
.navigate ul li{float:left;padding:12px;font-size:14px;}
.navigate a{text-decoration: none;color:white}
.navigate ul li a:hover{color:black;cursor:pointer}

/*navigation-bar-right-section*/
.search{float:right;width:340px;height:70px;margin-right:30px}
#search_container{padding:5px;margin-left:61px;margin-top:22px;font-size:13px;border:1px solid#DDDDDD}
#button{padding:5px 10px;margin-top:22px;float:right;font-size:13px;border:1px solid#DDDDDD;border-left:none;cursor:pointer;background:#FFFFFF;color:#81B300}
/*header end*/
        
/*content-slider*/
#content-slider{width:960px;height:480px;background:#F2F2F2;padding-top:35px}
#container{width:900px;height:380px;background:#FFFFFF;margin-left:30px;padding-top:10px;border:1px solid #E6E6E6}
.slider{width:880px;height:370px;background:#000000;margin-left:10px;display:flex}
.left{float:left;cursor:pointer;margin-top:20px;margin-left:410px;}
.right{float:right;cursor:pointer;margin-top:20px;margin-right:414px;}
#dots{width:80px;height:30px;display:flex;margin-left:440px;margin-top:23px}
.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background:#AAA6A6;border-radius:50%}

/*content-main start*/
#content-main{width:960px;height:730px}
/*upper content section*/
.upper_content{width:960px;height:300px}
.section{margin:0px 30px 0px 30px;float:left;width:900px;height:300px;border-bottom:1px solid #E2E2E2}
.group{float:left;width:210px;height:300px;margin:0px 20px 0px 0px}
.globe{float:left;width:210px;height:300px;margin:0px 20px 0px 0px}
.cogs{float:left;width:210px;height:300px;margin:0px 20px 0px 0px}
.leaf{float:left;width:210px;height:300px;margin:0px 0px 0px 0px}
#center{margin:20px 70px 0px 70px;}
/*lower content section*/
.lower_content{width:960px;height:430px;background:#FFFFFF}
.project{margin:0px 30px 0px 30px;width:900px;height:429px}
.box_1{float:left;width:210px;height:335px;margin:50px 20px 0px 0px}
.box_2{float:left;width:210px;height:335px;margin:50px 20px 0px 0px}
.box_3{float:left;width:210px;height:335px;margin:50px 20px 0px 0px}
.box_4{float:left;width:210px;height:335px;margin:50px 0px 0px 0px}
#outer_box{width:210px;height:140px;background:#FFFFFF;border:1px solid#E2E2E2;}
#inner_box{width:200px;height:130px;background:#333333;margin:5px}
/*content end*/

/*footer*/
#footer{width:960px;height:250px;background:#3B3B3B}
.sub_footer{margin:0px 30px 0px 30px;width:900px;height:170px}
.contact_details{float:left;width:210px;height:170px;margin:40px 20px 0px 0px}
.quick_links{float:left;width:210px;height:170px;margin:40px 20px 0px 0px}
.blog{float:left;width:210px;height:170px;margin:40px 20px 0px 0px}
.newsletter{float:left;width:210px;height:170px;margin:40px 0px 0px 0px}
#login{padding:10px 22px;margin-top:10px;font-size:13px;background:#000000;border-radius:8px;border:none}
#login:hover{color:#FFFFFF}
#click{padding:10px 20px;font-size:13px;margin-top:10px;border:none;border-radius:8px;cursor:pointer;background:#000000;color:#81B300;}
#link {text-decoration:none;color:#81B300;float:right;margin-top:5px;}
#here{font-size:12.5px;}

/*copyright*/
#copyright{width:960px;height:60px;background:#2E2E2E}
#copy{float:left;margin-left:30px;margin-top:23px;}
#template{float:right;margin-right:30px;margin-top:23px;}