@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/Open_Sans/static/OpenSans-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/Open_Sans/static/OpenSans-SemiBold.ttf') format('truetype');
	font-style: bold;
	font-weight: bold;
}
@font-face {
	font-family: 'Ruberoid';
	src: url('../fonts/Ruberoid/Ruberoid-Regular.otf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'Ruberoid';
	src: url('../fonts/Ruberoid/Ruberoid-Bold.otf') format('truetype');
	font-style: normal;
	font-weight: 500;
}
body * {font-family:'Ruberoid'}
.main-header .navbar {display:block}
.content {margin:auto;max-width:90%}
.main-header img {max-height:110px;margin:30px 95px;width:241.983px}
.content-wrapper, .skin-blue-light .main-header .navbar, .skin-blue-light .content, .certificate {background-color:#fff} 
.content * {color:#000}
.grey {color:#9d9d9d}
.student .content {min-height:0}
img.radius {border-radius:50%}
.student img {border-radius:50%;max-width:100px}
.content-center {position:relative;top:50%;left:50%;transform:translate(-50%,-50%);padding:25px 0;font-size:15px}
.student, .student * {background:#f4f6f9 !important}
a.skill {background-color:#fff;margin:0 25px 20px 0;-webkit-box-shadow:5px 5px 20px -10px #ccc;box-shadow:5px 5px 20px -10px #ccc}
.student-url .fa {font-size:25px !important;background-color:#0072b1 !important;color:#fff;border-radius:50%;padding:5px 7px}
.certificate p {font-size:15px;}
.url {text-decoration:underline;font-weight:500}
a.share {background-color:transparent;border-radius:5px;margin:20px !important}
a.share:hover, a.skill:hover {background-color:transparent;border-color:#0071be;color:#0071be !important}
.box-certificate {border-color:#000 !important;-webkit-box-shadow:5px 5px 20px -10px #ccc;box-shadow:5px 5px 20px -10px #ccc}
.text-2 {font-size:18px}
.issued, .issued * {color:#0071be;font-family:'Open Sans'}
.btn-lanaccess {color:#fff;background:#0071be !important;text-transform:uppercase;font-family:'Open Sans';font-weight:bold;padding:10px 20px;border:1px solid #0071be}
.btn-lanaccess:hover, .btn-lanaccess:focus {color:#0071be;background:#fff !important;}
.description {font-family:'Open Sans'}
.main-header .navbar {text-align: -webkit-left !important;direction:rtl;align-items:unset}
.badge {max-width:450px}
.student {line-height:2}
@media screen and (max-width:767px) {
	.content-center {padding:0}
	.btn-lanaccess {width:100%;margin:20px 0;display:block;margin-left:0 !important;text-align:center}
	.main-header img {max-width:200px}
}
@media screen and (min-width: 1600px) {
	.main-header img {margin:30px 104px}
	.badge {max-width:400px}
}