@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,light,Semibold,bold,300,600,700,800);
body{margin:0px; padding:0px; font-size:14px; color:#838383; font-family: 'Open Sans' , sans-serif; }
h1,h2,h3,h4,h5,h6,p,ul,li,div,ol,span,input,textarea,div,class,select,section,header,footer,img{margin:-0px; padding:0px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

#container{width:100%;}
.full_width{width:100%;}
.page_width{width:1005px; text-align:left;}
.left{float:left;}
.right{float:right;}
.left_side{float:left;}
.right_side{float:right;}
.col{float:left;}
.clearfix{clear:both;}
a img{border:0px;}
img{height:400px;}
img{width:400px;}

a{ text-decoration:none;}
.hide{ display:none;}

.wd_100{ width:100%;}
.wd_95{ width:95%;}
.wd_90{ width:90%;}
.wd_85{ width:85%;}
.wd_80{ width:80%;}
.wd_75{ width:75%;}
.wd_70{ width:70%;}
.wd_65{ width:65%;}
.wd_60{ width:60%;}
.wd_55{ width:55%;}
.wd_50{ width:50%;}
.wd_45{ width:45%;}
.wd_40{ width:40%;}
.wd_35{ width:35%;}
.wd_30{ width:30%;}
.wd_25{ width:25%;}
.wd_20{ width:20%;}
.wd_15{ width:15%;}
.wd_10{ width:10%;}

.txt_align_left{ text-align:left;}
.txt_align_center{ text-align:center;}
.txt_align_right{ text-align:right;}
.position_relative{ position:relative;}
p{ font-size:15px; color:#000; text-align:left; font-weight:400; line-height:150%; margin-bottom:10px;}
h1{ font-size:28px; color:#000; text-align:left; font-weight:normal; margin-bottom:5px;}
h2{ font-size:22px; color:#000; text-align:left; font-weight:normal; margin-bottom:5px;}
h3{ font-size:20px; color:#000; text-align:left; font-weight:normal; margin-bottom:5px;}
h4{ font-size:18px; color:red; text-align:center; font-weight:bold; margin-bottom:5px;}
a{ color:#B70000;}


.gerenric_button{display: inline-flex; cursor: pointer; min-width: 210px;font-weight: 600; font-size:18px; color: #fff; text-align: center; align-items: center; justify-content: center;  background-color:#15582A; border: 1px solid #15582A; padding: 17px 30px;}
.gerenric_button:hover{ background-color:#D72227; border-color: #D72227; color: #fff;}
.gerenric-form {width: 100%;}
.gerenric-form .cusor-pointer{cursor: pointer;}
.gerenric-form .form-title{width: 100%; font-size: 20px; font-weight: 500; color: #000; margin-bottom: 15px;}
.gerenric-form ul li {width: 100%; text-align: left; list-style-type: none;margin-bottom: 15px;position: relative;}
.gerenric-form ul li .form-input {width: 100%;padding: 15px 25px; text-align: left; font-size: 14px; color: #85898C; background-color: #fff; border: 1px solid #e6e6e6; border-radius: 8px;}
.gerenric-form ul li .form-input:focus{outline: none; box-shadow: none;}
.gerenric-form ul li .form-label {font-size: 15px;color: #444444;font-weight: 500; margin-bottom: 3px;}
.gerenric-form ul li .form-input.form-textarea{height: 110px; resize: none;}
.gerenric-form ul li .form-checkbox{ width: 100%; }
.gerenric-form ul li .form-checkbox input{width: 17px; height: 17px;position: relative;top: 3px; margin-right: 8px;}
.gerenric-form ul li .form-checkbox a{color: #48AA66; font-size: 14px; text-decoration: underline;}
.gerenric-form ul li .gerenric-button{padding: 10px 20px; border-radius: 5px; height: 50px; width: 100%; display: block; margin-top: 20px;}
.gerenric-form .or-div {width: 100%;height: 1px;margin: 25px 0px;position: relative;background: #dddddd;}
.gerenric-form .or-div .or-text {width: 50px;height: 30px;font-size: 14px;color: #888A8C;font-weight: 500;margin: auto;text-align: center;background-color: #fff;position: absolute;left: 0%;right: 0%;top: -15px;}
.gerenric-form .login-text{width: 100%;  text-align: center; font-size: 15px;color: #888A8C; font-size: 14px; font-weight: 500;}
.gerenric-form .login-text.login-sm{font-size: 12px; color: #000;}
.gerenric-form .login-text.login-sm a{ font-weight: 700;}
.gerenric-form .login-text a{ color: #23433D; font-weight: 600;}
.gerenric-form .login-text a:hover{text-decoration: underline;}
.gerenric-form ul li .fogort-password{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.gerenric-form ul li .fogort-password .remember-text{font-size: 13px; display: flex; align-items: center; color: #444444; font-weight: 400;}
.gerenric-form ul li .fogort-password .remember-text input{margin-right: 5px;}
.gerenric-form ul li .fogort-password .fogort-text a{font-size: 13px; color: #23433D; font-weight: 500;}
.gerenric-form ul li .fogort-password .fogort-text a:hover{text-decoration: underline;}
.gerenric-form ul li .form-column-2{width: 100%;display: flex; flex-wrap: wrap;}
.gerenric-form ul li .form-left{width: 50%; padding-right: 5px;}
.gerenric-form ul li .form-right{width: 50%; padding-left: 5px;}
.gerenric_product{margin-left: -5px; margin-right: -5px; display: flex; flex-wrap: wrap;}
.gerenric_product .product_col{width: 33.333%; padding: 5px;}
.gerenric_product .product_card{width: 100%; padding: 5px; border-radius: 5px; border: 1px solid #ccc; background-color: #fff;}
.gerenric_product .product_card .product_image{width: 100%; margin-bottom: 15px; border-radius: 5px; background-color: #f1f1f1; height: 200px; overflow: hidden;}
.gerenric_product .product_card .product_image img{width: 100%; height: 200px;border-radius: 5px;  object-fit: contain;}
.gerenric_product .product_card .product_title{font-size: 18px; text-align: center; font-weight: 600; color: #15582A; margin-bottom: 10px;}
.gerenric_product .product_card p{ font-size: 14px; color: #000;text-align: center; margin-bottom: 10px;}

.menu_icon {display: none;}
#main-page{width: 100%; display: flex;}
#navigation_section{width: 240px; height:100vh; background-color: #fff; border-right: 1px solid #15582A;}
#navigation_section #logo{width: 100%; font-size: 20px; background-color: green; color: #000; font-weight: bold; padding: 20px; display: flex; align-items: center; justify-content: center; height: 200px; border-bottom: 1px solid #15582A;}
#navigation_section ul li{list-style-type: none; text-align: left; font-size: 15px; color: #000; font-weight: 500;}
#navigation_section ul li a{display: block;color: #000; padding: 12px 20px; border-bottom: 1px solid #15582A;}
#navigation_section ul li a:hover{color: #fff; background-color: green;}
#navigation_section ul li a.nav-active{color: #fff; background-color: #D72227;}

#content_section{width: calc(100% - 240px);background-color: green;}


#content_section .content_heading{width: 100%;background-color:white; border-bottom: 1px solid #15582A; height: 200px; padding:20px 200px; display: flex; align-items: center;}
#content_section .content_heading h1{font-size: 50px; font-weight: 700; color: Green; margin-bottom: 40px;}
	


#content_section .content_inner{width: 100%; overflow-y: auto; padding:30px 40px; height: calc(100vh - 100px);}
#content_section .content_inner::-webkit-scrollbar {width: 7px; border-radius: 10px;}
#content_section .content_inner::-webkit-scrollbar-track {background: #e4e3e3; border-radius: 10px;}
#content_section .content_inner::-webkit-scrollbar-thumb {background: #D72227;border-radius: 10px;}
#content_section .content_inner::-webkit-scrollbar-thumb:hover {background: #D72227; border-radius: 10px;}

.home_page{width: 100%; display: flex; flex-wrap: wrap;}
.home_page .home_image{width:300px; border-radius: 5px; background-color: #dbdbdb; height: 400px;}
.home_page .home_image img{width: 100%; border-radius: 5px; object-fit: cover; height: 400px;}
.home_page .home_detail{width:calc(100% - 100px); padding-left: 0px; padding-right: 0px;}
.home_page p{ font-size: 15px; color: #000; margin-bottom: 50px;}


.about_page{width: 100%;}
.about_page p{ font-size: 15px; color: #000; margin-bottom: 15px;}
.product_page{width: 100%;}
.contact-page{width: 100%; }
.contact-page h3{width: 80%; font-size: 30px; margin: auto; color: #000; margin-bottom: 50px; font-weight: bold;text-align: center;}
.contact-page .contact-inner{width: 100%; display: flex; flex-wrap: wrap;}
.contact-page .contact-left{width: 40%; padding-right: 40px;}
.contact-page .contact-right{width: 60%;}
.contact-page .contact-left .gerenric-form{width: 100%;}
.contact-page .contact-detail{width: 100%;  border-radius: 10px; padding:20px; border: 1px solid #dbdbdb; background-color: #F5F5F5;}
.contact-page .contact-detail ul li{list-style-type: none; display: flex; text-align: left; align-items: center; margin-bottom: 30px; font-size: 14px; color: #000;}
.contact-page .contact-detail ul li .ctn-icon{width: 40px; height: 40px; border-radius: 5px; background-color: #D72227; font-size: 20px; color: #fff; display: flex; align-items: center; justify-content: center;}
.contact-page .contact-detail ul li .ctn-title{width: calc(100% - 40px); padding-left: 10px;}