@charset "utf-8";
/* CSS Document */
.case-study-box{ width:100%; height:auto; float:left; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; margin:40px 0;  }
.case-study-box li{ width:100%; height:195px; padding:45px 25px 45px 45px; display: block; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-top: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-box li span{width:20%; max-width:170px; height:113px; float:left; overflow:hidden; }
.case-study-box li span img{ width:100%;}
.case-study-box li samp{width:80%; height: auto; float:left; position:relative;  box-sizing: border-box;  padding-left:5%;     font-family: 'Asap', sans-serif; }
.case-study-box li samp h2{line-height: 22px; height:22px; margin-bottom:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  width: 100%; font-size:22px; font-weight:600; color:#183261;}
.case-study-box li samp h3{line-height: 18px; height:40px; margin-bottom:5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  width: 100%; font-size:16px; font-weight:600; color:#0f0f0f;}
.case-study-box li samp h4{line-height: 18px; height: auto; margin-bottom:5px; font-size:14px; font-weight:400; color:#1e1e1e ;}
.case-study-box li samp h4 a{line-height: 18px; height: auto; margin-bottom:5px; font-size:14px; font-weight:400; color:#1e1e1e;}
.case-study-box li samp h5{ font-size:14px; font-weight:400; color:#676767;}
.case-study-box li:hover{ background:#f0f0f0; border-top:3px solid #5187c0;}
.pagination{ width:auto; height:auto; float:right; margin-bottom:40px;}
.pagination a {float: left; padding: 12px 14px; text-decoration: none; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5;  border-bottom:1px solid #e5e5e5; font-size:16px; font-weight:400; color:#5187c0;
}
.pagination a:first-child {border-left:1px solid #e5e5e5; border-radius: 2px 0 0 2px!important;}
.pagination a:last-child {border-radius:  0 2px 2px 0!important;}
.pagination a.active {background-color: #5187c0;color: white;}
.pagination a:hover:not(.active) {background-color: #ddd;}

.search-box2{ width:100%; height:auto; float:left; }
.search-box2 .search-title{width:13%; height:auto; float:left; text-align: right; font-size:14px; font-weight:400; color:#000; line-height:20px; padding-right:2%;box-sizing: border-box; }
.search-box2 .search-box11{ width:24%; height:auto; float:left; padding-right:3%;  box-sizing: border-box; }
.search-box2 .search-box11 .search-input-text{ width:100%; height:43px; background:#f2f2f2; border:1px solid #dfdfdf; padding:0 10px;box-sizing: border-box; font-size:16px; font-weight:400; color:#000; border-radius:3px;}
.select-box5{width:22%; height:auto; float:left; padding-right:2%;  box-sizing: border-box; }
.input_box5-large label {position: relative;width: 100%;}

.input_box5-large select {-moz-appearance: none; cursor: pointer;display: inline-block;margin: 0;outline: medium none;padding:11px 10px;width: 100%; height:43px; background:#f2f2f2; border:1px solid #dfdfdf; padding:0 10px;box-sizing: border-box; font-size:14px; font-weight:400; color:#363636; border-radius:3px;}

.input_box5-large label::after {color: #3a3a3a;content: url(../images/select-ic.png); font: 14px "Consolas",monospace;padding: 0 4px 4px; pointer-events: none; position: absolute; background-color:#f2f2f2; right: 8px;top: -0px;}



.input_box5-large label::before {content: "";display: block;height:30px; background-color:#f2f2f2; pointer-events: none;position: absolute;right:2px;top:-7px;width:30px;}

/*IE 9 and above*/

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {

.input_box5-large label:after { display:none; }

.input_box5-large label:before { display:none; }

}


.search-box2 big .search-input-button{width: auto; height:43px; background:#183261; border:1px solid #183261; padding:0 50px;box-sizing: border-box; font-size:16px; font-weight:400; color:#FFF; border-radius:3px; text-transform:uppercase; cursor:pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.search-box2 big .search-input-button:hover{ background:#000; border:1px solid #000;}




@media screen and (max-width:800px){
.case-study-box li{ width:100%; height:auto; padding:25px 4% 25px 4%;}

.case-study-box li span{width:30%; max-width:170px;}
.case-study-box li samp { width: 70%;}
.search-box2 .search-title {width: 100%; text-align:center; margin-bottom:20px;}
.search-box2 .search-box11 { width: 33.333%;}
	.select-box5 { width: 33.3333%;}
.case-study-box li samp h2 {}
.search-box2 big{ margin:0 auto; width:auto; text-align:center; display:table;}
.search-box2 big .search-input-button{ margin-top:20px;}
}

@media screen and (max-width:640px){


}

@media screen and (max-width:480px){
.search-box2 .search-title{ text-align:left;}
.search-box2 .search-box11 { width:100%; padding-right: 0%; margin-bottom:10px;}
.select-box5 { width:100%; padding-right: 0%; margin-bottom:10px;}
.case-study-box li span{ width:100%; max-width:inherit; height: auto;}
.case-study-box li samp{width:100%; padding-left: inherit; margin-top:10px;}
.case-study-box li samp h2{ margin-bottom:10px;}
}