@charset "utf-8";
/* CSS Document */
.margin-bottom-none { margin-bottom:0px; display:block; line-height:0; }
.banner_panel h2{ line-height:24px;}
.case-study-details-box{width:100%; height:auto; float:left; border:1px solid #e5e5e5;  box-sizing: border-box; margin-bottom:30px;}
.case-study-details-box-left{width:25%; height:auto; float:left; }


.case-study-box2{ width:100%; height:auto; float:left; display:block;   }
.case-study-box2 li{ width:100%; height: auto; padding:20px 10px  20px 30px ; display: block; border-bottom:1px solid #e5e5e5; border-left:3px solid #fff ; box-sizing: border-box; float:left; webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease; transition: all .5s ease;}


.case-study-box2 li h2{ width: 100%; height: auto; float:left; font-size:16px; font-weight:400; color:#000;line-height: 22px; padding-bottom:15px;}
.case-study-box2 li h3{ width: 100%; height: auto;float:left; line-height: 18px; font-size:12px; font-weight:600; color:#000; padding-bottom:10px;}
.case-study-box2 li h4{ width: 100%; height: auto;float:left; line-height: 18px; font-size:12px; font-weight:400; color:#1e1e1e; padding-bottom:15px;}
.case-study-box2 li h4 a{ line-height: 18px; font-size:12px; font-weight:400; color:#1e1e1e;}

.case-study-box2 li h4 b {line-height: 18px; font-size:12px; font-weight:400; color:#1e1e1e; padding-right:5px;}
.case-study-box2 li h4 samp { font-family:'Asap', sans-serif;line-height: 18px; font-size:12px; font-weight:400; color:#1e1e1e; padding-left:10px;  position:relative;}
.case-study-box2 li h4 samp:after{content:'|'; position:absolute; left:0; top:0px; width:5px; height:18px;}


.case-study-box2 li h5{width: 100%; height: auto;float:left; line-height: 18px; font-size:12px; font-weight:400; color:#676767; }
.case-study-box2 li:hover{ border-left:3px solid #5187c0;}
.case-study-box2 li.active{ border-left:3px solid #5187c0;}

.case-study-details-box-right{width:75%; height:auto; float:left; border-left:1px solid #e5e5e5; box-sizing: border-box; }
.case-study-details-box-right2{width:100%; height:auto; float:left; padding:15px 5%;  box-sizing: border-box; }
.share5{ width:auto; height:auto; float:right; padding-bottom:30px; font-size:14px; font-weight:600; color:#5187c0; font-style:italic;line-height:24px; display:block; }
.share5 a{font-size:14px; font-weight:600; color:#5187c0; font-style:italic;line-height:24px;position:relative; padding-right:60px; }

.share5 a:after{content:''; position:absolute; right:20px; top:0px; width:24px; height:24px; background:url(../images/share-icon.png) left top no-repeat;}
.blue-box2{ width:100%; height:auto; float:left; display: flex; flex-wrap:wrap; margin-bottom:45px;}
.blue-box2 span{width:60%; height:auto; background:#5187c0; padding:35px 30px; box-sizing: border-box; position:relative;}
/*---.blue-box2 span:after{content:''; position:absolute; left:0; top:0px; width:24px; height:24px; background:url(../images/arrow6.png) left top no-repeat;} ---*/
.blue-box2 span:after{content:''; position:absolute; left:0; top:0px; width:24px; height:24px; border:12px solid #FFF;  border-right:12px solid #CCC; border-bottom:12px solid #CCC;}
.blue-box2 span h4{font-size:18px; font-weight:400; color:#FFF; line-height:24px; padding-bottom:5px;} 
.blue-box2 span h5{font-size:14px; font-weight:400; color:#FFF; line-height:20px; }
.blue-box2 span h5 b {font-size:14px; font-weight:400; color:#FFF; line-height:20px;}
.blue-box2 span h5 samp { font-family:'Asap', sans-serif; font-size:14px; font-weight:400; color:#FFF; line-height:20px; padding-left:10px;  position:relative;}
.blue-box2 span h5 samp:after{content:'|'; position:absolute; left:0; top:0px; width:5px; height:18px;}
.blue-box2 big{width:40%; height:auto; background:#4c5a75;padding:35px 30px; box-sizing: border-box;font-size:14px; font-weight:400; color:#FFF; line-height:20px;}
.blue-box2 big strong{font-size:14px; font-weight:400; color:#FFF; line-height:20px;}

.case-text{ width:100%; height:auto; float:left; display:block; }
.case-text h2{ font-size:24px; font-weight:600; color:#000000; line-height:24px; border-bottom:1px solid #d0d1d3; margin-bottom:45px; position: relative; }
.case-text h2 span{  background:#FFFFFF; padding-right:10px; font-size:24px; font-weight:600; color:#000000;}
.case-text p{ font-size:14px; font-weight:400; color:#000000; line-height:24px; padding-bottom:30px; }

/*---30-09-2018 start ---*/
.case-text ul{}
.case-text ul li{ margin-bottom:30px; padding-left:28px; position:relative;}
.case-text ul li strong{ display:block; margin-bottom:4px; color:#e35d0c; font-size:16px; font-weight:700;}
.case-text ul li strong:after{content:''; position:absolute; left:0; top:2px; background:url(../images/bullet4.png) no-repeat 0 0; width:17px; height:17px;}


/*---30-09-2018 end ---*/

.advantages{ width:100%; height: auto; float: left; background:#ededed;padding:0px 5% 30px 5%;  box-sizing: border-box;}
.advantages span{width:100%; height: 3px; float: left; background:#cf5800; margin-bottom:30px; margin-top:1px; display: block;}
.advantages h4{font-size:24px; font-weight:600; color:#000000; line-height:24px; padding-bottom:40px;}
.advantages ul{width:100%; height: auto; float: left;}
.advantages ul li{width:100%; height: auto; float: left; border-bottom:1px solid #cfcfcf; padding-left:40px; padding-bottom:10px; margin-bottom:10px; position:relative;font-size:20px; font-weight:400; color:#cf5800; line-height:24px; background:url(../images/arrow7.png) left 5px no-repeat }
.advantages ul li:last-child{ border-bottom:0px solid #cfcfcf;}
.advantages ul li a{font-size:20px; font-weight:400; color:#cf5800; line-height:24px; webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease; transition: all .5s ease;}
.advantages ul li a:hover{ color:#000000;}

.advantages2{ width:100%; height: auto; float: left; background:#4c5a75;padding:60px 15%;  box-sizing: border-box;}
.advantages2 p{font-size:20px; font-weight:400; color:#FFF; line-height:24px; font-style:italic; text-align: center; padding-bottom:35px;}
.advantages2 samp { font-family:'Asap', sans-serif; width:auto; margin:0 auto; font-size:14px; font-weight:400; color:#FFF; line-height:20px; text-align: center; display: table; }
.advantages2 samp strong{font-size:14px; font-weight:600; color:#FFF; line-height:24px; text-align: center; }

.highlights{ width:100%; height: auto; float: left;   box-sizing: border-box;}
.highlights h2{font-size:24px; font-weight:600; color:#000000; line-height:24px; padding-bottom:40px; border-bottom:1px solid #e5e5e5;}
.highlights ul{width:100%; height: auto; float: left;}
.highlights ul li{width:100%; height: auto; float: left; border-bottom:1px solid #e5e5e5;  padding-top:15px; padding-bottom:15px;position:relative; display:table; }

.highlights ul li i{width:65px; height: auto; font-style:normal; display:table-cell;  font-size:30px; font-weight:400; color:#5b5b5b; line-height:40px; margin:0;  }
.highlights ul li em{display:table-cell; width: auto; height: auto; font-style:normal; border-left:3px solid #cf5800; padding-left:20px;  font-size:18px; font-weight:400; color:#5b5b5b; line-height:24px;vertical-align: top;  }

.solution{ width:100%; height: auto; float: left;   box-sizing: border-box; padding-top:30px; overflow:hidden; padding-bottom:40px;}
.solution h2{font-size:24px; font-weight:600; color:#000000; line-height:24px; padding-bottom:40px; border-bottom:1px solid #e5e5e5;}
.solution ul{ height: auto; display: flex;flex-wrap: wrap; margin-right:-1px;}
.solution ul li{width:50%; height: auto; float: left; border-bottom:1px solid #cfcfcf;border-right:1px solid #cfcfcf;  padding:30px 20px; box-sizing: border-box;text-align: center;}
.solution ul li h5{font-size:18px; font-weight:600; color:#e35d0c; line-height:24px; text-align: center; padding-bottom:5px;}
.solution ul li h6{font-size:36px; font-weight:400; color:#e35d0c; line-height:36px; text-align: center;}
.solution ul li.width100{ width:100%; }





@media screen and (max-width:800px){
.case-study-details-box-left{width:35%; }
.case-study-details-box-right{width:65%; }
.blue-box2 span h4 {font-size: 15px;}




}
@media screen and (max-width:640px){
.margin-bottom-none { margin-bottom: 50px;}
.case-study-details-box-left{width:100%; }
.case-study-details-box-right{width:100%; }
.blue-box2 span h4 {font-size: 15px;}
.highlights ul li em { font-size: 14px; line-height:18px;}
.solution ul li h6 {font-size: 25px;}
.solution ul li { padding: 20px 10px}



}




@media screen and (max-width:479px){
.blue-box2 span {width:100%;}
.blue-box2 big {width:100%;}



}