@charset "utf-8";
/* CSS Document */
body{
	min-width: 960px;
	margin:0;
	padding:0;
}
.header_wrapper{
	/*background:url(Images/header_bg.png) repeat-x;*/
}
.header{
	height:80px;
	width:960px;
	margin:0 auto;
}
.logo{
	float:left;
	position: relative;
	width:350px;
}
.logo a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block;}
.logo img{
	float:left;
}
.logo h2{
	font-family:"Merriweather Sans";
	font-size:21px;
	color:#0a95db;
	margin:0 0 0 65px;
	padding-top:23px;
	padding-right:15px;
	
}
.logo h3{
	font-family:"Merriweather Sans";
	font-size:10px;
	color:#000000;
	margin-top:0;
	position: relative;
	left: 44px;
}
.accordion {
    width: 100%;
    margin: 20px auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
  }
  .accordion-title{
    font-size: 30px;
        margin-top:100px;
        font-weight:600;
            color: #0a95db;

        

  }
  .accordion-item {
    border-bottom: 1px solid #ddd;
  }
  .accordion-item:last-child {
  border-bottom: 0; 
}
  
  .accordion-header {
    background-color: #f5f5f5;
    padding: 15px;
    cursor: pointer;
    margin: 0;
        color: #0a95db;

    font-size: 18px;
  }
  
  .accordion-header:hover {
    background-color: #e0e0e0;
  }
  
  .accordion-content {
    display: none;
    
    padding: 15px;
    background-color: #fff;
  }
 .accordian-ul-block{
     display:flex;
     flex-direction: column;
    gap: 25px;
        padding-left: 10px;

    list-style:none;
 }
  .accordian-ul-block a{
      color:black;
  }
  .accordion-content.open {
        display: block;
  }
   .footer_sub_content_ul{
        display: flex;
        flex-direction: column;
        list-style-type: none;
        padding: 0;
        gap: 5px;
        text-align:left;
        margin-left:50px;
    }
     .footer_sub_content_ul_1{
        display: flex;
        flex-direction: column;
        list-style-type: none;
        padding: 0;
        gap: 10px;
    }
    .footer_sub_content_item{
        display: flex;
        gap: 15px;
        align-items: center;
        /*justify-content:center;*/
        margin-left:50px;

    }
    .footer_sub_content_item img{
        margin-top:0 !important;
    }
    
    .product-list{
        display:flex;
        flex-wrap:wrap;
        list-style:none;
        gap:25px;
        margin-top: 30px;

    }
    .product-list h2{
margin-top: 0;
        margin-bottom: 10px; font-size: 17px; font-family: 'Signika Negative', sans-serif;
    }
    .product-list-item{
        max-width:450px;
            text-align: justify;

    }
   .product-list-item ul li{ padding-left: 15px; line-height: 20px; background: url(Images/products/pro-icons.png) no-repeat; background-position: 0 7px; font-family: Tahoma; font-size: 12px;}
