body{font-family: 'Poppins', sans-serif;color: #2B2A29;}
button, input{outline: none !important;}

body{font-size: 15px; color: #6d6d6d;}
.text_mob_left{text-align: left;}
.text_mob_right{text-align: right;}
.headding_text {padding: 40px;font-size: 40px;text-transform: uppercase;background:url("../image/headding_banner.png") right rgba(0, 0, 0, 0.5);background-size:cover; font-weight: bold;color: #fff; margin-bottom: 45px;}
.form-control{ font-size: 15px; }
.dropdown-item{padding: 10px 20px; font-size: 15px;}



/*------------------------- top menu  -------------------------*/
.top_menu {background: #3A8476;color: #fff; padding: 12px; font-size: 14px;} 
.top_menu a {color: #fff;text-decoration: none;display: inline-block;font-size: 15px;}
.top_menu a i{font-size: 16px;}

/* ------------------------- menu ------------------------- */
.navbar{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
.bg-light{background: #fff !important;}
.nav-link{ padding-right: 1rem !important; padding-left: 1rem !important; text-transform: uppercase; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{ color: #3A8476; text-transform: uppercase; background: #fff; }
.dropdown-menu.show{ top: 59px ; }
.dropdown-item{ color: rgba(0,0,0,.5); } 
.searchbar {position: relative;min-width: 50px;width: 0%; float: right; height: auto;overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;-ms-transition: width 0.3s;-o-transition: width 0.3s;transition: width 0.3s}
.searchbar-input {top: 0;right: 0;border: 0;border-radius: 5px;outline: 0;background: #F6F8F7;width: 100%; font-size: 16px;margin: 0;padding: 7px 55px 7px 20px;font-size:16px;color: #fff}
.searchbar-icon, .searchbar-submit {width: 50px; display: block;position: absolute;top: 0; font-size: 17px;right: 0;border-radius: 5px;padding:7px 0;margin: 0; border: 0; height: auto;outline: 0;  text-align: center;cursor: pointer;color: #fff;background: #3A8476;border-left: 1px solid white}
.searchbar-open {width: 100%}


/* ------------------------- banner ------------------------- */
.banner1{ background-image:url("../image/banner2.png") !important; background-size: cover !important;  }

.banner2{ background-image:url("../image/banner3.png") !important; background-size: cover !important; background-position: bottom; }

.banner3{ background-image:url("../image/banner/banner.jpg") !important; background-size: cover !important;  }

.banner .active{background:inherit;  }

.banner h2{  color: #fff; font-size: 35px; text-transform: uppercase; padding-top:140px; font-weight: 700; }
.banner h2 span{  color: #fff; font-weight: 400; }
.banner p{  color: #fff; font-size: 15px; line-height: 24px; }
.banner .buy_button{ border: none; background: #3A8476;  transition:all .5s ease; border-radius: 100px; padding: 6px 25px; color: #fff;}
.banner .buy_button:hover{ border: none; background: #F6AB4A; border-radius: 100px; padding: 6px 25px; color: #fff;}
.carousel-indicators li{background: #3A8476; opacity: 1; border: 2px; height: 4px; border-radius: 10px;}
.carousel-indicators .active{background: #F6AB4A;}


/* ------------------------- about ------------------------- */
.about{}
.about h2{  color: #3A8476; font-size: 35px; text-transform: uppercase; padding-top:80px; font-weight: 700; }
.about h2 span{  color: #2B2A29; font-weight: 400;  }
.about p{  color: #2B2A29; font-size: 15px; line-height: 24px;}
.about .border_bottom{height: 3px; background: #2B2A29; width: 55px; margin-top: -2px; margin-bottom: 15px;}
.about .buy_button{ border: none; background: #3A8476;  transition:all .5s ease; border-radius: 100px; padding: 6px 25px; color: #fff;}
.about .buy_button:hover{ border: none; background: #F6AB4A; border-radius: 100px; padding: 6px 25px; color: #fff;}


/* ------------------------- about ------------------------- */
.about{}
.about .h2_inside{  color: #3A8476; font-size: 30px; margin-top: 84px; text-transform: uppercase;  font-weight: 700; }
.about .h2_inside span{  color: #2B2A29; font-weight: 400;  }
.about p{  color: #2B2A29; font-size: 15px; line-height: 24px;}
.about .border_bottom{height: 3px; background: #2B2A29; width: 55px; margin-top: -2px; margin-bottom: 15px;}
 


/* ------------------------- about ------------------------- */
.contact_us{}
.contact_us .h2_inside{  color: #3A8476; font-size: 30px;  text-transform: uppercase;  font-weight: 700; }
.contact_us .h2_inside span{  color: #2B2A29; font-weight: 400;  }
.contact_us p{  color: #2B2A29; font-size: 15px; line-height: 24px;}
.contact_us .border_bottom{height: 3px; background: #2B2A29; width: 55px; margin-top: -2px; margin-bottom: 15px;}
.contact_us .btn-success{ background:#3A8476; } 
.contact_us aside{background: #3a8375; color: #fff; border-radius: 5px; font-size: 15px; line-height: 28px; }
.contact_us aside h5{padding:15px 20px; margin-top: 10px; margin-bottom: 20px; border-bottom: 1px solid #DEE4E1; }
.contact_us aside i{font-size: 22px; text-align: center; }
.contact_us aside a{color: #fff; text-decoration: none;}
.contact_us aside .col-sm-2{text-align: center; }


/* ------------------------- product ------------------------- */
.product{background: #F6F8F7; text-align: center;}
.product h2{color: #4E4949; font-size: 25px; color: #3A8476; font-weight: 600; }
.product .all_product{color: #4E4949; text-decoration: none; }
/*.product .part1{display: none; }
.product .part1 .box-color{width:100%; padding-bottom:0;position:relative;overflow:hidden; background: #fff; border-radius: 15px;}
.product .part1 .box-color-hover{position:absolute;height:100%;top:100%; transform:scale(.5); background:rgba(0,0,0,.7); right:0;transition:all 0.5s ease;opacity:0; color:#FFF; font-size:24px;text-align:right; padding:72px 0; text-align:center; width:100%;}
.product .part1 .box-color:hover .box-color-hover{top:0; right:0;opacity:1; transform:scale(1);}
.product .part1 .box-color-hover .view{color: #3A8476;text-decoration: none;background: #ffffff;width: 45px;margin: 0 auto;font-size: 23px;padding: 5px 10px;border-radius: 100px;height: 45px;text-align: center;}
.product .part1 .box-color-hover .call{color: #3A8476;text-decoration: none;background: #ffffff;width: 45px;margin: 0 auto;font-size: 23px;padding: 4px 11px;border-radius: 100px;height: 45px;text-align: center;}
.product .part1 .nam{font-size:17px; text-align: center; padding:15px; font-weight: 600; color:#3A8476;}
*/
.product img{border-radius:10px; }
.product a{color: #222; text-decoration: none; font-size: 16px; font-weight: bold; display: inline-block; padding-top: 10px; }




/* ------------------------- product ------------------------- */
.product_page{background: #fff;}
.product_page h2{color: #4E4949; font-size: 20px; color: #3A8476; font-weight: 600; }
.product_page .all_product{color: #4E4949; text-decoration: none; }
/*.product_page .part1 .box-color{width:100%; padding-bottom:0;position:relative;overflow:hidden; background: #fff; border-radius: 15px;}
.product_page .part1 .box-color-hover{position:absolute;height:100%;top:100%; transform:scale(.5); background:rgba(0,0,0,.7); right:0;transition:all 0.5s ease;opacity:0; color:#FFF; font-size:24px;text-align:right; padding:72px 0; text-align:center; width:100%;}
.product_page .part1 .box-color:hover .box-color-hover{top:0; right:0;opacity:1; transform:scale(1);}
.product_page .part1 .box-color-hover .view{color: #3A8476;text-decoration: none;background: #ffffff;width: 45px;margin: 0 auto;font-size: 23px;padding: 5px 10px;border-radius: 100px;height: 45px;text-align: center;}
.product_page .part1 .box-color-hover .call{color: #3A8476;text-decoration: none;background: #ffffff;width: 45px;margin: 0 auto;font-size: 23px;padding: 4px 11px;border-radius: 100px;height: 45px;text-align: center;}
*/.product_page .part1 .nam{font-size:17px; text-align: center; padding:15px; font-weight: 600; color:#3A8476;}



/* ------------------------- product_description ------------------------- */
.product_description{background: #fff;}
.product_description h2{color: #4E4949; font-size: 20px; color: #3A8476; font-weight: 600; }
.product_description .box-color{width:100%; padding-bottom:0;position:relative;overflow:hidden; background: #fff; border-radius: 15px;}
.product_description .nam{font-size:28px; padding:15px 0; font-weight: 600; color:#3A8476;}
.product_description .details_text{font-size:15px; font-weight: 400; color:#2B2A29;}








/* ------------------------- catalogue ------------------------- */
.out_side_aera{background: #fff; padding:50px 0;}
.catalogue{background: #252525; text-align: left;}
.catalogue .contet_area{ padding-top: 20px; padding-left: 100px;}


.catalogue .contet_area h2{  color: #fff; font-size: 40px; text-transform: uppercase;  padding-top:225px; font-weight: 600; }
.catalogue .contet_area .h2_heading{  color: #fff; font-size: 24px; text-transform: uppercase;  padding-top:70px; font-weight: 600; }
.catalogue .contet_area h2 span{  color: #fff; font-weight: 400; }
.catalogue .contet_area p{  color: #fff; font-size: 15px; line-height: 24px; }
.catalogue .buy_button{ border: none; background: #3A8476;  transition:all .5s ease; border-radius: 100px; padding: 6px 25px; color: #fff;}
.catalogue .buy_button:hover{ border: none; background: #F6AB4A; border-radius: 100px; padding: 6px 25px; color: #fff;}


/* ------------------------- service ------------------------- */
.service_part { background:#000; padding: 15px;}
.service_part h3 {font-size: 16px;color: #fff;margin-bottom: 3px;font-weight: 600; margin-top: 7px;}
.service_part p {font-size: 14px;color: #fff;margin: 0;}


/* ------------------------- team ------------------------- */
.team{background: #F6F8F7; padding: 60px 0;}
.team h2{color: #4E4949; font-size: 20px; color: #3A8476; font-weight: 600; }
.team .h2_inside{ padding-bottom: 10px; color: #3A8476; font-size: 30px; margin-top: 30px; text-transform: uppercase;  font-weight: 700; }
.team .h2_inside span{  color: #2B2A29; font-weight: 400;  }
.team .border_bottom{height: 3px; visibility:hidden; background: #2B2A29; width: 55px; margin-top:3px; margin-bottom: 15px;}
.team .all_product{color: #4E4949; text-decoration: none; }
.team .part1 .box-color{width:100%; border: 1px solid #d7efe3; padding-bottom:0;position:relative;overflow:hidden; background: #fff; border-radius: 15px;}
.team .part1 .nam{font-size:20px; text-align: center; padding-top:18px; padding-bottom: 5px; font-weight: 600; color:#3A8476;}
.team .part1 .sub_text{font-size:15px; text-align: center;   color:#2B2A29;}





/* ------------------------- com_ex ------------------------- */
.com_ex{background: #F6F8F7; padding: 60px 0;}
.com_ex .out_box{ text-align: center; background: #fff; padding: 25px 10px; margin-bottom: 20px;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05); } 
.com_ex .out_box .part1 .box-color{width:100%; border: 1px solid #d7efe3; padding-bottom:0;position:relative;overflow:hidden; background: #fff; border-radius: 15px;}
.com_ex .out_box .part1 .nam{font-size:22px; text-align: center; padding-top: 15px;   line-height: 26px; padding-bottom: 5px; font-weight: 600; color:#3A8476;}
.com_ex .out_box .part1 .sub_text{font-size:15px; text-align: center;  padding-left: 25px; line-height: 22px; color:#666;}
.com_ex .out_box .part1 .img{border-radius: 10px;}
.com_ex .border_bottom{height: 3px; background: #2B2A29; width: 55px; margin: 0 auto; margin-top: 5px; margin-bottom: 15px;}




/*
.technical_information table{ width: 100%; color: #666666;border-collapse: collapse;}
.technical_information th{padding: 8px 10px;background: #e4e6e7;text-transform: capitalize; text-align: center;font-size: 15px;color: #666666;font-weight: bold;border: 1px solid #d1d1d1;}
.technical_information td{padding: 8px 10px; font-size: 15px; font-weight: 500; vertical-align: middle;border: 1px solid #d1d1d1;}        
.technical_information td .span_no{font-size: 11px; font-weight: 500; display: block;}
.technical_information td .span_name{font-size: 11px;}
.technical_information td .span_name{font-size: 11px;}
*/
.technical_information .e_btn{background: #23B787; color: #221F20; font-weight: 400; padding:3px 0;display:inline-block;text-align: center; width: 40px; }
.technical_information .g_btn{background: #91C5EA; color: #221F20; font-weight: 400; padding:3px 0;display:inline-block;text-align: center; width: 40px; }
.technical_information .n_btn{background: #FFCA01; color: #221F20; font-weight: 400; padding:3px 0;display:inline-block;text-align: center; width: 40px; }
.technical_information .f_btn{background: #F5811E; color: #221F20; font-weight: 400; padding:3px 0;display:inline-block;text-align: center; width: 40px; }

/*
.product_description table{ width: 100%; color: #666666;border-collapse: collapse; margin: 20px 0;}
.product_description th{padding: 8px 10px;background: #3A8476;text-transform: capitalize; text-align: center;font-size: 15px;color: #fff;font-weight: bold;border: 1px solid #d1d1d1;}
.product_description td{padding: 8px 10px; font-size: 15px; text-align: center; font-weight: 500; vertical-align: middle;border: 1px solid #d1d1d1;}        
 */
 
.pos {position: fixed;top: 33%;right: 0;z-index: 100 !important;}
.pos .menu {
    padding: 6px 10px;
    
    text-align: center;
    width: 50px;
    background: #e0e0e0;
    line-height: 20px;
    margin-bottom: 5PX;
    font-size: 15px;
    font-weight: 500;
    color: #02123A;
    transition: ease all .5s;
    border-radius:  5px 0 0 5px ;
    
}
.pos .menu a{color:#fff;}
.pos .menu a .text{}
.pos .menu:hover { background: #3A8476; }
.pos .menu:hover a{color:#02123A;}


.carousel-indicators{ bottom: 10px; }


.des_view{display:block;}
.mob_view{ display: none;}

@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px){
/*.technical_information th{display:none;}
.technical_information table, thead, tbody, th, td, tr{display: block;}
.technical_information thead tr{position: absolute;top: -9999px;left: -9999px;}
.technical_information  tr{}
.technical_information td{border: none;border-bottom: 1px solid #eee;padding: 8px 10px;position: relative;padding-left: 50%; text-align: left;}
.technical_information td:before{position: absolute;top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;}
.technical_information td:nth-of-type(1):before{content: "Room Temperature ";}
.technical_information td:nth-of-type(2):before{content: "HDPE";}
.technical_information td:nth-of-type(3):before{content: "LDPE";}
.technical_information td:nth-of-type(4):before{content: "PC";} 
.technical_information td:nth-of-type(5):before{content: "PMMA";}
.technical_information td:nth-of-type(6):before{content: "PP";}     
.technical_information td:nth-of-type(7):before{content: "PS";}
.technical_information td:nth-of-type(8):before{content: "PSF";} 	
.technical_information td:nth-of-type(9):before{content: "PTFE";}
.technical_information td:nth-of-type(10):before{content: "PVDF";} 	
.technical_information td:nth-of-type(11):before{content: "TPX*";} 
*/

.top_menu{line-height: 30px;}
.navbar-collapse{margin-top: 15px; border-top: 1px solid #eee;}
.banner{text-align: center;}

.product .part1 .box-color-hover{ padding:109px 0; }
.catalogue .contet_area .h2_heading{padding-top:20px;}
.catalogue .contet_area{ padding-left: 10px; text-align: center; }
.catalogue .contet_area h2{ padding: 20px; padding-bottom:10px; }
.catalogue .contet_area p{ padding-right: 15px; }
footer h4{ margin-top: 15px; }
footer{ text-align: center;}
footer .intro{margin-bottom: 20px;}
 
footer .subscribe_outer .txt{width: 50% !important;}
.headding_text{ font-size: 35px; text-align: center; line-height: 45px; }

} 












/* ------------------------- footer ------------------------- */
footer{background:#000000; color:#acacac; padding-top: 15px;}
footer .intro{font-size: 15px; margin-top: 15px; line-height: 26px;}
footer ul{ list-style:none; padding: 0; line-height: 28px; font-size: 15px;}
footer ul li{margin-bottom: 10px;}
footer ul li a{ padding:2px; color:#acacac; text-transform: capitalize;}
footer ul li a:hover{ color:#3A8476; text-decoration:none;}
footer h4{ margin-bottom:15px; color: #fff; font-size: 22px;}
footer .subscribe_outer{}
footer .subscribe_outer .txt{outline: none; border: 1px solid #fff; font-size: 15px; padding:7px 12px; width: 79%; border-radius: 3px; margin-bottom: 10px;}
footer .subscribe_outer .btn_footer{outline: none;border: 1px solid #3A8476; font-size: 15px;width: 20%; background: #3A8476; padding:7px 25px; font-weight: 600; color: #fff;  border-radius: 3px;}
footer .subscribe_outer a{border: 1px solid #3A8476;border-radius: 100px;width: 38px;height: 38px;font-size: 15px;background: #3A8476;padding: 9px 9px;font-weight: 600;color: #fff;display: inline-block;text-align: center;font-size: 18px;}



/* ------------------------- footer bottom ------------------------- */
.footer-down{ background:#000; border-top: 1px solid #0F0F0F; padding:15px; color:#868080;}
.footer-down a{ color:#868080; text-decoration:none; font-size: 15px;}
.footer-down a i{ height:30px; transition:all ease .5s; width:30px; border-radius:3px; font-size:16px; text-align:center; padding:5px; background:#666; color:#868080;}
.footer-down a i:hover{ height:30px; width:30px; border-radius:100%; padding:5px; background:#ccc; color:#666;}





.navbar-nav li:hover > ul.dropdown-menu {display: block;}
.dropdown-submenu {position:relative;}
.dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top:-6px;}
.dropdown-menu > li > a:hover:after {text-decoration: underline;transform: rotate(-90deg);} 
 

 
@media only screen and (max-width: 600px) {
    
    .des_view{display:none;}
.mob_view{display:block;}

	.banner h2{padding-top: 20px;}
    .about .h2_inside{  margin-top: 10px;}
footer h4{text-align: center;}
footer ul li{text-align: center;}
.product_gallery .box .titel{  padding-top: 10px;}
.text_mob_left{text-align: center;}
.text_mob_right{text-align: center;}
.searchbar {float: left; margin-left: 10px;}
.carousel-indicators{ bottom: -10px; }
.catalogue .contet_area h2{ font-size: 33px;}
}

















 /*

.code_table table{ font-family:Roboto; width: 100%;font-size: 14px;color: #666666;border-collapse: collapse;}
.code_table tr:nth-of-type(even){  background: #f7f7f7;border: 1px solid #d1d1d1;}
.code_table tr:nth-of-type(odd){ background: #f7f7f7;border: 1px solid #d1d1d1;}
.code_table th{padding: 10px 6px;background: #3A8476;text-transform: capitalize; font-size: 14px;color: #fff;font-weight: bold;border-bottom: 1px solid #d1d1d1;}
.code_table td, th{padding: 6px;  background:#fff; vertical-align: middle;border-bottom: 1px solid #d1d1d1;}  */      
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px){
/*.code_table th{display:none;}
.code_table table, thead, tbody, th, td, tr{display: block;}
.code_table thead tr{position: absolute;top: -9999px;left: -9999px;}
.code_table tr{border: 1px solid #e5e5e5;}
.code_table td{border: none;border-bottom: 1px solid #eee;text-align: left; position: relative;padding-left: 50%;}
.code_table td:before{position: absolute;top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;}
.code_table td:nth-of-type(1):before{content: "Code"; color: #3A8476;}
.code_table td:nth-of-type(2):before{content: "Particulars"; color: #3A8476;}
.code_table td:nth-of-type(3):before{content: "Packing"; color: #3A8476;}*/
 
 .float-left{float: none !important; margin-bottom: 5px;}
 .float-right{float: none !important; margin-bottom: 5px;}
footer .subscribe_outer .btn_footer{ width: auto;}

}