.badge-cards{clear:both}.badge-cards>.badge-card{font-size:0.875rem;line-height:1.1875rem;float:left}.badge-card{box-shadow:0 2.5px 1px 0 rgba(0,0,0,0.2);background-color:white;border:1px solid #cacaca;display:table;margin-top:20px;padding:0 20px;position:relative;width:100%}.badge-card i{position:absolute;top:2px;right:5px;color:#a00;font-variant:small-caps}.badge-card img{margin:0 20px 0 0}.badge-card span{font-weight:300;font-size:0.8125rem;line-height:1.05625rem;color:#666;display:table-cell;margin:9px 0 0 18px;text-align:inherit;vertical-align:middle;width:100%}.badge-card span em{font-weight:400;font-size:1rem;line-height:1.375rem;color:#333;display:block;max-height:88px;margin-bottom:8px;overflow:hidden}.badge-card span span{display:block;margin:0;max-height:34px;overflow:hidden}.badge-card span strong{font-size:0.9375rem;line-height:1.375rem;color:#1ca896;display:block}.badge-card .clearfit-badge-card{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;display:block}.badge-card .image-container{display:table-cell;height:152px;vertical-align:middle}.badge-card:hover span{color:#8299A5}@media screen and (min-width: 0\0){.badge-card{display:block}}*.expired-tag{font-weight:600;background-color:#9e0b0f;border-radius:1px;color:white;display:inline-block;font-size:0.5rem;line-height:15px;padding:0 4px;text-transform:uppercase}div.expired-tag{margin:5px 32px 0}@media only screen and (min-width: 642px){.w10-11 .badge-card{width:calc(50% - 11px)}.w10-11 .badge-card:nth-child(odd){margin-right:20px}}@media only screen and (min-width: 978px){.w10-11 .badge-card{width:calc(33% - 11px)}.w10-11 .badge-card:nth-child(2n){margin-right:20px}.w10-11 .badge-card:nth-child(3n){margin-right:0}}@media only screen and (min-width: 904px){.w7-8 .badge-card{width:calc(50% - 11px)}.w7-8 .badge-card:nth-child(odd){margin-right:20px}}.badge-verified{font-weight:600;color:#555;max-width:248px;text-align:center}.badge-verified a{font-weight:400;font-size:0.75rem;line-height:0.975rem;display:block}.badge-verified i{color:#1e9db2}.org-management .badge-verified{display:none}


@import url(https://fonts.googleapis.com/css?family=Lato:700);
/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FF0000;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 250px;
  padding: 7px 98px;
  background-color: #FF0000;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 13px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: left;
}





/* top right*/
.ribbon-top-right {
  top: 0px;
  right: 0px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: 0px;
  top: 0px;
  transform: rotate(45deg);
}




#profile .editable,#profile .read-only,.editable{font-size:0.875rem;line-height:1.25rem;-webkit-appearance:none;background:#fcfcfb;border-radius:3px;border:1px solid #cacaca;color:#555;font-family:"Open Sans", sans-serif;padding:9px;height:8.75rem;width:100%}textarea:focus:not([type=button]):not([type=submit]),#profile .editable:focus:not([type=button]):not([type=submit]),#profile .read-only:focus:not([type=button]):not([type=submit]),.editable:focus:not([type=button]):not([type=submit]){border-color:#aaa;box-shadow:-1px -1px 0 0 #aaa, 1px 1px 0 0 #aaa, -1px 1px 0 0 #aaa, 1px -1px 0 0 #aaa;outline:none}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}article,aside,details,figcaption,figure,main,mark,summary,time{display:block} h1:focus,[data-whatinput="mouse"] h1:active,[data-whatinput="mouse"] li:focus,[data-whatinput="mouse"] li:active,[data-whatinput="mouse"] [role=button]:focus,[data-whatinput="mouse"] [role=button]:active,[data-whatinput="mouse"] [role=link]:focus,[data-whatinput="mouse"] [role=link]:active,[data-whatinput="touch"] a:focus,[data-whatinput="touch"] a:active,[data-whatinput="touch"] h1:focus,[data-whatinput="touch"] h1:active,[data-whatinput="touch"] li:focus,[data-whatinput="touch"] li:active,[data-whatinput="touch"] [role=button]:focus,[data-whatinput="touch"] [role=button]:active,[data-whatinput="touch"] [role=link]:focus,[data-whatinput="touch"] [role=link]:active{outline:none}[data-whatinput="keyboard"] a:focus,[data-whatinput="keyboard"] a:hover,[data-whatinput="keyboard"] i:focus,[data-whatinput="keyboard"] i:hover,[data-whatinput="keyboard"] tr:focus,[data-whatinput="keyboard"] tr:hover{outline:none;border:0px #3B99FC;border-radius:3px;box-shadow:0px 0px 3px 3px #3B99FC}

.gred{position:relative;max-width:1140px;margin-left:auto;margin-right:auto}
.gred::after{clear:both;content:"";display:table}
.l0-1{margin-left:3.827%}.l1-0{margin-left:4.825%}
.l1-1{margin-left:8.652%}.r1-0{margin-right:4.825%}
.r1-1{margin-right:8.652%}
.r0-1{margin-right:3.827%}
.w10-11{float:left;position:relative;width:90.347%}@media only screen and (min-width: 768px){.w2-1{float:left;position:relative;width:13.477%}
.w2-2{float:left;position:relative;width:17.304%}
.w2-3{float:left;position:relative;width:21.131%}
.w5-5{float:left;position:relative;width:43.26%}
.w3-3{float:left;position:relative;width:25.956%}
.w6-9{float:left;position:relative;width:63.393%}
.w7-8{float:left;position:relative;width:64.391%}
.w7-8 .l1-0{margin-left:7.49328%}
.w7-8 .w1-2{float:left;position:relative;width:19.38004%}
.w7-8 .w2-2{float:left;position:relative;width:26.87332%}
.w7-8 .w5-6{float:left;position:relative;width:73.12668%}
.w7-9{float:left;position:relative;width:68.218%}
.w7-10{float:left;position:relative;width:72.045%}
.w10-9{float:left;position:relative;width:82.693%}
.w10-11 .l0-1{margin-left:4.23589%}
.w10-11 .r0-1{margin-right:4.23589%}
.w10-11 .w4-5{float:left;position:relative;width:42.54153%}
.w10-11 .w5-6{float:left;position:relative;width:52.11795%}
.w10-11 .w6-6{float:left;position:relative;width:57.45847%}
.w10-11 .w10-9{float:left;position:relative;width:91.52822%}}
.w420{width:100%;max-width:420px}
.w548{width:100%;max-width:548px;margin-left:auto;margin-right:auto}
.w720{width:100%;max-width:720px;margin-left:auto;margin-right:auto}
.hero{background:url(https://cdn.credly.com/assets/structure/hero-bg-f2de162d0849b7ca35fd21da7d6a2884e8cd51be08e3891aeba47ef40ec76984.png) repeat-x;background-size:64px, 170px;height:170px;position:relative;overflow:hidden}.hero.bordered{border-bottom:3px solid #1f567a}@media only screen and (min-width: 768px){.hero.tall{height:260px}.hero.tall .grid>div{height:260px}.hero.tall .title{font-size:2.5rem;line-height:3.25rem}}.hero a{color:white}.hero .content{margin-left:17.304%}.hero .frame{background-color:white;border:1px solid white;border-radius:50%;overflow:hidden;height:118px;width:118px;margin-right:24px;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width: 480px){.hero .frame{height:80px;width:80px}}.hero .frame img{height:100%;width:100%}

.hero .grid>div{height:170px}.hero .image{float:left}.hero .image a{display:block;height:170px}.hero .image a::after{clear:both;content:"";display:table}.hero .image a div{float:left}.hero .image a .back{background:url(https://cdn.credly.com/assets/structure/back-arrow-b3d840a860cb497ed3f06a34b0fa588e37ace5c0613568ac8c3280ca0537406f.png) no-repeat left center;background-size:12px, 23px;width:24px;height:170px}.hero .name{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.hero .name h1{font-weight:300;font-size:1.5rem;line-height:1.95rem;text-shadow:0 2px 3px rgba(0,0,0,0.3);color:white;display:block}@media only screen and (min-width: 768px){.hero .name h1{font-size:2.625rem;line-height:3.4125rem}}.hero .title{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-left:20px}.hero .title a{display:inline-block}.hero .title a .back{background:url(https://cdn.credly.com/assets/structure/back-arrow-b3d840a860cb497ed3f06a34b0fa588e37ace5c0613568ac8c3280ca0537406f.png) no-repeat left center;background-size:12px, 23px;width:12px;height:23px}.hero .title h1{margin-left:0}.hero.photo{background-size:auto auto}@media only screen and (min-width: 1280px){.hero.photo{background-size:100%, 100% !important}}