
.blurEffect {
  filter: blur(1px);
  -webkit-filter: blur(1px);
}

.section01_title{font-size: 36px;color: #397d0b;}
.section01_title span{color: #66b331;}
.bg_container{background-color: #f0f4ee;padding: 30px 15px !important;max-width: 1200px;margin: 0px auto;opacity: 0.9;}
.section01 .section_title p{color: #66b331;font-size: 18px;line-height: 28px;text-align: center;margin-top: 5%;border-left:15px solid #94c97a;padding-left: 30px;}


.section02_title{font-size: 36px;}
.section02_title span{background-color: #207fca;color: #fff;border-radius: 10px;padding: 15px 30px;}
.section02 .section_title p{font-size:24px;color: 535353;line-height: 28px;margin: 30px 0px;}
.section02 .section_title p span{color: #207fca;}

.section02 .round_border{background-color: #e6f7ff;}
.section02 .round_border{width: 230px;height: 230px;border-radius: 100%;text-align: center;font-size: 18px;line-height: 34px;font-weight: bold;display: table;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.section02 .round_border:hover{cursor: pointer;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);background: #fff;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.section02 .round_border .round_border_contents{display: table-cell;vertical-align: middle;}
.section02 .round_border_01{border: 30px solid #32b5f0;}
.section02 .round_border_02{border: 30px solid #64b4f3;}
.section02 .round_border_03{border: 30px solid #1d98e9;}

.gray_line{border-top: 2px solid #ddd;width: 100%;height: 10px;margin: 30px 0;}

/*.gree_line{margin: 0px auto;height: 80px;border: 1px solid #77ba47;position:relative;text-align:center;width: 14px;background-color: #77ba47;margin-bottom: 30px;}*/
.gra_bg{padding: 30px 15px;}
.gra_bg h2{color: #fff;}
.gra_bg a.pure-material-button-contained {
    height: 60px;
    min-width: 200px;
    font-size: 18px;
    line-height: 60px;
    margin: 2%;
    color: #fff !important;
}


.section03{ background-color: #f2f0f1;}
.section03_title{font-size: 36px;border-top: 1px solid #8b8b8b;border-bottom: 1px solid #8b8b8b;padding: 15px 0;}
.section03_title span{color: #66b331;}
.section03 .section_title p{font-size:24px;color: 535353;line-height: 34px;margin-top: 15px;}
.section03 .section_title p span{color: #207fca;}

.section03 .square_border{padding: 10px 20px;background-color: #dcdcdc;font-size: 18px;margin: 5px 0;line-height: 50px;text-align: left;}
.section03 .square_border_row{text-align: center;}
.section03 .square_border_row [class^='col']:not(:last-child):after{ font-family: FontAwesome;content: "\f107";font-size: 18px;}


.section04_title{font-size: 36px;border-top: 1px solid #8b8b8b;border-bottom: 1px solid #8b8b8b;padding: 15px 0;}
.section04_title span{color: #66b331;}
/* .bg_container{background-color: #f0f4ee;padding: 30px 15px !important;max-width: 1200px;margin: 0px auto;opacity: 0.9;} */
.section04 .section_title p{color: #66b331;font-size: 18px;line-height: 28px;text-align: center;margin-top: 5%;border-left:15px solid #94c97a;padding-left: 30px;}

.section04 .section_title div a.pure-material-button-contained{height: 60px;min-width: 200px;font-size: 18px;line-height: 60px;margin: 2%;}
.section04 .bg_wrapper{margin-bottom:30px; overflow:hidden;background-color:transparent; position: relative;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.section04 .bg_wrapper:hover{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.section04 .bg_wrapper .bg_img{width: 100%;height:100%;background-size: cover;min-width: 300px;min-height: 280px;background-position: center;}
.section04 .bg_wrapper .bg_img:hover{}
.section04 .bg_wrapper .bg_text{position: absolute;top:0;left: 0;z-index: 2;width: 100%;height: 100%;width: 100%;height: 100%;}
.section04 .bg_wrapper .bg_text .bg_text_contents{padding:25px;width:100%;height:100%;display: table;}
.section04 .bg_wrapper .bg_text .bg_text_contents div{display:table-cell;vertical-align:middle; width:100%;height:100%;padding: 10px;background-color: #fff;opacity: 0.8;color: #056ab9;border-radius: 10px;}
.section04 .bg_wrapper .bg_text .bg_text_contents div h4{text-align: center;font-size: 18px;font-weight: bold;}
.section04 .bg_wrapper .bg_text .bg_text_contents div span{background: #056ab9 none repeat scroll 0 0;display: block;height: 3px;margin: 15px auto 20px;width: 20px;}
.section04 .bg_wrapper .bg_text .bg_text_contents div p{font-size: 14px;text-align: left;font-weight: normal;margin-top: 15px;color: #000;}

.section04 .tape{position: absolute;}
.section04 .tape.tape_01{position: absolute;top: -40px;left: -60px;z-index: 2;}
.section04 .tape.tape_02{position: absolute;bottom: -40px;right: -60px;z-index: 2;}
.section04 .bg_img.bg_white{opacity: 0.5;}


.section05{position: relative;}
.section05_title span{color: #66b331;}
.section05 .section_title p{font-size:24px;color: 535353;line-height: 34px;margin-top: 15px;}
.section05 .section_title p span{color: #207fca;}
.section05 .round_border{padding: 20px;background-color: transparent;position: absolute;opacity: 0.5;}
.section05 .round_border{width:280px;height:280px;border-radius: 100%;margin: 15px auto;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.section05 .round_border_01{border: 30px solid #b1d9f9;left: 10%;top:10%;width: 200px;height: 200px;}
.section05 .round_border_02{border: 30px solid #ffeb7d;left: -7%;top:50%;}
.section05 .round_border_03{border: 30px solid #1d98e9;right: 7%;bottom:10%;background-color:#1d98e9;width: 150px;height: 150px;}
.section05 .round_border_04{border: 30px solid #c4efa5;right: 7%;bottom:40%;background-color:#c4efa5;width: 100px;height: 100px;}
.section05 .tape_03{position: absolute;top: -50px;left: 0;}

.section05 .section_body .single_feature{border: 15px solid #32b5f0;min-height: 250px;border-radius: 10px;}
.section05 .section_body .single_feature i{font-size: 100px;}


.section05 .section_body .panel-group{margin: 20px 0;}
.section05 .section_body .panel-group .panel{margin-top: 1px;}
.section05 .panel-default>.panel-heading {color: #fff;background-color: #8abec5;border-color: none;padding: 20px;}
.section05 .panel-default>.panel-heading a{text-decoration: underline;}
.section05 .panel-default>.panel-heading a:hover, .section05 .panel-default>.panel-heading a:focus{color: #fff !important;}


.section06_title{font-size: 36px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding: 15px 0;color: #fff;}
.section06 .section_title p{font-size:24px;color: 535353;line-height: 34px;margin-top: 15px;color: #fff;}


.section06 .single_feature{color: #fff;background-color: #84c0f5;margin-bottom: 5px;}
/*     .section03 .single_feature.single_feature1{margin-top: 80px;} */
.section06 .single_feature:hover{background-color: #d8dd9a !important;}
.section06 .single_feature h4{font-size: 24px;}
.section06 .single_feature h4:before{content:"";background: #fff none repeat scroll 0 0;display: block;height: 2px;margin: 15px auto 20px;width: 100%;}
.section06 .single_feature p{font-size: 16px;}
.section06 .single_feature img{transition: all 0.5s ease 0s;}
.section06 .single_feature img:hover{transform: scale(1.1);}


.section07 .section_title div a.pure-material-button-contained{height: 60px;min-width: 200px;font-size: 18px;line-height: 60px;margin: 2%;}
.section07 .bg_wrapper{background-color: #fff;position: relative;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.section07 .bg_wrapper:hover{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.section07 .bg_wrapper .bg_img{width: 100%;height:100%;background-size: cover;min-width: 300px;min-height: 280px;background-position: center;margin: 15px 0;}
.section07 .bg_wrapper .bg_img:hover{}
.section07 .bg_wrapper .bg_text{position: absolute;top:0;left: 0;z-index: 2;}
.section07 .tape{position: absolute;}
.section07 .tape.tape_01{position: absolute;top: -40px;left: -60px;}
.section07 .tape.tape_02{position: absolute;bottom: -40px;right: -60px;}


.section08{position: relative;}
.section08 .section_title div a.pure-material-button-contained{height: 60px;min-width: 200px;font-size: 18px;line-height: 60px;margin: 2%;}

.section08 .tape{position: absolute;}
.section08 .tape.tape_01{position: absolute;top: -40px;left: -60px;}
.section08 .tape.tape_02{position: absolute;bottom: -40px;right: -60px;}

.section08 .round_border{padding: 20px;background-color: transparent;position: absolute;opacity: 0.5;}
.section08 .round_border{width:280px;height:280px;border-radius: 100%;margin: 15px auto;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.section08 .round_border_01{border: 30px solid #b1d9f9;left: 10%;top:70%;width: 200px;height: 200px;}
.section08 .round_border_02{border: 30px solid #ffeb7d;left: -7%;top:100%;}
.section08 .round_border_03{border: 20px solid #1d98e9;right: 10%;bottom:-30%;width: 150px;height: 150px;}
.section08 .round_border_04{border: 20px solid #c4efa5;right: 3%;bottom:-70%;width: 100px;height: 100px;}
.section08 .person_img_wrapper img{position: absolute;top: -150px;right: 50px;z-index: 2;}
.section08 .text_wrapper .text h2{font-size: 36px;line-height: 56px; color: #707070;}
.section08 .text_wrapper .text h2 span{padding: 0 20px;}

.section09_title{font-size: 36px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding: 15px 0;color: #fff;}
.section09_title span{color: #66b331;}
.section09 .section_title p{font-size:24px;color: #fff;line-height: 34px;margin: 15px 0;}
.section09 .section_title p span{color: #207fca;}
.section09 form{text-align: center;}
.section09 form input[type="text"], .section05 form select{height: 45px;border:none;box-shadow: none;}
.section09 form input[type="text"]::placeholder{color:#ccc;}
.section09 form .table_wrapper table{font-size: 1em;}
.section09{background-image: url('<?php echo G5_IMG_URL;?>/page/atoclean_gra_bg02.jpg');}
.section09 .pc_table{background-color: #fff;}
.section09 .pc_table th{vertical-align: middle;background-color: #f6f6f6;text-align: center;min-width: 85px;}
.section09 .pc_table td{}

a.pure-material-button-contained { height: 60px;min-width: 200px;font-size: 1.2em;line-height: 3.6em;margin: 2%;color: #fff !important;}

@media (max-width: 767px){
	.round_ball img{width: 70% !important;opacity: 0.2;}
	
	
	.section02 .round_border{width: 110px;height: 110px;border-width: 10px; }
	.section02 [class^="col-"]{padding: 5px;}
	.section02 .round_border_contents{font-size: 0.8em;line-height: 1.2em;}
	
	.section03 [class^="col-"]{padding: 5px;}
	.section03 .square_border_row [class^='col']:not(:last-child):after {content: "";}
	.section03 .square_border{font-size: 1em;line-height: 1.5em;}
	
	.section04 [class^="col-"]{padding: 5px;}
	.section04 .bg_wrapper{margin-bottom: 0px;}
	.section04 .bg_wrapper .bg_text .bg_text_contents{padding: 10px;}
	.section04 .bg_wrapper .bg_text .bg_text_contents div p{font-size: 1.2rem;}
	
	.section05 [class^="col-"]{padding: 5px;}
	.section05 .section_body .single_feature i {font-size: 3em;}
	.section05 .section_title p{}
	.section05 .round_border{display: none;}
	.section05 .tape_03{position: absolute;top: -50px;left: -70px;opacity: 0.3;}
	.section05 .section_body .single_feature p{font-size: 1.0rem;}
	.section05 .section_body .single_feature {border: 5px solid #32b5f0 !important;}
	
	.section06 [class^="col-"]{padding: 5px;}
	
	.section06 .single_feature{}
   	.section06 .single_feature h4 {font-size: 1.2em;}
   	.section06 .single_feature p {font-size: 0.9em;}
   	.section06 .single_feature img {max-height: 70px;}
	
	.section08 .person_img_wrapper img{position: relative;top: 0;right: 0;display: block;}
	.section08 .text_wrapper .text h2{font-size: 2em;line-height: 2em;}
	
	.section09_title {font-size: 2em !important;padding: 15px 0;}
  	.section09 .section_title p {font-size: 1em !important;line-height: 1.5em;margin-top: 15px;}
  	.section09 form .table_wrapper table{font-size: 0.8em;}
  	.section09 form input[type="text"], .section05 form select{height: 28px;border:none;box-shadow: none;font-size: 1em;line-height: 1em;}
  	.section09 .pc_table th{vertical-align: middle;background-color: #f6f6f6;text-align: center;min-width: 70px;}
  	
  	
}