.menu{
	float:right;
}
.menu ul{
	margin-top:8px;
}
.menu ul li{
	list-style:none;
	float:left;
	padding:20px 13px;
	position:relative;
}
.menu ul li:after{
	content:"";
	width:1px;
	height:31px;
	position:absolute;
	right:0;
	top:15px;
	background:url(Images/menu_line.png) no-repeat;
}
.menu ul li:last-of-type:after{
	background:none;
}
.menu ul li a{
	text-decoration:none;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.menu-focus, .menu ul li a:hover{
	color:#0a95db;
}
.banner_menu{
	background:#FFF;
}
.banner img{
	width:100%;
}
.main_menu{
	height:220px;
	width:510px;
	margin:0 auto;
}
.sub_item{
	height:200px;
	width:160px;
	float:left;
	margin:15px 40px;
	position:relative;
}
.sub_item:nth-child(1) .latex{
	background-image:url(Images/latex_img.png);
}
.sub_item:nth-child(2) .latex{
	background-image:url(Images/quality_img.png);
	background-position:20px 25px;
}
.sub_item:nth-child(3) .latex{
	background-image:url(Images/gloves_img.png);
}
.sub_item:nth-child(4) .latex{
	background-image:url(Images/rubber_img1.png);
	background-position:15px 40px;
}
.sub_item:before{
	background-image:url(Images/shadow_img.png);
	background-repeat:no-repeat;
	width:126px;
	height:27px;
	position:absolute;
	opacity: 0;
	content:"";
	left:15px;
	bottom:30px;
	transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
}
.latex{
	background-color:#098ed1;
	border-radius:50%;
	height:125px;
	width:125px;
	background-repeat:no-repeat;
	background-position:25px 20px;
	position:relative;
	margin-top:25px;
	margin-left:15px;
	transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
}
.latex:after{
	content:"";
	background:url(Images/latex_round.png) no-repeat;
	position:absolute;
	left:-14px;
	bottom:-10px;
	height:147px;
	width:147px;
}
.sub_item p{
	font-family: 'Merriweather Sans', sans-serif;
	font-size:12px;
	color:#2f3238;
	text-align:center;
	position: absolute;
	bottom: 2px;
	left: 20px;
	transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
}
.sub_item:nth-child(2) p{ left: 25px;}
.sub_item:nth-child(3) p{ left: 28px;}
.sub_item:nth-child(4) p{ left: 28px;}
.sub_item:hover .latex{
	background-color:#02ae56;
	margin-top:0;
	margin-bottom:25px;
}
.sub_item:hover p{
	color:#039a27;
}
.sub_item:hover:before{
	opacity: 1;
}
.sub_item a{
	position:absolute;
	left:0;
	top:0;
	height:200px;
	width:160px;
	display:block;
}
.welcome{
	background-color:#0a95db;
	padding-bottom:55px;
}
.welcome_content{
	width:960px;
	margin:0 auto;
	position: relative;
}
.welcome_content h2{
/*	font-family:"Kozuka Gothic Pr6N R";*/
	font-size:25px;
	color:#FFF;
	margin:15px 15px;
	width:700px;
	float:left;
}
.welcome_content p{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	margin:10px 15px;
	width:675px;
	float:left;
	line-height:23px;
}
.welcome_content img{
	margin-top:40px;
}
.shape_bg{
	background:#FFF;
}
.welcome_content:after{
	content: "";
	position: absolute;
	 bottom: -69px;
	 left: 480px;
	width: 0;
	height: 0;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 14px solid #0a95db;
}
.body_wrapper{
	background:#FFF;
	margin:40px 0;
}
.container{
	width:960px;
	margin:0 auto;
}
.vision_mission{
	margin-bottom:30px;
}
.sub_section{
	background-repeat:no-repeat;
	width:465px;
	background-position-y:5px;
	margin-left:15px;
	float:left;
}
.sub_section:nth-child(1){
	background-image:url(Images/vision_img.png);
}
.sub_section:nth-child(2){
	background-image:url(Images/mission_img.png);
}
.sub_section h2{
	margin-left:40px;
	margin-top:0;
	color:#2f3238;
}
.sub_section p{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#2f3238;
	width:440px;
	line-height:18px;
}
.sub_section_02{
	background-repeat:no-repeat;
	width:465px;
	background-position-y:1px;
	float:left;
	position:relative;
	margin:25px 0 20px 15px;
}
.sub_section_02:nth-child(1){
	background-image:url(Images/gallery_img.png);
}
.sub_section_02:nth-child(2){
	background-image:url(Images/clients_img.png);
}
.sub_section_02:nth-child(3){
	background-image:url(Images/latest_img.png);
}
.sub_section_02 h2{
	margin-left:40px;
	margin-top:0;
	color:#2f3238;
}
.sub_section_02 p{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#2f3238;
	margin-top:35px;
	margin-left:115px;
	line-height:18px;
}
.sub_section_02:nth-child(3) p{
	background-color:#d5d6d7;
	padding:15px 20px;
	float:left;
	width:373px;
	margin: 0;
	height: 72px;
}
.sub_section_02 img{
	float:left;
	margin:2px;
}
.learn_more{
	position:absolute;
	bottom:-30px;
	right:25px;
	width:78px;
}
.learn_more a{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	position:relative;
	z-index:1;
}
.learn_more:before{
	content:"";
	background-color:#00b466;
	width:35px;
	height:16px;
	position:absolute;
	right:46px;
}
.learn_more:after{
	content:"";
	background-color:#0a95db;
	width:32px;
	height:16px;
	position:absolute;
	right:2px;
}
.triangle_01{
	width: 0;
	height: 0;
	border-bottom: 16px solid #00b466;
	border-right: 9px solid transparent;
	position:absolute;
	left:32px;
	bottom:-2px;
	
}
.triangle_02{
	width: 0;
	height: 0;
	border-top: 16px solid #0a95db;
	border-left: 9px solid transparent;
	position:absolute;
	top:0;
	left:35px;
}
.news-body{ width: 413px; height: 102px; overflow: hidden; float: left;}
.news-container{ float: left; position: relative;}
.news-wrapper{ position: relative;}
.blue_bg{
	width:52px;
	height:102px;
	background-color:#0a95db;
	float:right;
	margin-top:0;
}
.next{
	background-image:url(Images/nxt_img.png);
	background-repeat:no-repeat;
	width:52px;
	height:51px;
	background-position:20px 10px;
}
.back{
	background-image:url(Images/back_img.png);
	background-repeat:no-repeat;
	width:52px;
	height:51px;
	background-position:20px 5px;
}
.next:hover{
	background-image:url(Images/nxt_hover.png);
}
.back:hover{
	background-image:url(Images/back_hover.png);
}
.footer_wrapper{
	background-color:#282d39;
	position: relative;
}
.footer{
	width:1200px;
	margin:0 auto;
	position: relative;
}
.footer_window{
	padding:5px 0 10px 0;
}
.footer_sub{
	width:275px;
	float:left;
	text-align:center;
}
.footer_sub + .footer_sub{ margin-left: 50px;}
.footer_sub_title{
	background-image:url(Images/quick_links_icon.png);
	background-repeat:no-repeat;
	background-position:30px 8px;
	height:29px;
	padding-bottom:8px;
}
.footer_sub:nth-child(1) .footer_sub_title{
	background-image:url(Images/quick_links_icon.png);
}

.footer_sub:nth-child(2) .footer_sub_title{
	background-image:url(Images/head_office_icon.png);
}
.footer_sub:nth-child(3) .footer_sub_title{
	background-image:url(Images/our_division_icon.png);
}

.footer_sub_title p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	margin-left:-45px;
	margin-top:0;
	padding-top:12px;
}
.footer_sub_content{
	position:relative;
	margin-top: 15px;
}
.footer_sub_content ul{
	margin:0;
}
.footer_sub_content ul li{
	list-style:none;
	line-height: 20px;
	background-image:url(Images/li_img.png);
	background-repeat:no-repeat;
	background-position:25px 6px;
}
.footer_sub_content ul li:hover{
	background-image:url(Images/li_hover_img.png);
	background-repeat:no-repeat;
	background-position:0 6px;
}
.footer_sub_content ul li:hover a{
	color:#eaedf2;
}
.footer_sub_content ul li a{
	color:#838891;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:10px;
}
.footer_sub_content p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#eaedf2;
	line-height:18px;
	margin-top:0;
}
.footer_sub_content address{
	/*color:#838891;*/
	color:#ffffff !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	margin-left:20px;
	line-height:17px;
	background-repeat:no-repeat;
}

