@charset "utf-8";
/* CSS Document */
.clear{  clear: both; content:''; width:100%; height: auto; display: block; }
.search-list{ width:100%; height: auto; display: block; position:relative; padding: 50px 0 50px 0;}
.search-list:after{content:''; display:block; clear:both;}
.search-list-box1{width:100%; height: auto; display: block; position:relative; background: #fff; padding: 20px 20px; border-radius: 7px; border: 1px solid #ccc;   }
.search-list-box1:after{content:''; display:block; clear:both;}


.search-list-box1 ul{margin-left: -10px; margin-right: -10px;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 0; }
.search-list-box1 ul li{ height: auto; float: left; display: block; padding: 5px 10px;}
.row25per{width: 25%;}
.row15per{width: 15%;}
.row3{width: 35%;}

/****  floating-Lable style start ****/
.floating-label {  position:relative; }
.floating-input , .floating-select { font-size:14px;padding:4px 4px; display:block; width:100%;height:46px !important; background-color: transparent; border:none; color: #000; border: 1px solid #ACACC0 !important; background: transparent; -webkit-appearance: none; padding-left: 20px; cursor: pointer;}

.floating-select.minimal { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #000, #000);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; padding-left: 20px; }
.floating-select.minimal { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 7px), calc(100% - 15px) calc(1em + 7px), calc(100% - 2.5em) 0.9em; background-size:5px 5px, 5px 5px, 1px 1.5em;background-repeat: no-repeat;}

/*.floating-select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}*/

.floating-select.minimal .none{ display: none !important; visibility: hidden !important;line-height: 0px !important; height: ;     opacity: 0!important;
    text-indent: -999px!important; }


.floating-input, .floating-select{ cursor: pointer;}


.floating-input:focus , .floating-select:focus {
     outline:none;
     border:1px solid #307fe2!important; 
}

.floating-label label {
  color:#999; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:15px;
  top:12px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all; padding: 0 10px;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
  top:-13px;
  font-size:13px;
  color:#999;
	background: #ffff; padding: 0 10px; 
}

.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
  top:-10px;
  font-size:13px;
  color:#999;background: #ffff; padding: 0 10px; 
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
  width:50%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.floating-textarea {
   min-height: 60px;
   max-height: 260px; padding: 8px 15px; 
  /* overflow:hidden;
  overflow-x: hidden;*/ resize: none; 
}

/* highlighter */
.highlight {
  position:absolute;
  height:50%; 
  width:100%; 
  bottom:-20px; 
  left:20px;
  pointer-events:none; font-size: 12px; font-style: italic; color: #FF0004;
  opacity:0.5;
}

/* active state */
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* animation */
@-webkit-keyframes inputHighlighter {
	from { background:transparent; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:transparent; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:transparent; }
  to 	{ width:0; background:transparent; }
}





	

   

	
	




.submit-box {
    width: 100%;
    height: auto;
    float: left;
    display: block;
}

.submit-box input[type='submit'] {
    width: 100%;
    height: 46px; 
    background: #307fe2;
    border: 0px solid #c2c2c2;
    border-radius: 4px;
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    background-image: linear-gradient(0, #f2c019, #f2c019);
    background-size: 0;
    transition: .8s;
    background-repeat: no-repeat;
}

.submit-box input[type='submit']:hover {
    background-size: 100%;
    color: #fff;
}
.search-list-box2{width:100%; height: auto; display: block; position:relative;  padding: 20px 0px; }
.search-list-box2:after{content:''; display:block; clear:both;}
.search-list-box2 h2{ width:100%; height: auto; display: block; position:relative; padding-bottom: 25px; font-size: 22px; font-weight: 600; color: #000; line-height: 22px;}
.search-list-box2 ul{width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 0; }
.search-list-box2 ul li{ width: 100%; height: auto; float: left; display: block; padding: 0px 0px 7px; margin-bottom: 5px; margin-top: 5px; border-bottom: 1px solid #ccc; }
.search-list-box2 ul li:last-child{border-bottom: 0px solid #ccc;}
.search-list-box2 ul li span{ width: 45px; height:100%; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;  margin-right: 15px;justify-content: center;  align-items: center;}
.search-list-box2 ul li span i{ width: 45px; height: 45px; font-size: 18px; color: #fff; background: #307fe2; border-radius: 50%;    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center;  align-items: center; } 
.search-list-box2 ul li aside{ width: calc(100% - 320px); height: auto; float: left; }
.search-list-box2 ul li aside ul{width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; line-height: 0px; font-size: 0px; }
.search-list-box2 ul li aside ul li{ width: auto; display: inline-block; font-size: 14px; font-weight: 400; line-height: 22px; color: #000; border-bottom: 0px; margin-right: 10px; position: relative; padding-right: 10px; }



.search-list-box2 ul li aside ul li:after{ content: ''; position: absolute; right: 0px; top: 6px; width: 1px; height: 15px; background:  #ccc;}
.search-list-box2 ul li aside ul li:last-child:after{display: none;}
.search-list-box2 ul li aside h3{width:100%; height: auto; float: left; display: block; position:relative; padding-bottom: 0px; font-size:16px; font-weight: 400; color: #000; line-height: 22px;}
.search-list-box2 ul li aside h3::after{content:''; display:block; clear:both;}
.opening-box1{  width:100%; height: auto; display: block; float: left;}
.experience-box i{ font-size: 13px; color: #c6c7c9; margin-right: 5px;}
.opening-box i{ font-size: 13px; color: #c6c7c9;  margin-right: 5px;}
.location-box i{ font-size: 13px; color: #c6c7c9;  margin-right: 5px;} 




.search-list-box2 ul li article{ width: auto; height: 100%; float: right; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; line-height: 0px; font-size: 0px;     align-items: center; }
.search-list-box2 ul li article .apply{font-size: 14px; font-weight: 400; line-height: 22px; color: #000; border-bottom: 0px; margin-right: 10px; }
.search-list-box2 ul li article .apply a{font-size: 14px; font-weight: 400; line-height: 22px; color: #000; padding: 8px 20px; border-radius: 3px;transition: .8s; background: #fff; border: 1px solid #cfcfcf;}
.search-list-box2 ul li article .apply a:hover{ color: #fff;}
.search-list-box2 ul li article .apply a:hover{ background: #307fe2;}
.search-list-box2 ul li article .apply a i{ font-size: 13px; color: #307fe2;  margin-right: 5px;  transition: .8s;}
.search-list-box2 ul li article .apply a:hover i{ color: #fff;}


.search-list-box2 ul li article .share{font-size: 14px; font-weight: 400; line-height: 22px; color: #000; border-bottom: 0px; margin-right: 0px; }
.search-list-box2 ul li article .share a{font-size: 14px; font-weight: 400; line-height: 22px; color: #000; padding: 8px 20px; border-radius: 3px;transition: .8s; background: #fff; border: 1px solid #cfcfcf;}
.search-list-box2 ul li article .share a:hover{ color: #fff;}
.search-list-box2 ul li article .share a:hover{ background: #307fe2;}
.search-list-box2 ul li article .share a i{ font-size: 13px; color: #307fe2;  margin-right: 5px;  transition: .8s;}
.search-list-box2 ul li article .share a:hover i{ color: #fff;}



.search-det{ width:100%; height: auto; display: block; position:relative; padding: 100px 0 50px 0;}
.search-det:after{content:''; display:block; clear:both;}
.search-det-box{width:100%; height: auto; float: left; display: block; position:relative; background: #fff; padding: 40px 40px; border-radius: 7px; border: 1px solid #ccc;   }
.search-det-box:after{content:''; display:block; clear:both;}
.search-det-box1{width:100%; height: auto; float: left; display: block; position:relative;}

.search-det-box1 ul{width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; line-height: 0px; font-size: 0px; }
.search-det-box1 ul li{ width: auto; display: inline-block; font-size: 14px; font-weight: 400; line-height: 22px; color: #000; border-bottom: 0px; margin-right: 10px; position: relative; padding-right: 10px; }



.search-det-box1 ul li:after{ content: ''; position: absolute; right: 0px; top: 6px; width: 1px; height: 15px; background:  #ccc;}
.search-det-box1 ul li:last-child:after{display: none;}
.search-det-box1 h2{width:100%; height: auto; float: left; display: block; position:relative; padding-bottom: 0px; font-size:22px; font-weight: 600; color: #000; line-height: 28px; padding-bottom: 10px;}
.search-det-box1 h2::after{content:''; display:block; clear:both;}

.apply-box {
    width: auto; 
    height: auto;
    float: left;
    display: block; margin-top: 10px;
}

.apply-box a {
    width: 100%;
    height: 46px; 
    background: #307fe2;
    border: 0px solid #c2c2c2;
    border-radius: 4px;
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    background-image: linear-gradient(0, #f2c019, #f2c019);
    background-size: 0;
    transition: .8s;
    background-repeat: no-repeat; padding: 10px 20px;
}

.apply-box a:hover {
    background-size: 100%;
    color: #fff;
}



.search-det-box2{width:100%; height: auto; float: left; display: block; position:relative; border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px;  }
.search-det-box2:after{content:''; display:block; clear:both;}

.search-det-box2 h2{width:100%; height: auto; float: left; display: block; position:relative; font-size:20px; font-weight: 600; color: #000; line-height: 28px; padding-bottom: 10px;}
.search-det-box2 h3{width:100%; height: auto; float: left; display: block; position:relative; font-size:16px; font-weight: 600; color: #000; line-height: 22px; padding-bottom: 10px;}
.search-det-box2 p{width:100%; height: auto; float: left; display: block; position:relative; font-size:14px; font-weight: 400; color: #000; line-height: 20px; padding-bottom: 10px;}
.search-det-box2 ul{width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; line-height: 0px; font-size: 0px; }
.search-det-box2 ul li{ width: 100%; height: auto; float: left; display: block; font-size: 14px; font-weight: 400; line-height: 22px; color: #000; padding-bottom:7px ; padding-left: 15px; position: relative;  }
.search-det-box2 ul li a{font-size: 14px; font-weight: 400; line-height: 22px; color: #000;}
.search-det-box2 ul li a:hover{color: #3d7edb;}
.search-det-box2 ul li:after{content: ''; position: absolute; left: 0px; top: 5px; width: 8px; height: 8px; background: #3d7edb; border-radius: 50%; }

.uploader label { left: 0px !important;top: 47px !important;}

.errorForm { margin-top: 0px !important;}
.uploader { height: 46px !important;     padding-left: 10px !important;}
#ResumeFile-error.errorForm{position: absolute !important;
   left: 0px !important;
    bottom: -40px !important;}



@media all and (max-width:800px){

.row25per { width: 50%;}
.row3 { width: 50%;}
.row15per { width:50%;}
}
@media all and (max-width:700px){
    .search-list-box2 ul{ display: block; width: 100%;}
    .search-list-box2 ul li aside { width:100%;}
.search-list-box2 ul li article {float: none; width: auto;height: auto; margin: 0 auto; display: table; padding: 0px 0 20px;}
.search-list-box2 ul li span {float: none; display: table;  margin-right: 0px; margin: 0 auto 10px;}
.search-list-box2 ul li aside h3{ text-align: center;}
.search-list-box2 ul li aside ul { width: auto;float: none; display: table; margin: 20px auto 20px;}
.search-list-box2 ul li article .apply{float: left;}
.search-list-box2 ul li article .share { float: left;}
.search-list {padding:50px 0 50px 0;}
.search-list-box2 h2{ text-align: center;}

}
@media all and (max-width:650px){
        .row25per { width: 100%;}
    .row3 { width: 100%; }
    .row15per { width:100%;}
    .search-list-box1 ul li {padding: 15px 10px;}
    .search-list-box2 ul li aside ul li { width: 100%; display: block;}
    .search-list-box2 ul li aside ul li:after{ display: none;}
    .contectForm5-box1a ul li { min-height: inherit !important;}
    #ResumeFile-error.errorForm { bottom: -39px !important;}
    .contectForm5-box1a {
    margin: 0 5px !important;
}
  html{overflow-x: hidden;} 
    body{overflow-x: hidden;} 
   .uploader { margin-bottom: 30px;}
   .wraper1193 { width: 90% !important;}  
}