.ce-vendor-list .ce-vendor-item {
  position: relative;
  padding: 1em;
  min-height: 480px;
  display: -webkit-box;
  display: flex;
}
.ce-vendor-list .ce-vendor-item#careerstep {
	background: #4E8ABE;
  background: linear-gradient(322.3deg, #4E8ABE 5%, #27658A 85%);
}
.ce-vendor-list .ce-vendor-item#protrain {
	background: #E64246;
  background: linear-gradient(37.7deg, #E64246 20%, #B12A2E 90%);
}
.ce-vendor-list .ce-vendor-item#quickstart {
	background: #27658A;
  background: linear-gradient(322.3deg, #27658A 11%, #0D3B57 91%);
}
.ce-vendor-list .ce-vendor-item#ced-solutions {
	background: rgb(108,108,108);
background: linear-gradient(37deg, rgba(108,108,108,1) 14%, rgba(204,204,204,1) 96%);
}
.ce-vendor-list .ce-vendor-item a {
  color: #fff;
  font-weight: 400;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  padding: 0.3em 0;
}
.ce-vendor-list .ce-vendor-item a:hover {
  background-color: #fff;
  color: #3a3a3a;
	padding: .3em;
}
.ce-vendor-list .ce-vendor-item ul li a:hover::after {
    content: "↗";
	margin-left: .5em;
	margin-right: .5em;
}
.ce-vendor-list .ce-vendor-item ul {
  padding: 0;
  color: #fff;
}
.ce-vendor-list .ce-vendor-item ul > p {
	line-height: 1.2em;
}
.ce-vendor-list .ce-vendor-item ul h3, .ce-vendor-list .ce-vendor-item ul h4 {
  font-size: 2em;
  font-weight: 300;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.618em;
}
.ce-vendor-list .ce-vendor-item ul li {
  margin-left: 1em;
  margin-bottom: 0.618em;
  line-height: 1.5em;
}
.ce-vendor-list .ce-vendor-item.left .vendor-logo {
  right: 1em;
}
.ce-vendor-list .ce-vendor-item.left .vendor-bg {
  right: 0;
}
.ce-vendor-list .ce-vendor-item.right {
  -webkit-box-pack: end;
          justify-content: flex-end;
}
.ce-vendor-list .ce-vendor-item.right .vendor-logo {
  left: 1em;
}
.ce-vendor-list .ce-vendor-item.right .vendor-bg {
  left: 0;
}
.ce-vendor-list .ce-vendor-item .vendor-logo {
  background-color: #fff;
  max-width: 33%;
  min-width: 300px;
  position: absolute;
  top: 1em;
  padding: 1em;
	z-index: 100;
    box-shadow: 0 5px 20px rgba(0,0,0,.3);
}
.ce-vendor-list .ce-vendor-item .vendor-logo img {
  width: 100%;
}
.ce-vendor-list .ce-vendor-item .vendor-bg {
  max-width: 70%;
  width: auto;
  position: absolute;
  bottom: 0;
  right: 0;
/*   -webkit-transition: all 10s ease-in-out; */
/*   transition: all 10s ease-in-out; */
}
.ce-vendor-list .ce-vendor-item .vendor-bg img {
  width: 100%;
}
.ce-vendor-list .ce-vendor-item .vendor-info {
  color: #ddd;
  font-size: 16px;
  width: 61.8%;
  text-align: left;
  position: relative;
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.5);
}
.ce-vendor-list .ce-vendor-item:hover .vendor-bg {
/*   width: 65%; */
/*   max-width: 65%; */
}




@media all and (min-width: 641px) and (max-width: 1140px) {
  .ce-vendor-list .ce-vendor-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .ce-vendor-list .ce-vendor-item .vendor-logo {
    position: relative;
    top: 0;
    width: 10%;
    margin-bottom: 0.618em;
  }
  .ce-vendor-list .ce-vendor-item .vendor-bg {
    max-width: 80%;
  }
  .ce-vendor-list .ce-vendor-item .vendor-info {
    width: 80%;
  }
  .ce-vendor-list .ce-vendor-item.left .vendor-logo {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .ce-vendor-list .ce-vendor-item.right {
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .ce-vendor-list .ce-vendor-item.right .vendor-logo {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .coce-3-cols {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .coce-3-cols .item {
    width: 100%;
    height: 30vh;
    min-height: 400px;
    padding-bottom: 0;
  }
  .coce-3-cols .item .item-img {
    position: absolute;
    overflow: hidden;
  }
  .coce-3-cols .item .item-img.blob-style--1, .coce-3-cols .item .item-img.blob-style--2, .coce-3-cols .item .item-img.blob-style--3 {
    border-radius: 0;
  }
  .coce-3-cols .item .item-img img {
    width: 100%;
    height: auto;
  }
  .coce-3-cols .item .item-content {
    position: relative;
    padding: 0 4em;
  }
  .coce-3-cols .item .item-content.right {
    text-align: right;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .coce-3-cols .item .item-content.left {
    text-align: left;
    -webkit-box-align: start;
            align-items: flex-start;
  }
  .coce-3-cols .item .item-content::before {
    top: 2em;
    bottom: 2em;
    left: 2em;
    right: 2em;
  }
  .coce-3-cols .item .item-content .title {
    max-width: 50%;
  }
  .coce-3-cols .item .item-content .action-btn {
    left: auto;
    right: auto;
  }
  .coce-3-cols .item:hover .item-img {
    border-radius: 0;
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
    top: 0;
  }
  .coce-3-cols .item:hover .item-img.blob-style--1, .coce-3-cols .item:hover .item-img.blob-style--2, .coce-3-cols .item:hover .item-img.blob-style--3 {
    border-radius: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@media all and (max-width: 640px) {
	
	.cel-hero-body.ce-vendor{
	
	width: 100%;	
	}
	
  .ce-vendor-list .ce-vendor-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
  }
  .ce-vendor-list .ce-vendor-item .vendor-bg {
    max-width: 100%;
  }
  .ce-vendor-list .ce-vendor-item .vendor-logo {
    position: relative;
    max-width: 95%;
    min-width: 50px;
    top: 0;
    right: auto !important;
	  left: auto !important;
    margin-bottom: 1em;
  }
  .ce-vendor-list .ce-vendor-item .vendor-info {
    width: 100%;
  }