.footer_sub_content img{
	margin-top:20px;
	outline: none;
	 border: none;
}
.footer_sub_content a{ outline: none; text-decoration: none;}
.sub_div{
	position:relative;
}

.phone{
	position:absolute;
	bottom:37px;
}
.mobile{
	position:absolute;
	bottom:25px;
	left:28%;
}
.mobile:nth-child(2) {
	position:absolute;
	bottom:18px;
}
.email{
	position:absolute;
	bottom:2px;
}
.footer_bottom{
	background: #191c23;
}
.bottom_contents{
	width:960px;
	margin:0 auto;
}
.copyright{
	float:left;
}
.copyright p{
	margin-left:280px;
	margin-top:8px;
	margin-bottom:7px;
}
.design{
	float:right;
}
.design p{
	margin-top:8px;
	margin-bottom:0;
}

@media only screen and (max-width: 400px) {
    .footer_sub_content address{
	/*color:#838891;*/
	color:#ffffff !important;
	
    }
}
.bottom_contents p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#838891;
}
.footer_wrapper:before{ content: ""; width: 100%; height: 1px; background: #000; position: absolute; left: 0; top: 38px;}
.footer_wrapper:after{ content: ""; width: 100%; height: 1px; background: #535761; position: absolute; left: 0; top: 39px;}
.clear{ clear: both; margin:0; padding: 0; width: 0; height: 1px; margin-top: -1px;}
/*	Page :	Products	*/
#pro-banner{ height: 224px; background: url(Images/products/banner.jpg) no-repeat; background-position: center;}
.pro-head{ margin-top: 45px;}
.pro-head ul{ margin: 0; padding: 0; list-style: none; float: left;}
.pro-head ul li{ float: left; height: 40px; cursor: pointer; position: relative;}
.pro-head ul li:nth-child(1){ background: #282d39;}
.pro-head ul li:nth-child(2){ background: #3d424c;}
.pro-head ul li:nth-child(3){ background: #535761;}
.pro-head ul li:nth-child(4){ background: #686c74;}
.pro-active{ background: #0a95db !important;}
.pro-active:after{ position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #0a95db; left: 50%; bottom: -10px; content: "";}
.pro-head p{ font-size: 13px; color: #FFF; margin: 0; text-align: center; position: relative; top: 8px; padding: 5px 25px;}
.p-head-txt{ background-color: #93969c; height: 40px; overflow: auto; }
/*background-image: url(Images/products/pro-icons.png); background-repeat: no-repeat; background-position: 260px -45px;*/
.p-head-txt p{ font-size: 23px; top: 3px;}
.pro-body{ padding: 30px 10px; display: none;}
.pro-body-txt{ }
.p-body-txt2 b, .pro-body-txt b{ font-family: 'Signika Negative', sans-serif; font-size: 14px;}
.pro-body-txt2{
    width: 620px; float: left;
}
.pro-body-txt2 p, .pro-body-txt p{font-size: 12px; color: #282d39; line-height: 18px; font-family: Tahoma;}
.p-body-txt2 h2, .pro-body-txt h2, .pro-body-txt2 h2{ margin-bottom: 10px; font-size: 17px; font-family: 'Signika Negative', sans-serif;}
.pro-body-txt2 h2{ margin-top: 0;}
.txt-li{ width: 100% !important;}
.p-body-txt2{ float:left; width:450px;}
.pro-body-txt2 ul{ width: 100% !important; float: none !important;}
.pro-body img{ float: right; margin-right: 25px;}
.pro-body-txt ul{ margin: 0; padding: 0; list-style: none; width: 160px; float: left; margin-left: 10px;}
.p-body-txt2 ul li, .pro-body-txt ul li{ padding-left: 15px; line-height: 20px; background: url(Images/products/pro-icons.png) no-repeat; background-position: 0 7px; font-family: Tahoma; font-size: 12px;}
.rnd-container{ width: 960px; margin: 0 auto; position: relative;}
.b-round1{ background: url(Images/products/circle1.png) no-repeat; width: 212px; height: 212px; position: absolute; left: -20px; top: -19px; transition:1.8s; -webkit- transition:1.8s; -moz- transition:1.8s;}
.b-round2{ background: url(Images/products/circle2.png) no-repeat; width: 212px; height: 212px; position: absolute; left: -20px; top: -19px; transition:1.0s; -webkit- transition:1.0s; -moz- transition:1.0s;}
.b-round3{ width: 175px; height: 175px; border-radius: 50%; background: #282d39; position: relative; top: 65px; margin-left: 35px;}
.b-round3 h1{ font-size: 20px; font-family: Arial; margin: 0; text-align: center; position: relative; top: 44%; color: #FFF; font-weight: normal;}
.rotated1{
	-webkit-transform: rotate(50deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(50deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(50deg);  /* IE 9 */
    -o-transform: rotate(50deg);  /* Opera 10.50-12.00 */
    transform: rotate(50deg);
}
.rotated2{
	-webkit-transform: rotate(-45deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(-45deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(-45deg);  /* IE 9 */
    -o-transform: rotate(-45deg);  /* Opera 10.50-12.00 */
    transform: rotate(-45deg);
    top: -18px;
}

/*	Page :	About Us	*/
#about-banner{ height: 224px; background: url(Images/about-banner.jpg) no-repeat; background-position: center;}
.about-content{ margin: 50px 0 65px 0; padding: 10px;}
.about-content p{ font-family: Tahoma; font-size: 12px; line-height: 20px; margin-bottom: 15px;}
.about-content p + p{ margin-top: 0;}
.about-content h2{ margin: 0; font-size: 20px; font-family: 'Signika Negative', sans-serif; margin-top: 15px;}
.about-round{ top: 90px !important;}

/*	Page : Contact Us	*/
#contact-banner{ height: 224px; background: url(Images/contact-banner.jpg) no-repeat; background-position: center;}
.contact-content{ margin-top: 55px;}
.form-left{ width: 255px; float: left;}
.c-form input{ background: #f3f3f3; border:2px solid #FFF; height: 40px; width: 245px; margin-bottom: 18px; padding-left: 5px; border-radius: 5px;}
.form-right textarea{ width: 385px; height: 293px; border:2px solid #FFF; background: #f3f3f3; padding-left: 5px; border-radius: 3px; font-family: Tahoma;}
.c-form input:focus{ border:2px solid #0a95db; outline: none;}
.form-right textarea:focus{ border:2px solid #0a95db; outline: none;}
.form-right{ width: 400px; float: left; margin-left: 20px;}
.c-circle{ width: 245px; height: 245px; background: url(Images/contact-circle.png) no-repeat; transition:1.8s; -webkit-transition:1.8s; -moz-transition:1.8s;}
.c-rotated{ 
	-webkit-transform: rotate(180deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(180deg);  /* IE 9 */
    -o-transform: rotate(180deg);  /* Opera 10.50-12.00 */
    transform: rotate(180deg);
}
.form-right input[type="submit"]{ width: 55px; height: 25px; border:none; background: #0a95db; float: right; margin-right: 8px; color: #FFF; margin-top: 20px; cursor: pointer;}
.c-cir-cont{  position: absolute; right: 20px; top: 99px;}
.address{ position: absolute; left: 60px; top: 75px;}
.address p{ font-size: 12px; font-family: Arial; margin: 0; line-height: 18px; color: #eaedf2; text-align: center;}
.address .num{ margin-top: 10px;}
.form-left label{ font-family: Tahoma; font-size: 11px; position: relative; top: -15px; color: #0a95db}
.c-banner-txt{ position: absolute; left: 110px; top: 90px;}
.c-banner-txt p{ margin: 0; font-family: Arial; font-size: 25px; color: #FFF; font-weight: bold;}
.add1 h3{ margin:0; font-size:20px; font-family:Tahoma, Geneva, sans-serif; text-align:center;}
.add1 p{ margin:0; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}
.add1 b{ font-size:13px;}
.blue{color:#01afd2}
.add1{ width:200px; float:left; margin-left:15px;}
.addr-container{ margin-bottom:25px;}

/*Brochure*/
.brochure{ width: 160px; height: 38px; position: absolute; top: 0; right: 5px; background: #00b466;}
.brochure a{ position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: 500;}
.brochure p{ font-family: Arial; font-size: 14px; color: #FFF; margin: 0 0 0 40px; position: relative; top: 12px; z-index: 4;}
.brochure:after{ content: ""; position: absolute; left: 0; top: 0; width: 35px; height: 100%; background-color: #0a95db; background-image: url(Images/brochure-icon.jpg); background-position: center; background-repeat: no-repeat;}

.footer_sub:nth-child(4){ float: right; width: 165px;}

.pro-body1{ display: block !important; margin-top: 45px; position: relative;}

.table4 table, .table2 table, .table1 table, .table3 table{ border-collapse: collapse; text-align: center; font-family: Tahoma; font-size: 13px; width: 100%;}
.table4, .table3, .table1, .table1{ margin-top: 20px;}
.table1 table td{ border: 1px solid #000; padding: 5px; min-width: 120px;}
.table4 table td{ border: 1px solid #000; padding: 5px; min-width: 160px;}
.table2 table td, .table3 table td, .table3 table th{ border: 1px solid #000; padding: 5px;}
.table3 h2, .table4 h2, .table2 h2{ margin-bottom: 0; font-family: Tahoma; font-size: 18px;}

.quality-head{ height: 40px; background: #0a95db; margin-bottom: 15px; position: relative;}
.quality-head:after{ position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #0a95db; left: 50px; bottom: -7px; content: "";}
.quality-head p{ margin: 0; padding: 7px 45px; background:#0a95db; font-family: 'Signika Negative', sans-serif; font-size: 20px; color: #FFF; display: inline-block;}
.q-policy{ width: 450px; position: absolute; right: 10px; border: 2px solid #CCC; bottom: 30px; padding: 15px;}
.q-policy p{ font-family: Arial; font-size: 13px; text-align: center; margin-top: 0;}


/*	Page : Certifications	*/
.certi-wrapper{ margin-top: 60px; position: relative;}
.certificate{ width: 273px; height: 273px; float: left; position: relative; overflow: hidden;}
.certificate + .certificate{ margin-left: 69px;}
.certi-btm{ width: 0; position: absolute; left: 0; bottom: 0; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
.certi-btm-bg{ width: 100%; height: 125px; background: #337798; opacity: 0.8;}
.certi-txt{ width: 100%; height: 110px; position: absolute; left: 0; bottom: 0; padding-top: 15px; opacity: 0; transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s;}
.certi-txt p b{ font-size: 13px; margin: 10px;}
.certi-txt p{ font-size: 11px; font-family: Arial; color: #FFF; text-align: center; margin: 0; line-height: 20px; margin-top: 10px; padding: 0 5px;}
.c-plus{ width: 35px; height: 35px; background: url(Images/certi-plus.png) no-repeat; position: absolute; left: 45%; top: -18px;}
.certificate:hover .certi-btm{ width: 100%;}
.certificate:hover .certi-txt{ opacity: 1;}
.certi-row{ margin-bottom: 70px; position: relative;}
.certificate a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.certi-row:after{ content: ""; position: absolute; bottom: -35px; left: 0; height: 1px; width: 100%; border-bottom: 1px dotted #868686;}
.certi-row:last-of-type:after{ width: 0;}
.certi-wrapper:after{ content: ""; position: absolute; width: 1px; height: 100%; border-left: 1px dotted #868686; top: 0; left: 307px;}
.certi-wrapper:before{ content: ""; position: absolute; width: 1px; height: 100%; border-left: 1px dotted #868686; top: 0; right: 310px;}